@fluentui/react-accordion 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230321-0440.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 (141) hide show
  1. package/CHANGELOG.json +17 -17
  2. package/CHANGELOG.md +11 -11
  3. package/lib/Accordion.js +1 -1
  4. package/lib/Accordion.js.map +1 -1
  5. package/lib/AccordionHeader.js +1 -1
  6. package/lib/AccordionHeader.js.map +1 -1
  7. package/lib/AccordionItem.js +1 -1
  8. package/lib/AccordionItem.js.map +1 -1
  9. package/lib/AccordionPanel.js +1 -1
  10. package/lib/AccordionPanel.js.map +1 -1
  11. package/lib/components/Accordion/Accordion.js +7 -7
  12. package/lib/components/Accordion/Accordion.js.map +1 -1
  13. package/lib/components/Accordion/Accordion.types.js +1 -1
  14. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  15. package/lib/components/Accordion/AccordionContext.js +3 -2
  16. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  17. package/lib/components/Accordion/index.js +7 -7
  18. package/lib/components/Accordion/index.js.map +1 -1
  19. package/lib/components/Accordion/renderAccordion.js +6 -4
  20. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  21. package/lib/components/Accordion/useAccordion.js +7 -7
  22. package/lib/components/Accordion/useAccordion.js.map +1 -1
  23. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  24. package/lib/components/Accordion/useAccordionStyles.js +2 -2
  25. package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
  26. package/lib/components/AccordionHeader/AccordionHeader.js +7 -7
  27. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  28. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  29. package/lib/components/AccordionHeader/AccordionHeaderContext.js +7 -4
  30. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  31. package/lib/components/AccordionHeader/index.js +6 -6
  32. package/lib/components/AccordionHeader/index.js.map +1 -1
  33. package/lib/components/AccordionHeader/renderAccordionHeader.js +14 -4
  34. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  35. package/lib/components/AccordionHeader/useAccordionHeader.js +24 -23
  36. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  37. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
  38. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  39. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +9 -9
  40. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  41. package/lib/components/AccordionItem/AccordionItem.js +7 -7
  42. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  43. package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
  44. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  45. package/lib/components/AccordionItem/AccordionItemContext.js +7 -3
  46. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  47. package/lib/components/AccordionItem/index.js +7 -7
  48. package/lib/components/AccordionItem/index.js.map +1 -1
  49. package/lib/components/AccordionItem/renderAccordionItem.js +6 -4
  50. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  51. package/lib/components/AccordionItem/useAccordionItem.js +5 -5
  52. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  53. package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
  54. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  55. package/lib/components/AccordionItem/useAccordionItemStyles.js +2 -2
  56. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  57. package/lib/components/AccordionPanel/AccordionPanel.js +6 -6
  58. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  59. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  60. package/lib/components/AccordionPanel/index.js +5 -5
  61. package/lib/components/AccordionPanel/index.js.map +1 -1
  62. package/lib/components/AccordionPanel/renderAccordionPanel.js +5 -3
  63. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  64. package/lib/components/AccordionPanel/useAccordionPanel.js +6 -7
  65. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  66. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +3 -3
  67. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  68. package/lib/index.js +4 -4
  69. package/lib/index.js.map +1 -1
  70. package/lib-commonjs/Accordion.js +4 -5
  71. package/lib-commonjs/Accordion.js.map +1 -1
  72. package/lib-commonjs/AccordionHeader.js +4 -5
  73. package/lib-commonjs/AccordionHeader.js.map +1 -1
  74. package/lib-commonjs/AccordionItem.js +4 -5
  75. package/lib-commonjs/AccordionItem.js.map +1 -1
  76. package/lib-commonjs/AccordionPanel.js +4 -5
  77. package/lib-commonjs/AccordionPanel.js.map +1 -1
  78. package/lib-commonjs/components/Accordion/Accordion.js +22 -21
  79. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  80. package/lib-commonjs/components/Accordion/Accordion.types.js +2 -5
  81. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  82. package/lib-commonjs/components/Accordion/AccordionContext.js +13 -21
  83. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  84. package/lib-commonjs/components/Accordion/index.js +10 -11
  85. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  86. package/lib-commonjs/components/Accordion/renderAccordion.js +21 -16
  87. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  88. package/lib-commonjs/components/Accordion/useAccordion.js +81 -79
  89. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  90. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +21 -18
  91. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  92. package/lib-commonjs/components/Accordion/useAccordionStyles.js +11 -19
  93. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
  94. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +23 -21
  95. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  96. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +2 -3
  97. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  98. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +14 -20
  99. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  100. package/lib-commonjs/components/AccordionHeader/index.js +9 -10
  101. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  102. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +29 -16
  103. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  104. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +94 -76
  105. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  106. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +21 -24
  107. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  108. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +172 -383
  109. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  110. package/lib-commonjs/components/AccordionItem/AccordionItem.js +22 -21
  111. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  112. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +2 -5
  113. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  114. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +16 -22
  115. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  116. package/lib-commonjs/components/AccordionItem/index.js +10 -11
  117. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  118. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +21 -16
  119. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  120. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +35 -33
  121. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  122. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +19 -22
  123. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  124. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +11 -19
  125. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  126. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +20 -19
  127. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  128. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +2 -3
  129. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  130. package/lib-commonjs/components/AccordionPanel/index.js +8 -9
  131. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  132. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +18 -13
  133. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  134. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +35 -32
  135. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  136. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +23 -39
  137. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  138. package/lib-commonjs/index.js +170 -43
  139. package/lib-commonjs/index.js.map +1 -1
  140. package/package.json +12 -11
  141. package/.swcrc +0 -39
@@ -1,8 +1,7 @@
1
- import * as React from "react";
2
- import { getNativeElementProps } from "@fluentui/react-utilities";
3
- import { useTabsterAttributes } from "@fluentui/react-tabster";
4
- import { useAccordionItemContext_unstable } from "../AccordionItem/index";
5
- import { useAccordionContext_unstable } from "../Accordion/AccordionContext";
1
+ import { getNativeElementProps } from '@fluentui/react-utilities';
2
+ import { useTabsterAttributes } from '@fluentui/react-tabster';
3
+ import { useAccordionItemContext_unstable } from '../AccordionItem/index';
4
+ import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
6
5
  /**
7
6
  * Returns the props and state required to render the component
8
7
  * @param props - AccordionPanel properties
@@ -21,9 +20,9 @@ export const useAccordionPanel_unstable = (props, ref) => {
21
20
  return {
22
21
  open,
23
22
  components: {
24
- root: "div"
23
+ root: 'div'
25
24
  },
26
- root: getNativeElementProps("div", {
25
+ root: getNativeElementProps('div', {
27
26
  ref,
28
27
  ...props,
29
28
  ...(navigation && focusableProps)
@@ -1 +1 @@
1
- {"version":3,"names":["React","getNativeElementProps","useTabsterAttributes","useAccordionItemContext_unstable","useAccordionContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n ...(navigation && focusableProps),\n }),\n };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,gCAAgC,QAAQ;AACjD,SAASC,4BAA4B,QAAQ;AAG7C;;;;;AAKA,OAAO,MAAMC,0BAAA,GAA6BA,CACxCC,KAAA,EACAC,GAAA,KACwB;EACxB,MAAM;IAAEC;EAAI,CAAE,GAAGL,gCAAA;EACjB,MAAMM,cAAA,GAAiBP,oBAAA,CAAqB;IAAEQ,SAAA,EAAW;MAAEC,gBAAA,EAAkB;IAAK;EAAE;EACpF,MAAMC,UAAA,GAAaR,4BAAA,CAA6BS,GAAA,IAAOA,GAAA,CAAID,UAAU;EAErE,OAAO;IACLJ,IAAA;IACAM,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMd,qBAAA,CAAsB,OAAO;MACjCM,GAAA;MACA,GAAGD,KAAK;MACR,IAAIM,UAAA,IAAcH,cAAc;IAClC;EACF;AACF"}
1
+ {"version":3,"names":["getNativeElementProps","useTabsterAttributes","useAccordionItemContext_unstable","useAccordionContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n ...(navigation && focusableProps),\n }),\n };\n};\n"],"mappings":"AACA,SAASA,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,gCAAgC,QAAQ,wBAAwB;AACzE,SAASC,4BAA4B,QAAQ,+BAA+B;AAG5E;;;;;AAKA,OAAO,MAAMC,0BAA0B,GAAGA,CACxCC,KAA0B,EAC1BC,GAA2B,KACJ;EACvB,MAAM;IAAEC;EAAI,CAAE,GAAGL,gCAAgC,EAAE;EACnD,MAAMM,cAAc,GAAGP,oBAAoB,CAAC;IAAEQ,SAAS,EAAE;MAAEC,gBAAgB,EAAE;IAAI;EAAE,CAAE,CAAC;EACtF,MAAMC,UAAU,GAAGR,4BAA4B,CAACS,GAAG,IAAIA,GAAG,CAACD,UAAU,CAAC;EAEtE,OAAO;IACLJ,IAAI;IACJM,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEd,qBAAqB,CAAC,KAAK,EAAE;MACjCM,GAAG;MACH,GAAGD,KAAK;MACR,IAAIM,UAAU,IAAIH,cAAc;KACjC;GACF;AACH,CAAC"}
@@ -1,7 +1,7 @@
1
- import { __styles, mergeClasses, shorthands } from "@griffel/react";
2
- import { tokens } from "@fluentui/react-theme";
1
+ import { __styles, mergeClasses, shorthands } from '@griffel/react';
2
+ import { tokens } from '@fluentui/react-theme';
3
3
  export const accordionPanelClassNames = {
4
- root: "fui-AccordionPanel"
4
+ root: 'fui-AccordionPanel'
5
5
  };
6
6
  /**
7
7
  * Styles for the root slot
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...shorthands.margin(0, tokens.spacingHorizontalM),\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAIlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,MAAA,GAASR,SAAA;EACfO,KAAA,CAAMR,IAAI,CAACU,SAAS,GAAGd,YAAA,CAAaG,wBAAA,CAAyBC,IAAI,EAAES,MAAA,CAAOT,IAAI,EAAEQ,KAAA,CAAMR,IAAI,CAACU,SAAS;EAEpG,OAAOF,KAAA;AACT"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/useAccordionPanelStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...shorthands.margin(0, tokens.spacingHorizontalM),\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAI9C,OAAO,MAAMC,wBAAwB,GAAwC;EAC3EC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAIhB;AAEF;AACA,OAAO,MAAMC,gCAAgC,GAAIC,KAA0B,IAAI;EAC7E,MAAMC,MAAM,GAAGR,SAAS,EAAE;EAC1BO,KAAK,CAACR,IAAI,CAACU,SAAS,GAAGd,YAAY,CAACG,wBAAwB,CAACC,IAAI,EAAES,MAAM,CAACT,IAAI,EAAEQ,KAAK,CAACR,IAAI,CAACU,SAAS,CAAC;EAErG,OAAOF,KAAK;AACd,CAAC"}
package/lib/index.js CHANGED
@@ -1,5 +1,5 @@
1
- export { Accordion, AccordionProvider, accordionClassNames, renderAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable } from "./Accordion";
2
- export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from "./AccordionItem";
3
- export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from "./AccordionHeader";
4
- export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from "./AccordionPanel";
1
+ export { Accordion, AccordionProvider, accordionClassNames, renderAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable } from './Accordion';
2
+ export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from './AccordionItem';
3
+ export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from './AccordionHeader';
4
+ export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from './AccordionPanel';
5
5
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["Accordion","AccordionProvider","accordionClassNames","renderAccordion_unstable","useAccordionContext_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","AccordionItemProvider","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\n Accordion,\n AccordionProvider,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContext_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValue,\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n AccordionItemProvider,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemContext_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValue,\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValue,\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB;AAYP,SACEC,aAAa,EACbC,qBAAqB,EACrBC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,yBAAyB,QACpB;AASP,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB;AAUP,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB"}
1
+ {"version":3,"names":["Accordion","AccordionProvider","accordionClassNames","renderAccordion_unstable","useAccordionContext_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","AccordionItemProvider","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"sources":["../../../../../../../packages/react-components/react-accordion/src/index.ts"],"sourcesContent":["export {\n Accordion,\n AccordionProvider,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContext_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValue,\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n AccordionItemProvider,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemContext_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValue,\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValue,\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB,aAAa;AAYpB,SACEC,aAAa,EACbC,qBAAqB,EACrBC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,yBAAyB,QACpB,iBAAiB;AASxB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB,mBAAmB;AAU1B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,kBAAkB"}
@@ -1,9 +1,8 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/Accordion/index"), exports);
7
- //# sourceMappingURL=Accordion.js.map
8
-
6
+ const tslib_1 = /*#__PURE__*/require("tslib");
7
+ tslib_1.__exportStar(require("./components/Accordion/index"), exports);
9
8
  //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/Accordion.js"],"sourcesContent":["export * from \"./components/Accordion/index\";\n//# sourceMappingURL=Accordion.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,qCAAqC"}
1
+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/Accordion.ts"],"sourcesContent":["export * from './components/Accordion/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kCAAAC,OAAA"}
@@ -1,9 +1,8 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/AccordionHeader/index"), exports);
7
- //# sourceMappingURL=AccordionHeader.js.map
8
-
6
+ const tslib_1 = /*#__PURE__*/require("tslib");
7
+ tslib_1.__exportStar(require("./components/AccordionHeader/index"), exports);
9
8
  //# sourceMappingURL=AccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/AccordionHeader.js"],"sourcesContent":["export * from \"./components/AccordionHeader/index\";\n//# sourceMappingURL=AccordionHeader.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,2CAA2C"}
1
+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionHeader.ts"],"sourcesContent":["export * from './components/AccordionHeader/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,wCAAAC,OAAA"}
@@ -1,9 +1,8 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/AccordionItem/index"), exports);
7
- //# sourceMappingURL=AccordionItem.js.map
8
-
6
+ const tslib_1 = /*#__PURE__*/require("tslib");
7
+ tslib_1.__exportStar(require("./components/AccordionItem/index"), exports);
9
8
  //# sourceMappingURL=AccordionItem.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/AccordionItem.js"],"sourcesContent":["export * from \"./components/AccordionItem/index\";\n//# sourceMappingURL=AccordionItem.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
1
+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionItem.ts"],"sourcesContent":["export * from './components/AccordionItem/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
@@ -1,9 +1,8 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./components/AccordionPanel/index"), exports);
7
- //# sourceMappingURL=AccordionPanel.js.map
8
-
6
+ const tslib_1 = /*#__PURE__*/require("tslib");
7
+ tslib_1.__exportStar(require("./components/AccordionPanel/index"), exports);
9
8
  //# sourceMappingURL=AccordionPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/AccordionPanel.js"],"sourcesContent":["export * from \"./components/AccordionPanel/index\";\n//# sourceMappingURL=AccordionPanel.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,0CAA0C"}
1
+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionPanel.ts"],"sourcesContent":["export * from './components/AccordionPanel/index';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,uCAAAC,OAAA"}
@@ -1,26 +1,27 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Accordion", {
6
- enumerable: true,
7
- get: ()=>Accordion
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _renderAccordion = require("./renderAccordion");
12
- const _useAccordion = require("./useAccordion");
13
- const _useAccordionContextValues = require("./useAccordionContextValues");
14
- const _reactSharedContexts = require("@fluentui/react-shared-contexts");
15
- const _useAccordionStyles = require("./useAccordionStyles");
16
- const Accordion = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
17
- const state = (0, _useAccordion.useAccordion_unstable)(props, ref);
18
- const contextValues = (0, _useAccordionContextValues.useAccordionContextValues_unstable)(state);
19
- (0, _useAccordionStyles.useAccordionStyles_unstable)(state);
20
- const { useAccordionStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
21
- useCustomStyles(state);
22
- return (0, _renderAccordion.renderAccordion_unstable)(state, contextValues);
6
+ exports.Accordion = void 0;
7
+ const React = /*#__PURE__*/require("react");
8
+ const renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
9
+ const useAccordion_1 = /*#__PURE__*/require("./useAccordion");
10
+ const useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
11
+ const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
12
+ const useAccordionStyles_1 = /*#__PURE__*/require("./useAccordionStyles");
13
+ /**
14
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
15
+ */
16
+ exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
17
+ const state = useAccordion_1.useAccordion_unstable(props, ref);
18
+ const contextValues = useAccordionContextValues_1.useAccordionContextValues_unstable(state);
19
+ useAccordionStyles_1.useAccordionStyles_unstable(state);
20
+ const {
21
+ useAccordionStyles_unstable: useCustomStyles
22
+ } = react_shared_contexts_1.useCustomStyleHooks_unstable();
23
+ useCustomStyles(state);
24
+ return renderAccordion_1.renderAccordion_unstable(state, contextValues);
23
25
  });
24
- Accordion.displayName = "Accordion"; //# sourceMappingURL=Accordion.js.map
25
-
26
+ exports.Accordion.displayName = 'Accordion';
26
27
  //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Accordion/Accordion.js"],"sourcesContent":["import * as React from \"react\";\nimport { renderAccordion_unstable } from \"./renderAccordion\";\nimport { useAccordion_unstable } from \"./useAccordion\";\nimport { useAccordionContextValues_unstable } from \"./useAccordionContextValues\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\nimport { useAccordionStyles_unstable } from \"./useAccordionStyles\";\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n useAccordionStyles_unstable(state);\n const {\n useAccordionStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderAccordion_unstable(state, contextValues);\n});\nAccordion.displayName = \"Accordion\";\n//# sourceMappingURL=Accordion.js.map"],"names":["Accordion","React","forwardRef","props","ref","state","useAccordion_unstable","contextValues","useAccordionContextValues_unstable","useAccordionStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordion_unstable","displayName"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;iCACkB;8BACH;2CACa;qCACN;oCACD;AAIrC,MAAMA,YAAY,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3C,MAAMG,gBAAgBC,IAAAA,6DAAkC,EAACH;IACzDI,IAAAA,+CAA2B,EAACJ;IAC5B,MAAM,EACJI,6BAA6BC,gBAAe,EAC7C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,yCAAwB,EAACP,OAAOE;AACzC;AACAP,UAAUa,WAAW,GAAG,aACxB,qCAAqC"}
1
+ {"version":3,"names":["React","require","renderAccordion_1","useAccordion_1","useAccordionContextValues_1","react_shared_contexts_1","useAccordionStyles_1","exports","Accordion","forwardRef","props","ref","state","useAccordion_unstable","contextValues","useAccordionContextValues_unstable","useAccordionStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordion_unstable","displayName"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n const { useAccordionStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderAccordion_unstable(state, contextValues);\n },\n);\n\nAccordion.displayName = 'Accordion';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AACA,MAAAG,2BAAA,gBAAAH,OAAA;AACA,MAAAI,uBAAA,gBAAAJ,OAAA;AACA,MAAAK,oBAAA,gBAAAL,OAAA;AAIA;;;AAGaM,OAAA,CAAAC,SAAS,gBAAwCR,KAAK,CAACS,UAAU,CAC5E,CAACC,KAAK,EAAEC,GAAG,KAAI;EACb,MAAMC,KAAK,GAAGT,cAAA,CAAAU,qBAAqB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC/C,MAAMG,aAAa,GAAGV,2BAAA,CAAAW,kCAAkC,CAACH,KAAK,CAAC;EAE/DN,oBAAA,CAAAU,2BAA2B,CAACJ,KAAK,CAAC;EAElC,MAAM;IAAEI,2BAA2B,EAAEC;EAAe,CAAE,GAAGZ,uBAAA,CAAAa,4BAA4B,EAAE;EACvFD,eAAe,CAACL,KAAK,CAAC;EAEtB,OAAOV,iBAAA,CAAAiB,wBAAwB,CAACP,KAAK,EAAEE,aAAa,CAAC;AACvD,CAAC,CACF;AAEDP,OAAA,CAAAC,SAAS,CAACY,WAAW,GAAG,WAAW"}
@@ -1,9 +1,6 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
6
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
7
- //# sourceMappingURL=Accordion.types.js.map
8
-
9
6
  //# sourceMappingURL=Accordion.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Accordion/Accordion.types.js"],"sourcesContent":["import * as React from \"react\";\n//# sourceMappingURL=Accordion.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CACvB,2CAA2C"}
1
+ {"version":3,"names":[],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/Accordion.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\n\nexport type AccordionIndex = number | number[];\n\nexport type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;\n\nexport type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n\nexport type AccordionContextValue = Required<Pick<AccordionProps, 'collapsible'>> &\n Pick<AccordionProps, 'navigation'> & {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (event: AccordionToggleEvent, data: AccordionToggleData) => void;\n };\n\nexport type AccordionContextValues = {\n accordion: AccordionContextValue;\n};\n\nexport type AccordionSlots = {\n root: Slot<'div'>;\n};\n\nexport type AccordionToggleData = {\n value: AccordionItemValue;\n};\n\nexport type AccordionProps = ComponentProps<AccordionSlots> & {\n /**\n * Default value for the uncontrolled state of the panel.\n */\n defaultOpenItems?: AccordionItemValue | AccordionItemValue[];\n\n /**\n * Indicates if Accordion support multiple Panels closed at the same time.\n */\n collapsible?: boolean;\n\n /**\n * Indicates if Accordion support multiple Panels opened at the same time.\n */\n multiple?: boolean;\n\n /**\n * Indicates if keyboard navigation is available and gives two options, linear or circular navigation.\n */\n navigation?: 'linear' | 'circular';\n\n /**\n * Callback to be called when the opened items change.\n */\n onToggle?: AccordionToggleEventHandler;\n\n /**\n * Controls the state of the panel.\n */\n openItems?: AccordionItemValue | AccordionItemValue[];\n};\n\nexport type AccordionState = ComponentState<AccordionSlots> & AccordionContextValue;\n"],"mappings":""}
@@ -1,27 +1,19 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: all[name]
9
- });
10
- }
11
- _export(exports, {
12
- AccordionContext: ()=>AccordionContext,
13
- AccordionProvider: ()=>AccordionProvider,
14
- useAccordionContext_unstable: ()=>useAccordionContext_unstable
4
+ value: true
15
5
  });
16
- const _reactContextSelector = require("@fluentui/react-context-selector");
17
- const AccordionContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
6
+ exports.useAccordionContext_unstable = exports.AccordionProvider = exports.AccordionContext = void 0;
7
+ const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
8
+ exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
18
9
  const accordionContextDefaultValue = {
19
- openItems: [],
20
- collapsible: false,
21
- requestToggle () {
22
- /* noop */ }
10
+ openItems: [],
11
+ collapsible: false,
12
+ requestToggle() {
13
+ /* noop */
14
+ }
23
15
  };
24
- const AccordionProvider = AccordionContext.Provider;
25
- const useAccordionContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(AccordionContext, (ctx = accordionContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=AccordionContext.js.map
26
-
16
+ exports.AccordionProvider = exports.AccordionContext.Provider;
17
+ const useAccordionContext_unstable = selector => react_context_selector_1.useContextSelector(exports.AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));
18
+ exports.useAccordionContext_unstable = useAccordionContext_unstable;
27
19
  //# sourceMappingURL=AccordionContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Accordion/AccordionContext.js"],"sourcesContent":["import { createContext, useContextSelector } from \"@fluentui/react-context-selector\";\nexport const AccordionContext = /*#__PURE__*/createContext(undefined);\nconst accordionContextDefaultValue = {\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */}\n};\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = selector => useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=AccordionContext.js.map"],"names":["AccordionContext","AccordionProvider","useAccordionContext_unstable","createContext","undefined","accordionContextDefaultValue","openItems","collapsible","requestToggle","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,gBAAgB,MAAhBA;IAOAC,iBAAiB,MAAjBA;IACAC,4BAA4B,MAA5BA;;sCATqC;AAC3C,MAAMF,mBAAmB,WAAW,GAAEG,IAAAA,mCAAa,EAACC;AAC3D,MAAMC,+BAA+B;IACnCC,WAAW,EAAE;IACbC,aAAa,KAAK;IAClBC,iBAAgB;IACd,QAAQ,GAAE;AACd;AACO,MAAMP,oBAAoBD,iBAAiBS,QAAQ;AACnD,MAAMP,+BAA+BQ,CAAAA,WAAYC,IAAAA,wCAAkB,EAACX,kBAAkB,CAACY,MAAMP,4BAA4B,GAAKK,SAASE,OAC9I,4CAA4C"}
1
+ {"version":3,"names":["react_context_selector_1","require","exports","AccordionContext","createContext","undefined","accordionContextDefaultValue","openItems","collapsible","requestToggle","AccordionProvider","Provider","useAccordionContext_unstable","selector","useContextSelector","ctx"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/AccordionContext.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue | undefined>(\n undefined,\n) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"mappings":";;;;;;AAAA,MAAAA,wBAAA,gBAAAC,OAAA;AAIaC,OAAA,CAAAC,gBAAgB,gBAAmCH,wBAAA,CAAAI,aAAa,CAC3EC,SAAS,CACwB;AAEnC,MAAMC,4BAA4B,GAA0B;EAC1DC,SAAS,EAAE,EAAE;EACbC,WAAW,EAAE,KAAK;EAClBC,aAAaA,CAAA;IACX;EAAA;CAEH;AAEYP,OAAA,CAAAQ,iBAAiB,GAAGR,OAAA,CAAAC,gBAAgB,CAACQ,QAAQ;AACnD,MAAMC,4BAA4B,GAAOC,QAAmD,IACjGb,wBAAA,CAAAc,kBAAkB,CAACZ,OAAA,CAAAC,gBAAgB,EAAE,CAACY,GAAG,GAAGT,4BAA4B,KAAKO,QAAQ,CAACE,GAAG,CAAC,CAAC;AADhFb,OAAA,CAAAU,4BAA4B,GAAAA,4BAAA"}
@@ -1,15 +1,14 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
- _exportStar(require("./Accordion"), exports);
7
- _exportStar(require("./Accordion.types"), exports);
8
- _exportStar(require("./renderAccordion"), exports);
9
- _exportStar(require("./useAccordion"), exports);
10
- _exportStar(require("./useAccordionStyles"), exports);
11
- _exportStar(require("./useAccordionContextValues"), exports);
12
- _exportStar(require("./AccordionContext"), exports);
13
- //# sourceMappingURL=index.js.map
14
-
6
+ const tslib_1 = /*#__PURE__*/require("tslib");
7
+ tslib_1.__exportStar(require("./Accordion"), exports);
8
+ tslib_1.__exportStar(require("./Accordion.types"), exports);
9
+ tslib_1.__exportStar(require("./renderAccordion"), exports);
10
+ tslib_1.__exportStar(require("./useAccordion"), exports);
11
+ tslib_1.__exportStar(require("./useAccordionStyles"), exports);
12
+ tslib_1.__exportStar(require("./useAccordionContextValues"), exports);
13
+ tslib_1.__exportStar(require("./AccordionContext"), exports);
15
14
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Accordion/index.js"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Accordion.types\";\nexport * from \"./renderAccordion\";\nexport * from \"./useAccordion\";\nexport * from \"./useAccordionStyles\";\nexport * from \"./useAccordionContextValues\";\nexport * from \"./AccordionContext\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,iCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA"}
@@ -1,20 +1,25 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderAccordion_unstable", {
6
- enumerable: true,
7
- get: ()=>renderAccordion_unstable
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const _accordionContext = require("./AccordionContext");
13
- const renderAccordion_unstable = (state, contextValues)=>{
14
- const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
15
- return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(_accordionContext.AccordionContext.Provider, {
16
- value: contextValues.accordion
17
- }, slotProps.root.children));
18
- }; //# sourceMappingURL=renderAccordion.js.map
19
-
6
+ exports.renderAccordion_unstable = void 0;
7
+ const React = /*#__PURE__*/require("react");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
+ const AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
10
+ /**
11
+ * Function that renders the final JSX of the component
12
+ */
13
+ const renderAccordion_unstable = (state, contextValues) => {
14
+ const {
15
+ slots,
16
+ slotProps
17
+ } = react_utilities_1.getSlots(state);
18
+ return React.createElement(slots.root, {
19
+ ...slotProps.root
20
+ }, React.createElement(AccordionContext_1.AccordionContext.Provider, {
21
+ value: contextValues.accordion
22
+ }, slotProps.root.children));
23
+ };
24
+ exports.renderAccordion_unstable = renderAccordion_unstable;
20
25
  //# sourceMappingURL=renderAccordion.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Accordion/renderAccordion.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\nimport { AccordionContext } from \"./AccordionContext\";\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(AccordionContext.Provider, {\n value: contextValues.accordion\n }, slotProps.root.children));\n};\n//# sourceMappingURL=renderAccordion.js.map"],"names":["renderAccordion_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","root","AccordionContext","Provider","value","accordion","children"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;kCACQ;AAI1B,MAAMA,2BAA2B,CAACC,OAAOC,gBAAkB;IAChE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACE,kCAAgB,CAACC,QAAQ,EAAE;QAC9HC,OAAOT,cAAcU,SAAS;IAChC,GAAGR,UAAUI,IAAI,CAACK,QAAQ;AAC5B,GACA,2CAA2C"}
1
+ {"version":3,"names":["React","require","react_utilities_1","AccordionContext_1","renderAccordion_unstable","state","contextValues","slots","slotProps","getSlots","createElement","root","AccordionContext","Provider","value","accordion","children","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n\nimport { AccordionContext } from './AccordionContext';\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n const { slots, slotProps } = getSlots<AccordionSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionContext.Provider value={contextValues.accordion}>{slotProps.root.children}</AccordionContext.Provider>\n </slots.root>\n );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,kBAAA,gBAAAF,OAAA;AAGA;;;AAGO,MAAMG,wBAAwB,GAAGA,CAACC,KAAqB,EAAEC,aAAqC,KAAI;EACvG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,iBAAA,CAAAO,QAAQ,CAAiBJ,KAAK,CAAC;EAE5D,OACEL,KAAA,CAAAU,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BX,KAAA,CAAAU,aAAA,CAACP,kBAAA,CAAAS,gBAAgB,CAACC,QAAQ;IAACC,KAAK,EAAER,aAAa,CAACS;EAAS,GAAGP,SAAS,CAACG,IAAI,CAACK,QAAQ,CAA6B,CACrG;AAEjB,CAAC;AARYC,OAAA,CAAAb,wBAAwB,GAAAA,wBAAA"}
@@ -1,64 +1,72 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useAccordion_unstable", {
6
- enumerable: true,
7
- get: ()=>useAccordion_unstable
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
11
- const _reactUtilities = require("@fluentui/react-utilities");
12
- const _reactTabster = require("@fluentui/react-tabster");
13
- const useAccordion_unstable = (props, ref)=>{
14
- const { openItems: controlledOpenItems , defaultOpenItems , multiple =false , collapsible =false , onToggle , navigation } = props;
15
- const [openItems, setOpenItems] = (0, _reactUtilities.useControllableState)({
16
- state: _react.useMemo(()=>normalizeValues(controlledOpenItems), [
17
- controlledOpenItems
18
- ]),
19
- defaultState: ()=>initializeUncontrolledOpenItems({
20
- defaultOpenItems,
21
- multiple
22
- }),
23
- initialState: []
24
- });
25
- const arrowNavigationProps = (0, _reactTabster.useArrowNavigationGroup)({
26
- circular: navigation === "circular",
27
- tabbable: true
28
- });
29
- const requestToggle = (0, _reactUtilities.useEventCallback)((event, data)=>{
30
- onToggle?.(event, data);
31
- setOpenItems((previousOpenItems)=>updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
32
- });
33
- return {
34
- collapsible,
35
- navigation,
36
- openItems,
37
- requestToggle,
38
- components: {
39
- root: "div"
40
- },
41
- root: (0, _reactUtilities.getNativeElementProps)("div", {
42
- ...props,
43
- ...navigation ? arrowNavigationProps : {},
44
- ref
45
- })
46
- };
6
+ exports.useAccordion_unstable = void 0;
7
+ const React = /*#__PURE__*/require("react");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
+ const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
10
+ /**
11
+ * Returns the props and state required to render the component
12
+ * @param props - Accordion properties
13
+ * @param ref - reference to root HTMLElement of Accordion
14
+ */
15
+ const useAccordion_unstable = (props, ref) => {
16
+ const {
17
+ openItems: controlledOpenItems,
18
+ defaultOpenItems,
19
+ multiple = false,
20
+ collapsible = false,
21
+ onToggle,
22
+ navigation
23
+ } = props;
24
+ const [openItems, setOpenItems] = react_utilities_1.useControllableState({
25
+ state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),
26
+ defaultState: () => initializeUncontrolledOpenItems({
27
+ defaultOpenItems,
28
+ multiple
29
+ }),
30
+ initialState: []
31
+ });
32
+ const arrowNavigationProps = react_tabster_1.useArrowNavigationGroup({
33
+ circular: navigation === 'circular',
34
+ tabbable: true
35
+ });
36
+ const requestToggle = react_utilities_1.useEventCallback((event, data) => {
37
+ onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);
38
+ setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
39
+ });
40
+ return {
41
+ collapsible,
42
+ navigation,
43
+ openItems,
44
+ requestToggle,
45
+ components: {
46
+ root: 'div'
47
+ },
48
+ root: react_utilities_1.getNativeElementProps('div', {
49
+ ...props,
50
+ ...(navigation ? arrowNavigationProps : {}),
51
+ ref
52
+ })
53
+ };
47
54
  };
55
+ exports.useAccordion_unstable = useAccordion_unstable;
48
56
  /**
49
57
  * Initial value for the uncontrolled case of the list of open indexes
50
- */ function initializeUncontrolledOpenItems({ defaultOpenItems , multiple }) {
51
- if (defaultOpenItems !== undefined) {
52
- if (Array.isArray(defaultOpenItems)) {
53
- return multiple ? defaultOpenItems : [
54
- defaultOpenItems[0]
55
- ];
56
- }
57
- return [
58
- defaultOpenItems
59
- ];
58
+ */
59
+ function initializeUncontrolledOpenItems({
60
+ defaultOpenItems,
61
+ multiple
62
+ }) {
63
+ if (defaultOpenItems !== undefined) {
64
+ if (Array.isArray(defaultOpenItems)) {
65
+ return multiple ? defaultOpenItems : [defaultOpenItems[0]];
60
66
  }
61
- return [];
67
+ return [defaultOpenItems];
68
+ }
69
+ return [];
62
70
  }
63
71
  /**
64
72
  * Updates the list of open indexes based on an index that changes
@@ -66,34 +74,28 @@ const useAccordion_unstable = (props, ref)=>{
66
74
  * @param previousOpenItems - list of current open indexes
67
75
  * @param multiple - if Accordion support multiple Panels opened at the same time
68
76
  * @param collapsible - if Accordion support multiple Panels closed at the same time
69
- */ function updateOpenItems(value, previousOpenItems, multiple, collapsible) {
70
- if (multiple) {
71
- if (previousOpenItems.includes(value)) {
72
- if (previousOpenItems.length > 1 || collapsible) {
73
- return previousOpenItems.filter((i)=>i !== value);
74
- }
75
- } else {
76
- return [
77
- ...previousOpenItems,
78
- value
79
- ].sort();
80
- }
77
+ */
78
+ function updateOpenItems(value, previousOpenItems, multiple, collapsible) {
79
+ if (multiple) {
80
+ if (previousOpenItems.includes(value)) {
81
+ if (previousOpenItems.length > 1 || collapsible) {
82
+ return previousOpenItems.filter(i => i !== value);
83
+ }
81
84
  } else {
82
- return previousOpenItems[0] === value && collapsible ? [] : [
83
- value
84
- ];
85
+ return [...previousOpenItems, value].sort();
85
86
  }
86
- return previousOpenItems;
87
+ } else {
88
+ return previousOpenItems[0] === value && collapsible ? [] : [value];
89
+ }
90
+ return previousOpenItems;
87
91
  }
88
92
  /**
89
93
  * Normalizes Accordion index into an array of indexes
90
- */ function normalizeValues(index) {
91
- if (index === undefined) {
92
- return undefined;
93
- }
94
- return Array.isArray(index) ? index : [
95
- index
96
- ];
97
- } //# sourceMappingURL=useAccordion.js.map
98
-
94
+ */
95
+ function normalizeValues(index) {
96
+ if (index === undefined) {
97
+ return undefined;
98
+ }
99
+ return Array.isArray(index) ? index : [index];
100
+ }
99
101
  //# sourceMappingURL=useAccordion.js.map