@fluentui/react-accordion 9.0.0-beta.1 → 9.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/CHANGELOG.json +271 -1
  2. package/CHANGELOG.md +67 -2
  3. package/dist/react-accordion.d.ts +26 -12
  4. package/lib/components/Accordion/Accordion.js +5 -3
  5. package/lib/components/Accordion/Accordion.js.map +1 -1
  6. package/lib/components/Accordion/Accordion.types.d.ts +16 -16
  7. package/lib/components/Accordion/AccordionContext.js +5 -2
  8. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  9. package/lib/components/Accordion/index.d.ts +1 -0
  10. package/lib/components/Accordion/index.js +1 -0
  11. package/lib/components/Accordion/index.js.map +1 -1
  12. package/lib/components/Accordion/renderAccordion.js +6 -7
  13. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  14. package/lib/components/Accordion/useAccordion.d.ts +5 -0
  15. package/lib/components/Accordion/useAccordion.js +53 -53
  16. package/lib/components/Accordion/useAccordion.js.map +1 -1
  17. package/lib/components/Accordion/useAccordionContextValues.js +12 -8
  18. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  19. package/lib/components/Accordion/useAccordionStyles.d.ts +3 -0
  20. package/lib/components/Accordion/useAccordionStyles.js +7 -0
  21. package/lib/components/Accordion/useAccordionStyles.js.map +1 -0
  22. package/lib/components/AccordionHeader/AccordionHeader.js +3 -3
  23. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  24. package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  25. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  26. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +17 -18
  27. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
  28. package/lib/components/AccordionHeader/renderAccordionHeader.js +6 -7
  29. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  30. package/lib/components/AccordionHeader/useAccordionHeader.js +40 -32
  31. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  32. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +13 -13
  33. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  34. package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
  35. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +5 -4
  36. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  37. package/lib/components/AccordionItem/AccordionItem.js +5 -3
  38. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  39. package/lib/components/AccordionItem/AccordionItem.types.d.ts +2 -4
  40. package/lib/components/AccordionItem/AccordionItemContext.js +4 -5
  41. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  42. package/lib/components/AccordionItem/index.d.ts +1 -0
  43. package/lib/components/AccordionItem/index.js +1 -0
  44. package/lib/components/AccordionItem/index.js.map +1 -1
  45. package/lib/components/AccordionItem/renderAccordionItem.js +6 -7
  46. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  47. package/lib/components/AccordionItem/useAccordionItem.js +21 -26
  48. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  49. package/lib/components/AccordionItem/useAccordionItemContextValues.js +11 -11
  50. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  51. package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
  52. package/lib/components/AccordionItem/useAccordionItemStyles.js +7 -0
  53. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  54. package/lib/components/AccordionPanel/AccordionPanel.js +2 -2
  55. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  56. package/lib/components/AccordionPanel/renderAccordionPanel.js +6 -7
  57. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  58. package/lib/components/AccordionPanel/useAccordionPanel.d.ts +0 -1
  59. package/lib/components/AccordionPanel/useAccordionPanel.js +11 -10
  60. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  61. package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
  62. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +5 -4
  63. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  64. package/lib-commonjs/Accordion.js +1 -1
  65. package/lib-commonjs/AccordionHeader.js +1 -1
  66. package/lib-commonjs/AccordionItem.js +1 -1
  67. package/lib-commonjs/AccordionPanel.js +1 -1
  68. package/lib-commonjs/components/Accordion/Accordion.js +10 -7
  69. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  70. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +16 -16
  71. package/lib-commonjs/components/Accordion/AccordionContext.js +5 -2
  72. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  73. package/lib-commonjs/components/Accordion/index.d.ts +1 -0
  74. package/lib-commonjs/components/Accordion/index.js +3 -1
  75. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  76. package/lib-commonjs/components/Accordion/renderAccordion.js +9 -11
  77. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  78. package/lib-commonjs/components/Accordion/useAccordion.d.ts +5 -0
  79. package/lib-commonjs/components/Accordion/useAccordion.js +54 -56
  80. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  81. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +12 -8
  82. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  83. package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +3 -0
  84. package/lib-commonjs/components/Accordion/useAccordionStyles.js +18 -0
  85. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -0
  86. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +8 -8
  87. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  88. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  89. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  90. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +21 -23
  91. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
  92. package/lib-commonjs/components/AccordionHeader/index.js +1 -1
  93. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +10 -12
  94. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  95. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +44 -35
  96. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  97. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
  98. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  99. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
  100. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +9 -7
  101. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  102. package/lib-commonjs/components/AccordionItem/AccordionItem.js +10 -7
  103. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  104. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +2 -4
  105. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +4 -5
  106. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  107. package/lib-commonjs/components/AccordionItem/index.d.ts +1 -0
  108. package/lib-commonjs/components/AccordionItem/index.js +3 -1
  109. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  110. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +10 -12
  111. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  112. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +25 -31
  113. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  114. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +12 -12
  115. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  116. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
  117. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +18 -0
  118. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  119. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +6 -6
  120. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  121. package/lib-commonjs/components/AccordionPanel/index.js +1 -1
  122. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +9 -11
  123. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  124. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.d.ts +0 -1
  125. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +12 -12
  126. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  127. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
  128. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +8 -7
  129. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  130. package/lib-commonjs/index.js +1 -1
  131. package/package.json +13 -13
  132. package/lib/common/isConformant.d.ts +0 -4
  133. package/lib/common/isConformant.js +0 -12
  134. package/lib/common/isConformant.js.map +0 -1
  135. package/lib-commonjs/common/isConformant.d.ts +0 -4
  136. package/lib-commonjs/common/isConformant.js +0 -23
  137. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1,8 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
3
- export declare type AccordionItemContextValue = {
3
+ export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
4
4
  open: boolean;
5
- disabled: boolean;
6
5
  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
7
6
  };
8
7
  export declare type AccordionItemContextValues = {
@@ -16,12 +15,11 @@ export declare type AccordionItemCommons = {
16
15
  * Disables opening/closing of panel
17
16
  */
18
17
  disabled: boolean;
19
- };
20
- export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & {
21
18
  /**
22
19
  * required value that identifies this item inside an Accordion component
23
20
  */
24
21
  value: AccordionItemValue;
25
22
  };
23
+ export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
26
24
  export declare type AccordionItemValue = unknown;
27
25
  export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
@@ -1,13 +1,12 @@
1
1
  import * as React from 'react'; // No default value.
2
2
 
3
- export var AccordionItemContext = /*#__PURE__*/React.createContext({
4
- onHeaderClick: function () {
3
+ export const AccordionItemContext = /*#__PURE__*/React.createContext({
4
+ onHeaderClick() {
5
5
  /** */
6
6
  },
7
+
7
8
  open: false,
8
9
  disabled: false
9
10
  });
10
- export var useAccordionItemContext = function () {
11
- return React.useContext(AccordionItemContext);
12
- };
11
+ export const useAccordionItemContext = () => React.useContext(AccordionItemContext);
13
12
  //# sourceMappingURL=AccordionItemContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,IAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAA+C;AACjF,EAAA,aAAa,EAAA,YAAA;AACX;AACD,GAHgF;AAIjF,EAAA,IAAI,EAAE,KAJ2E;AAKjF,EAAA,QAAQ,EAAE;AALuE,CAA/C,CAA7B;AAQP,OAAO,IAAM,uBAAuB,GAAG,YAAA;AAAM,SAAA,KAAK,CAAC,UAAN,CAAA,oBAAA,CAAA;AAAsC,CAA5E","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB,C,CAGA;;AACA,OAAO,MAAM,oBAAoB,gBAAG,KAAK,CAAC,aAAN,CAA+C;AACjF,EAAA,aAAa,GAAA;AACX;AACD,GAHgF;;AAIjF,EAAA,IAAI,EAAE,KAJ2E;AAKjF,EAAA,QAAQ,EAAE;AALuE,CAA/C,CAA7B;AAQP,OAAO,MAAM,uBAAuB,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,oBAAjB,CAAtC","sourceRoot":""}
@@ -4,3 +4,4 @@ export * from './renderAccordionItem';
4
4
  export * from './useAccordionItem';
5
5
  export * from './useAccordionItemContextValues';
6
6
  export * from './AccordionItemContext';
7
+ export * from './useAccordionItemStyles';
@@ -4,4 +4,5 @@ export * from './renderAccordionItem';
4
4
  export * from './useAccordionItem';
5
5
  export * from './useAccordionItemContextValues';
6
6
  export * from './AccordionItemContext';
7
+ export * from './useAccordionItemStyles';
7
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC"}
@@ -1,4 +1,3 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
3
  import { accordionItemShorthandProps } from './useAccordionItem';
@@ -7,12 +6,12 @@ import { AccordionItemContext } from './AccordionItemContext';
7
6
  * Function that renders the final JSX of the component
8
7
  */
9
8
 
10
- export var renderAccordionItem = function (state, contextValues) {
11
- var _a = getSlots(state, accordionItemShorthandProps),
12
- slots = _a.slots,
13
- slotProps = _a.slotProps;
14
-
15
- return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
9
+ export const renderAccordionItem = (state, contextValues) => {
10
+ const {
11
+ slots,
12
+ slotProps
13
+ } = getSlots(state, accordionItemShorthandProps);
14
+ return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
16
15
  value: contextValues.accordionItem
17
16
  }, slotProps.root.children));
18
17
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,2BAAT,QAA4C,oBAA5C;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAA4B,aAA5B,EAAqE;AAChG,MAAA,EAAA,GAAuB,QAAQ,CAAqB,KAArB,EAA4B,2BAA5B,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,2BAAT,QAA4C,oBAA5C;AACA,SAAS,oBAAT,QAAqC,wBAArC;AAGA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,GAAG,CAAC,KAAD,EAA4B,aAA5B,KAAyE;AAC1G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAqB,KAArB,EAA4B,2BAA5B,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,oBAAoB,CAAC,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM","sourceRoot":""}
@@ -1,4 +1,3 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getNativeElementProps } from '@fluentui/react-utilities';
4
3
  import { useTabsterAttributes } from '@fluentui/react-tabster';
@@ -8,41 +7,37 @@ import { AccordionContext } from '../Accordion/AccordionContext';
8
7
  * Const listing which props are shorthand props.
9
8
  */
10
9
 
11
- export var accordionItemShorthandProps = ['root'];
10
+ export const accordionItemShorthandProps = ['root'];
12
11
  /**
13
12
  * Returns the props and state required to render the component
14
13
  * @param props - AccordionItem properties
15
14
  * @param ref - reference to root HTMLElement of AccordionItem
16
15
  */
17
16
 
18
- export var useAccordionItem = function (props, ref) {
19
- var value = props.value,
20
- _a = props.disabled,
21
- disabled = _a === void 0 ? false : _a;
22
- var navigable = useContextSelector(AccordionContext, function (ctx) {
23
- return ctx.navigable;
24
- });
25
- var tabsterAttributes = useTabsterAttributes({
17
+ export const useAccordionItem = (props, ref) => {
18
+ const {
19
+ value,
20
+ disabled = false
21
+ } = props;
22
+ const navigable = useContextSelector(AccordionContext, ctx => ctx.navigable);
23
+ const tabsterAttributes = useTabsterAttributes({
26
24
  groupper: {}
27
25
  });
28
- var requestToggle = useContextSelector(AccordionContext, function (ctx) {
29
- return ctx.requestToggle;
30
- });
31
- var open = useContextSelector(AccordionContext, function (ctx) {
32
- return ctx.openItems.includes(value);
33
- });
34
- var onAccordionHeaderClick = React.useCallback(function (ev) {
35
- return requestToggle(ev, {
36
- value: value
37
- });
38
- }, [requestToggle, value]);
26
+ const requestToggle = useContextSelector(AccordionContext, ctx => ctx.requestToggle);
27
+ const open = useContextSelector(AccordionContext, ctx => ctx.openItems.includes(value));
28
+ const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
29
+ value
30
+ }), [requestToggle, value]);
39
31
  return {
40
- open: open,
41
- disabled: disabled,
32
+ open,
33
+ value,
34
+ disabled,
42
35
  onHeaderClick: onAccordionHeaderClick,
43
- root: getNativeElementProps('div', __assign(__assign({
44
- ref: ref
45
- }, navigable ? tabsterAttributes : {}), props))
36
+ root: getNativeElementProps('div', {
37
+ ref: ref,
38
+ ...(navigable ? tabsterAttributes : {}),
39
+ ...props
40
+ })
46
41
  };
47
42
  };
48
43
  //# sourceMappingURL=useAccordionItem.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,oBAAT,QAAqC,yBAArC;AACA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AAIA;;AAEG;;AACH,OAAO,IAAM,2BAA2B,GAAoC,CAAC,MAAD,CAArE;AAEP;;;;AAIG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,KAAD,EAA4B,GAA5B,EAAuD;AAC7E,MAAA,KAAK,GAAuB,KAAK,CAA5B,KAAL;AAAA,MAAO,EAAA,GAAqB,KAAK,CAAV,QAAvB;AAAA,MAAO,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAAvB;AACR,MAAM,SAAS,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,SAAA;AAAa,GAAvC,CAApC;AACA,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAAD,CAA9C;AAIA,MAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,aAAA;AAAiB,GAA3C,CAAxC;AACA,MAAM,IAAI,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAA,KAAA,CAAA;AAA6B,GAAvD,CAA/B;AACA,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAkB,UAAC,EAAD,EAAyB;AAAK,WAAA,aAAa,CAAC,EAAD,EAAK;AAAE,MAAA,KAAK,EAAzB;AAAkB,KAAL,CAAb;AAA4B,GAA5E,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IAAI,EAAA,IADC;AAEL,IAAA,QAAQ,EAAA,QAFH;AAGL,IAAA,aAAa,EAAE,sBAHV;AAIL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAE;AAD0B,KAAA,EAE3B,SAAS,GAAG,iBAAH,GAAuB,EAFL,CAAA,EAG5B,KAH4B,CAAN;AAJtB,GAAP;AAUD,CAxBM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,oBAAT,QAAqC,yBAArC;AACA,SAAS,kBAAT,QAAmC,kCAAnC;AACA,SAAS,gBAAT,QAAiC,+BAAjC;AAIA;;AAEG;;AACH,OAAO,MAAM,2BAA2B,GAAoC,CAAC,MAAD,CAArE;AAEP;;;;AAIG;;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,QAAQ,GAAG;AAApB,MAA8B,KAApC;AACA,QAAM,SAAS,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,SAA9B,CAApC;AACA,QAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAAD,CAA9C;AAIA,QAAM,aAAa,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,aAA9B,CAAxC;AACA,QAAM,IAAI,GAAG,kBAAkB,CAAC,gBAAD,EAAmB,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA1B,CAA/B;AACA,QAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;AAAE,IAAA;AAAF,GAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,KAFK;AAGL,IAAA,QAHK;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,UAAI,SAAS,GAAG,iBAAH,GAAuB,EAApC,CAFiC;AAGjC,SAAG;AAH8B,KAAR;AALtB,GAAP;AAWD,CAzBM","sourceRoot":""}
@@ -1,17 +1,17 @@
1
1
  import * as React from 'react';
2
2
  export function useAccordionItemContextValues(state) {
3
- var disabled = state.disabled,
4
- onHeaderClick = state.onHeaderClick,
5
- open = state.open;
6
- var accordionItem = React.useMemo(function () {
7
- return {
8
- disabled: disabled,
9
- onHeaderClick: onHeaderClick,
10
- open: open
11
- };
12
- }, [disabled, onHeaderClick, open]);
3
+ const {
4
+ disabled,
5
+ onHeaderClick,
6
+ open
7
+ } = state;
8
+ const accordionItem = React.useMemo(() => ({
9
+ disabled,
10
+ onHeaderClick,
11
+ open
12
+ }), [disabled, onHeaderClick, open]);
13
13
  return {
14
- accordionItem: accordionItem
14
+ accordionItem
15
15
  };
16
16
  }
17
17
  //# sourceMappingURL=useAccordionItemContextValues.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,6BAAV,CAAwC,KAAxC,EAAiE;AAC7D,MAAA,QAAQ,GAA0B,KAAK,CAA/B,QAAR;AAAA,MAAU,aAAa,GAAW,KAAK,CAAhB,aAAvB;AAAA,MAAyB,IAAI,GAAK,KAAK,CAAV,IAA7B;AACR,MAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,YAAA;AAAM,WAAC;AAAE,MAAA,QAAQ,EAAA,QAAV;AAAY,MAAA,aAAa,EAAA,aAAzB;AAA2B,MAAA,IAAI,EAAhC;AAAC,KAAD;AAAmC,GAAlF,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA,aAAa,EAAA;AAAf,GAAP;AACD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,6BAAV,CAAwC,KAAxC,EAAiE;AACrE,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD","sourceRoot":""}
@@ -0,0 +1,3 @@
1
+ import type { AccordionItemState } from './AccordionItem.types';
2
+ export declare const accordionItemClassName = "fui-AccordionItem";
3
+ export declare const useAccordionItemStyles: (state: AccordionItemState) => AccordionItemState;
@@ -0,0 +1,7 @@
1
+ import { mergeClasses } from '@fluentui/react-make-styles';
2
+ export const accordionItemClassName = 'fui-AccordionItem';
3
+ export const useAccordionItemStyles = state => {
4
+ state.root.className = mergeClasses(accordionItemClassName, state.root.className);
5
+ return state;
6
+ };
7
+ //# sourceMappingURL=useAccordionItemStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,QAA6B,6BAA7B;AAGA,OAAO,MAAM,sBAAsB,GAAG,mBAA/B;AAEP,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAA8B;AAClE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,sBAAD,EAAyB,KAAK,CAAC,IAAN,CAAW,SAApC,CAAnC;AAEA,SAAO,KAAP;AACD,CAJM","sourceRoot":""}
@@ -6,8 +6,8 @@ import { useAccordionPanelStyles } from './useAccordionPanelStyles';
6
6
  * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
7
7
  */
8
8
 
9
- export var AccordionPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useAccordionPanel(props, ref);
9
+ export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useAccordionPanel(props, ref);
11
11
  useAccordionPanelStyles(state);
12
12
  return renderAccordionPanel(state);
13
13
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,uBAAT,QAAwC,2BAAxC;AAIA;;AAEG;;AACH,OAAO,IAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClG,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AAEA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AACA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,uBAAT,QAAwC,2BAAxC;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AAEA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AACA,SAAO,oBAAoB,CAAC,KAAD,CAA3B;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}
@@ -1,4 +1,3 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
3
  import { accordionPanelShorthandProps } from './useAccordionPanel';
@@ -6,11 +5,11 @@ import { accordionPanelShorthandProps } from './useAccordionPanel';
6
5
  * Function that renders the final JSX of the component
7
6
  */
8
7
 
9
- export var renderAccordionPanel = function (state) {
10
- var _a = getSlots(state, accordionPanelShorthandProps),
11
- slots = _a.slots,
12
- slotProps = _a.slotProps;
13
-
14
- return state.open ? /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), slotProps.root.children) : null;
8
+ export const renderAccordionPanel = state => {
9
+ const {
10
+ slots,
11
+ slotProps
12
+ } = getSlots(state, accordionPanelShorthandProps);
13
+ return state.open ? /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children) : null;
15
14
  };
16
15
  //# sourceMappingURL=renderAccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,4BAAT,QAA6C,qBAA7C;AAGA;;AAEG;;AACH,OAAO,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA2B;AACvD,MAAA,EAAA,GAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,SAAO,KAAK,CAAC,IAAN,gBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,4BAAT,QAA6C,qBAA7C;AAGA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAI,KAAD,IAA+B;AACjE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAArC;AACA,SAAO,KAAK,CAAC,IAAN,gBAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM","sourceRoot":""}
@@ -8,6 +8,5 @@ export declare const accordionPanelShorthandProps: Array<keyof AccordionPanelSlo
8
8
  * Returns the props and state required to render the component
9
9
  * @param props - AccordionPanel properties
10
10
  * @param ref - reference to root HTMLElement of AccordionPanel
11
- * @param defaultProps - default values for the properties of AccordionPanel
12
11
  */
13
12
  export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>) => AccordionPanelState;
@@ -1,26 +1,27 @@
1
- import { __assign } from "tslib";
2
1
  import { getNativeElementProps } from '@fluentui/react-utilities';
3
2
  import { useAccordionItemContext } from '../AccordionItem/index';
4
3
  /**
5
4
  * Const listing which props are shorthand props.
6
5
  */
7
6
 
8
- export var accordionPanelShorthandProps = ['root'];
7
+ export const accordionPanelShorthandProps = ['root'];
9
8
  /**
10
9
  * Returns the props and state required to render the component
11
10
  * @param props - AccordionPanel properties
12
11
  * @param ref - reference to root HTMLElement of AccordionPanel
13
- * @param defaultProps - default values for the properties of AccordionPanel
14
12
  */
15
13
 
16
- export var useAccordionPanel = function (props, ref) {
17
- var open = useAccordionItemContext().open;
14
+ export const useAccordionPanel = (props, ref) => {
15
+ const {
16
+ open
17
+ } = useAccordionItemContext();
18
18
  return {
19
- open: open,
20
- root: getNativeElementProps('div', __assign({
21
- ref: ref,
22
- role: 'region'
23
- }, props))
19
+ open,
20
+ root: getNativeElementProps('div', {
21
+ ref,
22
+ role: 'region',
23
+ ...props
24
+ })
24
25
  };
25
26
  };
26
27
  //# sourceMappingURL=useAccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,uBAAT,QAAwC,wBAAxC;AAGA;;AAEG;;AACH,OAAO,IAAM,4BAA4B,GAAqC,CAAC,MAAD,CAAvE;AAEP;;;;;AAKG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AAC/E,MAAA,IAAI,GAAK,uBAAuB,GAA5B,IAAJ;AACR,SAAO;AACL,IAAA,IAAI,EAAA,IADC;AAEL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,MAAA,IAAI,EAAE;AAFyB,KAAA,EAG5B,KAH4B,CAAN;AAFtB,GAAP;AAQD,CAVM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,uBAAT,QAAwC,wBAAxC;AAGA;;AAEG;;AACH,OAAO,MAAM,4BAA4B,GAAqC,CAAC,MAAD,CAAvE;AAEP;;;;AAIG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,uBAAuB,EAAxC;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAAR;AAFtB,GAAP;AAQD,CAVM","sourceRoot":""}
@@ -1,3 +1,4 @@
1
1
  import type { AccordionPanelState } from './AccordionPanel.types';
2
+ export declare const accordionPanelClassName = "fui-AccordionPanel";
2
3
  /** Applies style classnames to slots */
3
4
  export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
@@ -1,9 +1,10 @@
1
1
  import { __styles, mergeClasses } from '@fluentui/react-make-styles';
2
+ export const accordionPanelClassName = 'fui-AccordionPanel';
2
3
  /**
3
4
  * Styles for the root slot
4
5
  */
5
6
 
6
- var useStyles = /*#__PURE__*/__styles({
7
+ const useStyles = /*#__PURE__*/__styles({
7
8
  "root": {
8
9
  "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
9
10
  "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
@@ -14,9 +15,9 @@ var useStyles = /*#__PURE__*/__styles({
14
15
  /** Applies style classnames to slots */
15
16
 
16
17
 
17
- export var useAccordionPanelStyles = function (state) {
18
- var styles = useStyles();
19
- state.root.className = mergeClasses(styles.root, state.root.className);
18
+ export const useAccordionPanelStyles = state => {
19
+ const styles = useStyles();
20
+ state.root.className = mergeClasses(accordionPanelClassName, styles.root, state.root.className);
20
21
  return state;
21
22
  };
22
23
  //# sourceMappingURL=useAccordionPanelStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,CAAC,IAAN,CAAW,SAAzB,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;AAGA,OAAO,MAAM,uBAAuB,GAAG,oBAAhC;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACA,OAAO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,uBAAD,EAA0B,MAAM,CAAC,IAAjC,EAAuC,KAAK,CAAC,IAAN,CAAW,SAAlD,CAAnC;AAEA,SAAO,KAAP;AACD,CALM","sourceRoot":""}
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/Accordion/index"), exports);
10
10
  //# sourceMappingURL=Accordion.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/AccordionHeader/index"), exports);
10
10
  //# sourceMappingURL=AccordionHeader.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/AccordionItem/index"), exports);
10
10
  //# sourceMappingURL=AccordionItem.js.map
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/AccordionPanel/index"), exports);
10
10
  //# sourceMappingURL=AccordionPanel.js.map
@@ -5,21 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Accordion = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
10
+ const renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
11
11
 
12
- var useAccordion_1 = /*#__PURE__*/require("./useAccordion");
12
+ const useAccordion_1 = /*#__PURE__*/require("./useAccordion");
13
13
 
14
- var useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
14
+ const useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
15
+
16
+ const useAccordionStyles_1 = /*#__PURE__*/require("./useAccordionStyles");
15
17
  /**
16
18
  * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
17
19
  */
18
20
 
19
21
 
20
- exports.Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useAccordion_1.useAccordion(props, ref);
22
- var contextValues = useAccordionContextValues_1.useAccordionContextValues(state);
22
+ exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
23
+ const state = useAccordion_1.useAccordion(props, ref);
24
+ const contextValues = useAccordionContextValues_1.useAccordionContextValues(state);
25
+ useAccordionStyles_1.useAccordionStyles(state);
23
26
  return renderAccordion_1.renderAccordion(state, contextValues);
24
27
  });
25
28
  exports.Accordion.displayName = 'Accordion';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,IAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,IAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAC5D,UAAC,KAAD,EAAQ,GAAR,EAAW;AACT,MAAM,KAAK,GAAG,cAAA,CAAA,YAAA,CAAa,KAAb,EAAoB,GAApB,CAAd;AACA,MAAM,aAAa,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAAtB;AAEA,SAAO,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,aAAvB,CAAP;AACD,CAN2D,CAAjD;AASb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,2BAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,MAAA,oBAAA,gBAAA,OAAA,CAAA,sBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,KAAK,CAAC,UAAN,CAC5D,CAAC,KAAD,EAAQ,GAAR,KAAe;AACb,QAAM,KAAK,GAAG,cAAA,CAAA,YAAA,CAAa,KAAb,EAAoB,GAApB,CAAd;AACA,QAAM,aAAa,GAAG,2BAAA,CAAA,yBAAA,CAA0B,KAA1B,CAAtB;AAEA,EAAA,oBAAA,CAAA,kBAAA,CAAmB,KAAnB;AAEA,SAAO,iBAAA,CAAA,eAAA,CAAgB,KAAhB,EAAuB,aAAvB,CAAP;AACD,CAR2D,CAAjD;AAWb,OAAA,CAAA,SAAA,CAAU,WAAV,GAAwB,WAAxB","sourceRoot":""}
@@ -4,16 +4,30 @@ import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
4
4
  export declare type AccordionIndex = number | number[];
5
5
  export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
6
6
  export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
7
- export declare type AccordionContextValue = {
7
+ export declare type AccordionCommons = {
8
+ /**
9
+ * Indicates if keyboard navigation is available
10
+ */
8
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'> & {
9
22
  /**
10
23
  * The list of opened panels by index
11
24
  */
12
25
  openItems: AccordionItemValue[];
13
26
  /**
14
27
  * Callback used by AccordionItem to request a change on it's own opened state
28
+ * Should be used to toggle AccordionItem
15
29
  */
16
- requestToggle: AccordionToggleEventHandler;
30
+ requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;
17
31
  };
18
32
  export declare type AccordionContextValues = {
19
33
  accordion: AccordionContextValue;
@@ -21,20 +35,6 @@ export declare type AccordionContextValues = {
21
35
  export declare type AccordionSlots = {
22
36
  root: IntrinsicShorthandProps<'div'>;
23
37
  };
24
- export declare type AccordionCommons = {
25
- /**
26
- * Indicates if keyboard navigation is available
27
- */
28
- navigable: boolean;
29
- /**
30
- * Indicates if Accordion support multiple Panels opened at the same time
31
- */
32
- multiple: boolean;
33
- /**
34
- * Indicates if Accordion support multiple Panels closed at the same time
35
- */
36
- collapsible: boolean;
37
- };
38
38
  export declare type AccordionToggleData = {
39
39
  value: AccordionItemValue;
40
40
  };
@@ -5,13 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.AccordionContext = void 0;
7
7
 
8
- var react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
8
+ const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
9
9
 
10
10
  exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext({
11
11
  openItems: [],
12
12
  navigable: false,
13
- requestToggle: function () {
13
+ collapsible: false,
14
+
15
+ requestToggle() {
14
16
  /* noop */
15
17
  }
18
+
16
19
  });
17
20
  //# sourceMappingURL=AccordionContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAAqC;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,SAAS,EAAE,KAFwF;AAGnG,EAAA,aAAa,EAAA,YAAA;AACX;AACD;AALkG,CAArC,CAAnD","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAIa,OAAA,CAAA,gBAAA,gBAAmD,wBAAA,CAAA,aAAA,CAAqC;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,SAAS,EAAE,KAFwF;AAGnG,EAAA,WAAW,EAAE,KAHsF;;AAInG,EAAA,aAAa,GAAA;AACX;AACD;;AANkG,CAArC,CAAnD","sourceRoot":""}
@@ -2,5 +2,6 @@ export * from './Accordion';
2
2
  export * from './Accordion.types';
3
3
  export * from './renderAccordion';
4
4
  export * from './useAccordion';
5
+ export * from './useAccordionStyles';
5
6
  export * from './useAccordionContextValues';
6
7
  export * from './AccordionContext';
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Accordion"), exports);
10
10
 
@@ -14,6 +14,8 @@ tslib_1.__exportStar(require("./renderAccordion"), exports);
14
14
 
15
15
  tslib_1.__exportStar(require("./useAccordion"), exports);
16
16
 
17
+ tslib_1.__exportStar(require("./useAccordionStyles"), exports);
18
+
17
19
  tslib_1.__exportStar(require("./useAccordionContextValues"), exports);
18
20
 
19
21
  tslib_1.__exportStar(require("./AccordionContext"), exports);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderAccordion = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
11
 
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
-
14
- var AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
12
+ const AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
15
13
  /**
16
14
  * Function that renders the final JSX of the component
17
15
  */
18
16
 
19
17
 
20
- var renderAccordion = function (state, contextValues) {
21
- var _a = react_utilities_1.getSlots(state),
22
- slots = _a.slots,
23
- slotProps = _a.slotProps;
24
-
25
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(AccordionContext_1.AccordionContext.Provider, {
18
+ const renderAccordion = (state, contextValues) => {
19
+ const {
20
+ slots,
21
+ slotProps
22
+ } = react_utilities_1.getSlots(state);
23
+ return React.createElement(slots.root, Object.assign({}, slotProps.root), React.createElement(AccordionContext_1.AccordionContext.Provider, {
26
24
  value: contextValues.accordion
27
25
  }, slotProps.root.children));
28
26
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,eAAe,GAAG,UAAC,KAAD,EAAwB,aAAxB,EAA6D;AACpF,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,gBAAA,CAAiB,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,eAAe,GAAG,CAAC,KAAD,EAAwB,aAAxB,KAAiE;AAC9F,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAyB,KAAzB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,gBAAA,CAAiB,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","sourceRoot":""}