@fluentui/react-accordion 0.0.0-nightly-20230526-0415.1 → 0.0.0-nightly-20230530-0415.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/CHANGELOG.json +19 -19
- package/CHANGELOG.md +12 -12
- package/lib/Accordion.js +1 -0
- package/lib/Accordion.js.map +1 -1
- package/lib/AccordionHeader.js +1 -0
- package/lib/AccordionHeader.js.map +1 -1
- package/lib/AccordionItem.js +1 -0
- package/lib/AccordionItem.js.map +1 -1
- package/lib/AccordionPanel.js +1 -0
- package/lib/AccordionPanel.js.map +1 -1
- package/lib/components/Accordion/Accordion.js +7 -7
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js +1 -0
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +7 -6
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js +1 -0
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +7 -10
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +69 -69
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +12 -16
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js +7 -7
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js +2 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +7 -6
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js +1 -0
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +7 -10
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +68 -83
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +16 -15
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +7 -7
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js +1 -0
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +7 -6
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js +1 -0
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +7 -10
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +23 -23
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +14 -13
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +6 -6
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js +2 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/index.js +1 -0
- package/lib/components/AccordionPanel/index.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +5 -8
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +20 -22
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- 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.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +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.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- 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.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +3 -3
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +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.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.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.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.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +9 -9
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export function useAccordionItemContextValues_unstable(state) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
3
|
+
const { disabled , onHeaderClick , open } = state;
|
|
4
|
+
const accordionItem = React.useMemo(()=>({
|
|
5
|
+
disabled,
|
|
6
|
+
onHeaderClick,
|
|
7
|
+
open
|
|
8
|
+
}), [
|
|
9
|
+
disabled,
|
|
10
|
+
onHeaderClick,
|
|
11
|
+
open
|
|
12
|
+
]);
|
|
13
|
+
return {
|
|
14
|
+
accordionItem
|
|
15
|
+
};
|
|
16
16
|
}
|
|
17
|
+
|
|
17
18
|
//# sourceMappingURL=useAccordionItemContextValues.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue, AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n const { disabled, onHeaderClick, open } = state;\n const accordionItem = React.useMemo<AccordionItemContextValue>(\n () => ({ disabled, onHeaderClick, open }),\n [disabled, onHeaderClick, open],\n );\n\n return { accordionItem };\n}\n"],"names":["React","useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,uCAAuCC,KAAyB,EAA8B;IAC5G,MAAM,EAAEC,SAAQ,EAAEC,cAAa,EAAEC,KAAI,EAAE,GAAGH;IAC1C,MAAMI,gBAAgBN,MAAMO,OAAO,CACjC,IAAO,CAAA;YAAEJ;YAAUC;YAAeC;QAAK,CAAA,GACvC;QAACF;QAAUC;QAAeC;KAAK;IAGjC,OAAO;QAAEC;IAAc;AACzB,CAAC"}
|
|
@@ -5,12 +5,12 @@ import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
|
|
|
5
5
|
import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';
|
|
6
6
|
/**
|
|
7
7
|
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
return renderAccordionPanel_unstable(state);
|
|
8
|
+
*/ export const AccordionPanel = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
9
|
+
const state = useAccordionPanel_unstable(props, ref);
|
|
10
|
+
useAccordionPanelStyles_unstable(state);
|
|
11
|
+
useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);
|
|
12
|
+
return renderAccordionPanel_unstable(state);
|
|
14
13
|
});
|
|
15
14
|
AccordionPanel.displayName = 'AccordionPanel';
|
|
15
|
+
|
|
16
16
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n const state = useAccordionPanel_unstable(props, ref);\n\n useAccordionPanelStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);\n\n return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHook_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,yBAAyB;AACvE,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,gCAAgC,QAAQ,mCAAmC;AAIpF;;CAEC,GACD,OAAO,MAAMC,+BAA2DL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACvG,MAAMC,QAAQR,2BAA2BM,OAAOC;IAEhDJ,iCAAiCK;IAEjCN,4BAA4B,oCAAoCM;IAEhE,OAAOP,8BAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionPanelSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;\n\nexport type AccordionPanelState = ComponentState<AccordionPanelSlots> & {\n /**\n * Internal open state, provided by context.\n */\n open: boolean;\n};\n"],"names":[],"mappings":"AAAA,WAaE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/index.ts"],"sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,yBAAyB;AACvC,cAAc,yBAAyB;AACvC,cAAc,sBAAsB;AACpC,cAAc,mCAAmC"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
|
|
1
|
+
/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
|
|
2
2
|
import { getSlotsNext } from '@fluentui/react-utilities';
|
|
3
3
|
/**
|
|
4
4
|
* Function that renders the final JSX of the component
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
slots,
|
|
9
|
-
slotProps
|
|
10
|
-
} = getSlotsNext(state);
|
|
11
|
-
return state.open ? /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children) : null;
|
|
5
|
+
*/ export const renderAccordionPanel_unstable = (state)=>{
|
|
6
|
+
const { slots , slotProps } = getSlotsNext(state);
|
|
7
|
+
return state.open ? /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children) : null;
|
|
12
8
|
};
|
|
9
|
+
|
|
13
10
|
//# sourceMappingURL=renderAccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n const { slots, slotProps } = getSlotsNext<AccordionPanelSlots>(state);\n return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"],"names":["createElement","getSlotsNext","renderAccordionPanel_unstable","state","slots","slotProps","open","root","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC,QAA+B;IAC3E,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAkCE;IAC/D,OAAOA,MAAMG,IAAI,iBAAG,AAZtB,cAYuBF,MAAMG,IAAI,EAAKF,UAAUE,IAAI,EAAGF,UAAUE,IAAI,CAACC,QAAQ,IAAiB,IAAI;AACnG,EAAE"}
|
|
@@ -7,27 +7,25 @@ import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
|
|
|
7
7
|
* Returns the props and state required to render the component
|
|
8
8
|
* @param props - AccordionPanel properties
|
|
9
9
|
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
...(navigation && focusableProps)
|
|
30
|
-
})
|
|
31
|
-
};
|
|
10
|
+
*/ export const useAccordionPanel_unstable = (props, ref)=>{
|
|
11
|
+
const { open } = useAccordionItemContext_unstable();
|
|
12
|
+
const focusableProps = useTabsterAttributes({
|
|
13
|
+
focusable: {
|
|
14
|
+
excludeFromMover: true
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
const navigation = useAccordionContext_unstable((ctx)=>ctx.navigation);
|
|
18
|
+
return {
|
|
19
|
+
open,
|
|
20
|
+
components: {
|
|
21
|
+
root: 'div'
|
|
22
|
+
},
|
|
23
|
+
root: getNativeElementProps('div', {
|
|
24
|
+
ref,
|
|
25
|
+
...props,
|
|
26
|
+
...navigation && focusableProps
|
|
27
|
+
})
|
|
28
|
+
};
|
|
32
29
|
};
|
|
30
|
+
|
|
33
31
|
//# sourceMappingURL=useAccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n ...(navigation && focusableProps),\n }),\n };\n};\n"],"names":["React","getNativeElementProps","useTabsterAttributes","useAccordionItemContext_unstable","useAccordionContext_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,gCAAgC,QAAQ,yBAAyB;AAC1E,SAASC,4BAA4B,QAAQ,gCAAgC;AAG7E;;;;CAIC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC,MACwB;IACxB,MAAM,EAAEC,KAAI,EAAE,GAAGL;IACjB,MAAMM,iBAAiBP,qBAAqB;QAAEQ,WAAW;YAAEC,kBAAkB,IAAI;QAAC;IAAE;IACpF,MAAMC,aAAaR,6BAA6BS,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 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...shorthands.margin(0, tokens.spacingHorizontalM),\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...shorthands.margin(0, tokens.spacingHorizontalM),\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAIlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,MAAA,GAASR,SAAA;EACfO,KAAA,CAAMR,IAAI,CAACU,SAAS,GAAGd,YAAA,CAAaG,wBAAA,CAAyBC,IAAI,EAAES,MAAA,CAAOT,IAAI,EAAEQ,KAAA,CAAMR,IAAI,CAACU,SAAS;EAEpG,OAAOF,KAAA;AACT"}
|
package/lib/index.js
CHANGED
|
@@ -2,4 +2,5 @@ export { Accordion, AccordionProvider, accordionClassNames, renderAccordion_unst
|
|
|
2
2
|
export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_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
|
+
|
|
5
6
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Accordion,\n AccordionProvider,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContext_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValue,\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n AccordionItemProvider,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemContext_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValue,\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValue,\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n"],"names":["Accordion","AccordionProvider","accordionClassNames","renderAccordion_unstable","useAccordionContext_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","AccordionItemProvider","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc;AAYrB,SACEC,aAAa,EACbC,qBAAqB,EACrBC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AASzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB,oBAAoB;AAU3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,mBAAmB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/Accordion.js"],"sourcesContent":["export * from './components/Accordion/index';\n//# sourceMappingURL=Accordion.js.map"],"names":[],"mappings":";;;;;oBAAc;
|
|
1
|
+
{"version":3,"sources":["../lib/Accordion.js"],"sourcesContent":["export * from './components/Accordion/index';\n\n//# sourceMappingURL=Accordion.js.map"],"names":[],"mappings":";;;;;oBAAc;CAEd,qCAAqC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/AccordionHeader.js"],"sourcesContent":["export * from './components/AccordionHeader/index';\n//# sourceMappingURL=AccordionHeader.js.map"],"names":[],"mappings":";;;;;oBAAc;
|
|
1
|
+
{"version":3,"sources":["../lib/AccordionHeader.js"],"sourcesContent":["export * from './components/AccordionHeader/index';\n\n//# sourceMappingURL=AccordionHeader.js.map"],"names":[],"mappings":";;;;;oBAAc;CAEd,2CAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/AccordionItem.js"],"sourcesContent":["export * from './components/AccordionItem/index';\n//# sourceMappingURL=AccordionItem.js.map"],"names":[],"mappings":";;;;;oBAAc;
|
|
1
|
+
{"version":3,"sources":["../lib/AccordionItem.js"],"sourcesContent":["export * from './components/AccordionItem/index';\n\n//# sourceMappingURL=AccordionItem.js.map"],"names":[],"mappings":";;;;;oBAAc;CAEd,yCAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/AccordionPanel.js"],"sourcesContent":["export * from './components/AccordionPanel/index';\n//# sourceMappingURL=AccordionPanel.js.map"],"names":[],"mappings":";;;;;oBAAc;
|
|
1
|
+
{"version":3,"sources":["../lib/AccordionPanel.js"],"sourcesContent":["export * from './components/AccordionPanel/index';\n\n//# sourceMappingURL=AccordionPanel.js.map"],"names":[],"mappings":";;;;;oBAAc;CAEd,0CAA0C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Accordion/Accordion.js"],"sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n
|
|
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 { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */ export 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 useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n return renderAccordion_unstable(state, contextValues);\n});\nAccordion.displayName = 'Accordion';\n\n//# sourceMappingURL=Accordion.js.map"],"names":["Accordion","React","forwardRef","props","ref","state","useAccordion_unstable","contextValues","useAccordionContextValues_unstable","useAccordionStyles_unstable","useCustomStyleHook_unstable","renderAccordion_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;iCACkB;8BACH;2CACa;qCACP;0CACA;AAGjC,MAAMA,YAAY,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACtE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3C,MAAMG,gBAAgBC,IAAAA,6DAAkC,EAACH;IACzDI,IAAAA,qDAA2B,EAACJ;IAC5BK,IAAAA,gDAA2B,EAAC,+BAA+BL;IAC3D,OAAOM,IAAAA,yCAAwB,EAACN,OAAOE;AAC3C;AACAP,UAAUY,WAAW,GAAG,aAExB,qCAAqC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Accordion/Accordion.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=Accordion.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/Accordion.types.js"],"sourcesContent":["import * as React from 'react';\n\n//# sourceMappingURL=Accordion.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CAEvB,2CAA2C"}
|
|
@@ -14,7 +14,7 @@ _export(exports, {
|
|
|
14
14
|
useAccordionContext_unstable: ()=>useAccordionContext_unstable
|
|
15
15
|
});
|
|
16
16
|
const _reactContextSelector = require("@fluentui/react-context-selector");
|
|
17
|
-
const AccordionContext =
|
|
17
|
+
const AccordionContext = (0, _reactContextSelector.createContext)(undefined);
|
|
18
18
|
const accordionContextDefaultValue = {
|
|
19
19
|
openItems: [],
|
|
20
20
|
collapsible: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Accordion/AccordionContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const AccordionContext =
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/AccordionContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const AccordionContext = 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\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,mBAAmBG,IAAAA,mCAAa,EAACC;AAC9C,MAAMC,+BAA+B;IACjCC,WAAW,EAAE;IACbC,aAAa,KAAK;IAClBC,iBAAiB;IACjB,QAAQ,GAAG;AACf;AACO,MAAMP,oBAAoBD,iBAAiBS,QAAQ;AACnD,MAAMP,+BAA+B,CAACQ,WAAWC,IAAAA,wCAAkB,EAACX,kBAAkB,CAACY,MAAMP,4BAA4B,GAAGK,SAASE,OAE5I,4CAA4C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Accordion/index.js"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles.styles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;
|
|
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.styles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CAEd,iCAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Accordion/renderAccordion.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionContext } from './AccordionContext';\n/**\n * Function that renders the final JSX of the component\n
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/renderAccordion.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionContext } from './AccordionContext';\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(AccordionContext.Provider, {\n value: contextValues.accordion\n }, slotProps.root.children));\n};\n\n//# sourceMappingURL=renderAccordion.js.map"],"names":["renderAccordion_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","AccordionContext","Provider","value","accordion","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;kCACI;AAGtB,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,kCAAgB,CAACC,QAAQ,EAAE;QAClHC,OAAOR,cAAcS,SAAS;IAClC,GAAGP,UAAUG,IAAI,CAACK,QAAQ;AAC9B,GAEA,2CAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Accordion/useAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n
|
|
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 */ 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((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 */ 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\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":";;;;+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,OAAOC,OAAO;QAClDlB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,OAAOC,KAAK;QACzEhB,aAAa,CAACiB,oBAAoBC,gBAAgBF,KAAKG,KAAK,EAAEF,mBAAmBrB,UAAUC;IAC/F;IACA,OAAO;QACHA;QACAE;QACAN;QACAoB;QACAO,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/B,GAAG/B,KAAK;YACR,GAAGQ,aAAaU,uBAAuB,CAAC,CAAC;YACzCjB;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,SAASuB,gBAAgBC,KAAK,EAAEF,iBAAiB,EAAErB,QAAQ,EAAEC,WAAW,EAAE;IAC1E,IAAID,UAAU;QACV,IAAIqB,kBAAkBS,QAAQ,CAACP,QAAQ;YACnC,IAAIF,kBAAkBU,MAAM,GAAG,KAAK9B,aAAa;gBAC7C,OAAOoB,kBAAkBW,MAAM,CAAC,CAACC,IAAIA,MAAMV;YAC/C,CAAC;QACL,OAAO;YACH,OAAO;mBACAF;gBACHE;aACH,CAACW,IAAI;QACV,CAAC;IACL,OAAO;QACH,OAAOb,iBAAiB,CAAC,EAAE,KAAKE,SAAStB,cAAc,EAAE,GAAG;YACxDsB;SACH;IACL,CAAC;IACD,OAAOF;AACX;AACA;;CAEC,GAAG,SAASZ,gBAAgB0B,KAAK,EAAE;IAChC,IAAIA,UAAUR,WAAW;QACrB,OAAOA;IACX,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACM,SAASA,QAAQ;QAClCA;KACH;AACL,EAEA,wCAAwC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/Accordion/useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/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\n//# sourceMappingURL=useAccordionContextValues.js.map"],"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,GAAGJ;IAClE,mGAAmG;IACnG,MAAMK,YAAY;QACdJ;QACAC;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ,EAEA,qDAAqD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\nimport { useCustomStyleHook_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
|
|
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.styles';\nimport { useCustomStyleHook_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 */ export 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 useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n return renderAccordionHeader_unstable(state, contextValues);\n});\nAccordionHeader.displayName = 'AccordionHeader';\n\n//# sourceMappingURL=AccordionHeader.js.map"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","renderAccordionHeader_unstable","displayName"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;oCACqB;uCACG;gDACG;qCACN;iDACa;AAI9C,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC5E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjD,MAAMG,gBAAgBC,IAAAA,yEAAwC,EAACH;IAC/DI,IAAAA,iEAAiC,EAACJ;IAClCK,IAAAA,gDAA2B,EAAC,qCAAqCL;IACjE,OAAOM,IAAAA,qDAA8B,EAACN,OAAOE;AACjD;AACAP,gBAAgBY,WAAW,GAAG,mBAE9B,2CAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=AccordionHeader.types.js.map"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.types.js"],"sourcesContent":["export { };\n\n//# sourceMappingURL=AccordionHeader.types.js.map"],"names":[],"mappings":";;;;CAEA,iDAAiD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeaderContext.js"],"sourcesContent":["import * as React from 'react';\nexport const AccordionHeaderContext =
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeaderContext.js"],"sourcesContent":["import * as React from 'react';\nexport const AccordionHeaderContext = 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\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,uCAAyBE,OAAMC,aAAa,CAACC;AAC1D,MAAMC,qCAAqC;IACvCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACxB;AACA,IAAIC;AACG,MAAMT,4BAA4B,IAAI,AAACS,CAAAA,oBAAoBR,OAAMS,UAAU,CAACX,uBAAsB,MAAO,IAAI,IAAIU,sBAAsB,KAAK,IAAIA,oBAAoBL,kCAAkC,EAE7M,kDAAkD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionHeader/index.js"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;
|
|
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.styles';\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CAEd,iCAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionHeader/renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionHeaderContext } from './AccordionHeaderContext';\n/**\n * Function that renders the final JSX of the component\n
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionHeaderContext } from './AccordionHeaderContext';\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(AccordionHeaderContext.Provider, {\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\n//# sourceMappingURL=renderAccordionHeader.js.map"],"names":["renderAccordionHeader_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","AccordionHeaderContext","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;wCACU;AAG5B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAgB;IACtE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,8CAAsB,CAACC,QAAQ,EAAE;QAChEC,OAAOP,cAAcQ,eAAe;IACxC,GAAG,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAE,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,MAAM,EAAER,UAAUQ,MAAM,EAAEX,MAAMY,kBAAkB,KAAK,WAAWV,MAAMW,UAAU,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,UAAU,EAAEV,UAAUU,UAAU,GAAGX,MAAMY,IAAI,IAAI,WAAW,GAAGT,IAAAA,8BAAa,EAACH,MAAMY,IAAI,EAAEX,UAAUW,IAAI,GAAGX,UAAUO,IAAI,CAACK,QAAQ,EAAEf,MAAMY,kBAAkB,KAAK,SAASV,MAAMW,UAAU,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,UAAU,EAAEV,UAAUU,UAAU;AACxd,GAEA,iDAAiD"}
|
|
@@ -18,9 +18,9 @@ const useAccordionHeader_unstable = (props, ref)=>{
|
|
|
18
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
|
-
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
* force disabled state on button if accordion isn't collapsible
|
|
22
|
+
* and this is the only item opened
|
|
23
|
+
*/ const disabledFocusable = (0, _accordionContext.useAccordionContext_unstable)((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
24
24
|
const { dir } = (0, _reactSharedContexts.useFluent_unstable)();
|
|
25
25
|
// Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
26
26
|
let expandIconRotation;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, 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
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, 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 */ export const useAccordionHeader_unstable = (props, ref)=>{\n const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start' } = props;\n const { onHeaderClick: onAccordionHeaderClick , disabled , open } = useAccordionItemContext_unstable();\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((ev)=>{\n if (isResolvedShorthand(button)) {\n var _button_onClick;\n (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, ev);\n }\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n })\n }, {\n required: true\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","components","root","getNativeElementProps","resolveShorthand","required","defaultProps","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonShorthand","type","onClick","useEventCallback","ev","isResolvedShorthand","_button_onClick","call","defaultPrevented"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACwE;uBAC9C;2BACV;kCACM;4BACT;qCACY;AAKrC,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,eAAeC,uBAAsB,EAAGC,SAAQ,EAAGC,KAAI,EAAG,GAAGC,IAAAA,uCAAgC;IACrG;;;GAGD,GAAG,MAAMC,oBAAoBC,IAAAA,8CAA4B,EAAC,CAACC,MAAM,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKP;IAClH,MAAM,EAAEQ,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAC9B,8FAA8F;QAC9Fc,qBAAqBV,OAAO,CAAC,KAAK,EAAE;IACxC,OAAO;QACH,mGAAmG;QACnGU,qBAAqBV,OAAO,KAAKQ,QAAQ,QAAQ,IAAI,GAAG;IAC5D,CAAC;IACD,OAAO;QACHT;QACAC;QACAL;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;oBACVjB;oBACAG;oBACA,iBAAiBF;oBACjBwB,MAAM;gBACV;YACJ,EAAE;YACFC,SAASC,IAAAA,gCAAgB,EAAC,CAACC,KAAK;gBAC5B,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,GAAG;gBACzH,CAAC;gBACD,IAAI,CAACA,GAAGI,gBAAgB,EAAE;oBACtBjC,uBAAuB6B;gBAC3B,CAAC;YACL;QACJ,GAAG;YACCZ,UAAU,IAAI;QAClB;IACJ;AACJ,GAEA,8CAA8C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeaderContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionHeaderContextValues_unstable(state) {\n
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeaderContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionHeaderContextValues_unstable(state) {\n const { disabled , expandIconPosition , open , size } = state;\n const accordionHeader = React.useMemo(()=>({\n disabled,\n expandIconPosition,\n open,\n size\n }), [\n disabled,\n expandIconPosition,\n open,\n size\n ]);\n return {\n accordionHeader\n };\n}\n\n//# sourceMappingURL=useAccordionHeaderContextValues.js.map"],"names":["useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,yCAAyCC,KAAK,EAAE;IAC5D,MAAM,EAAEC,SAAQ,EAAGC,mBAAkB,EAAGC,KAAI,EAAGC,KAAI,EAAG,GAAGJ;IACzD,MAAMK,kBAAkBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACnCN;YACAC;YACAC;YACAC;QACJ,CAAA,GAAI;QACJH;QACAC;QACAC;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ,EAEA,2DAA2D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionItem/AccordionItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionItem/AccordionItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */ export const AccordionItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useAccordionItem_unstable(props, ref);\n const contextValues = useAccordionItemContextValues_unstable(state);\n useAccordionItemStyles_unstable(state);\n useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);\n return renderAccordionItem_unstable(state, contextValues);\n});\nAccordionItem.displayName = 'AccordionItem';\n\n//# sourceMappingURL=AccordionItem.js.map"],"names":["AccordionItem","React","forwardRef","props","ref","state","useAccordionItem_unstable","contextValues","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useCustomStyleHook_unstable","renderAccordionItem_unstable","displayName"],"mappings":";;;;+BAQiBA;;aAAAA;;;6DARM;kCACmB;+CACa;qCACV;qCACD;8CACI;AAGrC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,qEAAsC,EAACH;IAC7DI,IAAAA,6DAA+B,EAACJ;IAChCK,IAAAA,gDAA2B,EAAC,mCAAmCL;IAC/D,OAAOM,IAAAA,iDAA4B,EAACN,OAAOE;AAC/C;AACAP,cAAcY,WAAW,GAAG,iBAE5B,yCAAyC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionItem/AccordionItem.types.js"],"sourcesContent":["import * as React from 'react';\n//# sourceMappingURL=AccordionItem.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionItem/AccordionItem.types.js"],"sourcesContent":["import * as React from 'react';\n\n//# sourceMappingURL=AccordionItem.types.js.map"],"names":[],"mappings":";;;;;6DAAuB;CAEvB,+CAA+C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionItem/AccordionItemContext.js"],"sourcesContent":["import * as React from 'react';\nexport const AccordionItemContext =
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionItem/AccordionItemContext.js"],"sourcesContent":["import * as React from 'react';\nexport const AccordionItemContext = React.createContext(undefined);\nconst accordionItemContextDefaultValue = {\n onHeaderClick () {\n /** */ },\n open: false,\n disabled: false\n};\nexport const AccordionItemProvider = AccordionItemContext.Provider;\nvar _React_useContext;\nexport const useAccordionItemContext_unstable = ()=>(_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;\n\n//# sourceMappingURL=AccordionItemContext.js.map"],"names":["AccordionItemContext","AccordionItemProvider","useAccordionItemContext_unstable","React","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IACaA,oBAAoB,MAApBA;IAOAC,qBAAqB,MAArBA;IAEAC,gCAAgC,MAAhCA;;;6DAVU;AAChB,MAAMF,qCAAuBG,OAAMC,aAAa,CAACC;AACxD,MAAMC,mCAAmC;IACrCC,iBAAiB;IACjB,IAAI,GAAG;IACPC,MAAM,KAAK;IACXC,UAAU,KAAK;AACnB;AACO,MAAMR,wBAAwBD,qBAAqBU,QAAQ;AAClE,IAAIC;AACG,MAAMT,mCAAmC,IAAI,AAACS,CAAAA,oBAAoBR,OAAMS,UAAU,CAACZ,qBAAoB,MAAO,IAAI,IAAIW,sBAAsB,KAAK,IAAIA,oBAAoBL,gCAAgC,EAEhN,gDAAgD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionItem/index.js"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionItem/index.js"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles.styles';\n\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CAEd,iCAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionItem/renderAccordionItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\n/**\n * Function that renders the final JSX of the component\n
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionItem/renderAccordionItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\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(AccordionItemContext.Provider, {\n value: contextValues.accordionItem\n }, slotProps.root.children));\n};\n\n//# sourceMappingURL=renderAccordionItem.js.map"],"names":["renderAccordionItem_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","AccordionItemContext","Provider","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;sCACQ;AAG1B,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,0CAAoB,CAACC,QAAQ,EAAE;QACtHC,OAAOR,cAAcS,aAAa;IACtC,GAAGP,UAAUG,IAAI,CAACK,QAAQ;AAC9B,GAEA,+CAA+C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionItem/useAccordionItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\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
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionItem/useAccordionItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\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 */ export const useAccordionItem_unstable = (props, ref)=>{\n const { value , disabled =false } = props;\n const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n const open = useAccordionContext_unstable((ctx)=>ctx.openItems.includes(value));\n const onAccordionHeaderClick = React.useCallback((ev)=>requestToggle(ev, {\n value\n }), [\n requestToggle,\n value\n ]);\n return {\n open,\n disabled,\n onHeaderClick: onAccordionHeaderClick,\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ref: ref,\n ...props\n })\n };\n};\n\n//# sourceMappingURL=useAccordionItem.js.map"],"names":["useAccordionItem_unstable","props","ref","value","disabled","requestToggle","useAccordionContext_unstable","ctx","open","openItems","includes","onAccordionHeaderClick","React","useCallback","ev","onHeaderClick","components","root","getNativeElementProps"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;gCACe;kCACO;AAKlC,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,MAAK,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGH;IACrC,MAAMI,gBAAgBC,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E,MAAMG,OAAOF,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIE,SAAS,CAACC,QAAQ,CAACP;IACxE,MAAMQ,yBAAyBC,OAAMC,WAAW,CAAC,CAACC,KAAKT,cAAcS,IAAI;YACjEX;QACJ,IAAI;QACJE;QACAF;KACH;IACD,OAAO;QACHK;QACAJ;QACAW,eAAeJ;QACfK,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BhB,KAAKA;YACL,GAAGD,KAAK;QACZ;IACJ;AACJ,GAEA,4CAA4C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/AccordionItem/useAccordionItemContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionItemContextValues_unstable(state) {\n
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionItem/useAccordionItemContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionItemContextValues_unstable(state) {\n const { disabled , onHeaderClick , open } = state;\n const accordionItem = React.useMemo(()=>({\n disabled,\n onHeaderClick,\n open\n }), [\n disabled,\n onHeaderClick,\n open\n ]);\n return {\n accordionItem\n };\n}\n\n//# sourceMappingURL=useAccordionItemContextValues.js.map"],"names":["useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,uCAAuCC,KAAK,EAAE;IAC1D,MAAM,EAAEC,SAAQ,EAAGC,cAAa,EAAGC,KAAI,EAAG,GAAGH;IAC7C,MAAMI,gBAAgBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACjCL;YACAC;YACAC;QACJ,CAAA,GAAI;QACJF;QACAC;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ,EAEA,yDAAyD"}
|