@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.
- package/.swcrc +2 -11
- package/CHANGELOG.json +86 -17
- package/CHANGELOG.md +29 -11
- package/lib/Accordion.js +1 -1
- package/lib/AccordionHeader.js +1 -1
- package/lib/AccordionItem.js +1 -1
- package/lib/AccordionPanel.js +1 -1
- package/lib/components/Accordion/Accordion.js +7 -7
- package/lib/components/Accordion/Accordion.types.js +1 -1
- package/lib/components/Accordion/AccordionContext.js +1 -1
- package/lib/components/Accordion/index.js +7 -7
- package/lib/components/Accordion/renderAccordion.js +3 -3
- package/lib/components/Accordion/useAccordion.js +7 -7
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js +2 -2
- package/lib/components/AccordionHeader/AccordionHeader.js +7 -7
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +5 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js +6 -6
- package/lib/components/AccordionHeader/renderAccordionHeader.js +4 -4
- package/lib/components/AccordionHeader/useAccordionHeader.js +21 -20
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +9 -9
- package/lib/components/AccordionItem/AccordionItem.js +7 -7
- package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +3 -2
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js +7 -7
- package/lib/components/AccordionItem/renderAccordionItem.js +3 -3
- package/lib/components/AccordionItem/useAccordionItem.js +5 -5
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +2 -2
- package/lib/components/AccordionPanel/AccordionPanel.js +6 -6
- package/lib/components/AccordionPanel/index.js +5 -5
- package/lib/components/AccordionPanel/renderAccordionPanel.js +2 -2
- package/lib/components/AccordionPanel/useAccordionPanel.js +7 -7
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +3 -3
- package/lib/index.js +4 -4
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +4 -4
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +4 -3
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +13 -12
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +7 -7
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +2 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +2 -2
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +2 -2
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -9
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { shorthands, __styles, mergeClasses } from
|
|
2
|
-
import { createFocusOutlineStyle } from
|
|
3
|
-
import { tokens, typographyStyles } from
|
|
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:
|
|
6
|
-
button:
|
|
7
|
-
expandIcon:
|
|
8
|
-
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 ===
|
|
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 ===
|
|
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
|
|
2
|
-
import { useAccordionItem_unstable } from
|
|
3
|
-
import { useAccordionItemContextValues_unstable } from
|
|
4
|
-
import { renderAccordionItem_unstable } from
|
|
5
|
-
import { useCustomStyleHooks_unstable } from
|
|
6
|
-
import { useAccordionItemStyles_unstable } from
|
|
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 =
|
|
20
|
+
AccordionItem.displayName = 'AccordionItem';
|
|
21
21
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import * as React from
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
//# sourceMappingURL=AccordionItem.types.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as React from
|
|
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
|
-
|
|
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;
|
|
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
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
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
|
|
2
|
-
import { getSlots } from
|
|
3
|
-
import { AccordionItemContext } from
|
|
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
|
|
2
|
-
import { getNativeElementProps } from
|
|
3
|
-
import { useAccordionContext_unstable } from
|
|
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:
|
|
24
|
+
root: 'div'
|
|
25
25
|
},
|
|
26
|
-
root: getNativeElementProps(
|
|
26
|
+
root: getNativeElementProps('div', {
|
|
27
27
|
ref: ref,
|
|
28
28
|
...props
|
|
29
29
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { mergeClasses } from
|
|
1
|
+
import { mergeClasses } from '@griffel/react';
|
|
2
2
|
export const accordionItemClassNames = {
|
|
3
|
-
root:
|
|
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
|
|
2
|
-
import { useAccordionPanel_unstable } from
|
|
3
|
-
import { renderAccordionPanel_unstable } from
|
|
4
|
-
import { useCustomStyleHooks_unstable } from
|
|
5
|
-
import { useAccordionPanelStyles_unstable } from
|
|
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 =
|
|
18
|
+
AccordionPanel.displayName = 'AccordionPanel';
|
|
19
19
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
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,8 +1,8 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { getNativeElementProps } from
|
|
3
|
-
import { useTabsterAttributes } from
|
|
4
|
-
import { useAccordionItemContext_unstable } from
|
|
5
|
-
import { useAccordionContext_unstable } from
|
|
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:
|
|
24
|
+
root: 'div'
|
|
25
25
|
},
|
|
26
|
-
root: getNativeElementProps(
|
|
26
|
+
root: getNativeElementProps('div', {
|
|
27
27
|
ref,
|
|
28
28
|
...props,
|
|
29
29
|
...(navigation && focusableProps)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { __styles, mergeClasses, shorthands } from
|
|
2
|
-
import { tokens } from
|
|
1
|
+
import { __styles, mergeClasses, shorthands } from '@griffel/react';
|
|
2
|
+
import { tokens } from '@fluentui/react-theme';
|
|
3
3
|
export const accordionPanelClassNames = {
|
|
4
|
-
root:
|
|
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
|
|
2
|
-
export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from
|
|
3
|
-
export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from
|
|
4
|
-
export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 =
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 ===
|
|
26
|
+
circular: navigation === 'circular',
|
|
27
27
|
tabbable: true
|
|
28
28
|
});
|
|
29
29
|
const requestToggle = (0, _reactUtilities.useEventCallback)((event, data)=>{
|
|
30
|
-
onToggle
|
|
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:
|
|
39
|
+
root: 'div'
|
|
40
40
|
},
|
|
41
|
-
root: (0, _reactUtilities.getNativeElementProps)(
|
|
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
|
|
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:
|
|
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
|
|
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 =
|
|
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
|
|
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:
|
|
22
|
-
expandIconPosition:
|
|
21
|
+
size: 'medium',
|
|
22
|
+
expandIconPosition: 'start'
|
|
23
23
|
};
|
|
24
|
-
|
|
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
|
|
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
|
|
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 ===
|
|
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
|
|
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 =
|
|
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 ===
|
|
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 !==
|
|
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
|
-
|
|
40
|
-
type:
|
|
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:
|
|
51
|
-
button:
|
|
52
|
-
expandIcon:
|
|
53
|
-
icon:
|
|
50
|
+
root: 'div',
|
|
51
|
+
button: 'button',
|
|
52
|
+
expandIcon: 'span',
|
|
53
|
+
icon: 'div'
|
|
54
54
|
},
|
|
55
|
-
root: (0, _reactUtilities.getNativeElementProps)(as ||
|
|
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
|
-
|
|
68
|
+
'aria-hidden': true
|
|
69
69
|
}
|
|
70
70
|
}),
|
|
71
71
|
button: {
|
|
72
72
|
...buttonShorthand,
|
|
73
73
|
onClick: (0, _reactUtilities.useEventCallback)((ev)=>{
|
|
74
|
-
|
|
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
|
|
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"}
|