@fluentui/react-accordion 0.0.0-nightly-20230426-0420.1 → 0.0.0-nightly-20230428-0419.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/package.json +9 -9
- package/dist/index.d.ts +0 -265
- package/lib/Accordion.js +0 -2
- package/lib/Accordion.js.map +0 -1
- package/lib/AccordionHeader.js +0 -2
- package/lib/AccordionHeader.js.map +0 -1
- package/lib/AccordionItem.js +0 -2
- package/lib/AccordionItem.js.map +0 -1
- package/lib/AccordionPanel.js +0 -2
- package/lib/AccordionPanel.js.map +0 -1
- package/lib/components/Accordion/Accordion.js +0 -18
- package/lib/components/Accordion/Accordion.js.map +0 -1
- package/lib/components/Accordion/Accordion.types.js +0 -2
- package/lib/components/Accordion/Accordion.types.js.map +0 -1
- package/lib/components/Accordion/AccordionContext.js +0 -11
- package/lib/components/Accordion/AccordionContext.js.map +0 -1
- package/lib/components/Accordion/index.js +0 -8
- package/lib/components/Accordion/index.js.map +0 -1
- package/lib/components/Accordion/renderAccordion.js +0 -16
- package/lib/components/Accordion/renderAccordion.js.map +0 -1
- package/lib/components/Accordion/useAccordion.js +0 -94
- package/lib/components/Accordion/useAccordion.js.map +0 -1
- package/lib/components/Accordion/useAccordionContextValues.js +0 -19
- package/lib/components/Accordion/useAccordionContextValues.js.map +0 -1
- package/lib/components/Accordion/useAccordionStyles.js +0 -9
- package/lib/components/Accordion/useAccordionStyles.js.map +0 -1
- package/lib/components/AccordionHeader/AccordionHeader.js +0 -19
- package/lib/components/AccordionHeader/AccordionHeader.js.map +0 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js +0 -2
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +0 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +0 -11
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +0 -1
- package/lib/components/AccordionHeader/index.js +0 -7
- package/lib/components/AccordionHeader/index.js.map +0 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +0 -16
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +0 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +0 -94
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +0 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +0 -19
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +0 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +0 -172
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +0 -1
- package/lib/components/AccordionItem/AccordionItem.js +0 -18
- package/lib/components/AccordionItem/AccordionItem.js.map +0 -1
- package/lib/components/AccordionItem/AccordionItem.types.js +0 -2
- package/lib/components/AccordionItem/AccordionItem.types.js.map +0 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +0 -12
- package/lib/components/AccordionItem/AccordionItemContext.js.map +0 -1
- package/lib/components/AccordionItem/index.js +0 -8
- package/lib/components/AccordionItem/index.js.map +0 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +0 -16
- package/lib/components/AccordionItem/renderAccordionItem.js.map +0 -1
- package/lib/components/AccordionItem/useAccordionItem.js +0 -32
- package/lib/components/AccordionItem/useAccordionItem.js.map +0 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +0 -17
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +0 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js +0 -9
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +0 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +0 -16
- package/lib/components/AccordionPanel/AccordionPanel.js.map +0 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js +0 -2
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +0 -1
- package/lib/components/AccordionPanel/index.js +0 -6
- package/lib/components/AccordionPanel/index.js.map +0 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +0 -13
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +0 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +0 -33
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +0 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +0 -25
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +0 -1
- package/lib/index.js +0 -5
- package/lib/index.js.map +0 -1
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
-
import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
|
|
4
|
-
/**
|
|
5
|
-
* Returns the props and state required to render the component
|
|
6
|
-
* @param props - AccordionItem properties
|
|
7
|
-
* @param ref - reference to root HTMLElement of AccordionItem
|
|
8
|
-
*/
|
|
9
|
-
export const useAccordionItem_unstable = (props, ref) => {
|
|
10
|
-
const {
|
|
11
|
-
value,
|
|
12
|
-
disabled = false
|
|
13
|
-
} = props;
|
|
14
|
-
const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);
|
|
15
|
-
const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));
|
|
16
|
-
const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
|
|
17
|
-
value
|
|
18
|
-
}), [requestToggle, value]);
|
|
19
|
-
return {
|
|
20
|
-
open,
|
|
21
|
-
disabled,
|
|
22
|
-
onHeaderClick: onAccordionHeaderClick,
|
|
23
|
-
components: {
|
|
24
|
-
root: 'div'
|
|
25
|
-
},
|
|
26
|
-
root: getNativeElementProps('div', {
|
|
27
|
-
ref: ref,
|
|
28
|
-
...props
|
|
29
|
-
})
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=useAccordionItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","getNativeElementProps","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","useCallback","ev","onHeaderClick","components","root"],"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.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 requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n const onAccordionHeaderClick = React.useCallback(\n (ev: AccordionToggleEvent) => requestToggle(ev, { value }),\n [requestToggle, value],\n );\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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,4BAA4B,QAAQ;AAI7C;;;;;AAKA,OAAO,MAAMC,yBAAA,GAA4BA,CACvCC,KAAA,EACAC,GAAA,KACuB;EACvB,MAAM;IAAEC,KAAA;IAAOC,QAAA,GAAW;EAAK,CAAE,GAAGH,KAAA;EAEpC,MAAMI,aAAA,GAAgBN,4BAAA,CAA6BO,GAAA,IAAOA,GAAA,CAAID,aAAa;EAC3E,MAAME,IAAA,GAAOR,4BAAA,CAA6BO,GAAA,IAAOA,GAAA,CAAIE,SAAS,CAACC,QAAQ,CAACN,KAAA;EACxE,MAAMO,sBAAA,GAAyBb,KAAA,CAAMc,WAAW,CAC7CC,EAAA,IAA6BP,aAAA,CAAcO,EAAA,EAAI;IAAET;EAAM,IACxD,CAACE,aAAA,EAAeF,KAAA,CAAM;EAGxB,OAAO;IACLI,IAAA;IACAH,QAAA;IACAS,aAAA,EAAeH,sBAAA;IACfI,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMjB,qBAAA,CAAsB,OAAO;MACjCI,GAAA,EAAKA,GAAA;MACL,GAAGD;IACL;EACF;AACF"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
export function useAccordionItemContextValues_unstable(state) {
|
|
3
|
-
const {
|
|
4
|
-
disabled,
|
|
5
|
-
onHeaderClick,
|
|
6
|
-
open
|
|
7
|
-
} = state;
|
|
8
|
-
const accordionItem = React.useMemo(() => ({
|
|
9
|
-
disabled,
|
|
10
|
-
onHeaderClick,
|
|
11
|
-
open
|
|
12
|
-
}), [disabled, onHeaderClick, open]);
|
|
13
|
-
return {
|
|
14
|
-
accordionItem
|
|
15
|
-
};
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=useAccordionItemContextValues.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","useMemo"],"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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,SAASC,uCAAuCC,KAAyB,EAA8B;EAC5G,MAAM;IAAEC,QAAA;IAAUC,aAAA;IAAeC;EAAI,CAAE,GAAGH,KAAA;EAC1C,MAAMI,aAAA,GAAgBN,KAAA,CAAMO,OAAO,CACjC,OAAO;IAAEJ,QAAA;IAAUC,aAAA;IAAeC;EAAK,IACvC,CAACF,QAAA,EAAUC,aAAA,EAAeC,IAAA,CAAK;EAGjC,OAAO;IAAEC;EAAc;AACzB"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { mergeClasses } from '@griffel/react';
|
|
2
|
-
export const accordionItemClassNames = {
|
|
3
|
-
root: 'fui-AccordionItem'
|
|
4
|
-
};
|
|
5
|
-
export const useAccordionItemStyles_unstable = state => {
|
|
6
|
-
state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);
|
|
7
|
-
return state;
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=useAccordionItemStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AACA,SAASA,YAAY,QAAQ;AAG7B,OAAO,MAAMC,uBAAA,GAA8D;EACzEC,IAAA,EAAM;AACR;AAEA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAA8B;EAC5EA,KAAA,CAAMF,IAAI,CAACG,SAAS,GAAGL,YAAA,CAAaC,uBAAA,CAAwBC,IAAI,EAAEE,KAAA,CAAMF,IAAI,CAACG,SAAS;EAEtF,OAAOD,KAAA;AACT"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { useAccordionPanel_unstable } from './useAccordionPanel';
|
|
3
|
-
import { renderAccordionPanel_unstable } from './renderAccordionPanel';
|
|
4
|
-
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
|
|
5
|
-
import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';
|
|
6
|
-
/**
|
|
7
|
-
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
8
|
-
*/
|
|
9
|
-
export const AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
10
|
-
const state = useAccordionPanel_unstable(props, ref);
|
|
11
|
-
useAccordionPanelStyles_unstable(state);
|
|
12
|
-
useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);
|
|
13
|
-
return renderAccordionPanel_unstable(state);
|
|
14
|
-
});
|
|
15
|
-
AccordionPanel.displayName = 'AccordionPanel';
|
|
16
|
-
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHook_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","displayName"],"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';\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"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,6BAA6B,QAAQ;AAC9C,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,gCAAgC,QAAQ;AAIjD;;;AAGA,OAAO,MAAMC,cAAA,gBAA2DL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACvG,MAAMC,KAAA,GAAQR,0BAAA,CAA2BM,KAAA,EAAOC,GAAA;EAEhDJ,gCAAA,CAAiCK,KAAA;EAEjCN,2BAAA,CAA4B,oCAAoCM,KAAA;EAEhE,OAAOP,6BAAA,CAA8BO,KAAA;AACvC;AAEAJ,cAAA,CAAeK,WAAW,GAAG"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../../src/components/AccordionPanel/AccordionPanel.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionPanelSlots = {\n root: 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"],"mappings":"AAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../../src/components/AccordionPanel/index.ts"],"sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
|
|
2
|
-
import { getSlotsNext } from '@fluentui/react-utilities';
|
|
3
|
-
/**
|
|
4
|
-
* Function that renders the final JSX of the component
|
|
5
|
-
*/
|
|
6
|
-
export const renderAccordionPanel_unstable = state => {
|
|
7
|
-
const {
|
|
8
|
-
slots,
|
|
9
|
-
slotProps
|
|
10
|
-
} = getSlotsNext(state);
|
|
11
|
-
return state.open ? /*#__PURE__*/createElement(slots.root, slotProps.root, slotProps.root.children) : null;
|
|
12
|
-
};
|
|
13
|
-
//# sourceMappingURL=renderAccordionPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["createElement","getSlotsNext","renderAccordionPanel_unstable","state","slots","slotProps","open","root","children"],"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"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA+B;EAC3E,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAAkCE,KAAA;EAC/D,OAAOA,KAAA,CAAMG,IAAI,gBAAGN,aAZtB,CAYuBI,KAAA,CAAMG,IAAI,EAAKF,SAAA,CAAUE,IAAI,EAAGF,SAAA,CAAUE,IAAI,CAACC,QAAQ,IAAiB,IAAI;AACnG"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
3
|
-
import { useTabsterAttributes } from '@fluentui/react-tabster';
|
|
4
|
-
import { useAccordionItemContext_unstable } from '../AccordionItem/index';
|
|
5
|
-
import { useAccordionContext_unstable } from '../Accordion/AccordionContext';
|
|
6
|
-
/**
|
|
7
|
-
* Returns the props and state required to render the component
|
|
8
|
-
* @param props - AccordionPanel properties
|
|
9
|
-
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
10
|
-
*/
|
|
11
|
-
export const useAccordionPanel_unstable = (props, ref) => {
|
|
12
|
-
const {
|
|
13
|
-
open
|
|
14
|
-
} = useAccordionItemContext_unstable();
|
|
15
|
-
const focusableProps = useTabsterAttributes({
|
|
16
|
-
focusable: {
|
|
17
|
-
excludeFromMover: true
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
const navigation = useAccordionContext_unstable(ctx => ctx.navigation);
|
|
21
|
-
return {
|
|
22
|
-
open,
|
|
23
|
-
components: {
|
|
24
|
-
root: 'div'
|
|
25
|
-
},
|
|
26
|
-
root: getNativeElementProps('div', {
|
|
27
|
-
ref,
|
|
28
|
-
...props,
|
|
29
|
-
...(navigation && focusableProps)
|
|
30
|
-
})
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=useAccordionPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","getNativeElementProps","useTabsterAttributes","useAccordionItemContext_unstable","useAccordionContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n ...(navigation && focusableProps),\n }),\n };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,gCAAgC,QAAQ;AACjD,SAASC,4BAA4B,QAAQ;AAG7C;;;;;AAKA,OAAO,MAAMC,0BAAA,GAA6BA,CACxCC,KAAA,EACAC,GAAA,KACwB;EACxB,MAAM;IAAEC;EAAI,CAAE,GAAGL,gCAAA;EACjB,MAAMM,cAAA,GAAiBP,oBAAA,CAAqB;IAAEQ,SAAA,EAAW;MAAEC,gBAAA,EAAkB;IAAK;EAAE;EACpF,MAAMC,UAAA,GAAaR,4BAAA,CAA6BS,GAAA,IAAOA,GAAA,CAAID,UAAU;EAErE,OAAO;IACLJ,IAAA;IACAM,UAAA,EAAY;MACVC,IAAA,EAAM;IACR;IACAA,IAAA,EAAMd,qBAAA,CAAsB,OAAO;MACjCM,GAAA;MACA,GAAGD,KAAK;MACR,IAAIM,UAAA,IAAcH,cAAc;IAClC;EACF;AACF"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { __styles, mergeClasses, shorthands } from '@griffel/react';
|
|
2
|
-
import { tokens } from '@fluentui/react-theme';
|
|
3
|
-
export const accordionPanelClassNames = {
|
|
4
|
-
root: 'fui-AccordionPanel'
|
|
5
|
-
};
|
|
6
|
-
/**
|
|
7
|
-
* Styles for the root slot
|
|
8
|
-
*/
|
|
9
|
-
const useStyles = /*#__PURE__*/__styles({
|
|
10
|
-
root: {
|
|
11
|
-
B6of3ja: "f1hu3pq6",
|
|
12
|
-
t21cq0: ["fkujibs", "f199hnxi"],
|
|
13
|
-
jrapky: "f19f4twv",
|
|
14
|
-
Frg6f3: ["f199hnxi", "fkujibs"]
|
|
15
|
-
}
|
|
16
|
-
}, {
|
|
17
|
-
d: [".f1hu3pq6{margin-top:0;}", ".fkujibs{margin-right:var(--spacingHorizontalM);}", ".f199hnxi{margin-left:var(--spacingHorizontalM);}", ".f19f4twv{margin-bottom:0;}"]
|
|
18
|
-
});
|
|
19
|
-
/** Applies style classnames to slots */
|
|
20
|
-
export const useAccordionPanelStyles_unstable = state => {
|
|
21
|
-
const styles = useStyles();
|
|
22
|
-
state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);
|
|
23
|
-
return state;
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=useAccordionPanelStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","B6of3ja","t21cq0","jrapky","Frg6f3","d","useAccordionPanelStyles_unstable","state","styles","className"],"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n\nimport type { AccordionPanelSlots, AccordionPanelState } from './AccordionPanel.types';\n\nexport const accordionPanelClassNames: SlotClassNames<AccordionPanelSlots> = {\n root: 'fui-AccordionPanel',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n ...shorthands.margin(0, tokens.spacingHorizontalM),\n },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles_unstable = (state: AccordionPanelState) => {\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AACrD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,wBAAA,GAAgE;EAC3EC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYN,QAAA;EAAAK,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAIlB;AAEA;AACA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAA+B;EAC9E,MAAMC,MAAA,GAASR,SAAA;EACfO,KAAA,CAAMR,IAAI,CAACU,SAAS,GAAGd,YAAA,CAAaG,wBAAA,CAAyBC,IAAI,EAAES,MAAA,CAAOT,IAAI,EAAEQ,KAAA,CAAMR,IAAI,CAACU,SAAS;EAEpG,OAAOF,KAAA;AACT"}
|
package/lib/index.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
export { Accordion, AccordionProvider, accordionClassNames, renderAccordion_unstable, useAccordionContext_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable } from './Accordion';
|
|
2
|
-
export { AccordionItem, AccordionItemProvider, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemContext_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from './AccordionItem';
|
|
3
|
-
export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable } from './AccordionHeader';
|
|
4
|
-
export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable } from './AccordionPanel';
|
|
5
|
-
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Accordion","AccordionProvider","accordionClassNames","renderAccordion_unstable","useAccordionContext_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","AccordionItem","AccordionItemProvider","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\n Accordion,\n AccordionProvider,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContext_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValue,\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n AccordionItemProvider,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemContext_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValue,\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValue,\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n"],"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB;AAYP,SACEC,aAAa,EACbC,qBAAqB,EACrBC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,yBAAyB,QACpB;AASP,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB;AAUP,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB"}
|