@fluentui/react-accordion 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11

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 (211) hide show
  1. package/CHANGELOG.json +866 -24
  2. package/CHANGELOG.md +306 -104
  3. package/Spec.md +36 -4
  4. package/dist/{react-accordion.d.ts → index.d.ts} +98 -107
  5. package/{lib → dist}/tsdoc-metadata.json +0 -0
  6. package/lib/Accordion.js.map +1 -1
  7. package/lib/AccordionHeader.js.map +1 -1
  8. package/lib/AccordionItem.js.map +1 -1
  9. package/lib/AccordionPanel.js.map +1 -1
  10. package/lib/components/Accordion/Accordion.js +10 -8
  11. package/lib/components/Accordion/Accordion.js.map +1 -1
  12. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  13. package/lib/components/Accordion/AccordionContext.js +7 -4
  14. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  15. package/lib/components/Accordion/index.js +1 -0
  16. package/lib/components/Accordion/index.js.map +1 -1
  17. package/lib/components/Accordion/renderAccordion.js +7 -7
  18. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  19. package/lib/components/Accordion/useAccordion.js +44 -64
  20. package/lib/components/Accordion/useAccordion.js.map +1 -1
  21. package/lib/components/Accordion/useAccordionContextValues.js +13 -11
  22. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  23. package/lib/components/Accordion/useAccordionStyles.js +9 -0
  24. package/lib/components/Accordion/useAccordionStyles.js.map +1 -0
  25. package/lib/components/AccordionHeader/AccordionHeader.js +11 -10
  26. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  27. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  28. package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  29. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  30. package/lib/components/AccordionHeader/index.js +0 -1
  31. package/lib/components/AccordionHeader/index.js.map +1 -1
  32. package/lib/components/AccordionHeader/renderAccordionHeader.js +11 -8
  33. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  34. package/lib/components/AccordionHeader/useAccordionHeader.js +53 -48
  35. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  36. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
  37. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  38. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +50 -40
  39. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  40. package/lib/components/AccordionItem/AccordionItem.js +10 -8
  41. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  42. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  43. package/lib/components/AccordionItem/AccordionItemContext.js +5 -5
  44. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  45. package/lib/components/AccordionItem/index.js +1 -0
  46. package/lib/components/AccordionItem/index.js.map +1 -1
  47. package/lib/components/AccordionItem/renderAccordionItem.js +7 -8
  48. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  49. package/lib/components/AccordionItem/useAccordionItem.js +19 -34
  50. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  51. package/lib/components/AccordionItem/useAccordionItemContextValues.js +12 -12
  52. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  53. package/lib/components/AccordionItem/useAccordionItemStyles.js +9 -0
  54. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  55. package/lib/components/AccordionPanel/AccordionPanel.js +8 -8
  56. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  57. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  58. package/lib/components/AccordionPanel/index.js.map +1 -1
  59. package/lib/components/AccordionPanel/renderAccordionPanel.js +7 -8
  60. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  61. package/lib/components/AccordionPanel/useAccordionPanel.js +23 -14
  62. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  63. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +8 -5
  64. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  65. package/lib/index.js +4 -4
  66. package/lib/index.js.map +1 -1
  67. package/lib-commonjs/Accordion.js +1 -1
  68. package/lib-commonjs/Accordion.js.map +1 -1
  69. package/lib-commonjs/AccordionHeader.js +1 -1
  70. package/lib-commonjs/AccordionHeader.js.map +1 -1
  71. package/lib-commonjs/AccordionItem.js +1 -1
  72. package/lib-commonjs/AccordionItem.js.map +1 -1
  73. package/lib-commonjs/AccordionPanel.js +1 -1
  74. package/lib-commonjs/AccordionPanel.js.map +1 -1
  75. package/lib-commonjs/components/Accordion/Accordion.js +12 -9
  76. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  77. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  78. package/lib-commonjs/components/Accordion/AccordionContext.js +10 -4
  79. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  80. package/lib-commonjs/components/Accordion/index.js +3 -1
  81. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  82. package/lib-commonjs/components/Accordion/renderAccordion.js +12 -13
  83. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  84. package/lib-commonjs/components/Accordion/useAccordion.js +49 -69
  85. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  86. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +15 -13
  87. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  88. package/lib-commonjs/components/Accordion/useAccordionStyles.js +20 -0
  89. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -0
  90. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +12 -11
  91. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  92. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  93. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  94. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  95. package/lib-commonjs/components/AccordionHeader/index.js +1 -3
  96. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  97. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +16 -15
  98. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  99. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +60 -54
  100. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  101. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +17 -17
  102. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  103. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +55 -43
  104. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  105. package/lib-commonjs/components/AccordionItem/AccordionItem.js +12 -9
  106. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  107. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  108. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +7 -7
  109. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  110. package/lib-commonjs/components/AccordionItem/index.js +3 -1
  111. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  112. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +12 -15
  113. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  114. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +26 -43
  115. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  116. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +15 -15
  117. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  118. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +20 -0
  119. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  120. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +9 -9
  121. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  122. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  123. package/lib-commonjs/components/AccordionPanel/index.js +1 -1
  124. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  125. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +11 -14
  126. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  127. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +27 -16
  128. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  129. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +11 -8
  130. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  131. package/lib-commonjs/index.js +170 -5
  132. package/lib-commonjs/index.js.map +1 -1
  133. package/package.json +27 -31
  134. package/lib/Accordion.d.ts +0 -1
  135. package/lib/AccordionHeader.d.ts +0 -1
  136. package/lib/AccordionItem.d.ts +0 -1
  137. package/lib/AccordionPanel.d.ts +0 -1
  138. package/lib/common/isConformant.d.ts +0 -4
  139. package/lib/common/isConformant.js +0 -12
  140. package/lib/common/isConformant.js.map +0 -1
  141. package/lib/components/Accordion/Accordion.d.ts +0 -6
  142. package/lib/components/Accordion/Accordion.types.d.ts +0 -52
  143. package/lib/components/Accordion/AccordionContext.d.ts +0 -3
  144. package/lib/components/Accordion/index.d.ts +0 -6
  145. package/lib/components/Accordion/renderAccordion.d.ts +0 -5
  146. package/lib/components/Accordion/useAccordion.d.ts +0 -9
  147. package/lib/components/Accordion/useAccordionContextValues.d.ts +0 -2
  148. package/lib/components/AccordionHeader/AccordionHeader.d.ts +0 -6
  149. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +0 -47
  150. package/lib/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
  151. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  152. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -42
  153. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
  154. package/lib/components/AccordionHeader/index.d.ts +0 -7
  155. package/lib/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
  156. package/lib/components/AccordionHeader/useAccordionHeader.d.ts +0 -12
  157. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
  158. package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -3
  159. package/lib/components/AccordionItem/AccordionItem.d.ts +0 -6
  160. package/lib/components/AccordionItem/AccordionItem.types.d.ts +0 -25
  161. package/lib/components/AccordionItem/AccordionItemContext.d.ts +0 -4
  162. package/lib/components/AccordionItem/index.d.ts +0 -6
  163. package/lib/components/AccordionItem/renderAccordionItem.d.ts +0 -5
  164. package/lib/components/AccordionItem/useAccordionItem.d.ts +0 -12
  165. package/lib/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
  166. package/lib/components/AccordionPanel/AccordionPanel.d.ts +0 -6
  167. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
  168. package/lib/components/AccordionPanel/index.d.ts +0 -5
  169. package/lib/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
  170. package/lib/components/AccordionPanel/useAccordionPanel.d.ts +0 -12
  171. package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -3
  172. package/lib/index.d.ts +0 -4
  173. package/lib-commonjs/Accordion.d.ts +0 -1
  174. package/lib-commonjs/AccordionHeader.d.ts +0 -1
  175. package/lib-commonjs/AccordionItem.d.ts +0 -1
  176. package/lib-commonjs/AccordionPanel.d.ts +0 -1
  177. package/lib-commonjs/common/isConformant.d.ts +0 -4
  178. package/lib-commonjs/common/isConformant.js +0 -23
  179. package/lib-commonjs/common/isConformant.js.map +0 -1
  180. package/lib-commonjs/components/Accordion/Accordion.d.ts +0 -6
  181. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +0 -52
  182. package/lib-commonjs/components/Accordion/AccordionContext.d.ts +0 -3
  183. package/lib-commonjs/components/Accordion/index.d.ts +0 -6
  184. package/lib-commonjs/components/Accordion/renderAccordion.d.ts +0 -5
  185. package/lib-commonjs/components/Accordion/useAccordion.d.ts +0 -9
  186. package/lib-commonjs/components/Accordion/useAccordionContextValues.d.ts +0 -2
  187. package/lib-commonjs/components/AccordionHeader/AccordionHeader.d.ts +0 -6
  188. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +0 -47
  189. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.d.ts +0 -4
  190. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.d.ts +0 -3
  191. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +0 -52
  192. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +0 -1
  193. package/lib-commonjs/components/AccordionHeader/index.d.ts +0 -7
  194. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.d.ts +0 -5
  195. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.d.ts +0 -12
  196. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.d.ts +0 -2
  197. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +0 -3
  198. package/lib-commonjs/components/AccordionItem/AccordionItem.d.ts +0 -6
  199. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +0 -25
  200. package/lib-commonjs/components/AccordionItem/AccordionItemContext.d.ts +0 -4
  201. package/lib-commonjs/components/AccordionItem/index.d.ts +0 -6
  202. package/lib-commonjs/components/AccordionItem/renderAccordionItem.d.ts +0 -5
  203. package/lib-commonjs/components/AccordionItem/useAccordionItem.d.ts +0 -12
  204. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.d.ts +0 -2
  205. package/lib-commonjs/components/AccordionPanel/AccordionPanel.d.ts +0 -6
  206. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +0 -11
  207. package/lib-commonjs/components/AccordionPanel/index.d.ts +0 -5
  208. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.d.ts +0 -5
  209. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +0 -12
  210. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +0 -3
  211. package/lib-commonjs/index.d.ts +0 -4
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionItemProps, AccordionItemState, AccordionItemSlots } from './AccordionItem.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
7
- /**
8
- * Returns the props and state required to render the component
9
- * @param props - AccordionItem properties
10
- * @param ref - reference to root HTMLElement of AccordionItem
11
- */
12
- export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
@@ -1,2 +0,0 @@
1
- import type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';
2
- export declare function useAccordionItemContextValues(state: AccordionItemState): AccordionItemContextValues;
@@ -1,6 +0,0 @@
1
- import type { AccordionPanelProps } from './AccordionPanel.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
5
- */
6
- export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
@@ -1,11 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type AccordionPanelSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- };
5
- export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
6
- export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
7
- /**
8
- * Internal open state, provided by context
9
- */
10
- open: boolean;
11
- };
@@ -1,5 +0,0 @@
1
- export * from './AccordionPanel';
2
- export * from './AccordionPanel.types';
3
- export * from './renderAccordionPanel';
4
- export * from './useAccordionPanel';
5
- export * from './useAccordionPanelStyles';
@@ -1,5 +0,0 @@
1
- import type { AccordionPanelState } from './AccordionPanel.types';
2
- /**
3
- * Function that renders the final JSX of the component
4
- */
5
- export declare const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
7
- /**
8
- * Returns the props and state required to render the component
9
- * @param props - AccordionPanel properties
10
- * @param ref - reference to root HTMLElement of AccordionPanel
11
- */
12
- export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
@@ -1,3 +0,0 @@
1
- import type { AccordionPanelState } from './AccordionPanel.types';
2
- /** Applies style classnames to slots */
3
- export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
package/lib/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export * from './Accordion';
2
- export * from './AccordionItem';
3
- export * from './AccordionHeader';
4
- export * from './AccordionPanel';
@@ -1 +0,0 @@
1
- export * from './components/Accordion/index';
@@ -1 +0,0 @@
1
- export * from './components/AccordionHeader/index';
@@ -1 +0,0 @@
1
- export * from './components/AccordionItem/index';
@@ -1 +0,0 @@
1
- export * from './components/AccordionPanel/index';
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- var defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- skipAsPropTests: true,
17
- extraTests: react_conformance_make_styles_1.default
18
- };
19
- react_conformance_1.isConformant(defaultOptions, testInfo);
20
- }
21
-
22
- exports.isConformant = isConformant;
23
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAGA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,eAAe,EAAE,IAH0C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -1,6 +0,0 @@
1
- import type { AccordionProps } from './Accordion.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
5
- */
6
- export declare const Accordion: ForwardRefComponent<AccordionProps>;
@@ -1,52 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
3
- import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
4
- export declare type AccordionIndex = number | number[];
5
- export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
6
- export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
7
- export declare type AccordionCommons = {
8
- /**
9
- * Indicates if keyboard navigation is available
10
- */
11
- navigable: boolean;
12
- /**
13
- * Indicates if Accordion support multiple Panels opened at the same time
14
- */
15
- multiple: boolean;
16
- /**
17
- * Indicates if Accordion support multiple Panels closed at the same time
18
- */
19
- collapsible: boolean;
20
- };
21
- export declare type AccordionContextValue = Omit<AccordionCommons, 'multiple'> & {
22
- /**
23
- * The list of opened panels by index
24
- */
25
- openItems: AccordionItemValue[];
26
- /**
27
- * Callback used by AccordionItem to request a change on it's own opened state
28
- * Should be used to toggle AccordionItem
29
- */
30
- requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
31
- };
32
- export declare type AccordionContextValues = {
33
- accordion: AccordionContextValue;
34
- };
35
- export declare type AccordionSlots = {
36
- root: IntrinsicShorthandProps<'div'>;
37
- };
38
- export declare type AccordionToggleData = {
39
- value: AccordionItemValue;
40
- };
41
- export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
42
- /**
43
- * Controls the state of the panel
44
- */
45
- openItems?: AccordionItemValue | AccordionItemValue[];
46
- /**
47
- * Default value for the uncontrolled state of the panel
48
- */
49
- defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
50
- onToggle?: AccordionToggleEventHandler;
51
- };
52
- export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
@@ -1,3 +0,0 @@
1
- import type { Context } from '@fluentui/react-context-selector';
2
- import type { AccordionContextValue } from './Accordion.types';
3
- export declare const AccordionContext: Context<AccordionContextValue>;
@@ -1,6 +0,0 @@
1
- export * from './Accordion';
2
- export * from './Accordion.types';
3
- export * from './renderAccordion';
4
- export * from './useAccordion';
5
- export * from './useAccordionContextValues';
6
- export * from './AccordionContext';
@@ -1,5 +0,0 @@
1
- import type { AccordionState, AccordionContextValues } from './Accordion.types';
2
- /**
3
- * Function that renders the final JSX of the component
4
- */
5
- export declare const renderAccordion: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionProps, AccordionSlots, AccordionState } from './Accordion.types';
3
- export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
4
- /**
5
- * Returns the props and state required to render the component
6
- * @param props - Accordion properties
7
- * @param ref - reference to root HTMLElement of Accordion
8
- */
9
- export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;
@@ -1,2 +0,0 @@
1
- import type { AccordionContextValues, AccordionState } from './Accordion.types';
2
- export declare function useAccordionContextValues(state: AccordionState): AccordionContextValues;
@@ -1,6 +0,0 @@
1
- import type { AccordionHeaderProps } from './AccordionHeader.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks.
5
- */
6
- export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
@@ -1,47 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
3
- import type { AccordionHeaderExpandIconProps } from './AccordionHeaderExpandIcon';
4
- import type { ARIAButtonShorthandProps } from '@fluentui/react-aria';
5
- export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
6
- export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
7
- export declare type AccordionHeaderContextValue = {
8
- disabled: boolean;
9
- open: boolean;
10
- expandIconPosition: AccordionHeaderExpandIconPosition;
11
- size: AccordionHeaderSize;
12
- };
13
- export declare type AccordionHeaderContextValues = {
14
- accordionHeader: AccordionHeaderContextValue;
15
- };
16
- export declare type AccordionHeaderSlots = {
17
- root: IntrinsicShorthandProps<'div'>;
18
- /**
19
- * The component to be used as button in heading
20
- */
21
- button: ARIAButtonShorthandProps;
22
- /**
23
- * Expand icon slot rendered before (or after) children content in heading
24
- */
25
- expandIcon: AccordionHeaderExpandIconProps;
26
- /**
27
- * Expand icon slot rendered before (or after) children content in heading
28
- */
29
- icon?: IntrinsicShorthandProps<'div'>;
30
- children: ObjectShorthandProps<React.HTMLAttributes<HTMLElement>>;
31
- };
32
- export declare type AccordionHeaderCommons = {
33
- /**
34
- * Size of spacing in the heading
35
- */
36
- size: AccordionHeaderSize;
37
- /**
38
- * The position of the expand icon slot in heading
39
- */
40
- expandIconPosition: AccordionHeaderExpandIconPosition;
41
- /**
42
- * Indicates if the AccordionHeader should be rendered inline
43
- */
44
- inline: boolean;
45
- };
46
- export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
47
- export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionHeaderContextValue } from './AccordionHeader.types';
3
- export declare const AccordionHeaderContext: React.Context<AccordionHeaderContextValue>;
4
- export declare const useAccordionHeaderContext: () => AccordionHeaderContextValue;
@@ -1,3 +0,0 @@
1
- import type { ForwardRefComponent, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type AccordionHeaderExpandIconProps = IntrinsicShorthandProps<'span'>;
3
- export declare const AccordionHeaderExpandIcon: ForwardRefComponent<AccordionHeaderExpandIconProps>;
@@ -1,52 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.AccordionHeaderExpandIcon = void 0;
7
-
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- var React = /*#__PURE__*/require("react");
11
-
12
- var AccordionHeaderContext_1 = /*#__PURE__*/require("./AccordionHeaderContext");
13
-
14
- exports.AccordionHeaderExpandIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
15
- var children = _a.children,
16
- rest = tslib_1.__rest(_a, ["children"]);
17
-
18
- var _b = AccordionHeaderContext_1.useAccordionHeaderContext(),
19
- open = _b.open,
20
- expandIconPosition = _b.expandIconPosition;
21
-
22
- return React.createElement("span", tslib_1.__assign({}, rest, {
23
- ref: ref
24
- }), children !== null && children !== void 0 ? children : React.createElement("svg", {
25
- fill: "currentColor",
26
- height: "1em",
27
- width: "1em",
28
- viewBox: "0 0 2048 2048",
29
- transform: "rotate(" + mapStateToRotation({
30
- open: open,
31
- expandIconPosition: expandIconPosition
32
- }) + ")"
33
- }, React.createElement("path", {
34
- d: "M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z"
35
- })));
36
- });
37
-
38
- function mapStateToRotation(_a) {
39
- var open = _a.open,
40
- expandIconPosition = _a.expandIconPosition;
41
-
42
- if (open && expandIconPosition === 'end') {
43
- return '-90';
44
- }
45
-
46
- if (!open && expandIconPosition === 'end' || open && expandIconPosition === 'start') {
47
- return '90';
48
- }
49
-
50
- return '0';
51
- }
52
- //# sourceMappingURL=AccordionHeaderExpandIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/AccordionHeaderExpandIcon.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;;AAMa,OAAA,CAAA,yBAAA,gBAAiF,KAAK,CAAC,UAAN,CAC5F,UAAC,EAAD,EAAwB,GAAxB,EAA2B;AAAxB,MAAA,QAAQ,GAAA,EAAA,CAAA,QAAR;AAAA,MAAa,IAAI,GAAA,OAAA,CAAA,MAAA,CAAA,EAAA,EAAnB,CAAA,UAAA,CAAmB,CAAjB;;AACK,MAAA,EAAA,GAA+B,wBAAA,CAAA,yBAAA,EAA/B;AAAA,MAAE,IAAI,GAAA,EAAA,CAAA,IAAN;AAAA,MAAQ,kBAAkB,GAAA,EAAA,CAAA,kBAA1B;;AACN,SACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAAU,IAAV,EAAc;AAAE,IAAA,GAAG,EAAE;AAAP,GAAd,CAAA,EACG,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GACC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,KAAK,EAAC,KAHR;AAIE,IAAA,OAAO,EAAC,eAJV;AAKE,IAAA,SAAS,EAAE,YAAU,kBAAkB,CAAC;AAAE,MAAA,IAAI,EAAA,IAAN;AAAQ,MAAA,kBAAkB,EAAA;AAA1B,KAAD,CAA5B,GAA0D;AALvE,GAAA,EAOE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAM,IAAA,CAAC,EAAC;AAAR,GAAA,CAPF,CAFJ,CADF;AAeD,CAlB2F,CAAjF;;AAqBb,SAAS,kBAAT,CAA4B,EAA5B,EAGmE;MAFjE,IAAI,GAAA,EAAA,CAAA,I;MACJ,kBAAkB,GAAA,EAAA,CAAA,kB;;AAElB,MAAI,IAAI,IAAI,kBAAkB,KAAK,KAAnC,EAA0C;AACxC,WAAO,KAAP;AACD;;AACD,MAAK,CAAC,IAAD,IAAS,kBAAkB,KAAK,KAAjC,IAA4C,IAAI,IAAI,kBAAkB,KAAK,OAA/E,EAAyF;AACvF,WAAO,IAAP;AACD;;AACD,SAAO,GAAP;AACD","sourceRoot":""}
@@ -1,7 +0,0 @@
1
- export * from './AccordionHeader';
2
- export * from './AccordionHeaderExpandIcon';
3
- export * from './AccordionHeader.types';
4
- export * from './renderAccordionHeader';
5
- export * from './useAccordionHeader';
6
- export * from './useAccordionHeaderContextValues';
7
- export * from './useAccordionHeaderStyles';
@@ -1,5 +0,0 @@
1
- import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
2
- /**
3
- * Function that renders the final JSX of the component
4
- */
5
- export declare const renderAccordionHeader: (state: AccordionHeaderState, contextValues: AccordionHeaderContextValues) => JSX.Element;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionHeaderProps, AccordionHeaderState, AccordionHeaderSlots } from './AccordionHeader.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionHeaderShorthandProps: Array<keyof AccordionHeaderSlots>;
7
- /**
8
- * Returns the props and state required to render the component
9
- * @param props - AccordionHeader properties
10
- * @param ref - reference to root HTMLElement of AccordionHeader
11
- */
12
- export declare const useAccordionHeader: (props: AccordionHeaderProps, ref: React.Ref<HTMLElement>) => AccordionHeaderState;
@@ -1,2 +0,0 @@
1
- import type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';
2
- export declare function useAccordionHeaderContextValues(state: AccordionHeaderState): AccordionHeaderContextValues;
@@ -1,3 +0,0 @@
1
- import type { AccordionHeaderState } from './AccordionHeader.types';
2
- /** Applies style classnames to slots */
3
- export declare const useAccordionHeaderStyles: (state: AccordionHeaderState) => AccordionHeaderState;
@@ -1,6 +0,0 @@
1
- import type { AccordionItemProps } from './AccordionItem.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
5
- */
6
- export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
3
- export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
4
- open: boolean;
5
- onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
6
- };
7
- export declare type AccordionItemContextValues = {
8
- accordionItem: AccordionItemContextValue;
9
- };
10
- export declare type AccordionItemSlots = {
11
- root: IntrinsicShorthandProps<'div'>;
12
- };
13
- export declare type AccordionItemCommons = {
14
- /**
15
- * Disables opening/closing of panel
16
- */
17
- disabled: boolean;
18
- /**
19
- * required value that identifies this item inside an Accordion component
20
- */
21
- value: AccordionItemValue;
22
- };
23
- export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
24
- export declare type AccordionItemValue = unknown;
25
- export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionItemContextValue } from './AccordionItem.types';
3
- export declare const AccordionItemContext: React.Context<AccordionItemContextValue>;
4
- export declare const useAccordionItemContext: () => AccordionItemContextValue;
@@ -1,6 +0,0 @@
1
- export * from './AccordionItem';
2
- export * from './AccordionItem.types';
3
- export * from './renderAccordionItem';
4
- export * from './useAccordionItem';
5
- export * from './useAccordionItemContextValues';
6
- export * from './AccordionItemContext';
@@ -1,5 +0,0 @@
1
- import type { AccordionItemState, AccordionItemContextValues } from './AccordionItem.types';
2
- /**
3
- * Function that renders the final JSX of the component
4
- */
5
- export declare const renderAccordionItem: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSX.Element;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionItemProps, AccordionItemState, AccordionItemSlots } from './AccordionItem.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionItemShorthandProps: Array<keyof AccordionItemSlots>;
7
- /**
8
- * Returns the props and state required to render the component
9
- * @param props - AccordionItem properties
10
- * @param ref - reference to root HTMLElement of AccordionItem
11
- */
12
- export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>) => AccordionItemState;
@@ -1,2 +0,0 @@
1
- import type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';
2
- export declare function useAccordionItemContextValues(state: AccordionItemState): AccordionItemContextValues;
@@ -1,6 +0,0 @@
1
- import type { AccordionPanelProps } from './AccordionPanel.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
5
- */
6
- export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
@@ -1,11 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- export declare type AccordionPanelSlots = {
3
- root: IntrinsicShorthandProps<'div'>;
4
- };
5
- export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
6
- export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
7
- /**
8
- * Internal open state, provided by context
9
- */
10
- open: boolean;
11
- };
@@ -1,5 +0,0 @@
1
- export * from './AccordionPanel';
2
- export * from './AccordionPanel.types';
3
- export * from './renderAccordionPanel';
4
- export * from './useAccordionPanel';
5
- export * from './useAccordionPanelStyles';
@@ -1,5 +0,0 @@
1
- import type { AccordionPanelState } from './AccordionPanel.types';
2
- /**
3
- * Function that renders the final JSX of the component
4
- */
5
- export declare const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';
3
- /**
4
- * Const listing which props are shorthand props.
5
- */
6
- export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlots>;
7
- /**
8
- * Returns the props and state required to render the component
9
- * @param props - AccordionPanel properties
10
- * @param ref - reference to root HTMLElement of AccordionPanel
11
- */
12
- export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
@@ -1,3 +0,0 @@
1
- import type { AccordionPanelState } from './AccordionPanel.types';
2
- /** Applies style classnames to slots */
3
- export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
@@ -1,4 +0,0 @@
1
- export * from './Accordion';
2
- export * from './AccordionItem';
3
- export * from './AccordionHeader';
4
- export * from './AccordionPanel';