@fluentui/react-accordion 9.4.2 → 9.4.3
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.md +17 -2
- package/dist/index.d.ts +2 -2
- 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.map +1 -1
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.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/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/index.js.map +1 -1
- 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/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.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/contexts/accordion.js.map +1 -1
- package/lib/contexts/accordionHeader.js.map +1 -1
- package/lib/contexts/accordionItem.js.map +1 -1
- 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/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/Accordion/useAccordionStyles.styles.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/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.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/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/AccordionItem/useAccordionItemStyles.styles.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/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/accordion.js.map +1 -1
- package/lib-commonjs/contexts/accordionHeader.js.map +1 -1
- package/lib-commonjs/contexts/accordionItem.js.map +1 -1
- package/lib-commonjs/index.js +48 -48
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionClassNames = {\n
|
|
1
|
+
{"version":3,"sources":["useAccordionStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionClassNames = {\n root: 'fui-Accordion'\n};\nexport const useAccordionStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n return state;\n};\n"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,mBAAmB;eAAnBA;;IAGAC,2BAA2B;eAA3BA;;;uBAJgB;AACtB,MAAMD,sBAAsB;IAC/BE,MAAM;AACV;AACO,MAAMD,8BAA+BE,CAAAA;IACxC;IACAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAClF,OAAOD;AACX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionHeader.
|
|
1
|
+
{"version":3,"sources":["AccordionHeader.tsx"],"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';\nimport type { AccordionHeaderProps } from './AccordionHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.forwardRef((props, ref) => {\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n\n useAccordionHeaderStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n\n return renderAccordionHeader_unstable(state, contextValues);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","renderAccordionHeader_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;oCACqB;uCACG;gDACG;qCACN;iDACa;AAQlD,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IACjD,MAAMG,gBAAgBC,IAAAA,yEAAAA,EAAyCH;IAE/DI,IAAAA,iEAAAA,EAAkCJ;IAElCK,IAAAA,gDAAAA,EAA4B,qCAAqCL;IAEjE,OAAOM,IAAAA,qDAAAA,EAA+BN,OAAOE;AAC/C;AAEAP,gBAAgBY,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["AccordionHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { AccordionHeaderContextValue } from '../../contexts/accordionHeader';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValues = {\n accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n /**\n * The element wrapping the button. By default this is a div, but can be a heading.\n */\n root: NonNullable<Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>>;\n /**\n * The component to be used as button in heading\n */\n button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n expandIcon?: Slot<'span'>;\n /**\n * Expand icon slot rendered before (or after) children content in heading.\n */\n icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n /**\n * The position of the expand icon slot in heading.\n */\n expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n /**\n * Indicates if the AccordionHeader should be rendered inline.\n */\n inline?: boolean;\n\n /**\n * Size of spacing in the heading.\n */\n size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n Required<Pick<AccordionHeaderProps, 'inline'>> &\n AccordionHeaderContextValue;\n"],"names":[],"rangeMappings":"","mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordionHeader.
|
|
1
|
+
{"version":3,"sources":["renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionHeaderState, AccordionHeaderSlots, AccordionHeaderContextValues } from './AccordionHeader.types';\nimport { AccordionHeaderProvider } from '../../contexts/accordionHeader';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader_unstable = (\n state: AccordionHeaderState,\n contextValues: AccordionHeaderContextValues,\n) => {\n assertSlots<AccordionHeaderSlots>(state);\n\n return (\n <AccordionHeaderProvider value={contextValues.accordionHeader}>\n <state.root>\n <state.button>\n {state.expandIconPosition === 'start' && state.expandIcon && <state.expandIcon />}\n {state.icon && <state.icon />}\n {state.root.children}\n {state.expandIconPosition === 'end' && state.expandIcon && <state.expandIcon />}\n </state.button>\n </state.root>\n </AccordionHeaderProvider>\n );\n};\n"],"names":["renderAccordionHeader_unstable","state","contextValues","assertSlots","_jsx","AccordionHeaderProvider","value","accordionHeader","root","_jsxs","button","expandIconPosition","expandIcon","icon","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;iCAEY;AAKjC,MAAMA,iCAAiC,CAC5CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAkCF;IAElC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,wCAAAA,EAAAA;QAAwBC,OAAOJ,cAAcK,eAAe;kBAC3D,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA;sBACT,WAAA,GAAAC,IAAAA,gBAAA,EAACR,MAAMS,MAAM,EAAA;;oBACVT,MAAMU,kBAAkB,KAAK,WAAWV,MAAMW,UAAU,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACH,MAAMW,UAAU,EAAA,CAAA;oBAC7EX,MAAMY,IAAI,IAAA,WAAA,GAAIT,IAAAA,eAAA,EAACH,MAAMY,IAAI,EAAA,CAAA;oBACzBZ,MAAMO,IAAI,CAACM,QAAQ;oBACnBb,MAAMU,kBAAkB,KAAK,SAASV,MAAMW,UAAU,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACH,MAAMW,UAAU,EAAA,CAAA;;;;;AAKtF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionHeader.
|
|
1
|
+
{"version":3,"sources":["useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useEventCallback, slot, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { value, disabled, open } = useAccordionItemContext_unstable();\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\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\n const buttonSlot = slot.always(button, {\n elementType: 'button',\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button',\n },\n });\n\n buttonSlot.onClick = useEventCallback(event => {\n if (isResolvedShorthand(button)) {\n button.onClick?.(event);\n }\n if (!event.defaultPrevented) {\n requestToggle({ value, event });\n }\n });\n\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, { elementType: 'div' }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n 'aria-hidden': true,\n },\n elementType: 'span',\n }),\n button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n };\n};\n"],"names":["useAccordionHeader_unstable","props","ref","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","useAccordionItemContext_unstable","requestToggle","useAccordionContext_unstable","ctx","disabledFocusable","collapsible","openItems","length","dir","useFluent","expandIconRotation","buttonSlot","slot","always","elementType","defaultProps","type","onClick","useEventCallback","event","isResolvedShorthand","defaultPrevented","components","root","getIntrinsicElementProps","optional","renderByDefault","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonProps","as"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCAC+D;2BACnD;2BAEU;4BACT;qCACY;+BACC;AAO1C,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,KAAK,EAAEC,OAAO,QAAQ,EAAEC,qBAAqB,OAAO,EAAE,GAAGP;IACpG,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,IAAAA,+CAAAA;IAClC,MAAMC,gBAAgBC,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAOA,IAAIF,aAAa;IAE3E;;;GAGC,GACD,MAAMG,oBAAoBF,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAO,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKR;IAEhH,MAAM,EAAES,GAAG,EAAE,GAAGC,IAAAA,uCAAAA;IAEhB,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAChC,8FAA8F;QAC9Fc,qBAAqBX,OAAO,CAAC,KAAK;IACpC,OAAO;QACL,mGAAmG;QACnGW,qBAAqBX,OAAO,KAAKS,QAAQ,QAAQ,IAAI;IACvD;IAEA,MAAMG,aAAaC,oBAAAA,CAAKC,MAAM,CAACrB,QAAQ;QACrCsB,aAAa;QACbC,cAAc;YACZjB;YACAM;YACA,iBAAiBL;YACjBiB,MAAM;QACR;IACF;IAEAL,WAAWM,OAAO,GAAGC,IAAAA,gCAAAA,EAAiBC,CAAAA;QACpC,IAAIC,IAAAA,mCAAAA,EAAoB5B,SAAS;gBAC/BA;YAAAA,CAAAA,kBAAAA,OAAOyB,OAAO,AAAPA,MAAO,QAAdzB,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,QAAiB2B;QACnB;QACA,IAAI,CAACA,MAAME,gBAAgB,EAAE;YAC3BpB,cAAc;gBAAEJ;gBAAOsB;YAAM;QAC/B;IACF;IAEA,OAAO;QACLrB;QACAC;QACAJ;QACAD;QACAE;QACA0B,YAAY;YACVC,MAAM;YACN/B,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACAgC,MAAMX,oBAAAA,CAAKC,MAAM,CACfW,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FlC,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEyB,aAAa;QAAM;QAEvBvB,MAAMqB,oBAAAA,CAAKa,QAAQ,CAAClC,MAAM;YAAEuB,aAAa;QAAM;QAC/CrB,YAAYmB,oBAAAA,CAAKa,QAAQ,CAAChC,YAAY;YACpCiC,iBAAiB;YACjBX,cAAc;gBACZY,UAAAA,WAAAA,GAAUC,OAAAC,aAAA,CAACC,+BAAAA,EAAAA;oBAAoBC,OAAO;wBAAEC,WAAW,CAAC,OAAO,EAAEtB,mBAAmB,IAAI,CAAC;oBAAC;;gBACtF,eAAe;YACjB;YACAI,aAAa;QACf;QACAtB,QAAQyC,IAAAA,6BAAAA,EAAmBtB,WAAWuB,EAAE,EAAEvB;IAC5C;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionHeaderContextValues.
|
|
1
|
+
{"version":3,"sources":["useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderState, AccordionHeaderContextValues } from './AccordionHeader.types';\nimport type { AccordionHeaderContextValue } from '../../contexts/accordionHeader';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n const { disabled, expandIconPosition, open, size } = state;\n\n const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n () => ({\n disabled,\n expandIconPosition,\n open,\n size,\n }),\n [disabled, expandIconPosition, open, size],\n );\n\n return { accordionHeader };\n}\n"],"names":["useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","React","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;AAIhB,SAASA,yCAAyCC,KAA2B;IAClF,MAAM,EAAEC,QAAQ,EAAEC,kBAAkB,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGJ;IAErD,MAAMK,kBAAkBC,OAAMC,OAAO,CACnC,IAAO,CAAA;YACLN;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QAACH;QAAUC;QAAoBC;QAAMC;KAAK;IAG5C,OAAO;QAAEC;IAAgB;AAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n resetButton: {\n B7ck84d: \"f1e4lqlz\",\n De3pzq: \"f1u2r49w\",\n sj55zd: \"f1ym3bx4\",\n Bahqtrf: \"f1mo0ibp\",\n Be2twd7: \"fjoy568\",\n Bg96gwp: \"fytdu2e\",\n B68tc82: 0,\n Bmxbyg5: 0,\n Bpg54ce: \"f1gl81tg\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1mk8lai\",\n Bv0vk6g: \"f37px4s\",\n fsow6f: \"fgusgyc\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bb7d1vk: \"f226i61\",\n zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n dhy2o1: \"flujwa2\",\n Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n f6g5ot: 0,\n Boxcth7: 0,\n Bhdgwq3: 0,\n hgwjuy: 0,\n Bshpdp8: 0,\n Bsom6fd: 0,\n Blkhhs4: 0,\n Bonggc9: 0,\n Ddfuxk: 0,\n i03rao: 0,\n kclons: 0,\n clg4pj: 0,\n Bpqj9nj: 0,\n B6dhp37: 0,\n Bf4ptjt: 0,\n Bqtpl0w: 0,\n i4rwgc: \"ffwy5si\",\n Dah5zi: 0,\n B1tsrr9: 0,\n qqdqy8: 0,\n Bkh64rk: 0,\n e3fwne: \"f3znvyf\",\n J0r882: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n root: {\n sj55zd: \"f19n0e5\",\n De3pzq: \"f1c21dwh\",\n jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\"\n },\n rootDisabled: {\n Bcmaq0h: \"fwrgwhw\",\n sj55zd: \"f1s2aq7o\"\n },\n rootInline: {\n mc9l5x: \"f14t3ns0\"\n },\n button: {\n qhf8xq: \"f10pi13n\",\n a9b677: \"fly5x3f\",\n B4j52fo: \"fre7gi1\",\n Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n Bn0qgzm: \"fqdk4by\",\n ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: [\"f1rmphuq\", \"f26yw9j\"],\n sshi5w: \"f5pgtk9\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Bceei9c: \"f1k6fduh\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n B7ck84d: \"f1ewtqcl\"\n },\n buttonSmall: {\n sshi5w: \"f1nxs5xn\",\n Be2twd7: \"fy9rknc\"\n },\n buttonLarge: {\n Bg96gwp: \"faaz57k\",\n Be2twd7: \"fod5ikn\"\n },\n buttonExtraLarge: {\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n },\n buttonInline: {\n mc9l5x: \"ftuwxu6\"\n },\n buttonExpandIconEndNoIcon: {\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"]\n },\n buttonExpandIconEnd: {\n z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n },\n buttonDisabled: {\n Bceei9c: \"fdrzuqr\"\n },\n expandIcon: {\n Bqenvij: \"f1l02sjl\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n },\n expandIconStart: {\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n },\n expandIconEnd: {\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"flqd7gy\",\n mc9l5x: \"f22iagw\",\n Brf1p80: \"f9c4gz4\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n icon: {\n Bqenvij: \"f1l02sjl\",\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n }\n}, {\n d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".fytdu2e{line-height:normal;}\", [\".f1gl81tg{overflow:visible;}\", {\n p: -1\n }], [\".f1mk8lai{padding:0;}\", {\n p: -1\n }], \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", [\".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".f3znvyf[data-fui-focus-visible]::after{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".fwrgwhw{background-image:none;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f14t3ns0{display:inline-block;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\", \".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", [\".f1rmphuq{padding:0 var(--spacingHorizontalM) 0 var(--spacingHorizontalMNudge);}\", {\n p: -1\n }], [\".f26yw9j{padding:0 var(--spacingHorizontalMNudge) 0 var(--spacingHorizontalM);}\", {\n p: -1\n }], \".f5pgtk9{min-height:44px;}\", \".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1nxs5xn{min-height:32px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".ftuwxu6{display:inline-flex;}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1l02sjl{height:100%;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".flqd7gy{flex-basis:0%;}\", \".f9c4gz4{justify-content:flex-end;}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n m: [[\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = state => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.disabled && styles.buttonDisabled, state.button.className);\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n//# sourceMappingURL=useAccordionHeaderStyles.styles.js.map"],"names":["accordionHeaderClassNames","useAccordionHeaderStyles_unstable","root","button","expandIcon","icon","useStyles","__styles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","p","f","i","m","state","styles","className","mergeClasses","inline","disabled","expandIconPosition","size"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = makeStyles({\n // TODO: this should be extracted to another package\n resetButton: {\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n lineHeight: 'normal',\n overflow: 'visible',\n padding: '0',\n WebkitAppearance: 'button',\n textAlign: 'unset'\n },\n focusIndicator: createFocusOutlineStyle(),\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorTransparentBackground,\n margin: '0',\n borderRadius: tokens.borderRadiusMedium\n },\n rootDisabled: {\n backgroundImage: 'none',\n color: tokens.colorNeutralForegroundDisabled\n },\n rootInline: {\n display: 'inline-block'\n },\n button: {\n position: 'relative',\n width: '100%',\n ...shorthands.borderWidth('0'),\n padding: `0 ${tokens.spacingHorizontalM} 0 ${tokens.spacingHorizontalMNudge}`,\n minHeight: '44px',\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n boxSizing: 'border-box'\n },\n buttonSmall: {\n minHeight: '32px',\n fontSize: tokens.fontSizeBase200\n },\n buttonLarge: {\n lineHeight: tokens.lineHeightBase400,\n fontSize: tokens.fontSizeBase400\n },\n buttonExtraLarge: {\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n },\n buttonInline: {\n display: 'inline-flex'\n },\n buttonExpandIconEndNoIcon: {\n paddingLeft: tokens.spacingHorizontalM\n },\n buttonExpandIconEnd: {\n paddingRight: tokens.spacingHorizontalMNudge\n },\n buttonDisabled: {\n cursor: 'not-allowed'\n },\n expandIcon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n },\n expandIconStart: {\n paddingRight: tokens.spacingHorizontalS\n },\n expandIconEnd: {\n flexGrow: 1,\n flexShrink: 1,\n flexBasis: '0%',\n display: 'flex',\n justifyContent: 'flex-end',\n paddingLeft: tokens.spacingHorizontalS\n },\n icon: {\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n paddingRight: tokens.spacingHorizontalS,\n lineHeight: tokens.lineHeightBase500,\n fontSize: tokens.fontSizeBase500\n }\n});\n/** Applies style classnames to slots */ export const useAccordionHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.disabled && styles.buttonDisabled, state.button.className);\n if (state.expandIcon) {\n state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["accordionHeaderClassNames","useAccordionHeaderStyles_unstable","root","button","expandIcon","icon","useStyles","__styles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","buttonDisabled","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","p","f","i","m","state","styles","className","mergeClasses","inline","disabled","expandIconPosition","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionItem.
|
|
1
|
+
{"version":3,"sources":["AccordionItem.tsx"],"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';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n const state = useAccordionItem_unstable(props, ref);\n const contextValues = useAccordionItemContextValues_unstable(state);\n\n useAccordionItemStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);\n\n return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":["AccordionItem","React","forwardRef","props","ref","state","useAccordionItem_unstable","contextValues","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useCustomStyleHook_unstable","renderAccordionItem_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;kCACmB;+CACa;qCACV;qCACD;8CACI;AAOzC,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAC/C,MAAMG,gBAAgBC,IAAAA,qEAAAA,EAAuCH;IAE7DI,IAAAA,6DAAAA,EAAgCJ;IAEhCK,IAAAA,gDAAAA,EAA4B,mCAAmCL;IAE/D,OAAOM,IAAAA,iDAAAA,EAA6BN,OAAOE;AAC7C;AAEAP,cAAcY,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["AccordionItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport type AccordionItemContextValues<Value = AccordionItemValue> = {\n accordionItem: AccordionItemContextValue<Value>;\n};\n\nexport type AccordionItemSlots = {\n root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionItemProps<Value = AccordionItemValue> = ComponentProps<AccordionItemSlots> & {\n /**\n * Disables opening/closing of panel.\n */\n disabled?: boolean;\n /**\n * Required value that identifies this item inside an Accordion component.\n */\n value: Value;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState<Value = AccordionItemValue> = ComponentState<AccordionItemSlots> &\n AccordionItemContextValue<Value>;\n"],"names":[],"rangeMappings":"","mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './useAccordionItemStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordionItem.
|
|
1
|
+
{"version":3,"sources":["renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n assertSlots<AccordionItemSlots>(state);\n\n return (\n <state.root>\n <AccordionItemProvider value={contextValues.accordionItem}>{state.root.children}</AccordionItemProvider>\n </state.root>\n );\n};\n"],"names":["renderAccordionItem_unstable","state","contextValues","assertSlots","_jsx","root","AccordionItemProvider","value","accordionItem","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;+BAEU;AAK/B,MAAMA,+BAA+B,CAACC,OAA2BC;IACtEC,IAAAA,2BAAAA,EAAgCF;IAEhC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACE,oCAAAA,EAAAA;YAAsBC,OAAOL,cAAcM,aAAa;sBAAGP,MAAMI,IAAI,CAACI,QAAQ;;;AAGrF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionItem.
|
|
1
|
+
{"version":3,"sources":["useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\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 = useEventCallback((event: AccordionToggleEvent) => requestToggle({ event, value }));\n\n return {\n open,\n value,\n disabled,\n onHeaderClick: onAccordionHeaderClick,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useAccordionItem_unstable","props","ref","value","disabled","requestToggle","useAccordionContext_unstable","ctx","open","openItems","includes","onAccordionHeaderClick","useEventCallback","event","onHeaderClick","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;gCAC0C;2BAGpB;AAOtC,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAEpC,MAAMI,gBAAgBC,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAOA,IAAIF,aAAa;IAC3E,MAAMG,OAAOF,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAOA,IAAIE,SAAS,CAACC,QAAQ,CAACP;IACxE,MAAMQ,yBAAyBC,IAAAA,gCAAAA,EAAiB,CAACC,QAAgCR,cAAc;YAAEQ;YAAOV;QAAM;IAE9G,OAAO;QACLK;QACAL;QACAC;QACAU,eAAeH;QACfI,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FjB,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEmB,aAAa;QAAM;IAEzB;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionItemContextValues.
|
|
1
|
+
{"version":3,"sources":["useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n // eslint-disable-next-line deprecation/deprecation\n const { disabled, open, value, onHeaderClick } = state;\n const accordionItem = React.useMemo<AccordionItemContextValue>(\n () => ({ disabled, open, value, onHeaderClick }),\n [disabled, open, value, onHeaderClick],\n );\n\n return { accordionItem };\n}\n"],"names":["useAccordionItemContextValues_unstable","state","disabled","open","value","onHeaderClick","accordionItem","React","useMemo"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;AAIhB,SAASA,uCAAuCC,KAAyB;IAC9E,mDAAmD;IACnD,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,KAAK,EAAEC,aAAa,EAAE,GAAGJ;IACjD,MAAMK,gBAAgBC,OAAMC,OAAO,CACjC,IAAO,CAAA;YAAEN;YAAUC;YAAMC;YAAOC;QAAc,CAAA,GAC9C;QAACH;QAAUC;QAAMC;QAAOC;KAAc;IAGxC,OAAO;QAAEC;IAAc;AACzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionItemStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionItemClassNames = {\n
|
|
1
|
+
{"version":3,"sources":["useAccordionItemStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionItemClassNames = {\n root: 'fui-AccordionItem'\n};\nexport const useAccordionItemStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n return state;\n};\n"],"names":["accordionItemClassNames","useAccordionItemStyles_unstable","root","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IAGAC,+BAA+B;eAA/BA;;;uBAJgB;AACtB,MAAMD,0BAA0B;IACnCE,MAAM;AACV;AACO,MAAMD,kCAAmCE,CAAAA;IAC5C;IACAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,wBAAwBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACtF,OAAOD;AACX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionPanel.
|
|
1
|
+
{"version":3,"sources":["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":["AccordionPanel","React","forwardRef","props","ref","state","useAccordionPanel_unstable","useAccordionPanelStyles_unstable","useCustomStyleHook_unstable","renderAccordionPanel_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;mCACoB;sCACG;qCACF;+CACK;AAO1C,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IAEjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAEhE,OAAOI,IAAAA,mDAAAA,EAA8BJ;AACvC;AAEAL,eAAeU,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"sources":["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":[],"rangeMappings":"","mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordionPanel.
|
|
1
|
+
{"version":3,"sources":["renderAccordionPanel.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } 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 assertSlots<AccordionPanelSlots>(state);\n return state.open ? <state.root>{state.root.children}</state.root> : null;\n};\n"],"names":["renderAccordionPanel_unstable","state","assertSlots","open","_jsx","root","children"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,gCAAgC,CAACC;IAC5CC,IAAAA,2BAAAA,EAAiCD;IACjC,OAAOA,MAAME,IAAI,GAAA,WAAA,GAAGC,IAAAA,eAAA,EAACH,MAAMI,IAAI,EAAA;kBAAEJ,MAAMI,IAAI,CAACC,QAAQ;SAAiB;AACvE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionPanel.
|
|
1
|
+
{"version":3,"sources":["useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { open } = useAccordionItemContext_unstable();\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n ...(navigation && focusableProps),\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useAccordionPanel_unstable","props","ref","open","useAccordionItemContext_unstable","focusableProps","useTabsterAttributes","focusable","excludeFromMover","navigation","useAccordionContext_unstable","ctx","components","root","slot","always","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;gCACwB;8BACV;2BACQ;+BAEI;AAO1C,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,+CAAAA;IACjB,MAAMC,iBAAiBC,IAAAA,kCAAAA,EAAqB;QAAEC,WAAW;YAAEC,kBAAkB;QAAK;IAAE;IACpF,MAAMC,aAAaC,IAAAA,uCAAAA,EAA6BC,CAAAA,MAAOA,IAAIF,UAAU;IAErE,OAAO;QACLN;QACAS,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5Fd,KAAKA;YACL,GAAGD,KAAK;YACR,GAAIQ,cAAcJ,cAAc;QAClC,IACA;YAAEY,aAAa;QAAM;IAEzB;AACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/** Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["accordionPanelClassNames","useAccordionPanelStyles_unstable","root","useStyles","__styles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","state","styles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAUyCC,gCAAgC;eAAhCA;;;uBAZb;AAElC,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAK0B,MAAMV,mCAAoCW,CAAAA;IACtF;IACA,MAAMC,SAASV;IACfS,MAAMV,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACf,yBAAyBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IACpG,OAAOF;AACX"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["accordion.
|
|
1
|
+
{"version":3,"sources":["accordion.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleData, AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionRequestToggleData<Value = AccordionItemValue> = { event: AccordionToggleEvent } & Pick<\n AccordionToggleData<Value>,\n 'value'\n>;\n\nexport type AccordionContextValue<Value = AccordionItemValue> = {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (data: AccordionRequestToggleData<Value>) => void;\n collapsible: boolean;\n multiple: boolean;\n navigation: 'linear' | 'circular' | undefined;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | undefined>(undefined) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n multiple: false,\n navigation: undefined,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionProvider } = AccordionContext;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"names":["AccordionProvider","useAccordionContext_unstable","AccordionContext","createContext","undefined","accordionContextDefaultValue","openItems","collapsible","multiple","navigation","requestToggle","Provider","selector","useContextSelector","ctx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAqCyBA,iBAAiB;eAAjBA;;IACZC,4BAAAA;eAAAA;;;sCAtCsD;AAyBnE,MAAMC,mBAAmBC,IAAAA,mCAAAA,EAAiDC;AAE1E,MAAMC,+BAAsD;IAC1DC,WAAW,EAAE;IACbC,aAAa;IACbC,UAAU;IACVC,YAAYL;IACZM;IACE,QAAQ,GACV;AACF;AAEO,MAAM,EAAEC,UAAUX,iBAAiB,EAAE,GAAGE;AACxC,MAAMD,+BAA+B,CAAIW,WAC9CC,IAAAA,wCAAAA,EAAmBX,kBAAkB,CAACY,MAAMT,4BAA4B,GAAKO,SAASE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["accordionHeader.
|
|
1
|
+
{"version":3,"sources":["accordionHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AccordionHeaderExpandIconPosition,\n AccordionHeaderSize,\n} from '../components/AccordionHeader/AccordionHeader.types';\n\nexport type AccordionHeaderContextValue = {\n disabled: boolean;\n open: boolean;\n expandIconPosition: AccordionHeaderExpandIconPosition;\n size: AccordionHeaderSize;\n};\n\nconst AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(\n undefined,\n) as React.Context<AccordionHeaderContextValue>;\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;\n\nexport const useAccordionHeaderContext_unstable = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["AccordionHeaderProvider","useAccordionHeaderContext_unstable","AccordionHeaderContext","React","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAwByBA,uBAAuB;eAAvBA;;IAEZC,kCAAAA;eAAAA;;;;iEA1BU;AAavB,MAAMC,uCAAyBC,OAAMC,aAAa,CAChDC;AAGF,MAAMC,qCAAqC;IACzCC,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,oBAAoB;AACtB;AAEO,MAAM,EAAEC,UAAUX,uBAAuB,EAAE,GAAGE;AAE9C,MAAMD,qCAAqC;QAChDE;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACV,uBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAA4CG;AAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["accordionItem.
|
|
1
|
+
{"version":3,"sources":["accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n open: boolean;\n disabled: boolean;\n value: Value;\n /**\n * @deprecated - use `requestToggle` from AccordionContent instead\n */\n onHeaderClick(event: AccordionToggleEvent): void;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n open: false,\n disabled: false,\n value: undefined,\n onHeaderClick() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () => {\n return React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n};\n"],"names":["AccordionItemProvider","useAccordionItemContext_unstable","AccordionItemContext","React","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","onHeaderClick","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA2ByBA,qBAAqB;eAArBA;;IAEZC,gCAAAA;eAAAA;;;;iEA7BU;AAcvB,MAAMC,qCAAuBC,OAAMC,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM;IACNC,UAAU;IACVC,OAAOJ;IACPK;IACE,QAAQ,GACV;AACF;AAEO,MAAM,EAAEC,UAAUX,qBAAqB,EAAE,GAAGE;AAE5C,MAAMD,mCAAmC;QACvCE;IAAP,OAAOA,CAAAA,oBAAAA,OAAMS,UAAU,CAACV,qBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAA0CG;AACnD"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -12,65 +12,77 @@ _export(exports, {
|
|
|
12
12
|
Accordion: function() {
|
|
13
13
|
return _Accordion.Accordion;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return
|
|
15
|
+
AccordionHeader: function() {
|
|
16
|
+
return _AccordionHeader.AccordionHeader;
|
|
17
17
|
},
|
|
18
|
-
|
|
19
|
-
return
|
|
18
|
+
AccordionHeaderProvider: function() {
|
|
19
|
+
return _accordionHeader.AccordionHeaderProvider;
|
|
20
20
|
},
|
|
21
|
-
|
|
22
|
-
return
|
|
21
|
+
AccordionItem: function() {
|
|
22
|
+
return _AccordionItem.AccordionItem;
|
|
23
23
|
},
|
|
24
|
-
|
|
25
|
-
return
|
|
24
|
+
AccordionItemProvider: function() {
|
|
25
|
+
return _accordionItem.AccordionItemProvider;
|
|
26
26
|
},
|
|
27
|
-
|
|
28
|
-
return
|
|
27
|
+
AccordionPanel: function() {
|
|
28
|
+
return _AccordionPanel.AccordionPanel;
|
|
29
29
|
},
|
|
30
|
-
|
|
31
|
-
return
|
|
30
|
+
AccordionProvider: function() {
|
|
31
|
+
return _accordion.AccordionProvider;
|
|
32
|
+
},
|
|
33
|
+
accordionClassNames: function() {
|
|
34
|
+
return _Accordion.accordionClassNames;
|
|
35
|
+
},
|
|
36
|
+
accordionHeaderClassNames: function() {
|
|
37
|
+
return _AccordionHeader.accordionHeaderClassNames;
|
|
32
38
|
},
|
|
33
39
|
accordionItemClassNames: function() {
|
|
34
40
|
return _AccordionItem.accordionItemClassNames;
|
|
35
41
|
},
|
|
36
|
-
|
|
37
|
-
return
|
|
42
|
+
accordionPanelClassNames: function() {
|
|
43
|
+
return _AccordionPanel.accordionPanelClassNames;
|
|
38
44
|
},
|
|
39
|
-
|
|
40
|
-
return
|
|
45
|
+
renderAccordionHeader_unstable: function() {
|
|
46
|
+
return _AccordionHeader.renderAccordionHeader_unstable;
|
|
41
47
|
},
|
|
42
|
-
|
|
43
|
-
return _AccordionItem.
|
|
48
|
+
renderAccordionItem_unstable: function() {
|
|
49
|
+
return _AccordionItem.renderAccordionItem_unstable;
|
|
44
50
|
},
|
|
45
|
-
|
|
46
|
-
return
|
|
51
|
+
renderAccordionPanel_unstable: function() {
|
|
52
|
+
return _AccordionPanel.renderAccordionPanel_unstable;
|
|
47
53
|
},
|
|
48
|
-
|
|
49
|
-
return
|
|
54
|
+
renderAccordion_unstable: function() {
|
|
55
|
+
return _Accordion.renderAccordion_unstable;
|
|
50
56
|
},
|
|
51
|
-
|
|
52
|
-
return
|
|
57
|
+
useAccordionContextValues_unstable: function() {
|
|
58
|
+
return _Accordion.useAccordionContextValues_unstable;
|
|
53
59
|
},
|
|
54
|
-
|
|
55
|
-
return
|
|
60
|
+
useAccordionContext_unstable: function() {
|
|
61
|
+
return _accordion.useAccordionContext_unstable;
|
|
56
62
|
},
|
|
57
63
|
useAccordionHeaderContextValues_unstable: function() {
|
|
58
64
|
return _AccordionHeader.useAccordionHeaderContextValues_unstable;
|
|
59
65
|
},
|
|
66
|
+
useAccordionHeaderContext_unstable: function() {
|
|
67
|
+
return _accordionHeader.useAccordionHeaderContext_unstable;
|
|
68
|
+
},
|
|
60
69
|
useAccordionHeaderStyles_unstable: function() {
|
|
61
70
|
return _AccordionHeader.useAccordionHeaderStyles_unstable;
|
|
62
71
|
},
|
|
63
72
|
useAccordionHeader_unstable: function() {
|
|
64
73
|
return _AccordionHeader.useAccordionHeader_unstable;
|
|
65
74
|
},
|
|
66
|
-
|
|
67
|
-
return
|
|
75
|
+
useAccordionItemContextValues_unstable: function() {
|
|
76
|
+
return _AccordionItem.useAccordionItemContextValues_unstable;
|
|
68
77
|
},
|
|
69
|
-
|
|
70
|
-
return
|
|
78
|
+
useAccordionItemContext_unstable: function() {
|
|
79
|
+
return _accordionItem.useAccordionItemContext_unstable;
|
|
71
80
|
},
|
|
72
|
-
|
|
73
|
-
return
|
|
81
|
+
useAccordionItemStyles_unstable: function() {
|
|
82
|
+
return _AccordionItem.useAccordionItemStyles_unstable;
|
|
83
|
+
},
|
|
84
|
+
useAccordionItem_unstable: function() {
|
|
85
|
+
return _AccordionItem.useAccordionItem_unstable;
|
|
74
86
|
},
|
|
75
87
|
useAccordionPanelStyles_unstable: function() {
|
|
76
88
|
return _AccordionPanel.useAccordionPanelStyles_unstable;
|
|
@@ -78,23 +90,11 @@ _export(exports, {
|
|
|
78
90
|
useAccordionPanel_unstable: function() {
|
|
79
91
|
return _AccordionPanel.useAccordionPanel_unstable;
|
|
80
92
|
},
|
|
81
|
-
|
|
82
|
-
return
|
|
83
|
-
},
|
|
84
|
-
useAccordionContext_unstable: function() {
|
|
85
|
-
return _accordion.useAccordionContext_unstable;
|
|
86
|
-
},
|
|
87
|
-
AccordionItemProvider: function() {
|
|
88
|
-
return _accordionItem.AccordionItemProvider;
|
|
89
|
-
},
|
|
90
|
-
useAccordionItemContext_unstable: function() {
|
|
91
|
-
return _accordionItem.useAccordionItemContext_unstable;
|
|
92
|
-
},
|
|
93
|
-
AccordionHeaderProvider: function() {
|
|
94
|
-
return _accordionHeader.AccordionHeaderProvider;
|
|
93
|
+
useAccordionStyles_unstable: function() {
|
|
94
|
+
return _Accordion.useAccordionStyles_unstable;
|
|
95
95
|
},
|
|
96
|
-
|
|
97
|
-
return
|
|
96
|
+
useAccordion_unstable: function() {
|
|
97
|
+
return _Accordion.useAccordion_unstable;
|
|
98
98
|
}
|
|
99
99
|
});
|
|
100
100
|
const _Accordion = require("./Accordion");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n} from './Accordion';\nexport {\n AccordionItem,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n} from './AccordionPanel';\nexport type { AccordionPanelProps, AccordionPanelSlots, AccordionPanelState } from './AccordionPanel';\n\nexport { AccordionProvider, useAccordionContext_unstable } from './contexts/accordion';\n\nexport type { AccordionContextValue } from './contexts/accordion';\n\nexport { AccordionItemProvider, useAccordionItemContext_unstable } from './contexts/accordionItem';\n\nexport type { AccordionItemContextValue } from './contexts/accordionItem';\n\nexport { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from './contexts/accordionHeader';\n\nexport type { AccordionHeaderContextValue } from './contexts/accordionHeader';\n"],"names":["Accordion","AccordionHeader","AccordionHeaderProvider","AccordionItem","AccordionItemProvider","AccordionPanel","AccordionProvider","accordionClassNames","accordionHeaderClassNames","accordionItemClassNames","accordionPanelClassNames","renderAccordionHeader_unstable","renderAccordionItem_unstable","renderAccordionPanel_unstable","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionContext_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderContext_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionItemContextValues_unstable","useAccordionItemContext_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionStyles_unstable","useAccordion_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,SAAS;eAATA,oBAAS;;IAiCTC,eAAe;eAAfA,gCAAe;;IAgCRC,uBAAuB;eAAvBA,wCAAuB;;IA/C9BC,aAAa;eAAbA,4BAAa;;IA2CNC,qBAAqB;eAArBA,oCAAqB;;IAZ5BC,cAAc;eAAdA,8BAAc;;IAQPC,iBAAiB;eAAjBA,4BAAiB;;IAxDxBC,mBAAmB;eAAnBA,8BAAmB;;IAiCnBC,yBAAyB;eAAzBA,0CAAyB;;IAfzBC,uBAAuB;eAAvBA,sCAAuB;;IA+BvBC,wBAAwB;eAAxBA,wCAAwB;;IAfxBC,8BAA8B;eAA9BA,+CAA8B;;IAf9BC,4BAA4B;eAA5BA,2CAA4B;;IA+B5BC,6BAA6B;eAA7BA,6CAA6B;;IAjD7BC,wBAAwB;eAAxBA,mCAAwB;;IACxBC,kCAAkC;eAAlCA,6CAAkC;;IAsDRC,4BAA4B;eAA5BA,uCAA4B;;IArBtDC,wCAAwC;eAAxCA,yDAAwC;;IA6BRC,kCAAkC;eAAlCA,mDAAkC;;IA5BlEC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IAjB3BC,sCAAsC;eAAtCA,qDAAsC;;IAwCRC,gCAAgC;eAAhCA,+CAAgC;;IAvC9DC,+BAA+B;eAA/BA,8CAA+B;;IAC/BC,yBAAyB;eAAzBA,wCAAyB;;IA6BzBC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAjD1BC,2BAA2B;eAA3BA,sCAA2B;;IAC3BC,qBAAqB;eAArBA,gCAAqB;;;2BAChB;+BAkBA;iCAeA;gCAeA;2BAGyD;+BAIQ;iCAII"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
|
-
"version": "9.4.
|
|
3
|
+
"version": "9.4.3",
|
|
4
4
|
"description": "Fluent UI accordion component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-aria": "^9.13.
|
|
36
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
35
|
+
"@fluentui/react-aria": "^9.13.1",
|
|
36
|
+
"@fluentui/react-context-selector": "^9.1.64",
|
|
37
37
|
"@fluentui/react-icons": "^2.0.245",
|
|
38
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
39
|
-
"@fluentui/react-shared-contexts": "^9.19.
|
|
40
|
-
"@fluentui/react-tabster": "^9.22.
|
|
38
|
+
"@fluentui/react-jsx-runtime": "^9.0.41",
|
|
39
|
+
"@fluentui/react-shared-contexts": "^9.19.1",
|
|
40
|
+
"@fluentui/react-tabster": "^9.22.2",
|
|
41
41
|
"@fluentui/react-theme": "^9.1.19",
|
|
42
|
-
"@fluentui/react-utilities": "^9.18.
|
|
42
|
+
"@fluentui/react-utilities": "^9.18.12",
|
|
43
43
|
"@griffel/react": "^1.5.22",
|
|
44
44
|
"@swc/helpers": "^0.5.1"
|
|
45
45
|
},
|