@fluentui/react-accordion 9.1.15 → 9.1.16

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 (140) hide show
  1. package/CHANGELOG.json +52 -1
  2. package/CHANGELOG.md +17 -2
  3. package/lib/Accordion.js +0 -1
  4. package/lib/Accordion.js.map +1 -1
  5. package/lib/AccordionHeader.js +0 -1
  6. package/lib/AccordionHeader.js.map +1 -1
  7. package/lib/AccordionItem.js +0 -1
  8. package/lib/AccordionItem.js.map +1 -1
  9. package/lib/AccordionPanel.js +0 -1
  10. package/lib/AccordionPanel.js.map +1 -1
  11. package/lib/components/Accordion/Accordion.js +6 -8
  12. package/lib/components/Accordion/Accordion.js.map +1 -1
  13. package/lib/components/Accordion/Accordion.types.js +0 -1
  14. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  15. package/lib/components/Accordion/AccordionContext.js +6 -7
  16. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  17. package/lib/components/Accordion/index.js +0 -1
  18. package/lib/components/Accordion/index.js.map +1 -1
  19. package/lib/components/Accordion/renderAccordion.js +6 -11
  20. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  21. package/lib/components/Accordion/useAccordion.js +68 -70
  22. package/lib/components/Accordion/useAccordion.js.map +1 -1
  23. package/lib/components/Accordion/useAccordionContextValues.js +11 -17
  24. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  25. package/lib/components/Accordion/useAccordionStyles.styles.js.map +1 -1
  26. package/lib/components/AccordionHeader/AccordionHeader.js +6 -8
  27. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  28. package/lib/components/AccordionHeader/AccordionHeader.types.js +1 -2
  29. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  30. package/lib/components/AccordionHeader/AccordionHeaderContext.js +6 -7
  31. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  32. package/lib/components/AccordionHeader/index.js +0 -1
  33. package/lib/components/AccordionHeader/index.js.map +1 -1
  34. package/lib/components/AccordionHeader/renderAccordionHeader.js +6 -11
  35. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  36. package/lib/components/AccordionHeader/useAccordionHeader.js +67 -84
  37. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  38. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +15 -16
  39. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  40. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js +5 -5
  41. package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
  42. package/lib/components/AccordionItem/AccordionItem.js +6 -8
  43. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  44. package/lib/components/AccordionItem/AccordionItem.types.js +0 -1
  45. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  46. package/lib/components/AccordionItem/AccordionItemContext.js +6 -7
  47. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  48. package/lib/components/AccordionItem/index.js +0 -1
  49. package/lib/components/AccordionItem/index.js.map +1 -1
  50. package/lib/components/AccordionItem/renderAccordionItem.js +6 -11
  51. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  52. package/lib/components/AccordionItem/useAccordionItem.js +22 -24
  53. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  54. package/lib/components/AccordionItem/useAccordionItemContextValues.js +13 -14
  55. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  56. package/lib/components/AccordionItem/useAccordionItemStyles.styles.js.map +1 -1
  57. package/lib/components/AccordionPanel/AccordionPanel.js +5 -7
  58. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  59. package/lib/components/AccordionPanel/AccordionPanel.types.js +1 -2
  60. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  61. package/lib/components/AccordionPanel/index.js +0 -1
  62. package/lib/components/AccordionPanel/index.js.map +1 -1
  63. package/lib/components/AccordionPanel/renderAccordionPanel.js +4 -9
  64. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  65. package/lib/components/AccordionPanel/useAccordionPanel.js +19 -23
  66. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  67. package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
  68. package/lib/index.js +0 -1
  69. package/lib/index.js.map +1 -1
  70. package/lib-commonjs/Accordion.js +0 -3
  71. package/lib-commonjs/Accordion.js.map +1 -1
  72. package/lib-commonjs/AccordionHeader.js +0 -3
  73. package/lib-commonjs/AccordionHeader.js.map +1 -1
  74. package/lib-commonjs/AccordionItem.js +0 -3
  75. package/lib-commonjs/AccordionItem.js.map +1 -1
  76. package/lib-commonjs/AccordionPanel.js +0 -3
  77. package/lib-commonjs/AccordionPanel.js.map +1 -1
  78. package/lib-commonjs/components/Accordion/Accordion.js +1 -3
  79. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  80. package/lib-commonjs/components/Accordion/Accordion.types.js +0 -3
  81. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  82. package/lib-commonjs/components/Accordion/AccordionContext.js +2 -4
  83. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  84. package/lib-commonjs/components/Accordion/index.js +0 -3
  85. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  86. package/lib-commonjs/components/Accordion/renderAccordion.js +1 -3
  87. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  88. package/lib-commonjs/components/Accordion/useAccordion.js +1 -3
  89. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  90. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +1 -3
  91. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  92. package/lib-commonjs/components/Accordion/useAccordionStyles.styles.js +0 -2
  93. package/lib-commonjs/components/Accordion/useAccordionStyles.styles.js.map +1 -1
  94. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +1 -3
  95. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  96. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +0 -3
  97. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  98. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +1 -3
  99. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  100. package/lib-commonjs/components/AccordionHeader/index.js +0 -3
  101. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  102. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +1 -3
  103. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  104. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +4 -6
  105. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  106. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -3
  107. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  108. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js +12 -14
  109. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
  110. package/lib-commonjs/components/AccordionItem/AccordionItem.js +1 -3
  111. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  112. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +0 -3
  113. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  114. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +1 -3
  115. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  116. package/lib-commonjs/components/AccordionItem/index.js +0 -3
  117. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  118. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +1 -3
  119. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  120. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +1 -3
  121. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  122. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +1 -3
  123. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  124. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.js +0 -2
  125. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.js.map +1 -1
  126. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +1 -3
  127. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  128. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +0 -3
  129. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  130. package/lib-commonjs/components/AccordionPanel/index.js +0 -3
  131. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  132. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +1 -3
  133. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  134. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +1 -3
  135. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  136. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js +0 -2
  137. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
  138. package/lib-commonjs/index.js +0 -3
  139. package/lib-commonjs/index.js.map +1 -1
  140. package/package.json +8 -8
package/CHANGELOG.json CHANGED
@@ -2,7 +2,58 @@
2
2
  "name": "@fluentui/react-accordion",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 25 May 2023 09:57:45 GMT",
5
+ "date": "Wed, 31 May 2023 06:42:51 GMT",
6
+ "tag": "@fluentui/react-accordion_v9.1.16",
7
+ "version": "9.1.16",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "seanmonahan@microsoft.com",
12
+ "package": "@fluentui/react-accordion",
13
+ "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
14
+ "comment": "chore: Update Griffel to v1.5.7."
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-accordion",
19
+ "comment": "Bump @fluentui/react-aria to v9.3.22",
20
+ "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-accordion",
25
+ "comment": "Bump @fluentui/react-context-selector to v9.1.22",
26
+ "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-accordion",
31
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
32
+ "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-accordion",
37
+ "comment": "Bump @fluentui/react-tabster to v9.7.5",
38
+ "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-accordion",
43
+ "comment": "Bump @fluentui/react-utilities to v9.9.2",
44
+ "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-accordion",
49
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
50
+ "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
51
+ }
52
+ ]
53
+ }
54
+ },
55
+ {
56
+ "date": "Thu, 25 May 2023 10:00:48 GMT",
6
57
  "tag": "@fluentui/react-accordion_v9.1.15",
7
58
  "version": "9.1.15",
8
59
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,27 @@
1
1
  # Change Log - @fluentui/react-accordion
2
2
 
3
- This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 31 May 2023 06:42:51 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.16)
8
+
9
+ Wed, 31 May 2023 06:42:51 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.15..@fluentui/react-accordion_v9.1.16)
11
+
12
+ ### Patches
13
+
14
+ - chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
15
+ - Bump @fluentui/react-aria to v9.3.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
16
+ - Bump @fluentui/react-context-selector to v9.1.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
18
+ - Bump @fluentui/react-tabster to v9.7.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
19
+ - Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
20
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
21
+
7
22
  ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.15)
8
23
 
9
- Thu, 25 May 2023 09:57:45 GMT
24
+ Thu, 25 May 2023 10:00:48 GMT
10
25
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.14..@fluentui/react-accordion_v9.1.15)
11
26
 
12
27
  ### Patches
package/lib/Accordion.js CHANGED
@@ -1,2 +1 @@
1
1
  export * from './components/Accordion/index';
2
- //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../src/Accordion.ts"],"sourcesContent":["export * from './components/Accordion/index';\n"],"mappings":"AAAA,cAAc"}
1
+ {"version":3,"sources":["Accordion.ts"],"sourcesContent":["export * from './components/Accordion/index';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B"}
@@ -1,2 +1 @@
1
1
  export * from './components/AccordionHeader/index';
2
- //# sourceMappingURL=AccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../src/AccordionHeader.ts"],"sourcesContent":["export * from './components/AccordionHeader/index';\n"],"mappings":"AAAA,cAAc"}
1
+ {"version":3,"sources":["AccordionHeader.ts"],"sourcesContent":["export * from './components/AccordionHeader/index';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC"}
@@ -1,2 +1 @@
1
1
  export * from './components/AccordionItem/index';
2
- //# sourceMappingURL=AccordionItem.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../src/AccordionItem.ts"],"sourcesContent":["export * from './components/AccordionItem/index';\n"],"mappings":"AAAA,cAAc"}
1
+ {"version":3,"sources":["AccordionItem.ts"],"sourcesContent":["export * from './components/AccordionItem/index';\n"],"names":[],"mappings":"AAAA,cAAc,mCAAmC"}
@@ -1,2 +1 @@
1
1
  export * from './components/AccordionPanel/index';
2
- //# sourceMappingURL=AccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../src/AccordionPanel.ts"],"sourcesContent":["export * from './components/AccordionPanel/index';\n"],"mappings":"AAAA,cAAc"}
1
+ {"version":3,"sources":["AccordionPanel.ts"],"sourcesContent":["export * from './components/AccordionPanel/index';\n"],"names":[],"mappings":"AAAA,cAAc,oCAAoC"}
@@ -6,13 +6,11 @@ import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
6
6
  import { useAccordionStyles_unstable } from './useAccordionStyles.styles';
7
7
  /**
8
8
  * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
9
- */
10
- export const Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
11
- const state = useAccordion_unstable(props, ref);
12
- const contextValues = useAccordionContextValues_unstable(state);
13
- useAccordionStyles_unstable(state);
14
- useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);
15
- return renderAccordion_unstable(state, contextValues);
9
+ */ export const Accordion = /*#__PURE__*/ React.forwardRef((props, ref)=>{
10
+ const state = useAccordion_unstable(props, ref);
11
+ const contextValues = useAccordionContextValues_unstable(state);
12
+ useAccordionStyles_unstable(state);
13
+ useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);
14
+ return renderAccordion_unstable(state, contextValues);
16
15
  });
17
16
  Accordion.displayName = 'Accordion';
18
- //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","renderAccordion_unstable","useAccordion_unstable","useAccordionContextValues_unstable","useCustomStyleHook_unstable","useAccordionStyles_unstable","Accordion","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n\n return renderAccordion_unstable(state, contextValues);\n },\n);\n\nAccordion.displayName = 'Accordion';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,QAAQ;AACzC,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kCAAkC,QAAQ;AACnD,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,2BAA2B,QAAQ;AAI5C;;;AAGA,OAAO,MAAMC,SAAA,gBAAiDN,KAAA,CAAMO,UAAU,CAC5E,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACd,MAAMC,KAAA,GAAQR,qBAAA,CAAsBM,KAAA,EAAOC,GAAA;EAC3C,MAAME,aAAA,GAAgBR,kCAAA,CAAmCO,KAAA;EAEzDL,2BAAA,CAA4BK,KAAA;EAE5BN,2BAAA,CAA4B,+BAA+BM,KAAA;EAE3D,OAAOT,wBAAA,CAAyBS,KAAA,EAAOC,aAAA;AACzC;AAGFL,SAAA,CAAUM,WAAW,GAAG"}
1
+ {"version":3,"sources":["Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n\n return renderAccordion_unstable(state, contextValues);\n },\n);\n\nAccordion.displayName = 'Accordion';\n"],"names":["React","renderAccordion_unstable","useAccordion_unstable","useAccordionContextValues_unstable","useCustomStyleHook_unstable","useAccordionStyles_unstable","Accordion","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,2BAA2B,QAAQ,8BAA8B;AAI1E;;CAEC,GACD,OAAO,MAAMC,0BAAiDN,MAAMO,UAAU,CAC5E,CAACC,OAAOC,MAAQ;IACd,MAAMC,QAAQR,sBAAsBM,OAAOC;IAC3C,MAAME,gBAAgBR,mCAAmCO;IAEzDL,4BAA4BK;IAE5BN,4BAA4B,+BAA+BM;IAE3D,OAAOT,yBAAyBS,OAAOC;AACzC,GACA;AAEFL,UAAUM,WAAW,GAAG"}
@@ -1,2 +1 @@
1
1
  import * as React from 'react';
2
- //# sourceMappingURL=Accordion.types.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React"],"sources":["../../../src/components/Accordion/Accordion.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\n\nexport type AccordionIndex = number | number[];\n\nexport type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;\n\nexport type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n\nexport type AccordionContextValue = Required<Pick<AccordionProps, 'collapsible'>> &\n Pick<AccordionProps, 'navigation'> & {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n };\n\nexport type AccordionContextValues = {\n accordion: AccordionContextValue;\n};\n\nexport type AccordionSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionToggleData = {\n value: AccordionItemValue;\n};\n\nexport type AccordionProps = ComponentProps<AccordionSlots> & {\n /**\n * Default value for the uncontrolled state of the panel.\n */\n defaultOpenItems?: AccordionItemValue | AccordionItemValue[];\n\n /**\n * Indicates if Accordion support multiple Panels closed at the same time.\n */\n collapsible?: boolean;\n\n /**\n * Indicates if Accordion support multiple Panels opened at the same time.\n */\n multiple?: boolean;\n\n /**\n * Indicates if keyboard navigation is available and gives two options, linear or circular navigation.\n */\n navigation?: 'linear' | 'circular';\n\n /**\n * Callback to be called when the opened items change.\n */\n onToggle?: AccordionToggleEventHandler;\n\n /**\n * Controls the state of the panel.\n */\n openItems?: AccordionItemValue | AccordionItemValue[];\n};\n\nexport type AccordionState = ComponentState<AccordionSlots> & AccordionContextValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
1
+ {"version":3,"sources":["Accordion.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\n\nexport type AccordionIndex = number | number[];\n\nexport type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;\n\nexport type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n\nexport type AccordionContextValue = Required<Pick<AccordionProps, 'collapsible'>> &\n Pick<AccordionProps, 'navigation'> & {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n };\n\nexport type AccordionContextValues = {\n accordion: AccordionContextValue;\n};\n\nexport type AccordionSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionToggleData = {\n value: AccordionItemValue;\n};\n\nexport type AccordionProps = ComponentProps<AccordionSlots> & {\n /**\n * Default value for the uncontrolled state of the panel.\n */\n defaultOpenItems?: AccordionItemValue | AccordionItemValue[];\n\n /**\n * Indicates if Accordion support multiple Panels closed at the same time.\n */\n collapsible?: boolean;\n\n /**\n * Indicates if Accordion support multiple Panels opened at the same time.\n */\n multiple?: boolean;\n\n /**\n * Indicates if keyboard navigation is available and gives two options, linear or circular navigation.\n */\n navigation?: 'linear' | 'circular';\n\n /**\n * Callback to be called when the opened items change.\n */\n onToggle?: AccordionToggleEventHandler;\n\n /**\n * Controls the state of the panel.\n */\n openItems?: AccordionItemValue | AccordionItemValue[];\n};\n\nexport type AccordionState = ComponentState<AccordionSlots> & AccordionContextValue;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
@@ -1,11 +1,10 @@
1
1
  import { createContext, useContextSelector } from '@fluentui/react-context-selector';
2
- export const AccordionContext = /*#__PURE__*/createContext(undefined);
2
+ export const AccordionContext = createContext(undefined);
3
3
  const accordionContextDefaultValue = {
4
- openItems: [],
5
- collapsible: false,
6
- requestToggle() {
7
- /* noop */}
4
+ openItems: [],
5
+ collapsible: false,
6
+ requestToggle () {
7
+ /* noop */ }
8
8
  };
9
9
  export const AccordionProvider = AccordionContext.Provider;
10
- export const useAccordionContext_unstable = selector => useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));
11
- //# sourceMappingURL=AccordionContext.js.map
10
+ export const useAccordionContext_unstable = (selector)=>useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue)=>selector(ctx));
@@ -1 +1 @@
1
- {"version":3,"names":["createContext","useContextSelector","AccordionContext","undefined","accordionContextDefaultValue","openItems","collapsible","requestToggle","AccordionProvider","Provider","useAccordionContext_unstable","selector","ctx"],"sources":["../../../src/components/Accordion/AccordionContext.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue | undefined>(\n undefined,\n) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"mappings":"AAAA,SAASA,aAAa,EAAmBC,kBAAkB,QAAQ;AAInE,OAAO,MAAMC,gBAAA,gBAAmDF,aAAA,CAC9DG,SAAA;AAGF,MAAMC,4BAAA,GAAsD;EAC1DC,SAAA,EAAW,EAAE;EACbC,WAAA,EAAa,KAAK;EAClBC,cAAA,EAAgB;IACd;AAEJ;AAEA,OAAO,MAAMC,iBAAA,GAAoBN,gBAAA,CAAiBO,QAAQ;AAC1D,OAAO,MAAMC,4BAAA,GAAmCC,QAAA,IAC9CV,kBAAA,CAAmBC,gBAAA,EAAkB,CAACU,GAAA,GAAMR,4BAA4B,KAAKO,QAAA,CAASC,GAAA"}
1
+ {"version":3,"sources":["AccordionContext.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue | undefined>(\n undefined,\n) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","AccordionContext","undefined","accordionContextDefaultValue","openItems","collapsible","requestToggle","AccordionProvider","Provider","useAccordionContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAmBC,kBAAkB,QAAQ,mCAAmC;AAItG,OAAO,MAAMC,mBAAmDF,cAC9DG,WACkC;AAEpC,MAAMC,+BAAsD;IAC1DC,WAAW,EAAE;IACbC,aAAa,KAAK;IAClBC,iBAAgB;IACd,QAAQ,GACV;AACF;AAEA,OAAO,MAAMC,oBAAoBN,iBAAiBO,QAAQ,CAAC;AAC3D,OAAO,MAAMC,+BAA+B,CAAIC,WAC9CV,mBAAmBC,kBAAkB,CAACU,MAAMR,4BAA4B,GAAKO,SAASC,MAAM"}
@@ -5,4 +5,3 @@ export * from './useAccordion';
5
5
  export * from './useAccordionStyles.styles';
6
6
  export * from './useAccordionContextValues';
7
7
  export * from './AccordionContext';
8
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/Accordion/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles.styles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles.styles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n"],"names":[],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,iBAAiB;AAC/B,cAAc,8BAA8B;AAC5C,cAAc,8BAA8B;AAC5C,cAAc,qBAAqB"}
@@ -1,16 +1,11 @@
1
- /** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
1
+ /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
2
2
  import { getSlotsNext } from '@fluentui/react-utilities';
3
3
  import { AccordionContext } from './AccordionContext';
4
4
  /**
5
5
  * Function that renders the final JSX of the component
6
- */
7
- export const renderAccordion_unstable = (state, contextValues) => {
8
- const {
9
- slots,
10
- slotProps
11
- } = getSlotsNext(state);
12
- return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(AccordionContext.Provider, {
13
- value: contextValues.accordion
14
- }, slotProps.root.children));
6
+ */ export const renderAccordion_unstable = (state, contextValues)=>{
7
+ const { slots , slotProps } = getSlotsNext(state);
8
+ return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionContext.Provider, {
9
+ value: contextValues.accordion
10
+ }, slotProps.root.children));
15
11
  };
16
- //# sourceMappingURL=renderAccordion.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["createElement","getSlotsNext","AccordionContext","renderAccordion_unstable","state","contextValues","slots","slotProps","root","Provider","value","accordion","children"],"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\n\nimport { AccordionContext } from './AccordionContext';\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n const { slots, slotProps } = getSlotsNext<AccordionSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionContext.Provider value={contextValues.accordion}>{slotProps.root.children}</AccordionContext.Provider>\n </slots.root>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAE7B,SAASC,gBAAgB,QAAQ;AAGjC;;;AAGA,OAAO,MAAMC,wBAAA,GAA2BA,CAACC,KAAA,EAAuBC,aAAA,KAA0C;EACxG,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAA6BG,KAAA;EAE1D,oBACEJ,aAhBJ,CAgBKM,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,eAC5BR,aAjBN,CAiBOE,gBAAA,CAAiBO,QAAQ;IAACC,KAAA,EAAOL,aAAA,CAAcM;KAAYJ,SAAA,CAAUC,IAAI,CAACI,QAAQ;AAGzF"}
1
+ {"version":3,"sources":["renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\n\nimport { AccordionContext } from './AccordionContext';\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n const { slots, slotProps } = getSlotsNext<AccordionSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionContext.Provider value={contextValues.accordion}>{slotProps.root.children}</AccordionContext.Provider>\n </slots.root>\n );\n};\n"],"names":["createElement","getSlotsNext","AccordionContext","renderAccordion_unstable","state","contextValues","slots","slotProps","root","Provider","value","accordion","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,gBAAgB,QAAQ,qBAAqB;AAGtD;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAAuBC,gBAA0C;IACxG,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAA6BG;IAE1D,qBACE,AAhBJ,cAgBKE,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAjBN,cAiBON,iBAAiBO,QAAQ;QAACC,OAAOL,cAAcM,SAAS;OAAGJ,UAAUC,IAAI,CAACI,QAAQ;AAGzF,EAAE"}
@@ -5,61 +5,55 @@ import { useArrowNavigationGroup } from '@fluentui/react-tabster';
5
5
  * Returns the props and state required to render the component
6
6
  * @param props - Accordion properties
7
7
  * @param ref - reference to root HTMLElement of Accordion
8
- */
9
- export const useAccordion_unstable = (props, ref) => {
10
- const {
11
- openItems: controlledOpenItems,
12
- defaultOpenItems,
13
- multiple = false,
14
- collapsible = false,
15
- onToggle,
16
- navigation
17
- } = props;
18
- const [openItems, setOpenItems] = useControllableState({
19
- state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),
20
- defaultState: () => initializeUncontrolledOpenItems({
21
- defaultOpenItems,
22
- multiple
23
- }),
24
- initialState: []
25
- });
26
- const arrowNavigationProps = useArrowNavigationGroup({
27
- circular: navigation === 'circular',
28
- tabbable: true
29
- });
30
- const requestToggle = useEventCallback((event, data) => {
31
- onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);
32
- setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
33
- });
34
- return {
35
- collapsible,
36
- navigation,
37
- openItems,
38
- requestToggle,
39
- components: {
40
- root: 'div'
41
- },
42
- root: getNativeElementProps('div', {
43
- ...props,
44
- ...(navigation ? arrowNavigationProps : {}),
45
- ref
46
- })
47
- };
8
+ */ export const useAccordion_unstable = (props, ref)=>{
9
+ const { openItems: controlledOpenItems , defaultOpenItems , multiple =false , collapsible =false , onToggle , navigation } = props;
10
+ const [openItems, setOpenItems] = useControllableState({
11
+ state: React.useMemo(()=>normalizeValues(controlledOpenItems), [
12
+ controlledOpenItems
13
+ ]),
14
+ defaultState: ()=>initializeUncontrolledOpenItems({
15
+ defaultOpenItems,
16
+ multiple
17
+ }),
18
+ initialState: []
19
+ });
20
+ const arrowNavigationProps = useArrowNavigationGroup({
21
+ circular: navigation === 'circular',
22
+ tabbable: true
23
+ });
24
+ const requestToggle = useEventCallback((event, data)=>{
25
+ onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);
26
+ setOpenItems((previousOpenItems)=>updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
27
+ });
28
+ return {
29
+ collapsible,
30
+ navigation,
31
+ openItems,
32
+ requestToggle,
33
+ components: {
34
+ root: 'div'
35
+ },
36
+ root: getNativeElementProps('div', {
37
+ ...props,
38
+ ...navigation ? arrowNavigationProps : {},
39
+ ref
40
+ })
41
+ };
48
42
  };
49
43
  /**
50
44
  * Initial value for the uncontrolled case of the list of open indexes
51
- */
52
- function initializeUncontrolledOpenItems({
53
- defaultOpenItems,
54
- multiple
55
- }) {
56
- if (defaultOpenItems !== undefined) {
57
- if (Array.isArray(defaultOpenItems)) {
58
- return multiple ? defaultOpenItems : [defaultOpenItems[0]];
45
+ */ function initializeUncontrolledOpenItems({ defaultOpenItems , multiple }) {
46
+ if (defaultOpenItems !== undefined) {
47
+ if (Array.isArray(defaultOpenItems)) {
48
+ return multiple ? defaultOpenItems : [
49
+ defaultOpenItems[0]
50
+ ];
51
+ }
52
+ return [
53
+ defaultOpenItems
54
+ ];
59
55
  }
60
- return [defaultOpenItems];
61
- }
62
- return [];
56
+ return [];
63
57
  }
64
58
  /**
65
59
  * Updates the list of open indexes based on an index that changes
@@ -67,28 +61,32 @@ function initializeUncontrolledOpenItems({
67
61
  * @param previousOpenItems - list of current open indexes
68
62
  * @param multiple - if Accordion support multiple Panels opened at the same time
69
63
  * @param collapsible - if Accordion support multiple Panels closed at the same time
70
- */
71
- function updateOpenItems(value, previousOpenItems, multiple, collapsible) {
72
- if (multiple) {
73
- if (previousOpenItems.includes(value)) {
74
- if (previousOpenItems.length > 1 || collapsible) {
75
- return previousOpenItems.filter(i => i !== value);
76
- }
64
+ */ function updateOpenItems(value, previousOpenItems, multiple, collapsible) {
65
+ if (multiple) {
66
+ if (previousOpenItems.includes(value)) {
67
+ if (previousOpenItems.length > 1 || collapsible) {
68
+ return previousOpenItems.filter((i)=>i !== value);
69
+ }
70
+ } else {
71
+ return [
72
+ ...previousOpenItems,
73
+ value
74
+ ].sort();
75
+ }
77
76
  } else {
78
- return [...previousOpenItems, value].sort();
77
+ return previousOpenItems[0] === value && collapsible ? [] : [
78
+ value
79
+ ];
79
80
  }
80
- } else {
81
- return previousOpenItems[0] === value && collapsible ? [] : [value];
82
- }
83
- return previousOpenItems;
81
+ return previousOpenItems;
84
82
  }
85
83
  /**
86
84
  * Normalizes Accordion index into an array of indexes
87
- */
88
- function normalizeValues(index) {
89
- if (index === undefined) {
90
- return undefined;
91
- }
92
- return Array.isArray(index) ? index : [index];
85
+ */ function normalizeValues(index) {
86
+ if (index === undefined) {
87
+ return undefined;
88
+ }
89
+ return Array.isArray(index) ? index : [
90
+ index
91
+ ];
93
92
  }
94
- //# sourceMappingURL=useAccordion.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","getNativeElementProps","useControllableState","useEventCallback","useArrowNavigationGroup","useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","state","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","circular","tabbable","requestToggle","event","data","previousOpenItems","updateOpenItems","value","components","root","undefined","Array","isArray","includes","length","filter","i","sort","index"],"sources":["../../../src/components/Accordion/useAccordion.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionProps, AccordionState, AccordionToggleData, AccordionToggleEvent } from './Accordion.types';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */\nexport const useAccordion_unstable = (props: AccordionProps, ref: React.Ref<HTMLElement>): AccordionState => {\n const {\n openItems: controlledOpenItems,\n defaultOpenItems,\n multiple = false,\n collapsible = false,\n onToggle,\n navigation,\n } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n defaultState: () => initializeUncontrolledOpenItems({ defaultOpenItems, multiple }),\n initialState: [],\n });\n\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: navigation === 'circular',\n tabbable: true,\n });\n\n const requestToggle = useEventCallback((event: AccordionToggleEvent, data: AccordionToggleData) => {\n onToggle?.(event, data);\n setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n });\n\n return {\n collapsible,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ...props,\n ...(navigation ? arrowNavigationProps : {}),\n ref,\n }),\n };\n};\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple,\n}: Pick<AccordionProps, 'defaultOpenItems' | 'multiple'>): AccordionItemValue[] {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n }\n return [defaultOpenItems];\n }\n return [];\n}\n\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */\nfunction updateOpenItems(\n value: AccordionItemValue,\n previousOpenItems: AccordionItemValue[],\n multiple: boolean,\n collapsible: boolean,\n) {\n if (multiple) {\n if (previousOpenItems.includes(value)) {\n if (previousOpenItems.length > 1 || collapsible) {\n return previousOpenItems.filter(i => i !== value);\n }\n } else {\n return [...previousOpenItems, value].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [value];\n }\n return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index?: AccordionItemValue | AccordionItemValue[]): AccordionItemValue[] | undefined {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [index];\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ;AAG9E,SAASC,uBAAuB,QAAQ;AAExC;;;;;AAKA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAgD;EAC3G,MAAM;IACJC,SAAA,EAAWC,mBAAA;IACXC,gBAAA;IACAC,QAAA,GAAW,KAAK;IAChBC,WAAA,GAAc,KAAK;IACnBC,QAAA;IACAC;EAAU,CACX,GAAGR,KAAA;EACJ,MAAM,CAACE,SAAA,EAAWO,YAAA,CAAa,GAAGb,oBAAA,CAAqB;IACrDc,KAAA,EAAOhB,KAAA,CAAMiB,OAAO,CAAC,MAAMC,eAAA,CAAgBT,mBAAA,GAAsB,CAACA,mBAAA,CAAoB;IACtFU,YAAA,EAAcA,CAAA,KAAMC,+BAAA,CAAgC;MAAEV,gBAAA;MAAkBC;IAAS;IACjFU,YAAA,EAAc;EAChB;EAEA,MAAMC,oBAAA,GAAuBlB,uBAAA,CAAwB;IACnDmB,QAAA,EAAUT,UAAA,KAAe;IACzBU,QAAA,EAAU;EACZ;EAEA,MAAMC,aAAA,GAAgBtB,gBAAA,CAAiB,CAACuB,KAAA,EAA6BC,IAAA,KAA8B;IACjGd,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAWa,KAAA,EAAOC,IAAA;IAClBZ,YAAA,CAAaa,iBAAA,IAAqBC,eAAA,CAAgBF,IAAA,CAAKG,KAAK,EAAEF,iBAAA,EAAmBjB,QAAA,EAAUC,WAAA;EAC7F;EAEA,OAAO;IACLA,WAAA;IACAE,UAAA;IACAN,SAAA;IACAiB,aAAA;IACAM,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAM/B,qBAAA,CAAsB,OAAO;MACjC,GAAGK,KAAK;MACR,IAAIQ,UAAA,GAAaQ,oBAAA,GAAuB,CAAC,CAAC;MAC1Cf;IACF;EACF;AACF;AAEA;;;AAGA,SAASa,gCAAgC;EACvCV,gBAAA;EACAC;AAAQ,CAC8C,EAAwB;EAC9E,IAAID,gBAAA,KAAqBuB,SAAA,EAAW;IAClC,IAAIC,KAAA,CAAMC,OAAO,CAACzB,gBAAA,GAAmB;MACnC,OAAOC,QAAA,GAAWD,gBAAA,GAAmB,CAACA,gBAAgB,CAAC,EAAE,CAAC;IAC5D;IACA,OAAO,CAACA,gBAAA,CAAiB;EAC3B;EACA,OAAO,EAAE;AACX;AAEA;;;;;;;AAOA,SAASmB,gBACPC,KAAyB,EACzBF,iBAAuC,EACvCjB,QAAiB,EACjBC,WAAoB,EACpB;EACA,IAAID,QAAA,EAAU;IACZ,IAAIiB,iBAAA,CAAkBQ,QAAQ,CAACN,KAAA,GAAQ;MACrC,IAAIF,iBAAA,CAAkBS,MAAM,GAAG,KAAKzB,WAAA,EAAa;QAC/C,OAAOgB,iBAAA,CAAkBU,MAAM,CAACC,CAAA,IAAKA,CAAA,KAAMT,KAAA;MAC7C;IACF,OAAO;MACL,OAAO,C,GAAIF,iBAAA,EAAmBE,KAAA,CAAM,CAACU,IAAI;IAC3C;EACF,OAAO;IACL,OAAOZ,iBAAiB,CAAC,EAAE,KAAKE,KAAA,IAASlB,WAAA,GAAc,EAAE,GAAG,CAACkB,KAAA,CAAM;EACrE;EACA,OAAOF,iBAAA;AACT;AAEA;;;AAGA,SAASV,gBAAgBuB,KAAiD,EAAoC;EAC5G,IAAIA,KAAA,KAAUR,SAAA,EAAW;IACvB,OAAOA,SAAA;EACT;EACA,OAAOC,KAAA,CAAMC,OAAO,CAACM,KAAA,IAASA,KAAA,GAAQ,CAACA,KAAA,CAAM;AAC/C"}
1
+ {"version":3,"sources":["useAccordion.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionProps, AccordionState, AccordionToggleData, AccordionToggleEvent } from './Accordion.types';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */\nexport const useAccordion_unstable = (props: AccordionProps, ref: React.Ref<HTMLElement>): AccordionState => {\n const {\n openItems: controlledOpenItems,\n defaultOpenItems,\n multiple = false,\n collapsible = false,\n onToggle,\n navigation,\n } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n defaultState: () => initializeUncontrolledOpenItems({ defaultOpenItems, multiple }),\n initialState: [],\n });\n\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: navigation === 'circular',\n tabbable: true,\n });\n\n const requestToggle = useEventCallback((event: AccordionToggleEvent, data: AccordionToggleData) => {\n onToggle?.(event, data);\n setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n });\n\n return {\n collapsible,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ...props,\n ...(navigation ? arrowNavigationProps : {}),\n ref,\n }),\n };\n};\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple,\n}: Pick<AccordionProps, 'defaultOpenItems' | 'multiple'>): AccordionItemValue[] {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n }\n return [defaultOpenItems];\n }\n return [];\n}\n\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */\nfunction updateOpenItems(\n value: AccordionItemValue,\n previousOpenItems: AccordionItemValue[],\n multiple: boolean,\n collapsible: boolean,\n) {\n if (multiple) {\n if (previousOpenItems.includes(value)) {\n if (previousOpenItems.length > 1 || collapsible) {\n return previousOpenItems.filter(i => i !== value);\n }\n } else {\n return [...previousOpenItems, value].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [value];\n }\n return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index?: AccordionItemValue | AccordionItemValue[]): AccordionItemValue[] | undefined {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [index];\n}\n"],"names":["React","getNativeElementProps","useControllableState","useEventCallback","useArrowNavigationGroup","useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","state","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","circular","tabbable","requestToggle","event","data","previousOpenItems","updateOpenItems","value","components","root","undefined","Array","isArray","includes","length","filter","i","sort","index"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAG1G,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE;;;;CAIC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAgD;IAC3G,MAAM,EACJC,WAAWC,oBAAmB,EAC9BC,iBAAgB,EAChBC,UAAW,KAAK,CAAA,EAChBC,aAAc,KAAK,CAAA,EACnBC,SAAQ,EACRC,WAAU,EACX,GAAGR;IACJ,MAAM,CAACE,WAAWO,aAAa,GAAGb,qBAAqB;QACrDc,OAAOhB,MAAMiB,OAAO,CAAC,IAAMC,gBAAgBT,sBAAsB;YAACA;SAAoB;QACtFU,cAAc,IAAMC,gCAAgC;gBAAEV;gBAAkBC;YAAS;QACjFU,cAAc,EAAE;IAClB;IAEA,MAAMC,uBAAuBlB,wBAAwB;QACnDmB,UAAUT,eAAe;QACzBU,UAAU,IAAI;IAChB;IAEA,MAAMC,gBAAgBtB,iBAAiB,CAACuB,OAA6BC,OAA8B;QACjGd,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWa,OAAOC;QAClBZ,aAAaa,CAAAA,oBAAqBC,gBAAgBF,KAAKG,KAAK,EAAEF,mBAAmBjB,UAAUC;IAC7F;IAEA,OAAO;QACLA;QACAE;QACAN;QACAiB;QACAM,YAAY;YACVC,MAAM;QACR;QACAA,MAAM/B,sBAAsB,OAAO;YACjC,GAAGK,KAAK;YACR,GAAIQ,aAAaQ,uBAAuB,CAAC,CAAC;YAC1Cf;QACF;IACF;AACF,EAAE;AAEF;;CAEC,GACD,SAASa,gCAAgC,EACvCV,iBAAgB,EAChBC,SAAQ,EAC8C,EAAwB;IAC9E,IAAID,qBAAqBuB,WAAW;QAClC,IAAIC,MAAMC,OAAO,CAACzB,mBAAmB;YACnC,OAAOC,WAAWD,mBAAmB;gBAACA,gBAAgB,CAAC,EAAE;aAAC;QAC5D,CAAC;QACD,OAAO;YAACA;SAAiB;IAC3B,CAAC;IACD,OAAO,EAAE;AACX;AAEA;;;;;;CAMC,GACD,SAASmB,gBACPC,KAAyB,EACzBF,iBAAuC,EACvCjB,QAAiB,EACjBC,WAAoB,EACpB;IACA,IAAID,UAAU;QACZ,IAAIiB,kBAAkBQ,QAAQ,CAACN,QAAQ;YACrC,IAAIF,kBAAkBS,MAAM,GAAG,KAAKzB,aAAa;gBAC/C,OAAOgB,kBAAkBU,MAAM,CAACC,CAAAA,IAAKA,MAAMT;YAC7C,CAAC;QACH,OAAO;YACL,OAAO;mBAAIF;gBAAmBE;aAAM,CAACU,IAAI;QAC3C,CAAC;IACH,OAAO;QACL,OAAOZ,iBAAiB,CAAC,EAAE,KAAKE,SAASlB,cAAc,EAAE,GAAG;YAACkB;SAAM;IACrE,CAAC;IACD,OAAOF;AACT;AAEA;;CAEC,GACD,SAASV,gBAAgBuB,KAAiD,EAAoC;IAC5G,IAAIA,UAAUR,WAAW;QACvB,OAAOA;IACT,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACM,SAASA,QAAQ;QAACA;KAAM;AAC/C"}
@@ -1,19 +1,13 @@
1
1
  export function useAccordionContextValues_unstable(state) {
2
- const {
3
- navigation,
4
- openItems,
5
- requestToggle,
6
- collapsible
7
- } = state;
8
- // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
9
- const accordion = {
10
- navigation,
11
- openItems,
12
- requestToggle,
13
- collapsible
14
- };
15
- return {
16
- accordion
17
- };
2
+ const { navigation , openItems , requestToggle , collapsible } = state;
3
+ // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
4
+ const accordion = {
5
+ navigation,
6
+ openItems,
7
+ requestToggle,
8
+ collapsible
9
+ };
10
+ return {
11
+ accordion
12
+ };
18
13
  }
19
- //# sourceMappingURL=useAccordionContextValues.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","collapsible","accordion"],"sources":["../../../src/components/Accordion/useAccordionContextValues.ts"],"sourcesContent":["import type { AccordionContextValue, AccordionContextValues, AccordionState } from './Accordion.types';\n\nexport function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues {\n const { navigation, openItems, requestToggle, collapsible } = state;\n\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const accordion: AccordionContextValue = {\n navigation,\n openItems,\n requestToggle,\n collapsible,\n };\n\n return { accordion };\n}\n"],"mappings":"AAEA,OAAO,SAASA,mCAAmCC,KAAqB,EAA0B;EAChG,MAAM;IAAEC,UAAA;IAAYC,SAAA;IAAWC,aAAA;IAAeC;EAAW,CAAE,GAAGJ,KAAA;EAE9D;EACA,MAAMK,SAAA,GAAmC;IACvCJ,UAAA;IACAC,SAAA;IACAC,aAAA;IACAC;EACF;EAEA,OAAO;IAAEC;EAAU;AACrB"}
1
+ {"version":3,"sources":["useAccordionContextValues.ts"],"sourcesContent":["import type { AccordionContextValue, AccordionContextValues, AccordionState } from './Accordion.types';\n\nexport function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues {\n const { navigation, openItems, requestToggle, collapsible } = state;\n\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const accordion: AccordionContextValue = {\n navigation,\n openItems,\n requestToggle,\n collapsible,\n };\n\n return { accordion };\n}\n"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","collapsible","accordion"],"mappings":"AAEA,OAAO,SAASA,mCAAmCC,KAAqB,EAA0B;IAChG,MAAM,EAAEC,WAAU,EAAEC,UAAS,EAAEC,cAAa,EAAEC,YAAW,EAAE,GAAGJ;IAE9D,mGAAmG;IACnG,MAAMK,YAAmC;QACvCJ;QACAC;QACAC;QACAC;IACF;IAEA,OAAO;QAAEC;IAAU;AACrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"names":["mergeClasses","accordionClassNames","root","useAccordionStyles_unstable","state","className"],"sources":["../../../src/components/Accordion/useAccordionStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState) => {\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAG7B,OAAO,MAAMC,mBAAA,GAAsD;EACjEC,IAAA,EAAM;AACR;AAEA,OAAO,MAAMC,2BAAA,GAA+BC,KAAA,IAA0B;EACpEA,KAAA,CAAMF,IAAI,CAACG,SAAS,GAAGL,YAAA,CAAaC,mBAAA,CAAoBC,IAAI,EAAEE,KAAA,CAAMF,IAAI,CAACG,SAAS;EAElF,OAAOD,KAAA;AACT"}
1
+ {"version":3,"names":["mergeClasses","accordionClassNames","root","useAccordionStyles_unstable","state","className"],"sources":["useAccordionStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionClassNames = {\n root: 'fui-Accordion'\n};\nexport const useAccordionStyles_unstable = (state)=>{\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,2BAA2B,GAAIC,KAAK,IAAG;EAChDA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EACnF,OAAOD,KAAK;AAChB,CAAC"}
@@ -7,13 +7,11 @@ import { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderCo
7
7
  /**
8
8
  * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
9
9
  * hooks.
10
- */
11
- export const AccordionHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
12
- const state = useAccordionHeader_unstable(props, ref);
13
- const contextValues = useAccordionHeaderContextValues_unstable(state);
14
- useAccordionHeaderStyles_unstable(state);
15
- useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);
16
- return renderAccordionHeader_unstable(state, contextValues);
10
+ */ export const AccordionHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{
11
+ const state = useAccordionHeader_unstable(props, ref);
12
+ const contextValues = useAccordionHeaderContextValues_unstable(state);
13
+ useAccordionHeaderStyles_unstable(state);
14
+ useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);
15
+ return renderAccordionHeader_unstable(state, contextValues);
17
16
  });
18
17
  AccordionHeader.displayName = 'AccordionHeader';
19
- //# sourceMappingURL=AccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","useAccordionHeader_unstable","renderAccordionHeader_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","useAccordionHeaderContextValues_unstable","AccordionHeader","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/AccordionHeader/AccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nimport type { AccordionHeaderProps } from './AccordionHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.forwardRef((props, ref) => {\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n\n useAccordionHeaderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n\n return renderAccordionHeader_unstable(state, contextValues);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,8BAA8B,QAAQ;AAC/C,SAASC,iCAAiC,QAAQ;AAClD,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,wCAAwC,QAAQ;AAIzD;;;;AAIA,OAAO,MAAMC,eAAA,gBAA6DN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACzG,MAAMC,KAAA,GAAQT,2BAAA,CAA4BO,KAAA,EAAOC,GAAA;EACjD,MAAME,aAAA,GAAgBN,wCAAA,CAAyCK,KAAA;EAE/DP,iCAAA,CAAkCO,KAAA;EAElCN,2BAAA,CAA4B,qCAAqCM,KAAA;EAEjE,OAAOR,8BAAA,CAA+BQ,KAAA,EAAOC,aAAA;AAC/C;AAEAL,eAAA,CAAgBM,WAAW,GAAG"}
1
+ {"version":3,"sources":["AccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nimport type { AccordionHeaderProps } from './AccordionHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.forwardRef((props, ref) => {\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n\n useAccordionHeaderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n\n return renderAccordionHeader_unstable(state, contextValues);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"],"names":["React","useAccordionHeader_unstable","renderAccordionHeader_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","useAccordionHeaderContextValues_unstable","AccordionHeader","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,iCAAiC,QAAQ,oCAAoC;AACtF,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,wCAAwC,QAAQ,oCAAoC;AAI7F;;;CAGC,GACD,OAAO,MAAMC,gCAA6DN,MAAMO,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACzG,MAAMC,QAAQT,4BAA4BO,OAAOC;IACjD,MAAME,gBAAgBN,yCAAyCK;IAE/DP,kCAAkCO;IAElCN,4BAA4B,qCAAqCM;IAEjE,OAAOR,+BAA+BQ,OAAOC;AAC/C,GAAG;AAEHL,gBAAgBM,WAAW,GAAG"}
@@ -1,2 +1 @@
1
- export {};
2
- //# sourceMappingURL=AccordionHeader.types.js.map
1
+ export { };
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../../src/components/AccordionHeader/AccordionHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n disabled: boolean;\n open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n /**\n * The element wrapping the button. By default this is a div, but can be a heading.\n */\n root: NonNullable<Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>>;\n /**\n * The component to be used as button in heading\n */\n button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n expandIcon?: Slot<'span'>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n /**\n * The position of the expand icon slot in heading.\n */\n expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n /**\n * Indicates if the AccordionHeader should be rendered inline.\n */\n inline?: boolean;\n\n /**\n * Size of spacing in the heading.\n */\n size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n Required<Pick<AccordionHeaderProps, 'inline'>> &\n AccordionHeaderContextValue;\n"],"mappings":"AAAA"}
1
+ {"version":3,"sources":["AccordionHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n disabled: boolean;\n open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n /**\n * The element wrapping the button. By default this is a div, but can be a heading.\n */\n root: NonNullable<Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>>;\n /**\n * The component to be used as button in heading\n */\n button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n expandIcon?: Slot<'span'>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n /**\n * The position of the expand icon slot in heading.\n */\n expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n /**\n * Indicates if the AccordionHeader should be rendered inline.\n */\n inline?: boolean;\n\n /**\n * Size of spacing in the heading.\n */\n size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n Required<Pick<AccordionHeaderProps, 'inline'>> &\n AccordionHeaderContextValue;\n"],"names":[],"mappings":"AAAA,WAqD8B"}
@@ -1,11 +1,10 @@
1
1
  import * as React from 'react';
2
- export const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);
2
+ export const AccordionHeaderContext = React.createContext(undefined);
3
3
  const accordionHeaderContextDefaultValue = {
4
- open: false,
5
- disabled: false,
6
- size: 'medium',
7
- expandIconPosition: 'start'
4
+ open: false,
5
+ disabled: false,
6
+ size: 'medium',
7
+ expandIconPosition: 'start'
8
8
  };
9
9
  var _React_useContext;
10
- export const useAccordionHeaderContext = () => (_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;
11
- //# sourceMappingURL=AccordionHeaderContext.js.map
10
+ export const useAccordionHeaderContext = ()=>(_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;
@@ -1 +1 @@
1
- {"version":3,"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","_React_useContext","useAccordionHeaderContext","useContext"],"sources":["../../../src/components/AccordionHeader/AccordionHeaderContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,sBAAA,gBAAyBD,KAAA,CAAME,aAAa,CAA0CC,SAAA;AAEnG,MAAMC,kCAAA,GAAqC;EACzCC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU,KAAK;EACfC,IAAA,EAAM;EACNC,kBAAA,EAAoB;AACtB;IAGEC,iBAAA;AADF,OAAO,MAAMC,yBAAA,GAA4BA,CAAA,KACvC,CAAAD,iBAAA,GAAAT,KAAA,CAAMW,UAAU,CAACV,sBAAA,eAAjBQ,iBAAA,cAAAA,iBAAA,GAA4CL,kCAAkC"}
1
+ {"version":3,"sources":["AccordionHeaderContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","useAccordionHeaderContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,yBAAyBD,MAAME,aAAa,CAA0CC,WAAW;AAE9G,MAAMC,qCAAqC;IACzCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACtB;IAGER;AADF,OAAO,MAAMS,4BAA4B,IACvCT,CAAAA,oBAAAA,MAAMU,UAAU,CAACT,qCAAjBD,+BAAAA,oBAA4CI,kCAAkC,CAAC"}
@@ -4,4 +4,3 @@ export * from './renderAccordionHeader';
4
4
  export * from './useAccordionHeader';
5
5
  export * from './useAccordionHeaderContextValues';
6
6
  export * from './useAccordionHeaderStyles.styles';
7
- //# sourceMappingURL=index.js.map