@fluentui/react-accordion 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.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 (87) hide show
  1. package/.swcrc +2 -11
  2. package/CHANGELOG.json +86 -17
  3. package/CHANGELOG.md +29 -11
  4. package/lib/Accordion.js +1 -1
  5. package/lib/AccordionHeader.js +1 -1
  6. package/lib/AccordionItem.js +1 -1
  7. package/lib/AccordionPanel.js +1 -1
  8. package/lib/components/Accordion/Accordion.js +7 -7
  9. package/lib/components/Accordion/Accordion.types.js +1 -1
  10. package/lib/components/Accordion/AccordionContext.js +1 -1
  11. package/lib/components/Accordion/index.js +7 -7
  12. package/lib/components/Accordion/renderAccordion.js +3 -3
  13. package/lib/components/Accordion/useAccordion.js +7 -7
  14. package/lib/components/Accordion/useAccordion.js.map +1 -1
  15. package/lib/components/Accordion/useAccordionStyles.js +2 -2
  16. package/lib/components/AccordionHeader/AccordionHeader.js +7 -7
  17. package/lib/components/AccordionHeader/AccordionHeaderContext.js +5 -4
  18. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  19. package/lib/components/AccordionHeader/index.js +6 -6
  20. package/lib/components/AccordionHeader/renderAccordionHeader.js +4 -4
  21. package/lib/components/AccordionHeader/useAccordionHeader.js +21 -20
  22. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  23. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
  24. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +9 -9
  25. package/lib/components/AccordionItem/AccordionItem.js +7 -7
  26. package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
  27. package/lib/components/AccordionItem/AccordionItemContext.js +3 -2
  28. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  29. package/lib/components/AccordionItem/index.js +7 -7
  30. package/lib/components/AccordionItem/renderAccordionItem.js +3 -3
  31. package/lib/components/AccordionItem/useAccordionItem.js +5 -5
  32. package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
  33. package/lib/components/AccordionItem/useAccordionItemStyles.js +2 -2
  34. package/lib/components/AccordionPanel/AccordionPanel.js +6 -6
  35. package/lib/components/AccordionPanel/index.js +5 -5
  36. package/lib/components/AccordionPanel/renderAccordionPanel.js +2 -2
  37. package/lib/components/AccordionPanel/useAccordionPanel.js +7 -7
  38. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +3 -3
  39. package/lib/index.js +4 -4
  40. package/lib-commonjs/Accordion.js.map +1 -1
  41. package/lib-commonjs/AccordionHeader.js.map +1 -1
  42. package/lib-commonjs/AccordionItem.js.map +1 -1
  43. package/lib-commonjs/AccordionPanel.js.map +1 -1
  44. package/lib-commonjs/components/Accordion/Accordion.js +1 -1
  45. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  46. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  47. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  48. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  49. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  50. package/lib-commonjs/components/Accordion/useAccordion.js +4 -4
  51. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  52. package/lib-commonjs/components/Accordion/useAccordionStyles.js +1 -1
  53. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
  54. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +1 -1
  55. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  56. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +4 -3
  57. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  58. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  59. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +1 -1
  60. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  61. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +13 -12
  62. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  63. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  64. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +7 -7
  65. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  66. package/lib-commonjs/components/AccordionItem/AccordionItem.js +1 -1
  67. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  68. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  69. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +2 -1
  70. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  71. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  72. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  73. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +2 -2
  74. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  75. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  76. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +1 -1
  77. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  78. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +1 -1
  79. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  80. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  81. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  82. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +2 -2
  83. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  84. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +1 -1
  85. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  86. package/lib-commonjs/index.js.map +1 -1
  87. package/package.json +10 -9
@@ -1,11 +1,11 @@
1
- import { shorthands, __styles, mergeClasses } from "@griffel/react";
2
- import { createFocusOutlineStyle } from "@fluentui/react-tabster";
3
- import { tokens, typographyStyles } from "@fluentui/react-theme";
1
+ import { shorthands, __styles, mergeClasses } from '@griffel/react';
2
+ import { createFocusOutlineStyle } from '@fluentui/react-tabster';
3
+ import { tokens, typographyStyles } from '@fluentui/react-theme';
4
4
  export const accordionHeaderClassNames = {
5
- root: "fui-AccordionHeader",
6
- button: "fui-AccordionHeader__button",
7
- expandIcon: "fui-AccordionHeader__expandIcon",
8
- icon: "fui-AccordionHeader__icon"
5
+ root: 'fui-AccordionHeader',
6
+ button: 'fui-AccordionHeader__button',
7
+ expandIcon: 'fui-AccordionHeader__expandIcon',
8
+ icon: 'fui-AccordionHeader__icon'
9
9
  };
10
10
  const useStyles = /*#__PURE__*/__styles({
11
11
  resetButton: {
@@ -160,9 +160,9 @@ const useStyles = /*#__PURE__*/__styles({
160
160
  export const useAccordionHeaderStyles_unstable = state => {
161
161
  const styles = useStyles();
162
162
  state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
163
- state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === "end" && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === "end" && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === "small" && styles.buttonSmall, state.size === "large" && styles.buttonLarge, state.size === "extra-large" && styles.buttonExtraLarge, state.button.className);
163
+ state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);
164
164
  if (state.expandIcon) {
165
- state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === "start" && styles.expandIconStart, state.expandIconPosition === "end" && styles.expandIconEnd, state.expandIcon.className);
165
+ state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
166
166
  }
167
167
  if (state.icon) {
168
168
  state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);
@@ -1,9 +1,9 @@
1
- import * as React from "react";
2
- import { useAccordionItem_unstable } from "./useAccordionItem";
3
- import { useAccordionItemContextValues_unstable } from "./useAccordionItemContextValues";
4
- import { renderAccordionItem_unstable } from "./renderAccordionItem";
5
- import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
6
- import { useAccordionItemStyles_unstable } from "./useAccordionItemStyles";
1
+ import * as React from 'react';
2
+ import { useAccordionItem_unstable } from './useAccordionItem';
3
+ import { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';
4
+ import { renderAccordionItem_unstable } from './renderAccordionItem';
5
+ import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
6
+ import { useAccordionItemStyles_unstable } from './useAccordionItemStyles';
7
7
  /**
8
8
  * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
9
9
  */
@@ -17,5 +17,5 @@ export const AccordionItem = /*#__PURE__*/React.forwardRef((props, ref) => {
17
17
  useCustomStyles(state);
18
18
  return renderAccordionItem_unstable(state, contextValues);
19
19
  });
20
- AccordionItem.displayName = "AccordionItem";
20
+ AccordionItem.displayName = 'AccordionItem';
21
21
  //# sourceMappingURL=AccordionItem.js.map
@@ -1,2 +1,2 @@
1
- import * as React from "react";
1
+ import * as React from 'react';
2
2
  //# sourceMappingURL=AccordionItem.types.js.map
@@ -1,4 +1,4 @@
1
- import * as React from "react";
1
+ import * as React from 'react';
2
2
  export const AccordionItemContext = /*#__PURE__*/React.createContext(undefined);
3
3
  const accordionItemContextDefaultValue = {
4
4
  onHeaderClick() {
@@ -7,5 +7,6 @@ const accordionItemContextDefaultValue = {
7
7
  disabled: false
8
8
  };
9
9
  export const AccordionItemProvider = AccordionItemContext.Provider;
10
- export const useAccordionItemContext_unstable = () => React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;
10
+ var _React_useContext;
11
+ export const useAccordionItemContext_unstable = () => (_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;
11
12
  //# sourceMappingURL=AccordionItemContext.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","AccordionItemProvider","Provider","useAccordionItemContext_unstable","useContext"],"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,oBAAA,gBAAuBD,KAAA,CAAME,aAAa,CACrDC,SAAA;AAGF,MAAMC,gCAAA,GAA8D;EAClEC,cAAA,EAAgB;IACd,OACF;EACAC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU;AACZ;AAEA,OAAO,MAAMC,qBAAA,GAAwBP,oBAAA,CAAqBQ,QAAQ;AAElE,OAAO,MAAMC,gCAAA,GAAmCA,CAAA,KAC9CV,KAAA,CAAMW,UAAU,CAACV,oBAAA,KAAyBG,gCAAA"}
1
+ {"version":3,"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","AccordionItemProvider","Provider","_React_useContext","useAccordionItemContext_unstable","useContext"],"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,oBAAA,gBAAuBD,KAAA,CAAME,aAAa,CACrDC,SAAA;AAGF,MAAMC,gCAAA,GAA8D;EAClEC,cAAA,EAAgB;IACd,OACF;EACAC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU;AACZ;AAEA,OAAO,MAAMC,qBAAA,GAAwBP,oBAAA,CAAqBQ,QAAQ;IAGhEC,iBAAA;AADF,OAAO,MAAMC,gCAAA,GAAmCA,CAAA,KAC9C,CAAAD,iBAAA,GAAAV,KAAA,CAAMY,UAAU,CAACX,oBAAA,eAAjBS,iBAAA,cAAAA,iBAAA,GAA0CN,gCAAgC"}
@@ -1,8 +1,8 @@
1
- export * from "./AccordionItem";
2
- export * from "./AccordionItem.types";
3
- export * from "./renderAccordionItem";
4
- export * from "./useAccordionItem";
5
- export * from "./useAccordionItemContextValues";
6
- export * from "./AccordionItemContext";
7
- export * from "./useAccordionItemStyles";
1
+ export * from './AccordionItem';
2
+ export * from './AccordionItem.types';
3
+ export * from './renderAccordionItem';
4
+ export * from './useAccordionItem';
5
+ export * from './useAccordionItemContextValues';
6
+ export * from './AccordionItemContext';
7
+ export * from './useAccordionItemStyles';
8
8
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
- import * as React from "react";
2
- import { getSlots } from "@fluentui/react-utilities";
3
- import { AccordionItemContext } from "./AccordionItemContext";
1
+ import * as React from 'react';
2
+ import { getSlots } from '@fluentui/react-utilities';
3
+ import { AccordionItemContext } from './AccordionItemContext';
4
4
  /**
5
5
  * Function that renders the final JSX of the component
6
6
  */
@@ -1,6 +1,6 @@
1
- import * as React from "react";
2
- import { getNativeElementProps } from "@fluentui/react-utilities";
3
- import { useAccordionContext_unstable } from "../Accordion/AccordionContext";
1
+ import * as React from 'react';
2
+ import { getNativeElementProps } from '@fluentui/react-utilities';
3
+ import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
4
4
  /**
5
5
  * Returns the props and state required to render the component
6
6
  * @param props - AccordionItem properties
@@ -21,9 +21,9 @@ export const useAccordionItem_unstable = (props, ref) => {
21
21
  disabled,
22
22
  onHeaderClick: onAccordionHeaderClick,
23
23
  components: {
24
- root: "div"
24
+ root: 'div'
25
25
  },
26
- root: getNativeElementProps("div", {
26
+ root: getNativeElementProps('div', {
27
27
  ref: ref,
28
28
  ...props
29
29
  })
@@ -1,4 +1,4 @@
1
- import * as React from "react";
1
+ import * as React from 'react';
2
2
  export function useAccordionItemContextValues_unstable(state) {
3
3
  const {
4
4
  disabled,
@@ -1,6 +1,6 @@
1
- import { mergeClasses } from "@griffel/react";
1
+ import { mergeClasses } from '@griffel/react';
2
2
  export const accordionItemClassNames = {
3
- root: "fui-AccordionItem"
3
+ root: 'fui-AccordionItem'
4
4
  };
5
5
  export const useAccordionItemStyles_unstable = state => {
6
6
  state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);
@@ -1,8 +1,8 @@
1
- import * as React from "react";
2
- import { useAccordionPanel_unstable } from "./useAccordionPanel";
3
- import { renderAccordionPanel_unstable } from "./renderAccordionPanel";
4
- import { useCustomStyleHooks_unstable } from "@fluentui/react-shared-contexts";
5
- import { useAccordionPanelStyles_unstable } from "./useAccordionPanelStyles";
1
+ import * as React from 'react';
2
+ import { useAccordionPanel_unstable } from './useAccordionPanel';
3
+ import { renderAccordionPanel_unstable } from './renderAccordionPanel';
4
+ import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
5
+ import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';
6
6
  /**
7
7
  * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
8
8
  */
@@ -15,5 +15,5 @@ export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
15
15
  useCustomStyles(state);
16
16
  return renderAccordionPanel_unstable(state);
17
17
  });
18
- AccordionPanel.displayName = "AccordionPanel";
18
+ AccordionPanel.displayName = 'AccordionPanel';
19
19
  //# sourceMappingURL=AccordionPanel.js.map
@@ -1,6 +1,6 @@
1
- export * from "./AccordionPanel";
2
- export * from "./AccordionPanel.types";
3
- export * from "./renderAccordionPanel";
4
- export * from "./useAccordionPanel";
5
- export * from "./useAccordionPanelStyles";
1
+ export * from './AccordionPanel';
2
+ export * from './AccordionPanel.types';
3
+ export * from './renderAccordionPanel';
4
+ export * from './useAccordionPanel';
5
+ export * from './useAccordionPanelStyles';
6
6
  //# sourceMappingURL=index.js.map
@@ -1,5 +1,5 @@
1
- import * as React from "react";
2
- import { getSlots } from "@fluentui/react-utilities";
1
+ import * as React from 'react';
2
+ import { getSlots } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Function that renders the final JSX of the component
5
5
  */
@@ -1,8 +1,8 @@
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 * 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';
6
6
  /**
7
7
  * Returns the props and state required to render the component
8
8
  * @param props - AccordionPanel properties
@@ -21,9 +21,9 @@ export const useAccordionPanel_unstable = (props, ref) => {
21
21
  return {
22
22
  open,
23
23
  components: {
24
- root: "div"
24
+ root: 'div'
25
25
  },
26
- root: getNativeElementProps("div", {
26
+ root: getNativeElementProps('div', {
27
27
  ref,
28
28
  ...props,
29
29
  ...(navigation && focusableProps)
@@ -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
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
@@ -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,"sources":["../lib/Accordion.js"],"sourcesContent":["export * from './components/Accordion/index';\n//# sourceMappingURL=Accordion.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,qCAAqC"}
@@ -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,"sources":["../lib/AccordionHeader.js"],"sourcesContent":["export * from './components/AccordionHeader/index';\n//# sourceMappingURL=AccordionHeader.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,2CAA2C"}
@@ -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,"sources":["../lib/AccordionItem.js"],"sourcesContent":["export * from './components/AccordionItem/index';\n//# sourceMappingURL=AccordionItem.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,yCAAyC"}
@@ -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,"sources":["../lib/AccordionPanel.js"],"sourcesContent":["export * from './components/AccordionPanel/index';\n//# sourceMappingURL=AccordionPanel.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,0CAA0C"}
@@ -21,6 +21,6 @@ const Accordion = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
21
21
  useCustomStyles(state);
22
22
  return (0, _renderAccordion.renderAccordion_unstable)(state, contextValues);
23
23
  });
24
- Accordion.displayName = "Accordion"; //# sourceMappingURL=Accordion.js.map
24
+ Accordion.displayName = 'Accordion'; //# sourceMappingURL=Accordion.js.map
25
25
 
26
26
  //# 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,"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 +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,"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 +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,"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 +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,"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 +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,"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"}
@@ -23,11 +23,11 @@ const useAccordion_unstable = (props, ref)=>{
23
23
  initialState: []
24
24
  });
25
25
  const arrowNavigationProps = (0, _reactTabster.useArrowNavigationGroup)({
26
- circular: navigation === "circular",
26
+ circular: navigation === 'circular',
27
27
  tabbable: true
28
28
  });
29
29
  const requestToggle = (0, _reactUtilities.useEventCallback)((event, data)=>{
30
- onToggle?.(event, data);
30
+ onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);
31
31
  setOpenItems((previousOpenItems)=>updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
32
32
  });
33
33
  return {
@@ -36,9 +36,9 @@ const useAccordion_unstable = (props, ref)=>{
36
36
  openItems,
37
37
  requestToggle,
38
38
  components: {
39
- root: "div"
39
+ root: 'div'
40
40
  },
41
- root: (0, _reactUtilities.getNativeElementProps)("div", {
41
+ root: (0, _reactUtilities.getNativeElementProps)('div', {
42
42
  ...props,
43
43
  ...navigation ? arrowNavigationProps : {},
44
44
  ref
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Accordion/useAccordion.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, useControllableState, useEventCallback } from \"@fluentui/react-utilities\";\nimport { useArrowNavigationGroup } from \"@fluentui/react-tabster\";\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */\nexport const useAccordion_unstable = (props, ref) => {\n const {\n openItems: controlledOpenItems,\n defaultOpenItems,\n multiple = false,\n collapsible = false,\n onToggle,\n navigation\n } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n defaultState: () => initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple\n }),\n initialState: []\n });\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: navigation === \"circular\",\n tabbable: true\n });\n const requestToggle = useEventCallback((event, data) => {\n onToggle?.(event, data);\n setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n });\n return {\n collapsible,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: \"div\"\n },\n root: getNativeElementProps(\"div\", {\n ...props,\n ...(navigation ? arrowNavigationProps : {}),\n ref\n })\n };\n};\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple\n}) {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n }\n return [defaultOpenItems];\n }\n return [];\n}\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */\nfunction updateOpenItems(value, previousOpenItems, multiple, collapsible) {\n if (multiple) {\n if (previousOpenItems.includes(value)) {\n if (previousOpenItems.length > 1 || collapsible) {\n return previousOpenItems.filter(i => i !== value);\n }\n } else {\n return [...previousOpenItems, value].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [value];\n }\n return previousOpenItems;\n}\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index) {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [index];\n}\n//# sourceMappingURL=useAccordion.js.map"],"names":["useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","useControllableState","state","React","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","useArrowNavigationGroup","circular","tabbable","requestToggle","useEventCallback","event","data","previousOpenItems","updateOpenItems","value","components","root","getNativeElementProps","undefined","Array","isArray","includes","length","filter","i","sort","index"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACuD;8BACtC;AAMjC,MAAMA,wBAAwB,CAACC,OAAOC,MAAQ;IACnD,MAAM,EACJC,WAAWC,oBAAmB,EAC9BC,iBAAgB,EAChBC,UAAW,KAAK,CAAA,EAChBC,aAAc,KAAK,CAAA,EACnBC,SAAQ,EACRC,WAAU,EACX,GAAGR;IACJ,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACrDC,OAAOC,OAAMC,OAAO,CAAC,IAAMC,gBAAgBX,sBAAsB;YAACA;SAAoB;QACtFY,cAAc,IAAMC,gCAAgC;gBAClDZ;gBACAC;YACF;QACAY,cAAc,EAAE;IAClB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACnDC,UAAUZ,eAAe;QACzBa,UAAU,IAAI;IAChB;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACtDlB,WAAWiB,OAAOC;QAClBhB,aAAaiB,CAAAA,oBAAqBC,gBAAgBF,KAAKG,KAAK,EAAEF,mBAAmBrB,UAAUC;IAC7F;IACA,OAAO;QACLA;QACAE;QACAN;QACAoB;QACAO,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAG/B,KAAK;YACR,GAAIQ,aAAaU,uBAAuB,CAAC,CAAC;YAC1CjB;QACF;IACF;AACF;AACA;;CAEC,GACD,SAASe,gCAAgC,EACvCZ,iBAAgB,EAChBC,SAAQ,EACT,EAAE;IACD,IAAID,qBAAqB4B,WAAW;QAClC,IAAIC,MAAMC,OAAO,CAAC9B,mBAAmB;YACnC,OAAOC,WAAWD,mBAAmB;gBAACA,gBAAgB,CAAC,EAAE;aAAC;QAC5D,CAAC;QACD,OAAO;YAACA;SAAiB;IAC3B,CAAC;IACD,OAAO,EAAE;AACX;AACA;;;;;;CAMC,GACD,SAASuB,gBAAgBC,KAAK,EAAEF,iBAAiB,EAAErB,QAAQ,EAAEC,WAAW,EAAE;IACxE,IAAID,UAAU;QACZ,IAAIqB,kBAAkBS,QAAQ,CAACP,QAAQ;YACrC,IAAIF,kBAAkBU,MAAM,GAAG,KAAK9B,aAAa;gBAC/C,OAAOoB,kBAAkBW,MAAM,CAACC,CAAAA,IAAKA,MAAMV;YAC7C,CAAC;QACH,OAAO;YACL,OAAO;mBAAIF;gBAAmBE;aAAM,CAACW,IAAI;QAC3C,CAAC;IACH,OAAO;QACL,OAAOb,iBAAiB,CAAC,EAAE,KAAKE,SAAStB,cAAc,EAAE,GAAG;YAACsB;SAAM;IACrE,CAAC;IACD,OAAOF;AACT;AACA;;CAEC,GACD,SAASZ,gBAAgB0B,KAAK,EAAE;IAC9B,IAAIA,UAAUR,WAAW;QACvB,OAAOA;IACT,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACM,SAASA,QAAQ;QAACA;KAAM;AAC/C,EACA,wCAAwC"}
1
+ {"version":3,"sources":["../../../lib/components/Accordion/useAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */\nexport const useAccordion_unstable = (props, ref) => {\n const {\n openItems: controlledOpenItems,\n defaultOpenItems,\n multiple = false,\n collapsible = false,\n onToggle,\n navigation\n } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n defaultState: () => initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple\n }),\n initialState: []\n });\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: navigation === 'circular',\n tabbable: true\n });\n const requestToggle = useEventCallback((event, data) => {\n onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);\n setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n });\n return {\n collapsible,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ...props,\n ...(navigation ? arrowNavigationProps : {}),\n ref\n })\n };\n};\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple\n}) {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n }\n return [defaultOpenItems];\n }\n return [];\n}\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */\nfunction updateOpenItems(value, previousOpenItems, multiple, collapsible) {\n if (multiple) {\n if (previousOpenItems.includes(value)) {\n if (previousOpenItems.length > 1 || collapsible) {\n return previousOpenItems.filter(i => i !== value);\n }\n } else {\n return [...previousOpenItems, value].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [value];\n }\n return previousOpenItems;\n}\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index) {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [index];\n}\n//# sourceMappingURL=useAccordion.js.map"],"names":["useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","useControllableState","state","React","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","useArrowNavigationGroup","circular","tabbable","requestToggle","useEventCallback","event","data","previousOpenItems","updateOpenItems","value","components","root","getNativeElementProps","undefined","Array","isArray","includes","length","filter","i","sort","index"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACuD;8BACtC;AAMjC,MAAMA,wBAAwB,CAACC,OAAOC,MAAQ;IACnD,MAAM,EACJC,WAAWC,oBAAmB,EAC9BC,iBAAgB,EAChBC,UAAW,KAAK,CAAA,EAChBC,aAAc,KAAK,CAAA,EACnBC,SAAQ,EACRC,WAAU,EACX,GAAGR;IACJ,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACrDC,OAAOC,OAAMC,OAAO,CAAC,IAAMC,gBAAgBX,sBAAsB;YAACA;SAAoB;QACtFY,cAAc,IAAMC,gCAAgC;gBAClDZ;gBACAC;YACF;QACAY,cAAc,EAAE;IAClB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACnDC,UAAUZ,eAAe;QACzBa,UAAU,IAAI;IAChB;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACtDlB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,OAAOC,KAAK;QACzEhB,aAAaiB,CAAAA,oBAAqBC,gBAAgBF,KAAKG,KAAK,EAAEF,mBAAmBrB,UAAUC;IAC7F;IACA,OAAO;QACLA;QACAE;QACAN;QACAoB;QACAO,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAG/B,KAAK;YACR,GAAIQ,aAAaU,uBAAuB,CAAC,CAAC;YAC1CjB;QACF;IACF;AACF;AACA;;CAEC,GACD,SAASe,gCAAgC,EACvCZ,iBAAgB,EAChBC,SAAQ,EACT,EAAE;IACD,IAAID,qBAAqB4B,WAAW;QAClC,IAAIC,MAAMC,OAAO,CAAC9B,mBAAmB;YACnC,OAAOC,WAAWD,mBAAmB;gBAACA,gBAAgB,CAAC,EAAE;aAAC;QAC5D,CAAC;QACD,OAAO;YAACA;SAAiB;IAC3B,CAAC;IACD,OAAO,EAAE;AACX;AACA;;;;;;CAMC,GACD,SAASuB,gBAAgBC,KAAK,EAAEF,iBAAiB,EAAErB,QAAQ,EAAEC,WAAW,EAAE;IACxE,IAAID,UAAU;QACZ,IAAIqB,kBAAkBS,QAAQ,CAACP,QAAQ;YACrC,IAAIF,kBAAkBU,MAAM,GAAG,KAAK9B,aAAa;gBAC/C,OAAOoB,kBAAkBW,MAAM,CAACC,CAAAA,IAAKA,MAAMV;YAC7C,CAAC;QACH,OAAO;YACL,OAAO;mBAAIF;gBAAmBE;aAAM,CAACW,IAAI;QAC3C,CAAC;IACH,OAAO;QACL,OAAOb,iBAAiB,CAAC,EAAE,KAAKE,SAAStB,cAAc,EAAE,GAAG;YAACsB;SAAM;IACrE,CAAC;IACD,OAAOF;AACT;AACA;;CAEC,GACD,SAASZ,gBAAgB0B,KAAK,EAAE;IAC9B,IAAIA,UAAUR,WAAW;QACvB,OAAOA;IACT,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACM,SAASA,QAAQ;QAACA;KAAM;AAC/C,EACA,wCAAwC"}
@@ -14,7 +14,7 @@ _export(exports, {
14
14
  });
15
15
  const _react = require("@griffel/react");
16
16
  const accordionClassNames = {
17
- root: "fui-Accordion"
17
+ root: 'fui-Accordion'
18
18
  };
19
19
  const useAccordionStyles_unstable = (state)=>{
20
20
  state.root.className = (0, _react.mergeClasses)(accordionClassNames.root, state.root.className);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Accordion/useAccordionStyles.js"],"sourcesContent":["import { mergeClasses } from \"@griffel/react\";\nexport const accordionClassNames = {\n root: \"fui-Accordion\"\n};\nexport const useAccordionStyles_unstable = state => {\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useAccordionStyles.js.map"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB,MAAnBA;IAGAC,2BAA2B,MAA3BA;;uBAJgB;AACtB,MAAMD,sBAAsB;IACjCE,MAAM;AACR;AACO,MAAMD,8BAA8BE,CAAAA,QAAS;IAClDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAClF,OAAOD;AACT,GACA,8CAA8C"}
1
+ {"version":3,"sources":["../../../lib/components/Accordion/useAccordionStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionClassNames = {\n root: 'fui-Accordion'\n};\nexport const useAccordionStyles_unstable = state => {\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useAccordionStyles.js.map"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB,MAAnBA;IAGAC,2BAA2B,MAA3BA;;uBAJgB;AACtB,MAAMD,sBAAsB;IACjCE,MAAM;AACR;AACO,MAAMD,8BAA8BE,CAAAA,QAAS;IAClDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAClF,OAAOD;AACT,GACA,8CAA8C"}
@@ -21,6 +21,6 @@ const AccordionHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
21
21
  useCustomStyles(state);
22
22
  return (0, _renderAccordionHeader.renderAccordionHeader_unstable)(state, contextValues);
23
23
  });
24
- AccordionHeader.displayName = "AccordionHeader"; //# sourceMappingURL=AccordionHeader.js.map
24
+ AccordionHeader.displayName = 'AccordionHeader'; //# sourceMappingURL=AccordionHeader.js.map
25
25
 
26
26
  //# sourceMappingURL=AccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { useAccordionHeader_unstable } from \"./useAccordionHeader\";\nimport { renderAccordionHeader_unstable } from \"./renderAccordionHeader\";\nimport { useAccordionHeaderStyles_unstable } from \"./useAccordionHeaderStyles\";\nimport { useCustomStyleHooks_unstable } from \"@fluentui/react-shared-contexts\";\nimport { useAccordionHeaderContextValues_unstable } from \"./useAccordionHeaderContextValues\";\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n useAccordionHeaderStyles_unstable(state);\n const {\n useAccordionHeaderStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderAccordionHeader_unstable(state, contextValues);\n});\nAccordionHeader.displayName = \"AccordionHeader\";\n//# sourceMappingURL=AccordionHeader.js.map"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordionHeader_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;oCACqB;uCACG;0CACG;qCACL;iDACY;AAKlD,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjD,MAAMG,gBAAgBC,IAAAA,yEAAwC,EAACH;IAC/DI,IAAAA,2DAAiC,EAACJ;IAClC,MAAM,EACJI,mCAAmCC,gBAAe,EACnD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,qDAA8B,EAACP,OAAOE;AAC/C;AACAP,gBAAgBa,WAAW,GAAG,mBAC9B,2CAA2C"}
1
+ {"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n useAccordionHeaderStyles_unstable(state);\n const {\n useAccordionHeaderStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderAccordionHeader_unstable(state, contextValues);\n});\nAccordionHeader.displayName = 'AccordionHeader';\n//# sourceMappingURL=AccordionHeader.js.map"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordionHeader_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;oCACqB;uCACG;0CACG;qCACL;iDACY;AAKlD,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjD,MAAMG,gBAAgBC,IAAAA,yEAAwC,EAACH;IAC/DI,IAAAA,2DAAiC,EAACJ;IAClC,MAAM,EACJI,mCAAmCC,gBAAe,EACnD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,qDAA8B,EAACP,OAAOE;AAC/C;AACAP,gBAAgBa,WAAW,GAAG,mBAC9B,2CAA2C"}
@@ -18,9 +18,10 @@ const AccordionHeaderContext = /*#__PURE__*/ _react.createContext(undefined);
18
18
  const accordionHeaderContextDefaultValue = {
19
19
  open: false,
20
20
  disabled: false,
21
- size: "medium",
22
- expandIconPosition: "start"
21
+ size: 'medium',
22
+ expandIconPosition: 'start'
23
23
  };
24
- const useAccordionHeaderContext = ()=>_react.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue; //# sourceMappingURL=AccordionHeaderContext.js.map
24
+ var _React_useContext;
25
+ const useAccordionHeaderContext = ()=>(_React_useContext = _react.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue; //# sourceMappingURL=AccordionHeaderContext.js.map
25
26
 
26
27
  //# sourceMappingURL=AccordionHeaderContext.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeaderContext.js"],"sourcesContent":["import * as React from \"react\";\nexport const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: \"medium\",\n expandIconPosition: \"start\"\n};\nexport const useAccordionHeaderContext = () => React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n//# sourceMappingURL=AccordionHeaderContext.js.map"],"names":["AccordionHeaderContext","useAccordionHeaderContext","React","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","useContext"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAOAC,yBAAyB,MAAzBA;;;6DARU;AAChB,MAAMD,yBAAyB,WAAW,GAAEE,OAAMC,aAAa,CAACC;AACvE,MAAMC,qCAAqC;IACzCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACtB;AACO,MAAMR,4BAA4B,IAAMC,OAAMQ,UAAU,CAACV,2BAA2BK,oCAC3F,kDAAkD"}
1
+ {"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeaderContext.js"],"sourcesContent":["import * as React from 'react';\nexport const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start'\n};\nvar _React_useContext;\nexport const useAccordionHeaderContext = () => (_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;\n//# sourceMappingURL=AccordionHeaderContext.js.map"],"names":["AccordionHeaderContext","useAccordionHeaderContext","React","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAQAC,yBAAyB,MAAzBA;;;6DATU;AAChB,MAAMD,yBAAyB,WAAW,GAAEE,OAAMC,aAAa,CAACC;AACvE,MAAMC,qCAAqC;IACzCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACtB;AACA,IAAIC;AACG,MAAMT,4BAA4B,IAAM,AAACS,CAAAA,oBAAoBR,OAAMS,UAAU,CAACX,uBAAsB,MAAO,IAAI,IAAIU,sBAAsB,KAAK,IAAIA,oBAAoBL,kCAAkC,EAC/M,kDAAkD"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AccordionHeader/index.js"],"sourcesContent":["export * from \"./AccordionHeader\";\nexport * from \"./AccordionHeader.types\";\nexport * from \"./renderAccordionHeader\";\nexport * from \"./useAccordionHeader\";\nexport * from \"./useAccordionHeaderContextValues\";\nexport * from \"./useAccordionHeaderStyles\";\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["../../../lib/components/AccordionHeader/index.js"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
@@ -14,7 +14,7 @@ const renderAccordionHeader_unstable = (state, contextValues)=>{
14
14
  const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
15
15
  return /*#__PURE__*/ _react.createElement(_accordionHeaderContext.AccordionHeaderContext.Provider, {
16
16
  value: contextValues.accordionHeader
17
- }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.button, slotProps.button, state.expandIconPosition === "start" && /*#__PURE__*/ _react.createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === "end" && /*#__PURE__*/ _react.createElement(slots.expandIcon, slotProps.expandIcon))));
17
+ }, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(slots.button, slotProps.button, state.expandIconPosition === 'start' && /*#__PURE__*/ _react.createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/ _react.createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === 'end' && /*#__PURE__*/ _react.createElement(slots.expandIcon, slotProps.expandIcon))));
18
18
  }; //# sourceMappingURL=renderAccordionHeader.js.map
19
19
 
20
20
  //# sourceMappingURL=renderAccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AccordionHeader/renderAccordionHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { getSlots } from \"@fluentui/react-utilities\";\nimport { AccordionHeaderContext } from \"./AccordionHeaderContext\";\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(AccordionHeaderContext.Provider, {\n value: contextValues.accordionHeader\n }, /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.button, slotProps.button, state.expandIconPosition === \"start\" && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === \"end\" && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon))));\n};\n//# sourceMappingURL=renderAccordionHeader.js.map"],"names":["renderAccordionHeader_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","AccordionHeaderContext","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;wCACc;AAIhC,MAAMA,iCAAiC,CAACC,OAAOC,gBAAkB;IACtE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,8CAAsB,CAACC,QAAQ,EAAE;QACvEC,OAAOR,cAAcS,eAAe;IACtC,GAAG,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,IAAI,EAAER,UAAUQ,IAAI,EAAE,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMU,MAAM,EAAET,UAAUS,MAAM,EAAEZ,MAAMa,kBAAkB,KAAK,WAAW,WAAW,GAAER,OAAMC,aAAa,CAACJ,MAAMY,UAAU,EAAEX,UAAUW,UAAU,GAAGZ,MAAMa,IAAI,IAAI,WAAW,GAAEV,OAAMC,aAAa,CAACJ,MAAMa,IAAI,EAAEZ,UAAUY,IAAI,GAAGZ,UAAUQ,IAAI,CAACK,QAAQ,EAAEhB,MAAMa,kBAAkB,KAAK,SAAS,WAAW,GAAER,OAAMC,aAAa,CAACJ,MAAMY,UAAU,EAAEX,UAAUW,UAAU;AACvc,GACA,iDAAiD"}
1
+ {"version":3,"sources":["../../../lib/components/AccordionHeader/renderAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionHeaderContext } from './AccordionHeaderContext';\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(AccordionHeaderContext.Provider, {\n value: contextValues.accordionHeader\n }, /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(slots.button, slotProps.button, state.expandIconPosition === 'start' && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/React.createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === 'end' && /*#__PURE__*/React.createElement(slots.expandIcon, slotProps.expandIcon))));\n};\n//# sourceMappingURL=renderAccordionHeader.js.map"],"names":["renderAccordionHeader_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","AccordionHeaderContext","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;wCACc;AAIhC,MAAMA,iCAAiC,CAACC,OAAOC,gBAAkB;IACtE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,8CAAsB,CAACC,QAAQ,EAAE;QACvEC,OAAOR,cAAcS,eAAe;IACtC,GAAG,WAAW,GAAEL,OAAMC,aAAa,CAACJ,MAAMS,IAAI,EAAER,UAAUQ,IAAI,EAAE,WAAW,GAAEN,OAAMC,aAAa,CAACJ,MAAMU,MAAM,EAAET,UAAUS,MAAM,EAAEZ,MAAMa,kBAAkB,KAAK,WAAW,WAAW,GAAER,OAAMC,aAAa,CAACJ,MAAMY,UAAU,EAAEX,UAAUW,UAAU,GAAGZ,MAAMa,IAAI,IAAI,WAAW,GAAEV,OAAMC,aAAa,CAACJ,MAAMa,IAAI,EAAEZ,UAAUY,IAAI,GAAGZ,UAAUQ,IAAI,CAACK,QAAQ,EAAEhB,MAAMa,kBAAkB,KAAK,SAAS,WAAW,GAAER,OAAMC,aAAa,CAACJ,MAAMY,UAAU,EAAEX,UAAUW,UAAU;AACvc,GACA,iDAAiD"}
@@ -15,7 +15,7 @@ const _accordionContext = require("../Accordion/AccordionContext");
15
15
  const _reactIcons = require("@fluentui/react-icons");
16
16
  const _reactSharedContexts = require("@fluentui/react-shared-contexts");
17
17
  const useAccordionHeader_unstable = (props, ref)=>{
18
- const { as , icon , button , expandIcon , inline =false , size ="medium" , expandIconPosition ="start" } = props;
18
+ const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start' } = props;
19
19
  const { onHeaderClick: onAccordionHeaderClick , disabled , open } = (0, _index.useAccordionItemContext_unstable)();
20
20
  /**
21
21
  * force disabled state on button if accordion isn't collapsible
@@ -24,20 +24,20 @@ const useAccordionHeader_unstable = (props, ref)=>{
24
24
  const { dir } = (0, _reactSharedContexts.useFluent_unstable)();
25
25
  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
26
26
  let expandIconRotation;
27
- if (expandIconPosition === "end") {
27
+ if (expandIconPosition === 'end') {
28
28
  // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
29
29
  expandIconRotation = open ? -90 : 90;
30
30
  } else {
31
31
  // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
32
- expandIconRotation = open ? 90 : dir !== "rtl" ? 0 : 180;
32
+ expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
33
33
  }
34
34
  const buttonShorthand = (0, _reactAria.useARIAButtonShorthand)(button, {
35
35
  required: true,
36
36
  defaultProps: {
37
37
  disabled,
38
38
  disabledFocusable,
39
- "aria-expanded": open,
40
- type: "button"
39
+ 'aria-expanded': open,
40
+ type: 'button'
41
41
  }
42
42
  });
43
43
  return {
@@ -47,12 +47,12 @@ const useAccordionHeader_unstable = (props, ref)=>{
47
47
  inline,
48
48
  expandIconPosition,
49
49
  components: {
50
- root: "div",
51
- button: "button",
52
- expandIcon: "span",
53
- icon: "div"
50
+ root: 'div',
51
+ button: 'button',
52
+ expandIcon: 'span',
53
+ icon: 'div'
54
54
  },
55
- root: (0, _reactUtilities.getNativeElementProps)(as || "div", {
55
+ root: (0, _reactUtilities.getNativeElementProps)(as || 'div', {
56
56
  ref,
57
57
  ...props
58
58
  }),
@@ -65,13 +65,14 @@ const useAccordionHeader_unstable = (props, ref)=>{
65
65
  transform: `rotate(${expandIconRotation}deg)`
66
66
  }
67
67
  }),
68
- "aria-hidden": true
68
+ 'aria-hidden': true
69
69
  }
70
70
  }),
71
71
  button: {
72
72
  ...buttonShorthand,
73
73
  onClick: (0, _reactUtilities.useEventCallback)((ev)=>{
74
- buttonShorthand.onClick?.(ev);
74
+ var _buttonShorthand_onClick;
75
+ (_buttonShorthand_onClick = buttonShorthand.onClick) === null || _buttonShorthand_onClick === void 0 ? void 0 : _buttonShorthand_onClick.call(buttonShorthand, ev);
75
76
  if (!ev.defaultPrevented) {
76
77
  onAccordionHeaderClick(ev);
77
78
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeader.js"],"sourcesContent":["import * as React from \"react\";\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from \"@fluentui/react-utilities\";\nimport { useAccordionItemContext_unstable } from \"../AccordionItem/index\";\nimport { useARIAButtonShorthand } from \"@fluentui/react-aria\";\nimport { useAccordionContext_unstable } from \"../Accordion/AccordionContext\";\nimport { ChevronRightRegular } from \"@fluentui/react-icons\";\nimport { useFluent_unstable as useFluent } from \"@fluentui/react-shared-contexts\";\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (props, ref) => {\n const {\n as,\n icon,\n button,\n expandIcon,\n inline = false,\n size = \"medium\",\n expandIconPosition = \"start\"\n } = props;\n const {\n onHeaderClick: onAccordionHeaderClick,\n disabled,\n open\n } = useAccordionItemContext_unstable();\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n const {\n dir\n } = useFluent();\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation;\n if (expandIconPosition === \"end\") {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== \"rtl\" ? 0 : 180;\n }\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n \"aria-expanded\": open,\n type: \"button\"\n }\n });\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: \"div\",\n button: \"button\",\n expandIcon: \"span\",\n icon: \"div\"\n },\n root: getNativeElementProps(as || \"div\", {\n ref,\n ...props\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: /*#__PURE__*/React.createElement(ChevronRightRegular, {\n style: {\n transform: `rotate(${expandIconRotation}deg)`\n }\n }),\n \"aria-hidden\": true\n }\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(ev => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n })\n }\n };\n};\n//# sourceMappingURL=useAccordionHeader.js.map"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","React","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","defaultPrevented"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACmD;uBACzB;2BACV;kCACM;4BACT;qCACY;AAMzC,MAAMA,8BAA8B,CAACC,OAAOC,MAAQ;IACzD,MAAM,EACJC,GAAE,EACFC,KAAI,EACJC,OAAM,EACNC,WAAU,EACVC,QAAS,KAAK,CAAA,EACdC,MAAO,SAAQ,EACfC,oBAAqB,QAAO,EAC7B,GAAGR;IACJ,MAAM,EACJS,eAAeC,uBAAsB,EACrCC,SAAQ,EACRC,KAAI,EACL,GAAGC,IAAAA,uCAAgC;IACpC;;;EAGA,GACA,MAAMC,oBAAoBC,IAAAA,8CAA4B,EAACC,CAAAA,MAAO,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKP;IAChH,MAAM,EACJQ,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAChC,8FAA8F;QAC9Fc,qBAAqBV,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGU,qBAAqBV,OAAO,KAAKQ,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IACD,MAAMG,kBAAkBC,IAAAA,iCAAsB,EAACpB,QAAQ;QACrDqB,UAAU,IAAI;QACdC,cAAc;YACZf;YACAG;YACA,iBAAiBF;YACjBe,MAAM;QACR;IACF;IACA,OAAO;QACLhB;QACAC;QACAL;QACAD;QACAE;QACAoB,YAAY;YACVC,MAAM;YACNzB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACA0B,MAAMC,IAAAA,qCAAqB,EAAC5B,MAAM,OAAO;YACvCD;YACA,GAAGD,KAAK;QACV;QACAG,MAAM4B,IAAAA,gCAAgB,EAAC5B;QACvBE,YAAY0B,IAAAA,gCAAgB,EAAC1B,YAAY;YACvCoB,UAAU,IAAI;YACdC,cAAc;gBACZM,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC9DC,OAAO;wBACLC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBAC/C;gBACF;gBACA,eAAe,IAAI;YACrB;QACF;QACAlB,QAAQ;YACN,GAAGmB,eAAe;YAClBe,SAASC,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;gBAC9BjB,gBAAgBe,OAAO,GAAGE;gBAC1B,IAAI,CAACA,GAAGC,gBAAgB,EAAE;oBACxB/B,uBAAuB8B;gBACzB,CAAC;YACH;QACF;IACF;AACF,GACA,8CAA8C"}
1
+ {"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (props, ref) => {\n const {\n as,\n icon,\n button,\n expandIcon,\n inline = false,\n size = 'medium',\n expandIconPosition = 'start'\n } = props;\n const {\n onHeaderClick: onAccordionHeaderClick,\n disabled,\n open\n } = useAccordionItemContext_unstable();\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n const {\n dir\n } = useFluent();\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button'\n }\n });\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div'\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: /*#__PURE__*/React.createElement(ChevronRightRegular, {\n style: {\n transform: `rotate(${expandIconRotation}deg)`\n }\n }),\n 'aria-hidden': true\n }\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(ev => {\n var _buttonShorthand_onClick;\n (_buttonShorthand_onClick = buttonShorthand.onClick) === null || _buttonShorthand_onClick === void 0 ? void 0 : _buttonShorthand_onClick.call(buttonShorthand, ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n })\n }\n };\n};\n//# sourceMappingURL=useAccordionHeader.js.map"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","React","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","_buttonShorthand_onClick","call","defaultPrevented"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACmD;uBACzB;2BACV;kCACM;4BACT;qCACY;AAMzC,MAAMA,8BAA8B,CAACC,OAAOC,MAAQ;IACzD,MAAM,EACJC,GAAE,EACFC,KAAI,EACJC,OAAM,EACNC,WAAU,EACVC,QAAS,KAAK,CAAA,EACdC,MAAO,SAAQ,EACfC,oBAAqB,QAAO,EAC7B,GAAGR;IACJ,MAAM,EACJS,eAAeC,uBAAsB,EACrCC,SAAQ,EACRC,KAAI,EACL,GAAGC,IAAAA,uCAAgC;IACpC;;;EAGA,GACA,MAAMC,oBAAoBC,IAAAA,8CAA4B,EAACC,CAAAA,MAAO,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKP;IAChH,MAAM,EACJQ,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAChC,8FAA8F;QAC9Fc,qBAAqBV,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGU,qBAAqBV,OAAO,KAAKQ,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IACD,MAAMG,kBAAkBC,IAAAA,iCAAsB,EAACpB,QAAQ;QACrDqB,UAAU,IAAI;QACdC,cAAc;YACZf;YACAG;YACA,iBAAiBF;YACjBe,MAAM;QACR;IACF;IACA,OAAO;QACLhB;QACAC;QACAL;QACAD;QACAE;QACAoB,YAAY;YACVC,MAAM;YACNzB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACA0B,MAAMC,IAAAA,qCAAqB,EAAC5B,MAAM,OAAO;YACvCD;YACA,GAAGD,KAAK;QACV;QACAG,MAAM4B,IAAAA,gCAAgB,EAAC5B;QACvBE,YAAY0B,IAAAA,gCAAgB,EAAC1B,YAAY;YACvCoB,UAAU,IAAI;YACdC,cAAc;gBACZM,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC9DC,OAAO;wBACLC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBAC/C;gBACF;gBACA,eAAe,IAAI;YACrB;QACF;QACAlB,QAAQ;YACN,GAAGmB,eAAe;YAClBe,SAASC,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;gBAC9B,IAAIC;gBACHA,CAAAA,2BAA2BlB,gBAAgBe,OAAO,AAAD,MAAO,IAAI,IAAIG,6BAA6B,KAAK,IAAI,KAAK,IAAIA,yBAAyBC,IAAI,CAACnB,iBAAiBiB,GAAG;gBAClK,IAAI,CAACA,GAAGG,gBAAgB,EAAE;oBACxBjC,uBAAuB8B;gBACzB,CAAC;YACH;QACF;IACF;AACF,GACA,8CAA8C"}