@fluentui/react-accordion 9.1.25 → 9.3.0
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/CHANGELOG.json +86 -2
- package/CHANGELOG.md +30 -3
- package/dist/index.d.ts +41 -26
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/index.js +0 -1
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +2 -2
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +9 -4
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +3 -2
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +2 -2
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +11 -7
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/index.js +0 -1
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +2 -2
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +3 -10
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +5 -5
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +2 -2
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/{components/Accordion/AccordionContext.js → contexts/accordion.js} +4 -2
- package/lib/contexts/accordion.js.map +1 -0
- package/lib/contexts/accordionHeader.js +11 -0
- package/lib/contexts/accordionHeader.js.map +1 -0
- package/lib/{components/AccordionItem/AccordionItemContext.js → contexts/accordionItem.js} +4 -5
- package/lib/contexts/accordionItem.js.map +1 -0
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js +0 -1
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +2 -2
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +9 -4
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +3 -2
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +2 -2
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +12 -8
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +0 -2
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js +0 -1
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +2 -2
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +4 -11
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +5 -5
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +4 -4
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/{components/Accordion/AccordionContext.js → contexts/accordion.js} +3 -2
- package/lib-commonjs/contexts/accordion.js.map +1 -0
- package/lib-commonjs/{components/AccordionHeader/AccordionHeaderContext.js → contexts/accordionHeader.js} +4 -3
- package/lib-commonjs/contexts/accordionHeader.js.map +1 -0
- package/lib-commonjs/{components/AccordionItem/AccordionItemContext.js → contexts/accordionItem.js} +3 -5
- package/lib-commonjs/contexts/accordionItem.js.map +1 -0
- package/lib-commonjs/index.js +10 -5
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +8 -8
- package/lib/components/Accordion/AccordionContext.js.map +0 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +0 -10
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +0 -1
- package/lib/components/AccordionItem/AccordionItemContext.js.map +0 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +0 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +0 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {
|
|
1
|
+
{"version":3,"sources":["useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';\nimport type { AccordionHeaderContextValue } from '../../contexts/accordionHeader';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n const { disabled, expandIconPosition, open, size } = state;\n\n const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n () => ({\n disabled,\n expandIconPosition,\n open,\n size,\n }),\n [disabled, expandIconPosition, open, size],\n );\n\n return { accordionHeader };\n}\n"],"names":["React","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,OAAO,SAASC,yCAAyCC,KAA2B,EAAgC;IAClH,MAAM,EAAEC,SAAQ,EAAEC,mBAAkB,EAAEC,KAAI,EAAEC,KAAI,EAAE,GAAGJ;IAErD,MAAMK,kBAAkBP,MAAMQ,OAAO,CACnC,IAAO,CAAA;YACLL;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QAACH;QAAUC;QAAoBC;QAAMC;KAAK;IAG5C,OAAO;QAAEC;IAAgB;AAC3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
export { };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionItem.types.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"sources":["AccordionItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport type AccordionItemContextValues<Value = AccordionItemValue> = {\n accordionItem: AccordionItemContextValue<Value>;\n};\n\nexport type AccordionItemSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionItemProps<Value = AccordionItemValue> = ComponentProps<AccordionItemSlots> & {\n /**\n * Disables opening/closing of panel.\n */\n disabled?: boolean;\n /**\n * Required value that identifies this item inside an Accordion component.\n */\n value: Value;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState<Value = AccordionItemValue> = ComponentState<AccordionItemSlots> &\n AccordionItemContextValue<Value>;\n"],"names":[],"mappings":"AAAA,WAyBmC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './useAccordionItemStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC;AAChD,cAAc,kCAAkC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
|
|
2
2
|
import { getSlotsNext } from '@fluentui/react-utilities';
|
|
3
|
-
import {
|
|
3
|
+
import { AccordionItemProvider } from '../../contexts/accordionItem';
|
|
4
4
|
/**
|
|
5
5
|
* Function that renders the final JSX of the component
|
|
6
6
|
*/ export const renderAccordionItem_unstable = (state, contextValues)=>{
|
|
7
7
|
const { slots , slotProps } = getSlotsNext(state);
|
|
8
|
-
return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(
|
|
8
|
+
return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionItemProvider, {
|
|
9
9
|
value: contextValues.accordionItem
|
|
10
10
|
}, slotProps.root.children));
|
|
11
11
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport
|
|
1
|
+
{"version":3,"sources":["renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n const { slots, slotProps } = getSlotsNext<AccordionItemSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionItemProvider value={contextValues.accordionItem}>{slotProps.root.children}</AccordionItemProvider>\n </slots.root>\n );\n};\n"],"names":["createElement","getSlotsNext","AccordionItemProvider","renderAccordionItem_unstable","state","contextValues","slots","slotProps","root","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,qBAAqB,QAAQ,+BAA+B;AAErE;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,OAA2BC,gBAA8C;IACpH,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAAiCG;IAE9D,qBACE,AAfJ,cAeKE,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAhBN,cAgBON;QAAsBO,OAAOJ,cAAcK,aAAa;OAAGH,UAAUC,IAAI,CAACG,QAAQ;AAGzF,EAAE"}
|
|
@@ -1,29 +1,22 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
-
import { useAccordionContext_unstable } from '
|
|
3
|
+
import { useAccordionContext_unstable } from '../../contexts/accordion';
|
|
4
4
|
/**
|
|
5
5
|
* Returns the props and state required to render the component
|
|
6
6
|
* @param props - AccordionItem properties
|
|
7
7
|
* @param ref - reference to root HTMLElement of AccordionItem
|
|
8
8
|
*/ export const useAccordionItem_unstable = (props, ref)=>{
|
|
9
9
|
const { value , disabled =false } = props;
|
|
10
|
-
const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);
|
|
11
10
|
const open = useAccordionContext_unstable((ctx)=>ctx.openItems.includes(value));
|
|
12
|
-
const onAccordionHeaderClick = React.useCallback((ev)=>requestToggle(ev, {
|
|
13
|
-
value
|
|
14
|
-
}), [
|
|
15
|
-
requestToggle,
|
|
16
|
-
value
|
|
17
|
-
]);
|
|
18
11
|
return {
|
|
19
12
|
open,
|
|
13
|
+
value,
|
|
20
14
|
disabled,
|
|
21
|
-
onHeaderClick: onAccordionHeaderClick,
|
|
22
15
|
components: {
|
|
23
16
|
root: 'div'
|
|
24
17
|
},
|
|
25
18
|
root: getNativeElementProps('div', {
|
|
26
|
-
ref
|
|
19
|
+
ref,
|
|
27
20
|
...props
|
|
28
21
|
})
|
|
29
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '
|
|
1
|
+
{"version":3,"sources":["useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n props: AccordionItemProps,\n ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n const { value, disabled = false } = props;\n\n const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n\n return {\n open,\n value,\n disabled,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', { ref, ...props }),\n };\n};\n"],"names":["React","getNativeElementProps","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","open","ctx","openItems","includes","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,4BAA4B,QAAQ,2BAA2B;AAGxE;;;;CAIC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEC,MAAK,EAAEC,UAAW,KAAK,CAAA,EAAE,GAAGH;IAEpC,MAAMI,OAAON,6BAA6BO,CAAAA,MAAOA,IAAIC,SAAS,CAACC,QAAQ,CAACL;IAExE,OAAO;QACLE;QACAF;QACAC;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMZ,sBAAsB,OAAO;YAAEI;YAAK,GAAGD,KAAK;QAAC;IACrD;AACF,EAAE"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export function useAccordionItemContextValues_unstable(state) {
|
|
3
|
-
const { disabled ,
|
|
3
|
+
const { disabled , open , value } = state;
|
|
4
4
|
const accordionItem = React.useMemo(()=>({
|
|
5
5
|
disabled,
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
open,
|
|
7
|
+
value
|
|
8
8
|
}), [
|
|
9
9
|
disabled,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
open,
|
|
11
|
+
value
|
|
12
12
|
]);
|
|
13
13
|
return {
|
|
14
14
|
accordionItem
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {
|
|
1
|
+
{"version":3,"sources":["useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n const { disabled, open, value } = state;\n const accordionItem = React.useMemo<AccordionItemContextValue>(\n () => ({ disabled, open, value }),\n [disabled, open, value],\n );\n\n return { accordionItem };\n}\n"],"names":["React","useAccordionItemContextValues_unstable","state","disabled","open","value","accordionItem","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,OAAO,SAASC,uCAAuCC,KAAyB,EAA8B;IAC5G,MAAM,EAAEC,SAAQ,EAAEC,KAAI,EAAEC,MAAK,EAAE,GAAGH;IAClC,MAAMI,gBAAgBN,MAAMO,OAAO,CACjC,IAAO,CAAA;YAAEJ;YAAUC;YAAMC;QAAM,CAAA,GAC/B;QAACF;QAAUC;QAAMC;KAAM;IAGzB,OAAO;QAAEC;IAAc;AACzB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
3
|
import { useTabsterAttributes } from '@fluentui/react-tabster';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { useAccordionContext_unstable } from '../../contexts/accordion';
|
|
5
|
+
import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
|
|
6
6
|
/**
|
|
7
7
|
* Returns the props and state required to render the component
|
|
8
8
|
* @param props - AccordionPanel properties
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport {
|
|
1
|
+
{"version":3,"sources":["useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n ...(navigation && focusableProps),\n }),\n };\n};\n"],"names":["React","getNativeElementProps","useTabsterAttributes","useAccordionContext_unstable","useAccordionItemContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,SAASC,4BAA4B,QAAQ,2BAA2B;AAExE,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF;;;;CAIC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC,MACwB;IACxB,MAAM,EAAEC,KAAI,EAAE,GAAGJ;IACjB,MAAMK,iBAAiBP,qBAAqB;QAAEQ,WAAW;YAAEC,kBAAkB,IAAI;QAAC;IAAE;IACpF,MAAMC,aAAaT,6BAA6BU,CAAAA,MAAOA,IAAID,UAAU;IAErE,OAAO;QACLJ;QACAM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMd,sBAAsB,OAAO;YACjCM;YACA,GAAGD,KAAK;YACR,GAAIM,cAAcH,cAAc;QAClC;IACF;AACF,EAAE"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { createContext, useContextSelector } from '@fluentui/react-context-selector';
|
|
2
|
-
|
|
2
|
+
const AccordionContext = createContext(undefined);
|
|
3
3
|
const accordionContextDefaultValue = {
|
|
4
4
|
openItems: [],
|
|
5
5
|
collapsible: false,
|
|
6
|
+
multiple: false,
|
|
7
|
+
navigation: undefined,
|
|
6
8
|
requestToggle () {
|
|
7
9
|
/* noop */ }
|
|
8
10
|
};
|
|
9
|
-
export const AccordionProvider = AccordionContext
|
|
11
|
+
export const { Provider: AccordionProvider } = AccordionContext;
|
|
10
12
|
export const useAccordionContext_unstable = (selector)=>useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue)=>selector(ctx));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["accordion.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleData, AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionRequestToggleData<Value = AccordionItemValue> = { event: AccordionToggleEvent } & Pick<\n AccordionToggleData<Value>,\n 'value'\n>;\n\nexport type AccordionContextValue<Value = AccordionItemValue> = {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (data: AccordionRequestToggleData<Value>) => void;\n collapsible: boolean;\n multiple: boolean;\n navigation: 'linear' | 'circular' | undefined;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | undefined>(undefined) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n multiple: false,\n navigation: undefined,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionProvider } = AccordionContext;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","AccordionContext","undefined","accordionContextDefaultValue","openItems","collapsible","multiple","navigation","requestToggle","Provider","AccordionProvider","useAccordionContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAmBC,kBAAkB,QAAQ,mCAAmC;AAyBtG,MAAMC,mBAAmBF,cAAiDG;AAE1E,MAAMC,+BAAsD;IAC1DC,WAAW,EAAE;IACbC,aAAa,KAAK;IAClBC,UAAU,KAAK;IACfC,YAAYL;IACZM,iBAAgB;IACd,QAAQ,GACV;AACF;AAEA,OAAO,MAAM,EAAEC,UAAUC,kBAAiB,EAAE,GAAGT,iBAAiB;AAChE,OAAO,MAAMU,+BAA+B,CAAIC,WAC9CZ,mBAAmBC,kBAAkB,CAACY,MAAMV,4BAA4B,GAAKS,SAASC,MAAM"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
const AccordionHeaderContext = React.createContext(undefined);
|
|
3
|
+
const accordionHeaderContextDefaultValue = {
|
|
4
|
+
open: false,
|
|
5
|
+
disabled: false,
|
|
6
|
+
size: 'medium',
|
|
7
|
+
expandIconPosition: 'start'
|
|
8
|
+
};
|
|
9
|
+
export const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;
|
|
10
|
+
var _React_useContext;
|
|
11
|
+
export const useAccordionHeaderContext_unstable = ()=>(_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["accordionHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AccordionHeaderExpandIconPosition,\n AccordionHeaderSize,\n} from '../components/AccordionHeader/AccordionHeader.types';\n\nexport type AccordionHeaderContextValue = {\n disabled: boolean;\n open: boolean;\n expandIconPosition: AccordionHeaderExpandIconPosition;\n size: AccordionHeaderSize;\n};\n\nconst AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(\n undefined,\n) as React.Context<AccordionHeaderContextValue>;\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;\n\nexport const useAccordionHeaderContext_unstable = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","Provider","AccordionHeaderProvider","useAccordionHeaderContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAa/B,MAAMC,yBAAyBD,MAAME,aAAa,CAChDC;AAGF,MAAMC,qCAAqC;IACzCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACtB;AAEA,OAAO,MAAM,EAAEC,UAAUC,wBAAuB,EAAE,GAAGT,uBAAuB;IAG1ED;AADF,OAAO,MAAMW,qCAAqC,IAChDX,CAAAA,oBAAAA,MAAMY,UAAU,CAACX,qCAAjBD,+BAAAA,oBAA4CI,kCAAkC,CAAC"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
|
|
2
|
+
const AccordionItemContext = React.createContext(undefined);
|
|
3
3
|
const accordionItemContextDefaultValue = {
|
|
4
|
-
onHeaderClick () {
|
|
5
|
-
/** */ },
|
|
6
4
|
open: false,
|
|
7
|
-
disabled: false
|
|
5
|
+
disabled: false,
|
|
6
|
+
value: undefined
|
|
8
7
|
};
|
|
9
|
-
export const AccordionItemProvider = AccordionItemContext
|
|
8
|
+
export const { Provider: AccordionItemProvider } = AccordionItemContext;
|
|
10
9
|
var _React_useContext;
|
|
11
10
|
export const useAccordionItemContext_unstable = ()=>(_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n open: boolean;\n disabled: boolean;\n value: Value;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n open: false,\n disabled: false,\n value: undefined,\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","Provider","AccordionItemProvider","useAccordionItemContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,MAAMC,uBAAuBD,MAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,OAAOJ;AACT;AAEA,OAAO,MAAM,EAAEK,UAAUC,sBAAqB,EAAE,GAAGR,qBAAqB;IAGtED;AADF,OAAO,MAAMU,mCAAmC,IAC9CV,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,mCAAjBD,+BAAAA,oBAA0CI,gCAAgC,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
export { Accordion,
|
|
2
|
-
export { AccordionItem,
|
|
1
|
+
export { Accordion, accordionClassNames, renderAccordion_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable } from './Accordion';
|
|
2
|
+
export { AccordionItem, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from './AccordionItem';
|
|
3
3
|
export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from './AccordionHeader';
|
|
4
4
|
export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from './AccordionPanel';
|
|
5
|
+
export { AccordionProvider, useAccordionContext_unstable } from './contexts/accordion';
|
|
6
|
+
export { AccordionItemProvider, useAccordionItemContext_unstable } from './contexts/accordionItem';
|
|
7
|
+
export { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from './contexts/accordionHeader';
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n Accordion,\n
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n\nexport { AccordionProvider, useAccordionContext_unstable } from './contexts/accordion';\n\nexport type { AccordionContextValue } from './contexts/accordion';\n\nexport { AccordionItemProvider, useAccordionItemContext_unstable } from './contexts/accordionItem';\n\nexport type { AccordionItemContextValue } from './contexts/accordionItem';\n\nexport { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from './contexts/accordionHeader';\n\nexport type { AccordionHeaderContextValue } from './contexts/accordionHeader';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","AccordionProvider","useAccordionContext_unstable","AccordionItemProvider","useAccordionItemContext_unstable","AccordionHeaderProvider","useAccordionHeaderContext_unstable"],"mappings":"AAAA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAWrB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAQzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAS3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB;AAG1B,SAASC,iBAAiB,EAAEC,4BAA4B,QAAQ,uBAAuB;AAIvF,SAASC,qBAAqB,EAAEC,gCAAgC,QAAQ,2BAA2B;AAInG,SAASC,uBAAuB,EAAEC,kCAAkC,QAAQ,6BAA6B"}
|
|
@@ -9,4 +9,3 @@ _exportStar(require("./renderAccordion"), exports);
|
|
|
9
9
|
_exportStar(require("./useAccordion"), exports);
|
|
10
10
|
_exportStar(require("./useAccordionStyles.styles"), exports);
|
|
11
11
|
_exportStar(require("./useAccordionContextValues"), exports);
|
|
12
|
-
_exportStar(require("./AccordionContext"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles.styles';\nexport * from './useAccordionContextValues';\
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles.styles';\nexport * from './useAccordionContextValues';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "renderAccordion_unstable", {
|
|
|
8
8
|
});
|
|
9
9
|
const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
|
|
10
10
|
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
|
-
const
|
|
11
|
+
const _accordion = require("../../contexts/accordion");
|
|
12
12
|
const renderAccordion_unstable = (state, contextValues)=>{
|
|
13
13
|
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
|
14
|
-
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(
|
|
14
|
+
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordion.AccordionProvider, {
|
|
15
15
|
value: contextValues.accordion
|
|
16
16
|
}, slotProps.root.children));
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordion.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport {
|
|
1
|
+
{"version":3,"sources":["renderAccordion.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionProvider } from '../../contexts/accordion';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordion_unstable = (state, contextValues)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionProvider, {\n value: contextValues.accordion\n }, slotProps.root.children));\n};\n"],"names":["renderAccordion_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","AccordionProvider","value","accordion","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;2BACK;AAGvB,MAAMA,2BAA2B,CAACC,OAAOC,gBAAgB;IAChE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,4BAAiB,EAAE;QAC1GC,OAAOP,cAAcQ,SAAS;IAClC,GAAGN,UAAUG,IAAI,CAACI,QAAQ;AAC9B"}
|
|
@@ -26,12 +26,17 @@ const useAccordion_unstable = (props, ref)=>{
|
|
|
26
26
|
circular: navigation === 'circular',
|
|
27
27
|
tabbable: true
|
|
28
28
|
});
|
|
29
|
-
const requestToggle = (0, _reactUtilities.useEventCallback)((
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
const requestToggle = (0, _reactUtilities.useEventCallback)((data)=>{
|
|
30
|
+
const nextOpenItems = updateOpenItems(data.value, openItems, multiple, collapsible);
|
|
31
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(data.event, {
|
|
32
|
+
value: data.value,
|
|
33
|
+
openItems: nextOpenItems
|
|
34
|
+
});
|
|
35
|
+
setOpenItems(nextOpenItems);
|
|
32
36
|
});
|
|
33
37
|
return {
|
|
34
38
|
collapsible,
|
|
39
|
+
multiple,
|
|
35
40
|
navigation,
|
|
36
41
|
openItems,
|
|
37
42
|
requestToggle,
|
|
@@ -40,7 +45,7 @@ const useAccordion_unstable = (props, ref)=>{
|
|
|
40
45
|
},
|
|
41
46
|
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
|
42
47
|
...props,
|
|
43
|
-
...navigation ? arrowNavigationProps :
|
|
48
|
+
...navigation ? arrowNavigationProps : undefined,
|
|
44
49
|
ref
|
|
45
50
|
})
|
|
46
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["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 */ export const useAccordion_unstable = (props, ref)=>{\n const { openItems: controlledOpenItems , defaultOpenItems , multiple =false , collapsible =false , onToggle , navigation } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(()=>normalizeValues(controlledOpenItems), [\n controlledOpenItems\n ]),\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((
|
|
1
|
+
{"version":3,"sources":["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 */ export const useAccordion_unstable = (props, ref)=>{\n const { openItems: controlledOpenItems , defaultOpenItems , multiple =false , collapsible =false , onToggle , navigation } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(()=>normalizeValues(controlledOpenItems), [\n controlledOpenItems\n ]),\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((data)=>{\n const nextOpenItems = updateOpenItems(data.value, openItems, multiple, collapsible);\n onToggle === null || onToggle === void 0 ? void 0 : onToggle(data.event, {\n value: data.value,\n openItems: nextOpenItems\n });\n setOpenItems(nextOpenItems);\n });\n return {\n collapsible,\n multiple,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ...props,\n ...navigation ? arrowNavigationProps : undefined,\n ref\n })\n };\n};\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */ function initializeUncontrolledOpenItems({ defaultOpenItems , multiple }) {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [\n defaultOpenItems[0]\n ];\n }\n return [\n defaultOpenItems\n ];\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 */ function 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 [\n ...previousOpenItems,\n value\n ].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [\n value\n ];\n }\n return previousOpenItems;\n}\n/**\n * Normalizes Accordion index into an array of indexes\n */ function normalizeValues(index) {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [\n index\n ];\n}\n"],"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","data","nextOpenItems","updateOpenItems","value","event","components","root","getNativeElementProps","undefined","Array","isArray","previousOpenItems","includes","length","filter","i","sort","index"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;gCACuD;8BACtC;AAK7B,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,WAAWC,oBAAmB,EAAGC,iBAAgB,EAAGC,UAAU,KAAK,CAAA,EAAGC,aAAa,KAAK,CAAA,EAAGC,SAAQ,EAAGC,WAAU,EAAG,GAAGR;IAC9H,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACnDC,OAAOC,OAAMC,OAAO,CAAC,IAAIC,gBAAgBX,sBAAsB;YAC3DA;SACH;QACDY,cAAc,IAAIC,gCAAgC;gBAC1CZ;gBACAC;YACJ;QACJY,cAAc,EAAE;IACpB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAUZ,eAAe;QACzBa,UAAU,IAAI;IAClB;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,OAAO;QAC3C,MAAMC,gBAAgBC,gBAAgBF,KAAKG,KAAK,EAAEzB,WAAWG,UAAUC;QACvEC,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,KAAKI,KAAK,EAAE;YACrED,OAAOH,KAAKG,KAAK;YACjBzB,WAAWuB;QACf,EAAE;QACFhB,aAAagB;IACjB;IACA,OAAO;QACHnB;QACAD;QACAG;QACAN;QACAoB;QACAO,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/B,GAAG/B,KAAK;YACR,GAAGQ,aAAaU,uBAAuBc,SAAS;YAChD/B;QACJ;IACJ;AACJ;AACA;;CAEC,GAAG,SAASe,gCAAgC,EAAEZ,iBAAgB,EAAGC,SAAQ,EAAG,EAAE;IAC3E,IAAID,qBAAqB4B,WAAW;QAChC,IAAIC,MAAMC,OAAO,CAAC9B,mBAAmB;YACjC,OAAOC,WAAWD,mBAAmB;gBACjCA,gBAAgB,CAAC,EAAE;aACtB;QACL,CAAC;QACD,OAAO;YACHA;SACH;IACL,CAAC;IACD,OAAO,EAAE;AACb;AACA;;;;;;CAMC,GAAG,SAASsB,gBAAgBC,KAAK,EAAEQ,iBAAiB,EAAE9B,QAAQ,EAAEC,WAAW,EAAE;IAC1E,IAAID,UAAU;QACV,IAAI8B,kBAAkBC,QAAQ,CAACT,QAAQ;YACnC,IAAIQ,kBAAkBE,MAAM,GAAG,KAAK/B,aAAa;gBAC7C,OAAO6B,kBAAkBG,MAAM,CAAC,CAACC,IAAIA,MAAMZ;YAC/C,CAAC;QACL,OAAO;YACH,OAAO;mBACAQ;gBACHR;aACH,CAACa,IAAI;QACV,CAAC;IACL,OAAO;QACH,OAAOL,iBAAiB,CAAC,EAAE,KAAKR,SAASrB,cAAc,EAAE,GAAG;YACxDqB;SACH;IACL,CAAC;IACD,OAAOQ;AACX;AACA;;CAEC,GAAG,SAASrB,gBAAgB2B,KAAK,EAAE;IAChC,IAAIA,UAAUT,WAAW;QACrB,OAAOA;IACX,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACO,SAASA,QAAQ;QAClCA;KACH;AACL"}
|
|
@@ -7,13 +7,14 @@ Object.defineProperty(exports, "useAccordionContextValues_unstable", {
|
|
|
7
7
|
get: ()=>useAccordionContextValues_unstable
|
|
8
8
|
});
|
|
9
9
|
function useAccordionContextValues_unstable(state) {
|
|
10
|
-
const { navigation , openItems , requestToggle , collapsible } = state;
|
|
10
|
+
const { navigation , openItems , requestToggle , multiple , collapsible } = state;
|
|
11
11
|
// This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
|
|
12
12
|
const accordion = {
|
|
13
13
|
navigation,
|
|
14
14
|
openItems,
|
|
15
15
|
requestToggle,
|
|
16
|
-
collapsible
|
|
16
|
+
collapsible,
|
|
17
|
+
multiple
|
|
17
18
|
};
|
|
18
19
|
return {
|
|
19
20
|
accordion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n const { navigation , openItems , requestToggle , collapsible } = state;\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const accordion = {\n navigation,\n openItems,\n requestToggle,\n collapsible\n };\n return {\n accordion\n };\n}\n"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","collapsible","accordion"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mCAAmCC,KAAK,EAAE;IACtD,MAAM,EAAEC,WAAU,EAAGC,UAAS,EAAGC,cAAa,EAAGC,YAAW,EAAG,
|
|
1
|
+
{"version":3,"sources":["useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n const { navigation , openItems , requestToggle , multiple , collapsible } = state;\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const accordion = {\n navigation,\n openItems,\n requestToggle,\n collapsible,\n multiple\n };\n return {\n accordion\n };\n}\n"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","multiple","collapsible","accordion"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mCAAmCC,KAAK,EAAE;IACtD,MAAM,EAAEC,WAAU,EAAGC,UAAS,EAAGC,cAAa,EAAGC,SAAQ,EAAGC,YAAW,EAAG,GAAGL;IAC7E,mGAAmG;IACnG,MAAMM,YAAY;QACdL;QACAC;QACAC;QACAE;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "renderAccordionHeader_unstable", {
|
|
|
8
8
|
});
|
|
9
9
|
const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
|
|
10
10
|
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
|
-
const
|
|
11
|
+
const _accordionHeader = require("../../contexts/accordionHeader");
|
|
12
12
|
const renderAccordionHeader_unstable = (state, contextValues)=>{
|
|
13
13
|
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
|
14
|
-
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(
|
|
14
|
+
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordionHeader.AccordionHeaderProvider, {
|
|
15
15
|
value: contextValues.accordionHeader
|
|
16
16
|
}, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.button, slotProps.button, state.expandIconPosition === 'start' && slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === 'end' && slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon))));
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport {
|
|
1
|
+
{"version":3,"sources":["renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionHeaderProvider } from '../../contexts/accordionHeader';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionHeader_unstable = (state, contextValues)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(AccordionHeaderProvider, {\n value: contextValues.accordionHeader\n }, /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.button, slotProps.button, state.expandIconPosition === 'start' && slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === 'end' && slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon))));\n};\n"],"names":["renderAccordionHeader_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","AccordionHeaderProvider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;iCACW;AAG7B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAgB;IACtE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACxDC,OAAON,cAAcO,eAAe;IACxC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI,EAAE,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,MAAM,EAAEP,UAAUO,MAAM,EAAEV,MAAMW,kBAAkB,KAAK,WAAWT,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAET,UAAUS,UAAU,GAAGV,MAAMW,IAAI,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,IAAI,EAAEV,UAAUU,IAAI,GAAGV,UAAUM,IAAI,CAACK,QAAQ,EAAEd,MAAMW,kBAAkB,KAAK,SAAST,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAET,UAAUS,UAAU;AACxd"}
|
|
@@ -9,18 +9,19 @@ Object.defineProperty(exports, "useAccordionHeader_unstable", {
|
|
|
9
9
|
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
10
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
11
|
const _reactUtilities = require("@fluentui/react-utilities");
|
|
12
|
-
const _index = require("../AccordionItem/index");
|
|
13
12
|
const _reactAria = require("@fluentui/react-aria");
|
|
14
|
-
const
|
|
13
|
+
const _accordion = require("../../contexts/accordion");
|
|
15
14
|
const _reactIcons = require("@fluentui/react-icons");
|
|
16
15
|
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
16
|
+
const _accordionItem = require("../../contexts/accordionItem");
|
|
17
17
|
const useAccordionHeader_unstable = (props, ref)=>{
|
|
18
18
|
const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start' } = props;
|
|
19
|
-
const {
|
|
19
|
+
const { value , disabled , open } = (0, _accordionItem.useAccordionItemContext_unstable)();
|
|
20
|
+
const requestToggle = (0, _accordion.useAccordionContext_unstable)((ctx)=>ctx.requestToggle);
|
|
20
21
|
/**
|
|
21
22
|
* force disabled state on button if accordion isn't collapsible
|
|
22
23
|
* and this is the only item opened
|
|
23
|
-
*/ const disabledFocusable = (0,
|
|
24
|
+
*/ const disabledFocusable = (0, _accordion.useAccordionContext_unstable)((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
24
25
|
const { dir } = (0, _reactSharedContexts.useFluent_unstable)();
|
|
25
26
|
// Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
26
27
|
let expandIconRotation;
|
|
@@ -69,13 +70,16 @@ const useAccordionHeader_unstable = (props, ref)=>{
|
|
|
69
70
|
type: 'button'
|
|
70
71
|
}
|
|
71
72
|
}),
|
|
72
|
-
onClick: (0, _reactUtilities.useEventCallback)((
|
|
73
|
+
onClick: (0, _reactUtilities.useEventCallback)((event)=>{
|
|
73
74
|
if ((0, _reactUtilities.isResolvedShorthand)(button)) {
|
|
74
75
|
var _button_onClick;
|
|
75
|
-
(_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button,
|
|
76
|
+
(_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);
|
|
76
77
|
}
|
|
77
|
-
if (!
|
|
78
|
-
|
|
78
|
+
if (!event.defaultPrevented) {
|
|
79
|
+
requestToggle({
|
|
80
|
+
value,
|
|
81
|
+
event
|
|
82
|
+
});
|
|
79
83
|
}
|
|
80
84
|
})
|
|
81
85
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport {
|
|
1
|
+
{"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\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 */ export const useAccordionHeader_unstable = (props, ref)=>{\n const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start' } = props;\n const { value , disabled , open } = useAccordionItemContext_unstable();\n const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */ const disabledFocusable = useAccordionContext_unstable((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);\n const { dir } = 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 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: resolveShorthand({\n ...useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button'\n }\n }),\n onClick: useEventCallback((event)=>{\n if (isResolvedShorthand(button)) {\n var _button_onClick;\n (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);\n }\n if (!event.defaultPrevented) {\n requestToggle({\n value,\n event\n });\n }\n })\n }, {\n required: true\n })\n };\n};\n"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","useAccordionItemContext_unstable","requestToggle","useAccordionContext_unstable","ctx","disabledFocusable","collapsible","openItems","length","dir","useFluent","expandIconRotation","components","root","getNativeElementProps","resolveShorthand","required","defaultProps","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonShorthand","type","onClick","useEventCallback","event","isResolvedShorthand","_button_onClick","call","defaultPrevented"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACwE;2BACxD;2BACM;4BACT;qCACY;+BACC;AAKtC,MAAMA,8BAA8B,CAACC,OAAOC,MAAM;IACzD,MAAM,EAAEC,GAAE,EAAGC,KAAI,EAAGC,OAAM,EAAGC,WAAU,EAAGC,QAAQ,KAAK,CAAA,EAAGC,MAAM,SAAQ,EAAGC,oBAAoB,QAAO,EAAG,GAAGR;IAC5G,MAAM,EAAES,MAAK,EAAGC,SAAQ,EAAGC,KAAI,EAAG,GAAGC,IAAAA,+CAAgC;IACrE,MAAMC,gBAAgBC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E;;;GAGD,GAAG,MAAMG,oBAAoBF,IAAAA,uCAA4B,EAAC,CAACC,MAAM,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKR;IAClH,MAAM,EAAES,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAC9B,8FAA8F;QAC9Fc,qBAAqBX,OAAO,CAAC,KAAK,EAAE;IACxC,OAAO;QACH,mGAAmG;QACnGW,qBAAqBX,OAAO,KAAKS,QAAQ,QAAQ,IAAI,GAAG;IAC5D,CAAC;IACD,OAAO;QACHV;QACAC;QACAJ;QACAD;QACAE;QACAe,YAAY;YACRC,MAAM;YACNpB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACV;QACAqB,MAAMC,IAAAA,qCAAqB,EAACvB,MAAM,OAAO;YACrCD;YACA,GAAGD,KAAK;QACZ;QACAG,MAAMuB,IAAAA,gCAAgB,EAACvB;QACvBE,YAAYqB,IAAAA,gCAAgB,EAACrB,YAAY;YACrCsB,UAAU,IAAI;YACdC,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC7DC,OAAO;wBACHC,WAAW,CAAC,OAAO,EAAEZ,mBAAmB,IAAI,CAAC;oBACjD;gBACJ;gBACA,eAAe,IAAI;YACvB;QACJ;QACAlB,QAAQsB,IAAAA,gCAAgB,EAAC;YACrB,GAAGS,IAAAA,iCAAsB,EAAC/B,QAAQ;gBAC9BuB,UAAU,IAAI;gBACdC,cAAc;oBACVlB;oBACAM;oBACA,iBAAiBL;oBACjByB,MAAM;gBACV;YACJ,EAAE;YACFC,SAASC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;gBAC/B,IAAIC,IAAAA,mCAAmB,EAACpC,SAAS;oBAC7B,IAAIqC;oBACHA,CAAAA,kBAAkBrC,OAAOiC,OAAO,AAAD,MAAO,IAAI,IAAII,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBC,IAAI,CAACtC,QAAQmC,MAAM;gBAC5H,CAAC;gBACD,IAAI,CAACA,MAAMI,gBAAgB,EAAE;oBACzB9B,cAAc;wBACVJ;wBACA8B;oBACJ;gBACJ,CAAC;YACL;QACJ,GAAG;YACCZ,UAAU,IAAI;QAClB;IACJ;AACJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -8,5 +8,4 @@ _exportStar(require("./AccordionItem.types"), exports);
|
|
|
8
8
|
_exportStar(require("./renderAccordionItem"), exports);
|
|
9
9
|
_exportStar(require("./useAccordionItem"), exports);
|
|
10
10
|
_exportStar(require("./useAccordionItemContextValues"), exports);
|
|
11
|
-
_exportStar(require("./AccordionItemContext"), exports);
|
|
12
11
|
_exportStar(require("./useAccordionItemStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './useAccordionItemStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}
|
|
@@ -8,10 +8,10 @@ Object.defineProperty(exports, "renderAccordionItem_unstable", {
|
|
|
8
8
|
});
|
|
9
9
|
const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
|
|
10
10
|
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
|
-
const
|
|
11
|
+
const _accordionItem = require("../../contexts/accordionItem");
|
|
12
12
|
const renderAccordionItem_unstable = (state, contextValues)=>{
|
|
13
13
|
const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
|
|
14
|
-
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(
|
|
14
|
+
return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordionItem.AccordionItemProvider, {
|
|
15
15
|
value: contextValues.accordionItem
|
|
16
16
|
}, slotProps.root.children));
|
|
17
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordionItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport {
|
|
1
|
+
{"version":3,"sources":["renderAccordionItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionItem_unstable = (state, contextValues)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionItemProvider, {\n value: contextValues.accordionItem\n }, slotProps.root.children));\n};\n"],"names":["renderAccordionItem_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","AccordionItemProvider","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;+BACS;AAG3B,MAAMA,+BAA+B,CAACC,OAAOC,gBAAgB;IACpE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,oCAAqB,EAAE;QAC9GC,OAAOP,cAAcQ,aAAa;IACtC,GAAGN,UAAUG,IAAI,CAACI,QAAQ;AAC9B"}
|