@fluentui/react-accordion 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.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 +17 -17
- package/CHANGELOG.md +11 -11
- package/lib/Accordion.js.map +1 -1
- package/lib/AccordionHeader.js.map +1 -1
- package/lib/AccordionItem.js.map +1 -1
- package/lib/AccordionPanel.js.map +1 -1
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +3 -5
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +3 -2
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +4 -5
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +4 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +11 -2
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +5 -5
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +6 -2
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +3 -2
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/index.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +3 -2
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +0 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Accordion.js +4 -5
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js +4 -5
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js +4 -5
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js +4 -5
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +17 -18
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js +2 -5
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +13 -24
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js +10 -11
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +21 -18
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +81 -80
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +21 -18
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +11 -19
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +18 -18
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +2 -3
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +14 -20
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +9 -10
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +29 -18
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +94 -77
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +21 -24
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +172 -383
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +17 -18
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +2 -5
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +16 -22
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js +10 -11
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +21 -18
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +35 -33
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +19 -22
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +11 -19
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +15 -16
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +2 -3
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +8 -9
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +18 -15
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +35 -32
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +23 -39
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +170 -43
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -10
- package/.swcrc +0 -33
|
@@ -2,10 +2,14 @@ import * as React from 'react';
|
|
|
2
2
|
export const AccordionItemContext = /*#__PURE__*/React.createContext(undefined);
|
|
3
3
|
const accordionItemContextDefaultValue = {
|
|
4
4
|
onHeaderClick() {
|
|
5
|
-
/** */
|
|
5
|
+
/** */
|
|
6
|
+
},
|
|
6
7
|
open: false,
|
|
7
8
|
disabled: false
|
|
8
9
|
};
|
|
9
10
|
export const AccordionItemProvider = AccordionItemContext.Provider;
|
|
10
|
-
export const useAccordionItemContext_unstable = () =>
|
|
11
|
+
export const useAccordionItemContext_unstable = () => {
|
|
12
|
+
var _a;
|
|
13
|
+
return (_a = React.useContext(AccordionItemContext)) !== null && _a !== void 0 ? _a : accordionItemContextDefaultValue;
|
|
14
|
+
};
|
|
11
15
|
//# sourceMappingURL=AccordionItemContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,OAAO,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CACrDC,SAAS,CACkC;AAE7C,MAAMC,gCAAgC,GAA8B;EAClEC,aAAa;IACX;EAAA,CACD;EACDC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE;CACX;AAED,OAAO,MAAMC,qBAAqB,GAAGP,oBAAoB,CAACQ,QAAQ;AAElE,OAAO,MAAMC,gCAAgC,GAAG,MAAK;EAAA;EACnD,kBAAK,CAACC,UAAU,CAACV,oBAAoB,CAAC,mCAAIG,gCAAgC;AAAA","names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","AccordionItemProvider","Provider","useAccordionItemContext_unstable","useContext"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,cAAc;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC","sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles';\n"]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _extends from "@swc/helpers/src/_extends.mjs";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
3
|
import { AccordionItemContext } from './AccordionItemContext';
|
|
@@ -10,7 +9,9 @@ export const renderAccordionItem_unstable = (state, contextValues) => {
|
|
|
10
9
|
slots,
|
|
11
10
|
slotProps
|
|
12
11
|
} = getSlots(state);
|
|
13
|
-
return /*#__PURE__*/React.createElement(slots.root,
|
|
12
|
+
return /*#__PURE__*/React.createElement(slots.root, {
|
|
13
|
+
...slotProps.root
|
|
14
|
+
}, /*#__PURE__*/React.createElement(AccordionItemContext.Provider, {
|
|
14
15
|
value: contextValues.accordionItem
|
|
15
16
|
}, slotProps.root.children));
|
|
16
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,oBAAoB,QAAQ,wBAAwB;AAG7D;;;AAGA,OAAO,MAAMC,4BAA4B,GAAG,CAACC,KAAyB,EAAEC,aAAyC,KAAI;EACnH,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGN,QAAQ,CAAqBG,KAAK,CAAC;EAEhE,oBACEJ,oBAACM,KAAK,CAACE,IAAI;IAAA,GAAKD,SAAS,CAACC;EAAI,gBAC5BR,oBAACE,oBAAoB,CAACO,QAAQ;IAACC,KAAK,EAAEL,aAAa,CAACM;EAAa,GAC9DJ,SAAS,CAACC,IAAI,CAACI,QAAQ,CACM,CACrB;AAEjB,CAAC","names":["React","getSlots","AccordionItemContext","renderAccordionItem_unstable","state","contextValues","slots","slotProps","root","Provider","value","accordionItem","children"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n const { slots, slotProps } = getSlots<AccordionItemSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionItemContext.Provider value={contextValues.accordionItem}>\n {slotProps.root.children}\n </AccordionItemContext.Provider>\n </slots.root>\n );\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,4BAA4B,QAAQ,+BAA+B;AAI5E;;;;;AAKA,OAAO,MAAMC,yBAAyB,GAAG,CACvCC,KAAyB,EACzBC,GAA2B,KACL;EACtB,MAAM;IAAEC,KAAK;IAAEC,QAAQ,GAAG;EAAK,CAAE,GAAGH,KAAK;EAEzC,MAAMI,aAAa,GAAGN,4BAA4B,CAACO,GAAG,IAAIA,GAAG,CAACD,aAAa,CAAC;EAC5E,MAAME,IAAI,GAAGR,4BAA4B,CAACO,GAAG,IAAIA,GAAG,CAACE,SAAS,CAACC,QAAQ,CAACN,KAAK,CAAC,CAAC;EAC/E,MAAMO,sBAAsB,GAAGb,KAAK,CAACc,WAAW,CAAEC,EAAwB,IAAKP,aAAa,CAACO,EAAE,EAAE;IAAET;EAAK,CAAE,CAAC,EAAE,CAC3GE,aAAa,EACbF,KAAK,CACN,CAAC;EAEF,OAAO;IACLI,IAAI;IACJH,QAAQ;IACRS,aAAa,EAAEH,sBAAsB;IACrCI,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEjB,qBAAqB,CAAC,KAAK,EAAE;MACjCI,GAAG,EAAEA,GAAG;MACR,GAAGD;KACJ;GACF;AACH,CAAC","names":["React","getNativeElementProps","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","useCallback","ev","onHeaderClick","components","root"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/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((ev: AccordionToggleEvent) => requestToggle(ev, { value }), [\n requestToggle,\n 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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,OAAM,SAAUC,sCAAsC,CAACC,KAAyB;EAC9E,MAAM;IAAEC,QAAQ;IAAEC,aAAa;IAAEC;EAAI,CAAE,GAAGH,KAAK;EAC/C,MAAMI,aAAa,GAAGN,KAAK,CAACO,OAAO,CAA4B,OAAO;IAAEJ,QAAQ;IAAEC,aAAa;IAAEC;EAAI,CAAE,CAAC,EAAE,CACxGF,QAAQ,EACRC,aAAa,EACbC,IAAI,CACL,CAAC;EAEF,OAAO;IAAEC;EAAa,CAAE;AAC1B","names":["React","useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","useMemo"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/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>(() => ({ disabled, onHeaderClick, open }), [\n disabled,\n onHeaderClick,\n open,\n ]);\n\n return { accordionItem };\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AACA,SAASA,YAAY,QAAQ;
|
|
1
|
+
{"version":3,"mappings":"AACA,SAASA,YAAY,QAAQ,gBAAgB;AAG7C,OAAO,MAAMC,uBAAuB,GAAuC;EACzEC,IAAI,EAAE;CACP;AAED,OAAO,MAAMC,+BAA+B,GAAIC,KAAyB,IAAI;EAC3EA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAEvF,OAAOD,KAAK;AACd,CAAC","names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,0BAA0B,QAAQ,qBAAqB;AAChE,SAASC,6BAA6B,QAAQ,wBAAwB;AACtE,SAASC,gCAAgC,QAAQ,2BAA2B;AAI5E;;;AAGA,OAAO,MAAMC,cAAc,gBAA6CJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGP,0BAA0B,CAACK,KAAK,EAAEC,GAAG,CAAC;EAEpDJ,gCAAgC,CAACK,KAAK,CAAC;EACvC,OAAON,6BAA6B,CAACM,KAAK,CAAC;AAC7C,CAAC,CAAC;AAEFJ,cAAc,CAACK,WAAW,GAAG,gBAAgB","names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\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 return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"AccordionPanel.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/AccordionPanel.types.ts"],"names":[],"mappings":"","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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _extends from "@swc/helpers/src/_extends.mjs";
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
import { getSlots } from '@fluentui/react-utilities';
|
|
4
3
|
/**
|
|
@@ -9,6 +8,8 @@ export const renderAccordionPanel_unstable = state => {
|
|
|
9
8
|
slots,
|
|
10
9
|
slotProps
|
|
11
10
|
} = getSlots(state);
|
|
12
|
-
return state.open ? /*#__PURE__*/React.createElement(slots.root,
|
|
11
|
+
return state.open ? /*#__PURE__*/React.createElement(slots.root, {
|
|
12
|
+
...slotProps.root
|
|
13
|
+
}, slotProps.root.children) : null;
|
|
13
14
|
};
|
|
14
15
|
//# sourceMappingURL=renderAccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD;;;AAGA,OAAO,MAAMC,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,QAAQ,CAAsBE,KAAK,CAAC;EACjE,OAAOA,KAAK,CAACG,IAAI,gBAAGN,oBAACI,KAAK,CAACG,IAAI;IAAA,GAAKF,SAAS,CAACE;EAAI,GAAGF,SAAS,CAACE,IAAI,CAACC,QAAQ,CAAc,GAAG,IAAI;AACnG,CAAC","names":["React","getSlots","renderAccordionPanel_unstable","state","slots","slotProps","open","root","children"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/renderAccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } 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 } = getSlots<AccordionPanelSlots>(state);\n return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"
|
|
1
|
+
{"version":3,"mappings":"AACA,SAASA,qBAAqB,QAAQ,2BAA2B;AACjE,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,gCAAgC,QAAQ,wBAAwB;AACzE,SAASC,4BAA4B,QAAQ,+BAA+B;AAG5E;;;;;AAKA,OAAO,MAAMC,0BAA0B,GAAG,CACxCC,KAA0B,EAC1BC,GAA2B,KACJ;EACvB,MAAM;IAAEC;EAAI,CAAE,GAAGL,gCAAgC,EAAE;EACnD,MAAMM,cAAc,GAAGP,oBAAoB,CAAC;IAAEQ,SAAS,EAAE;MAAEC,gBAAgB,EAAE;IAAI;EAAE,CAAE,CAAC;EACtF,MAAMC,UAAU,GAAGR,4BAA4B,CAACS,GAAG,IAAIA,GAAG,CAACD,UAAU,CAAC;EAEtE,OAAO;IACLJ,IAAI;IACJM,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEd,qBAAqB,CAAC,KAAK,EAAE;MACjCM,GAAG;MACH,GAAGD,KAAK;MACR,IAAIM,UAAU,IAAIH,cAAc;KACjC;GACF;AACH,CAAC","names":["getNativeElementProps","useTabsterAttributes","useAccordionItemContext_unstable","useAccordionContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/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"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AACA,mBAAqBA,YAAY,EAAEC,UAAU,QAAQ;
|
|
1
|
+
{"version":3,"mappings":"AACA,mBAAqBA,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,MAAM,QAAQ,uBAAuB;AAI9C,OAAO,MAAMC,wBAAwB,GAAwC;EAC3EC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAIhB;AAEF;AACA,OAAO,MAAMC,gCAAgC,GAAIC,KAA0B,IAAI;EAC7E,MAAMC,MAAM,GAAGH,SAAS,EAAE;EAC1BE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGT,YAAY,CAACG,wBAAwB,CAACC,IAAI,EAAEI,MAAM,CAACJ,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EAErG,OAAOF,KAAK;AACd,CAAC","names":["mergeClasses","shorthands","tokens","accordionPanelClassNames","root","useStyles","useAccordionPanelStyles_unstable","state","styles","className"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/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"]}
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB;
|
|
1
|
+
{"version":3,"mappings":"AAAA,SACEA,SAAS,EACTC,iBAAiB,EACjBC,mBAAmB,EACnBC,wBAAwB,EACxBC,4BAA4B,EAC5BC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,QAChB,aAAa;AAYpB,SACEC,aAAa,EACbC,qBAAqB,EACrBC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,gCAAgC,EAChCC,+BAA+B,EAC/BC,yBAAyB,QACpB,iBAAiB;AASxB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,QACtB,mBAAmB;AAU1B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,QACrB,kBAAkB","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"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-accordion/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"]}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=Accordion.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/Accordion/index"), exports);
|
|
9
8
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-accordion/src/Accordion.ts"],"sourcesContent":["export * from './components/Accordion/index';\n"]}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=AccordionHeader.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/AccordionHeader/index"), exports);
|
|
9
8
|
//# sourceMappingURL=AccordionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionHeader.ts"],"sourcesContent":["export * from './components/AccordionHeader/index';\n"]}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=AccordionItem.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/AccordionItem/index"), exports);
|
|
9
8
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionItem.ts"],"sourcesContent":["export * from './components/AccordionItem/index';\n"]}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
//# sourceMappingURL=AccordionPanel.js.map
|
|
8
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./components/AccordionPanel/index"), exports);
|
|
9
8
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../packages/react-components/react-accordion/src/AccordionPanel.ts"],"sourcesContent":["export * from './components/AccordionPanel/index';\n"]}
|
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "Accordion", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>Accordion
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
exports.Accordion = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const renderAccordion_1 = /*#__PURE__*/require("./renderAccordion");
|
|
9
|
+
const useAccordion_1 = /*#__PURE__*/require("./useAccordion");
|
|
10
|
+
const useAccordionContextValues_1 = /*#__PURE__*/require("./useAccordionContextValues");
|
|
11
|
+
const useAccordionStyles_1 = /*#__PURE__*/require("./useAccordionStyles");
|
|
12
|
+
/**
|
|
13
|
+
* Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
|
|
14
|
+
*/
|
|
15
|
+
exports.Accordion = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
16
|
+
const state = useAccordion_1.useAccordion_unstable(props, ref);
|
|
17
|
+
const contextValues = useAccordionContextValues_1.useAccordionContextValues_unstable(state);
|
|
18
|
+
useAccordionStyles_1.useAccordionStyles_unstable(state);
|
|
19
|
+
return renderAccordion_1.renderAccordion_unstable(state, contextValues);
|
|
20
20
|
});
|
|
21
|
-
Accordion.displayName = 'Accordion';
|
|
22
|
-
|
|
21
|
+
exports.Accordion.displayName = 'Accordion';
|
|
23
22
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAGA;AAEA;;;AAGaA,iBAAS,gBAAwCC,KAAK,CAACC,UAAU,CAC5E,CAACC,KAAK,EAAEC,GAAG,KAAI;EACb,MAAMC,KAAK,GAAGC,oCAAqB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAC/C,MAAMG,aAAa,GAAGC,8DAAkC,CAACH,KAAK,CAAC;EAE/DI,gDAA2B,CAACJ,KAAK,CAAC;EAElC,OAAOK,0CAAwB,CAACL,KAAK,EAAEE,aAAa,CAAC;AACvD,CAAC,CACF;AAEDP,iBAAS,CAACW,WAAW,GAAG,WAAW","names":["exports","React","forwardRef","props","ref","state","useAccordion_1","contextValues","useAccordionContextValues_1","useAccordionStyles_1","renderAccordion_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/Accordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAccordionStyles_unstable } from './useAccordionStyles';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<HTMLDivElement, AccordionProps>(\n (props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n return renderAccordion_unstable(state, contextValues);\n },\n);\n\nAccordion.displayName = 'Accordion';\n"]}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
6
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
7
|
-
//# sourceMappingURL=Accordion.types.js.map
|
|
8
|
-
|
|
9
6
|
//# sourceMappingURL=Accordion.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}
|
|
@@ -1,30 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
AccordionContext: ()=>AccordionContext,
|
|
13
|
-
AccordionProvider: ()=>AccordionProvider,
|
|
14
|
-
useAccordionContext_unstable: ()=>useAccordionContext_unstable
|
|
4
|
+
value: true
|
|
15
5
|
});
|
|
16
|
-
|
|
17
|
-
const
|
|
6
|
+
exports.useAccordionContext_unstable = exports.AccordionProvider = exports.AccordionContext = void 0;
|
|
7
|
+
const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
|
|
8
|
+
exports.AccordionContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
|
|
18
9
|
const accordionContextDefaultValue = {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
/* noop */
|
|
10
|
+
openItems: [],
|
|
11
|
+
collapsible: false,
|
|
12
|
+
requestToggle() {
|
|
13
|
+
/* noop */
|
|
14
|
+
}
|
|
23
15
|
};
|
|
24
|
-
|
|
25
|
-
const useAccordionContext_unstable =
|
|
26
|
-
|
|
27
|
-
return selector(ctx);
|
|
28
|
-
}); //# sourceMappingURL=AccordionContext.js.map
|
|
29
|
-
|
|
16
|
+
exports.AccordionProvider = exports.AccordionContext.Provider;
|
|
17
|
+
const useAccordionContext_unstable = selector => react_context_selector_1.useContextSelector(exports.AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));
|
|
18
|
+
exports.useAccordionContext_unstable = useAccordionContext_unstable;
|
|
30
19
|
//# sourceMappingURL=AccordionContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAIaA,wBAAgB,gBAAmCC,sCAAa,CAC3EC,SAAS,CACwB;AAEnC,MAAMC,4BAA4B,GAA0B;EAC1DC,SAAS,EAAE,EAAE;EACbC,WAAW,EAAE,KAAK;EAClBC,aAAa;IACX;EAAA;CAEH;AAEYN,yBAAiB,GAAGA,wBAAgB,CAACO,QAAQ;AACnD,MAAMC,4BAA4B,GAAOC,QAAmD,IACjGR,2CAAkB,CAACD,wBAAgB,EAAE,CAACU,GAAG,GAAGP,4BAA4B,KAAKM,QAAQ,CAACC,GAAG,CAAC,CAAC;AADhFV,oCAA4B","names":["exports","react_context_selector_1","undefined","accordionContextDefaultValue","openItems","collapsible","requestToggle","Provider","useAccordionContext_unstable","selector","ctx"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/AccordionContext.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { AccordionContextValue } from './Accordion.types';\n\nexport const AccordionContext: Context<AccordionContextValue> = createContext<AccordionContextValue | undefined>(\n undefined,\n) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"]}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
14
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./Accordion"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./Accordion.types"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./renderAccordion"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./useAccordion"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./useAccordionStyles"), exports);
|
|
12
|
+
tslib_1.__exportStar(require("./useAccordionContextValues"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("./AccordionContext"), exports);
|
|
15
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/index.ts"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n"]}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "renderAccordion_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>renderAccordion_unstable
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
|
|
6
|
+
exports.renderAccordion_unstable = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
+
const AccordionContext_1 = /*#__PURE__*/require("./AccordionContext");
|
|
10
|
+
/**
|
|
11
|
+
* Function that renders the final JSX of the component
|
|
12
|
+
*/
|
|
13
|
+
const renderAccordion_unstable = (state, contextValues) => {
|
|
14
|
+
const {
|
|
15
|
+
slots,
|
|
16
|
+
slotProps
|
|
17
|
+
} = react_utilities_1.getSlots(state);
|
|
18
|
+
return React.createElement(slots.root, {
|
|
19
|
+
...slotProps.root
|
|
20
|
+
}, React.createElement(AccordionContext_1.AccordionContext.Provider, {
|
|
21
|
+
value: contextValues.accordion
|
|
22
|
+
}, slotProps.root.children));
|
|
23
|
+
};
|
|
24
|
+
exports.renderAccordion_unstable = renderAccordion_unstable;
|
|
22
25
|
//# sourceMappingURL=renderAccordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AAGA;;;AAGO,MAAMA,wBAAwB,GAAG,CAACC,KAAqB,EAAEC,aAAqC,KAAI;EACvG,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAiBJ,KAAK,CAAC;EAE5D,OACEK,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BD,oBAACE,mCAAgB,CAACC,QAAQ;IAACC,KAAK,EAAER,aAAa,CAACS;EAAS,GAAGP,SAAS,CAACG,IAAI,CAACK,QAAQ,CAA6B,CACrG;AAEjB,CAAC;AARYC,gCAAwB","names":["renderAccordion_unstable","state","contextValues","slots","slotProps","react_utilities_1","React","root","AccordionContext_1","Provider","value","accordion","children","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n\nimport { AccordionContext } from './AccordionContext';\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n const { slots, slotProps } = getSlots<AccordionSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionContext.Provider value={contextValues.accordion}>{slotProps.root.children}</AccordionContext.Provider>\n </slots.root>\n );\n};\n"]}
|