@fluentui/react-accordion 0.0.0-nightly050f89bf0020211102.1 → 0.0.0-nightly442708a36520211209.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/CHANGELOG.json +186 -22
  2. package/CHANGELOG.md +51 -14
  3. package/dist/react-accordion.d.ts +12 -0
  4. package/lib/components/Accordion/Accordion.js +5 -3
  5. package/lib/components/Accordion/Accordion.js.map +1 -1
  6. package/lib/components/Accordion/AccordionContext.js +4 -2
  7. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  8. package/lib/components/Accordion/index.d.ts +1 -0
  9. package/lib/components/Accordion/index.js +1 -0
  10. package/lib/components/Accordion/index.js.map +1 -1
  11. package/lib/components/Accordion/renderAccordion.js +6 -7
  12. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  13. package/lib/components/Accordion/useAccordion.js +41 -53
  14. package/lib/components/Accordion/useAccordion.js.map +1 -1
  15. package/lib/components/Accordion/useAccordionContextValues.js +12 -10
  16. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  17. package/lib/components/Accordion/useAccordionStyles.d.ts +3 -0
  18. package/lib/components/Accordion/useAccordionStyles.js +7 -0
  19. package/lib/components/Accordion/useAccordionStyles.js.map +1 -0
  20. package/lib/components/AccordionHeader/AccordionHeader.js +3 -3
  21. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  22. package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  23. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  24. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +17 -18
  25. package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
  26. package/lib/components/AccordionHeader/renderAccordionHeader.js +6 -7
  27. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  28. package/lib/components/AccordionHeader/useAccordionHeader.js +33 -37
  29. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  30. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +13 -13
  31. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  32. package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
  33. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +21 -12
  34. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  35. package/lib/components/AccordionItem/AccordionItem.js +5 -3
  36. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  37. package/lib/components/AccordionItem/AccordionItemContext.js +4 -5
  38. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  39. package/lib/components/AccordionItem/index.d.ts +1 -0
  40. package/lib/components/AccordionItem/index.js +1 -0
  41. package/lib/components/AccordionItem/index.js.map +1 -1
  42. package/lib/components/AccordionItem/renderAccordionItem.js +6 -7
  43. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  44. package/lib/components/AccordionItem/useAccordionItem.js +21 -27
  45. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  46. package/lib/components/AccordionItem/useAccordionItemContextValues.js +11 -11
  47. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  48. package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
  49. package/lib/components/AccordionItem/useAccordionItemStyles.js +7 -0
  50. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  51. package/lib/components/AccordionPanel/AccordionPanel.js +2 -2
  52. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  53. package/lib/components/AccordionPanel/renderAccordionPanel.js +6 -7
  54. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  55. package/lib/components/AccordionPanel/useAccordionPanel.js +11 -9
  56. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  57. package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
  58. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +5 -4
  59. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  60. package/lib-commonjs/Accordion.js +1 -1
  61. package/lib-commonjs/AccordionHeader.js +1 -1
  62. package/lib-commonjs/AccordionItem.js +1 -1
  63. package/lib-commonjs/AccordionPanel.js +1 -1
  64. package/lib-commonjs/components/Accordion/Accordion.js +10 -7
  65. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  66. package/lib-commonjs/components/Accordion/AccordionContext.js +4 -2
  67. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  68. package/lib-commonjs/components/Accordion/index.d.ts +1 -0
  69. package/lib-commonjs/components/Accordion/index.js +3 -1
  70. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  71. package/lib-commonjs/components/Accordion/renderAccordion.js +9 -11
  72. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  73. package/lib-commonjs/components/Accordion/useAccordion.js +42 -55
  74. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  75. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +12 -10
  76. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  77. package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +3 -0
  78. package/lib-commonjs/components/Accordion/useAccordionStyles.js +18 -0
  79. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -0
  80. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +8 -8
  81. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  82. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -4
  83. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  84. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +21 -23
  85. package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
  86. package/lib-commonjs/components/AccordionHeader/index.js +1 -1
  87. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +10 -12
  88. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  89. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +38 -43
  90. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  91. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
  92. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  93. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
  94. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +24 -14
  95. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  96. package/lib-commonjs/components/AccordionItem/AccordionItem.js +10 -7
  97. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  98. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +4 -5
  99. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  100. package/lib-commonjs/components/AccordionItem/index.d.ts +1 -0
  101. package/lib-commonjs/components/AccordionItem/index.js +3 -1
  102. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  103. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +10 -12
  104. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  105. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +25 -32
  106. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  107. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +12 -12
  108. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  109. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
  110. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +18 -0
  111. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
  112. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +6 -6
  113. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  114. package/lib-commonjs/components/AccordionPanel/index.js +1 -1
  115. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +9 -11
  116. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  117. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +12 -11
  118. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  119. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
  120. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +8 -7
  121. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  122. package/lib-commonjs/index.js +1 -1
  123. package/package.json +13 -13
  124. package/lib/common/isConformant.d.ts +0 -4
  125. package/lib/common/isConformant.js +0 -12
  126. package/lib/common/isConformant.js.map +0 -1
  127. package/lib-commonjs/common/isConformant.d.ts +0 -4
  128. package/lib-commonjs/common/isConformant.js +0 -23
  129. package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -5,21 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.AccordionItem = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var useAccordionItem_1 = /*#__PURE__*/require("./useAccordionItem");
10
+ const useAccordionItem_1 = /*#__PURE__*/require("./useAccordionItem");
11
11
 
12
- var useAccordionItemContextValues_1 = /*#__PURE__*/require("./useAccordionItemContextValues");
12
+ const useAccordionItemContextValues_1 = /*#__PURE__*/require("./useAccordionItemContextValues");
13
13
 
14
- var renderAccordionItem_1 = /*#__PURE__*/require("./renderAccordionItem");
14
+ const renderAccordionItem_1 = /*#__PURE__*/require("./renderAccordionItem");
15
+
16
+ const useAccordionItemStyles_1 = /*#__PURE__*/require("./useAccordionItemStyles");
15
17
  /**
16
18
  * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
17
19
  */
18
20
 
19
21
 
20
- exports.AccordionItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useAccordionItem_1.useAccordionItem(props, ref);
22
- var contextValues = useAccordionItemContextValues_1.useAccordionItemContextValues(state);
22
+ exports.AccordionItem = /*#__PURE__*/React.forwardRef((props, ref) => {
23
+ const state = useAccordionItem_1.useAccordionItem(props, ref);
24
+ const contextValues = useAccordionItemContextValues_1.useAccordionItemContextValues(state);
25
+ useAccordionItemStyles_1.useAccordionItemStyles(state);
23
26
  return renderAccordionItem_1.renderAccordionItem(state, contextValues);
24
27
  });
25
28
  exports.AccordionItem.displayName = 'AccordionItem';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,+BAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,aAAA,gBAAyD,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChG,MAAM,KAAK,GAAG,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AACA,MAAM,aAAa,GAAG,+BAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAtB;AAEA,SAAO,qBAAA,CAAA,mBAAA,CAAoB,KAApB,EAA2B,aAA3B,CAAP;AACD,CALqE,CAAzD;AAOb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,+BAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,qBAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,aAAA,gBAAyD,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpG,QAAM,KAAK,GAAG,kBAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AACA,QAAM,aAAa,GAAG,+BAAA,CAAA,6BAAA,CAA8B,KAA9B,CAAtB;AAEA,EAAA,wBAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,SAAO,qBAAA,CAAA,mBAAA,CAAoB,KAApB,EAA2B,aAA3B,CAAP;AACD,CAPqE,CAAzD;AASb,OAAA,CAAA,aAAA,CAAc,WAAd,GAA4B,eAA5B","sourceRoot":""}
@@ -5,20 +5,19 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionItemContext = exports.AccordionItemContext = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react"); // No default value.
8
+ const React = /*#__PURE__*/require("react"); // No default value.
9
9
 
10
10
 
11
11
  exports.AccordionItemContext = /*#__PURE__*/React.createContext({
12
- onHeaderClick: function () {
12
+ onHeaderClick() {
13
13
  /** */
14
14
  },
15
+
15
16
  open: false,
16
17
  disabled: false
17
18
  });
18
19
 
19
- var useAccordionItemContext = function () {
20
- return React.useContext(exports.AccordionItemContext);
21
- };
20
+ const useAccordionItemContext = () => React.useContext(exports.AccordionItemContext);
22
21
 
23
22
  exports.useAccordionItemContext = useAccordionItemContext;
24
23
  //# sourceMappingURL=AccordionItemContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,C,CAGA;;;AACa,OAAA,CAAA,oBAAA,gBAAuB,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,CAAvB;;AAQN,IAAM,uBAAuB,GAAG,YAAA;AAAM,SAAA,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAjB,oBAAA,CAAA;AAAsC,CAA5E;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA,C,CAGA;;;AACa,OAAA,CAAA,oBAAA,gBAAuB,KAAK,CAAC,aAAN,CAA+C;AACjF,EAAA,aAAa,GAAA;AACX;AACD,GAHgF;;AAIjF,EAAA,IAAI,EAAE,KAJ2E;AAKjF,EAAA,QAAQ,EAAE;AALuE,CAA/C,CAAvB;;AAQN,MAAM,uBAAuB,GAAG,MAAM,KAAK,CAAC,UAAN,CAAiB,OAAA,CAAA,oBAAjB,CAAtC;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","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,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("./AccordionItem"), exports);
10
10
 
@@ -17,4 +17,6 @@ tslib_1.__exportStar(require("./useAccordionItem"), exports);
17
17
  tslib_1.__exportStar(require("./useAccordionItemContextValues"), exports);
18
18
 
19
19
  tslib_1.__exportStar(require("./AccordionItemContext"), exports);
20
+
21
+ tslib_1.__exportStar(require("./useAccordionItemStyles"), exports);
20
22
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,uBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iCAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,0BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -5,26 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderAccordionItem = 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");
12
+ const useAccordionItem_1 = /*#__PURE__*/require("./useAccordionItem");
13
13
 
14
- var useAccordionItem_1 = /*#__PURE__*/require("./useAccordionItem");
15
-
16
- var AccordionItemContext_1 = /*#__PURE__*/require("./AccordionItemContext");
14
+ const AccordionItemContext_1 = /*#__PURE__*/require("./AccordionItemContext");
17
15
  /**
18
16
  * Function that renders the final JSX of the component
19
17
  */
20
18
 
21
19
 
22
- var renderAccordionItem = function (state, contextValues) {
23
- var _a = react_utilities_1.getSlots(state, useAccordionItem_1.accordionItemShorthandProps),
24
- slots = _a.slots,
25
- slotProps = _a.slotProps;
26
-
27
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), React.createElement(AccordionItemContext_1.AccordionItemContext.Provider, {
20
+ const renderAccordionItem = (state, contextValues) => {
21
+ const {
22
+ slots,
23
+ slotProps
24
+ } = react_utilities_1.getSlots(state, useAccordionItem_1.accordionItemShorthandProps);
25
+ return React.createElement(slots.root, Object.assign({}, slotProps.root), React.createElement(AccordionItemContext_1.AccordionItemContext.Provider, {
28
26
  value: contextValues.accordionItem
29
27
  }, slotProps.root.children));
30
28
  };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,mBAAmB,GAAG,UAAC,KAAD,EAA4B,aAA5B,EAAqE;AAChG,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA6B,KAA7B,EAAoC,kBAAA,CAAA,2BAApC,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,sBAAA,CAAA,oBAAA,CAAqB,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,mBAAmB,GAAG,CAAC,KAAD,EAA4B,aAA5B,KAAyE;AAC1G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA6B,KAA7B,EAAoC,kBAAA,CAAA,2BAApC,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,sBAAA,CAAA,oBAAA,CAAqB,QAAtB,EAA8B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA9B,EACG,SAAS,CAAC,IAAV,CAAe,QADlB,CADF,CADF;AAOD,CAVM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
@@ -5,17 +5,15 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionItem = exports.accordionItemShorthandProps = 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");
12
+ const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
13
13
 
14
- var react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
14
+ const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
15
15
 
16
- var react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
17
-
18
- var AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
16
+ const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
19
17
  /**
20
18
  * Const listing which props are shorthand props.
21
19
  */
@@ -28,35 +26,30 @@ exports.accordionItemShorthandProps = ['root'];
28
26
  * @param ref - reference to root HTMLElement of AccordionItem
29
27
  */
30
28
 
31
- var useAccordionItem = function (props, ref) {
32
- var value = props.value,
33
- _a = props.disabled,
34
- disabled = _a === void 0 ? false : _a;
35
- var navigable = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, function (ctx) {
36
- return ctx.navigable;
37
- });
38
- var tabsterAttributes = react_tabster_1.useTabsterAttributes({
29
+ const useAccordionItem = (props, ref) => {
30
+ const {
31
+ value,
32
+ disabled = false
33
+ } = props;
34
+ const navigable = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, ctx => ctx.navigable);
35
+ const tabsterAttributes = react_tabster_1.useTabsterAttributes({
39
36
  groupper: {}
40
37
  });
41
- var requestToggle = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, function (ctx) {
42
- return ctx.requestToggle;
43
- });
44
- var open = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, function (ctx) {
45
- return ctx.openItems.includes(value);
46
- });
47
- var onAccordionHeaderClick = React.useCallback(function (ev) {
48
- return requestToggle(ev, {
49
- value: value
50
- });
51
- }, [requestToggle, value]);
38
+ const requestToggle = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, ctx => ctx.requestToggle);
39
+ const open = react_context_selector_1.useContextSelector(AccordionContext_1.AccordionContext, ctx => ctx.openItems.includes(value));
40
+ const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
41
+ value
42
+ }), [requestToggle, value]);
52
43
  return {
53
- open: open,
54
- value: value,
55
- disabled: disabled,
44
+ open,
45
+ value,
46
+ disabled,
56
47
  onHeaderClick: onAccordionHeaderClick,
57
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({
58
- ref: ref
59
- }, navigable ? tabsterAttributes : {}), props))
48
+ root: react_utilities_1.getNativeElementProps('div', {
49
+ ref: ref,
50
+ ...(navigable ? tabsterAttributes : {}),
51
+ ...props
52
+ })
60
53
  };
61
54
  };
62
55
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,IAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,2BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb;;;;AAIG;;AACI,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,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,SAAA;AAAa,GAAzD,CAAlB;AACA,MAAM,iBAAiB,GAAG,eAAA,CAAA,oBAAA,CAAqB;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAArB,CAA1B;AAIA,MAAM,aAAa,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAH,aAAA;AAAiB,GAA7D,CAAtB;AACA,MAAM,IAAI,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,UAAA,GAAA,EAAG;AAAI,WAAA,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAA,KAAA,CAAA;AAA6B,GAAzE,CAAb;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,KAAK,EAAA,KAFA;AAGL,IAAA,QAAQ,EAAA,QAHH;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAE;AAD0B,KAAA,EAE3B,SAAS,GAAG,iBAAH,GAAuB,EAFL,CAAA,EAG5B,KAH4B,CAA3B;AALD,GAAP;AAWD,CAzBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,2BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb;;;;AAIG;;AACI,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,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,SAAhD,CAAlB;AACA,QAAM,iBAAiB,GAAG,eAAA,CAAA,oBAAA,CAAqB;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAArB,CAA1B;AAIA,QAAM,aAAa,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,aAAhD,CAAtB;AACA,QAAM,IAAI,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA5C,CAAb;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,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,UAAI,SAAS,GAAG,iBAAH,GAAuB,EAApC,CAFiC;AAGjC,SAAG;AAH8B,KAA7B;AALD,GAAP;AAWD,CAzBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -5,21 +5,21 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionItemContextValues = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
10
  function useAccordionItemContextValues(state) {
11
- var disabled = state.disabled,
12
- onHeaderClick = state.onHeaderClick,
13
- open = state.open;
14
- var accordionItem = React.useMemo(function () {
15
- return {
16
- disabled: disabled,
17
- onHeaderClick: onHeaderClick,
18
- open: open
19
- };
20
- }, [disabled, onHeaderClick, open]);
11
+ const {
12
+ disabled,
13
+ onHeaderClick,
14
+ open
15
+ } = state;
16
+ const accordionItem = React.useMemo(() => ({
17
+ disabled,
18
+ onHeaderClick,
19
+ open
20
+ }), [disabled, onHeaderClick, open]);
21
21
  return {
22
- accordionItem: accordionItem
22
+ accordionItem
23
23
  };
24
24
  }
25
25
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,6BAAhB,CAA8C,KAA9C,EAAuE;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;;AATD,OAAA,CAAA,6BAAA,GAAA,6BAAA","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,6BAAhB,CAA8C,KAA9C,EAAuE;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;;AATD,OAAA,CAAA,6BAAA,GAAA,6BAAA","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,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useAccordionItemStyles = exports.accordionItemClassName = void 0;
7
+
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
+
10
+ exports.accordionItemClassName = 'fui-AccordionItem';
11
+
12
+ const useAccordionItemStyles = state => {
13
+ state.root.className = react_make_styles_1.mergeClasses(exports.accordionItemClassName, state.root.className);
14
+ return state;
15
+ };
16
+
17
+ exports.useAccordionItemStyles = useAccordionItemStyles;
18
+ //# sourceMappingURL=useAccordionItemStyles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEN,MAAM,sBAAsB,GAAI,KAAD,IAA8B;AAClE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAb,EAAqC,KAAK,CAAC,IAAN,CAAW,SAAhD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.AccordionPanel = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
10
+ const useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
11
11
 
12
- var renderAccordionPanel_1 = /*#__PURE__*/require("./renderAccordionPanel");
12
+ const renderAccordionPanel_1 = /*#__PURE__*/require("./renderAccordionPanel");
13
13
 
14
- var useAccordionPanelStyles_1 = /*#__PURE__*/require("./useAccordionPanelStyles");
14
+ const useAccordionPanelStyles_1 = /*#__PURE__*/require("./useAccordionPanelStyles");
15
15
  /**
16
16
  * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
17
17
  */
18
18
 
19
19
 
20
- exports.AccordionPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useAccordionPanel_1.useAccordionPanel(props, ref);
20
+ exports.AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useAccordionPanel_1.useAccordionPanel(props, ref);
22
22
  useAccordionPanelStyles_1.useAccordionPanelStyles(state);
23
23
  return renderAccordionPanel_1.renderAccordionPanel(state);
24
24
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAClG,MAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AACA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AACA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","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("./AccordionPanel"), exports);
10
10
 
@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderAccordionPanel = 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 useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
12
+ const useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
15
13
  /**
16
14
  * Function that renders the final JSX of the component
17
15
  */
18
16
 
19
17
 
20
- var renderAccordionPanel = function (state) {
21
- var _a = react_utilities_1.getSlots(state, useAccordionPanel_1.accordionPanelShorthandProps),
22
- slots = _a.slots,
23
- slotProps = _a.slotProps;
24
-
25
- return state.open ? React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), slotProps.root.children) : null;
18
+ const renderAccordionPanel = state => {
19
+ const {
20
+ slots,
21
+ slotProps
22
+ } = react_utilities_1.getSlots(state, useAccordionPanel_1.accordionPanelShorthandProps);
23
+ return state.open ? React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children) : null;
26
24
  };
27
25
 
28
26
  exports.renderAccordionPanel = renderAccordionPanel;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA2B;AACvD,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AACN,SAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAA+B;AACjE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAA7B;AACA,SAAO,KAAK,CAAC,IAAN,GAAa,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;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useAccordionPanel = exports.accordionPanelShorthandProps = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
9
 
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
-
12
- var index_1 = /*#__PURE__*/require("../AccordionItem/index");
10
+ const index_1 = /*#__PURE__*/require("../AccordionItem/index");
13
11
  /**
14
12
  * Const listing which props are shorthand props.
15
13
  */
@@ -22,14 +20,17 @@ exports.accordionPanelShorthandProps = ['root'];
22
20
  * @param ref - reference to root HTMLElement of AccordionPanel
23
21
  */
24
22
 
25
- var useAccordionPanel = function (props, ref) {
26
- var open = index_1.useAccordionItemContext().open;
23
+ const useAccordionPanel = (props, ref) => {
24
+ const {
25
+ open
26
+ } = index_1.useAccordionItemContext();
27
27
  return {
28
- open: open,
29
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign({
30
- ref: ref,
31
- role: 'region'
32
- }, props))
28
+ open,
29
+ root: react_utilities_1.getNativeElementProps('div', {
30
+ ref,
31
+ role: 'region',
32
+ ...props
33
+ })
33
34
  };
34
35
  };
35
36
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,4BAAA,GAAiE,CAAC,MAAD,CAAjE;AAEb;;;;AAIG;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AAC/E,MAAA,IAAI,GAAK,OAAA,CAAA,uBAAA,GAAL,IAAJ;AACR,SAAO;AACL,IAAA,IAAI,EAAA,IADC;AAEL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA,GAD4B;AAE/B,MAAA,IAAI,EAAE;AAFyB,KAAA,EAG5B,KAH4B,CAA3B;AAFD,GAAP;AAQD,CAVM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,4BAAA,GAAiE,CAAC,MAAD,CAAjE;AAEb;;;;AAIG;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,uBAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAA7B;AAFD,GAAP;AAQD,CAVM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","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;
@@ -3,15 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useAccordionPanelStyles = void 0;
6
+ exports.useAccordionPanelStyles = exports.accordionPanelClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
+
10
+ exports.accordionPanelClassName = 'fui-AccordionPanel';
9
11
  /**
10
12
  * Styles for the root slot
11
13
  */
12
14
 
13
-
14
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
15
16
  "root": {
16
17
  "t21cq0": ["f1x4n1mu", "f1hf5xhj"],
17
18
  "Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
@@ -22,9 +23,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
22
23
  /** Applies style classnames to slots */
23
24
 
24
25
 
25
- var useAccordionPanelStyles = function (state) {
26
- var styles = useStyles();
27
- state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
26
+ const useAccordionPanelStyles = state => {
27
+ const styles = useStyles();
28
+ state.root.className = react_make_styles_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
28
29
  return state;
29
30
  };
30
31
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;AAGA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,MAAM,CAAC,IAApB,EAA0B,KAAK,CAAC,IAAN,CAAW,SAArC,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","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("./Accordion"), exports);
10
10
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "0.0.0-nightly050f89bf0020211102.1",
3
+ "version": "0.0.0-nightly442708a36520211209.1",
4
4
  "description": "Fluent UI accordion component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -21,15 +21,16 @@
21
21
  "start": "yarn storybook",
22
22
  "test": "jest",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-accordion/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-accordion/src && yarn docs",
25
+ "storybook": "start-storybook",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightly050f89bf0020211102.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightly442708a36520211209.1",
29
30
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightly050f89bf0020211102.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightly442708a36520211209.1",
31
32
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightly050f89bf0020211102.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightly442708a36520211209.1",
33
34
  "@fluentui/scripts": "^1.0.0",
34
35
  "@types/enzyme": "3.10.3",
35
36
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,12 +45,12 @@
44
45
  "react-test-renderer": "^16.3.0"
45
46
  },
46
47
  "dependencies": {
47
- "@fluentui/react-aria": "0.0.0-nightly050f89bf0020211102.1",
48
- "@fluentui/react-context-selector": "0.0.0-nightly050f89bf0020211102.1",
49
- "@fluentui/react-make-styles": "0.0.0-nightly050f89bf0020211102.1",
50
- "@fluentui/react-tabster": "0.0.0-nightly050f89bf0020211102.1",
51
- "@fluentui/react-theme": "0.0.0-nightly050f89bf0020211102.1",
52
- "@fluentui/react-utilities": "0.0.0-nightly050f89bf0020211102.1",
48
+ "@fluentui/react-aria": "0.0.0-nightly442708a36520211209.1",
49
+ "@fluentui/react-context-selector": "0.0.0-nightly442708a36520211209.1",
50
+ "@fluentui/react-make-styles": "0.0.0-nightly442708a36520211209.1",
51
+ "@fluentui/react-tabster": "0.0.0-nightly442708a36520211209.1",
52
+ "@fluentui/react-theme": "0.0.0-nightly442708a36520211209.1",
53
+ "@fluentui/react-utilities": "0.0.0-nightly442708a36520211209.1",
53
54
  "tslib": "^2.1.0"
54
55
  },
55
56
  "peerDependencies": {
@@ -59,7 +60,6 @@
59
60
  "react-dom": ">=16.8.0 <17.0.0"
60
61
  },
61
62
  "beachball": {
62
- "tag": "beta",
63
63
  "disallowedChangeTypes": [
64
64
  "major",
65
65
  "minor",
@@ -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,12 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- var defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- skipAsPropTests: true,
8
- extraTests: makeStylesTests
9
- };
10
- baseIsConformant(defaultOptions, testInfo);
11
- }
12
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;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;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -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":""}