@fluentui/react-accordion 9.12.0 → 9.12.2
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 +36 -2
- package/dist/index.d.cts +323 -0
- package/lib/Accordion.js +1 -1
- package/lib/Accordion.js.map +1 -1
- package/lib/AccordionHeader.js +1 -1
- package/lib/AccordionHeader.js.map +1 -1
- package/lib/AccordionItem.js +1 -1
- package/lib/AccordionItem.js.map +1 -1
- package/lib/AccordionPanel.js +1 -1
- package/lib/AccordionPanel.js.map +1 -1
- package/lib/components/Accordion/Accordion.js +6 -6
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/index.js +5 -5
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +2 -2
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +3 -3
- package/lib/components/Accordion/useAccordionContextValues.js +1 -1
- package/lib/components/Accordion/useAccordionStyles.styles.js +1 -3
- package/lib/components/Accordion/useAccordionStyles.styles.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.styles.raw.js +1 -2
- package/lib/components/Accordion/useAccordionStyles.styles.raw.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js +6 -6
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/index.js +5 -5
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +2 -2
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +8 -8
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js +3 -5
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js +3 -4
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +6 -6
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/index.js +5 -5
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +2 -2
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +2 -2
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.styles.js +1 -3
- package/lib/components/AccordionItem/useAccordionItemStyles.styles.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.styles.raw.js +1 -2
- package/lib/components/AccordionItem/useAccordionItemStyles.styles.raw.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js +5 -5
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/index.js +4 -4
- package/lib/components/AccordionPanel/index.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +6 -6
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.js +2 -4
- package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js +2 -3
- package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js.map +1 -1
- package/lib/contexts/accordion.js +1 -1
- package/lib/contexts/accordionHeader.js +1 -1
- package/lib/contexts/accordionItem.js +1 -1
- package/lib/index.js +7 -7
- package/lib/index.js.map +1 -1
- package/lib-commonjs/{Accordion.js → Accordion.cjs} +1 -1
- package/lib-commonjs/{Accordion.js.map → Accordion.cjs.map} +1 -1
- package/lib-commonjs/{AccordionHeader.js → AccordionHeader.cjs} +1 -1
- package/lib-commonjs/{AccordionHeader.js.map → AccordionHeader.cjs.map} +1 -1
- package/lib-commonjs/{AccordionItem.js → AccordionItem.cjs} +1 -1
- package/lib-commonjs/{AccordionItem.js.map → AccordionItem.cjs.map} +1 -1
- package/lib-commonjs/{AccordionPanel.js → AccordionPanel.cjs} +1 -1
- package/lib-commonjs/{AccordionPanel.js.map → AccordionPanel.cjs.map} +1 -1
- package/lib-commonjs/components/Accordion/{Accordion.js → Accordion.cjs} +4 -4
- package/lib-commonjs/components/Accordion/{Accordion.js.map → Accordion.cjs.map} +1 -1
- package/lib-commonjs/components/Accordion/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/Accordion/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/Accordion/{renderAccordion.js → renderAccordion.cjs} +1 -1
- package/lib-commonjs/components/Accordion/{renderAccordion.js.map → renderAccordion.cjs.map} +1 -1
- package/lib-commonjs/components/Accordion/{useAccordionStyles.styles.raw.js → useAccordionStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/Accordion/{useAccordionStyles.styles.js → useAccordionStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/AccordionHeader/{AccordionHeader.js → AccordionHeader.cjs} +4 -4
- package/lib-commonjs/components/AccordionHeader/{AccordionHeader.js.map → AccordionHeader.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionHeader/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/AccordionHeader/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionHeader/{renderAccordionHeader.js → renderAccordionHeader.cjs} +1 -1
- package/lib-commonjs/components/AccordionHeader/{renderAccordionHeader.js.map → renderAccordionHeader.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionHeader/{useAccordionHeader.js → useAccordionHeader.cjs} +2 -2
- package/lib-commonjs/components/AccordionHeader/{useAccordionHeader.js.map → useAccordionHeader.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionHeader/{useAccordionHeaderStyles.styles.js → useAccordionHeaderStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/AccordionHeader/{useAccordionHeaderStyles.styles.raw.js → useAccordionHeaderStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/components/AccordionItem/{AccordionItem.js → AccordionItem.cjs} +4 -4
- package/lib-commonjs/components/AccordionItem/{AccordionItem.js.map → AccordionItem.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionItem/{index.js → index.cjs} +5 -5
- package/lib-commonjs/components/AccordionItem/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionItem/{renderAccordionItem.js → renderAccordionItem.cjs} +1 -1
- package/lib-commonjs/components/AccordionItem/{renderAccordionItem.js.map → renderAccordionItem.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionItem/{useAccordionItem.js → useAccordionItem.cjs} +1 -1
- package/lib-commonjs/components/AccordionItem/{useAccordionItem.js.map → useAccordionItem.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionItem/{useAccordionItemStyles.styles.raw.js → useAccordionItemStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/AccordionItem/{useAccordionItemStyles.styles.js → useAccordionItemStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/AccordionItem/{useAccordionItemStyles.styles.raw.js.map → useAccordionItemStyles.styles.raw.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionPanel/{AccordionPanel.js → AccordionPanel.cjs} +3 -3
- package/lib-commonjs/components/AccordionPanel/{AccordionPanel.js.map → AccordionPanel.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionPanel/{index.js → index.cjs} +4 -4
- package/lib-commonjs/components/AccordionPanel/{index.js.map → index.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionPanel/{useAccordionPanel.js → useAccordionPanel.cjs} +2 -2
- package/lib-commonjs/components/AccordionPanel/{useAccordionPanel.js.map → useAccordionPanel.cjs.map} +1 -1
- package/lib-commonjs/components/AccordionPanel/{useAccordionPanelStyles.styles.js → useAccordionPanelStyles.styles.cjs} +0 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.cjs.map +1 -0
- package/lib-commonjs/components/AccordionPanel/{useAccordionPanelStyles.styles.raw.js → useAccordionPanelStyles.styles.raw.cjs} +0 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.raw.cjs.map +1 -0
- package/lib-commonjs/{index.js → index.cjs} +7 -7
- package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
- package/package.json +22 -16
- package/lib-commonjs/components/Accordion/useAccordionStyles.styles.js.map +0 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +0 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js.map +0 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.js.map +0 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +0 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js.map +0 -1
- /package/lib-commonjs/components/Accordion/{Accordion.types.js → Accordion.types.cjs} +0 -0
- /package/lib-commonjs/components/Accordion/{Accordion.types.js.map → Accordion.types.cjs.map} +0 -0
- /package/lib-commonjs/components/Accordion/{useAccordion.js → useAccordion.cjs} +0 -0
- /package/lib-commonjs/components/Accordion/{useAccordion.js.map → useAccordion.cjs.map} +0 -0
- /package/lib-commonjs/components/Accordion/{useAccordionContextValues.js → useAccordionContextValues.cjs} +0 -0
- /package/lib-commonjs/components/Accordion/{useAccordionContextValues.js.map → useAccordionContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/AccordionHeader/{AccordionHeader.types.js → AccordionHeader.types.cjs} +0 -0
- /package/lib-commonjs/components/AccordionHeader/{AccordionHeader.types.js.map → AccordionHeader.types.cjs.map} +0 -0
- /package/lib-commonjs/components/AccordionHeader/{useAccordionHeaderContextValues.js → useAccordionHeaderContextValues.cjs} +0 -0
- /package/lib-commonjs/components/AccordionHeader/{useAccordionHeaderContextValues.js.map → useAccordionHeaderContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/AccordionItem/{AccordionItem.types.js → AccordionItem.types.cjs} +0 -0
- /package/lib-commonjs/components/AccordionItem/{AccordionItem.types.js.map → AccordionItem.types.cjs.map} +0 -0
- /package/lib-commonjs/components/AccordionItem/{useAccordionItemContextValues.js → useAccordionItemContextValues.cjs} +0 -0
- /package/lib-commonjs/components/AccordionItem/{useAccordionItemContextValues.js.map → useAccordionItemContextValues.cjs.map} +0 -0
- /package/lib-commonjs/components/AccordionPanel/{AccordionPanel.types.js → AccordionPanel.types.cjs} +0 -0
- /package/lib-commonjs/components/AccordionPanel/{AccordionPanel.types.js.map → AccordionPanel.types.cjs.map} +0 -0
- /package/lib-commonjs/components/AccordionPanel/{renderAccordionPanel.js → renderAccordionPanel.cjs} +0 -0
- /package/lib-commonjs/components/AccordionPanel/{renderAccordionPanel.js.map → renderAccordionPanel.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{accordion.js → accordion.cjs} +0 -0
- /package/lib-commonjs/contexts/{accordion.js.map → accordion.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{accordionHeader.js → accordionHeader.cjs} +0 -0
- /package/lib-commonjs/contexts/{accordionHeader.js.map → accordionHeader.cjs.map} +0 -0
- /package/lib-commonjs/contexts/{accordionItem.js → accordionItem.cjs} +0 -0
- /package/lib-commonjs/contexts/{accordionItem.js.map → accordionItem.cjs.map} +0 -0
package/lib/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { Accordion, accordionClassNames, renderAccordion_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable, useAccordionBase_unstable } from
|
|
2
|
-
export { AccordionItem, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from
|
|
3
|
-
export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from
|
|
4
|
-
export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable, useAccordionPanelBase_unstable } from
|
|
5
|
-
export { AccordionProvider, useAccordionContext_unstable } from
|
|
6
|
-
export { AccordionItemProvider, useAccordionItemContext_unstable } from
|
|
7
|
-
export { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from
|
|
1
|
+
export { Accordion, accordionClassNames, renderAccordion_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable, useAccordionBase_unstable } from "./Accordion.js";
|
|
2
|
+
export { AccordionItem, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from "./AccordionItem.js";
|
|
3
|
+
export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from "./AccordionHeader.js";
|
|
4
|
+
export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable, useAccordionPanelBase_unstable } from "./AccordionPanel.js";
|
|
5
|
+
export { AccordionProvider, useAccordionContext_unstable } from "./contexts/accordion.js";
|
|
6
|
+
export { AccordionItemProvider, useAccordionItemContext_unstable } from "./contexts/accordionItem.js";
|
|
7
|
+
export { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from "./contexts/accordionHeader.js";
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n useAccordionBase_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n AccordionBaseState,\n AccordionBaseProps,\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 useAccordionHeaderBase_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionHeaderBaseState,\n AccordionHeaderBaseProps,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n useAccordionPanelBase_unstable,\n} from './AccordionPanel';\nexport type {\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionPanelBaseState,\n AccordionPanelBaseProps,\n} from './AccordionPanel';\n\nexport { AccordionProvider, useAccordionContext_unstable } from './contexts/accordion';\n\nexport type { AccordionContextValue } from './contexts/accordion';\n\nexport { AccordionItemProvider, useAccordionItemContext_unstable } from './contexts/accordionItem';\n\nexport type { AccordionItemContextValue } from './contexts/accordionItem';\n\nexport { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from './contexts/accordionHeader';\n\nexport type { AccordionHeaderContextValue } from './contexts/accordionHeader';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","useAccordionBase_unstable","AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable","AccordionProvider","useAccordionContext_unstable","AccordionItemProvider","useAccordionItemContext_unstable","AccordionHeaderProvider","useAccordionHeaderContext_unstable"],"mappings":"AAAA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,EACrBC,yBAAyB,QACpB,
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n useAccordionBase_unstable,\n} from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n AccordionBaseState,\n AccordionBaseProps,\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 useAccordionHeaderBase_unstable,\n} from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionHeaderBaseState,\n AccordionHeaderBaseProps,\n} from './AccordionHeader';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n useAccordionPanelBase_unstable,\n} from './AccordionPanel';\nexport type {\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionPanelBaseState,\n AccordionPanelBaseProps,\n} from './AccordionPanel';\n\nexport { AccordionProvider, useAccordionContext_unstable } from './contexts/accordion';\n\nexport type { AccordionContextValue } from './contexts/accordion';\n\nexport { AccordionItemProvider, useAccordionItemContext_unstable } from './contexts/accordionItem';\n\nexport type { AccordionItemContextValue } from './contexts/accordionItem';\n\nexport { AccordionHeaderProvider, useAccordionHeaderContext_unstable } from './contexts/accordionHeader';\n\nexport type { AccordionHeaderContextValue } from './contexts/accordionHeader';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","useAccordionBase_unstable","AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable","AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable","AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable","AccordionProvider","useAccordionContext_unstable","AccordionItemProvider","useAccordionItemContext_unstable","AccordionHeaderProvider","useAccordionHeaderContext_unstable"],"mappings":"AAAA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,EACrBC,yBAAyB,QACpB,iBAAc;AAarB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,qBAAkB;AAQzB,SACEC,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,EAC3BC,+BAA+B,QAC1B,uBAAoB;AAW3B,SACEC,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,sBAAmB;AAS1B,SAASC,iBAAiB,EAAEC,4BAA4B,QAAQ,0BAAuB;AAIvF,SAASC,qBAAqB,EAAEC,gCAAgC,QAAQ,8BAA2B;AAInG,SAASC,uBAAuB,EAAEC,kCAAkC,QAAQ,gCAA6B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/Accordion.ts"],"sourcesContent":["export type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n AccordionBaseState,\n AccordionBaseProps,\n} from './components/Accordion/index';\nexport {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n useAccordionBase_unstable,\n} from './components/Accordion/index';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","useAccordionBase_unstable"],"mappings":";;;;;;;;;;;;eAaEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,+BAAwB;;;eAIxBI,gCAAyB;;;eAHzBH,yCAAkC;;;eAClCC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAEhB
|
|
1
|
+
{"version":3,"sources":["../src/Accordion.ts"],"sourcesContent":["export type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n AccordionBaseState,\n AccordionBaseProps,\n} from './components/Accordion/index';\nexport {\n Accordion,\n accordionClassNames,\n renderAccordion_unstable,\n useAccordionContextValues_unstable,\n useAccordionStyles_unstable,\n useAccordion_unstable,\n useAccordionBase_unstable,\n} from './components/Accordion/index';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","useAccordionBase_unstable"],"mappings":";;;;;;;;;;;;eAaEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,+BAAwB;;;eAIxBI,gCAAyB;;;eAHzBH,yCAAkC;;;eAClCC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAEhB,kCAA+B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AccordionHeader.ts"],"sourcesContent":["export type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionHeaderBaseState,\n AccordionHeaderBaseProps,\n} from './components/AccordionHeader/index';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n useAccordionHeaderBase_unstable,\n} from './components/AccordionHeader/index';\n"],"names":["AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable"],"mappings":";;;;;;;;;;;;eAWEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAI9BI,sCAA+B;;;eAH/BH,+CAAwC;;;eACxCC,wCAAiC;;;eACjCC,kCAA2B;;;uBAEtB,
|
|
1
|
+
{"version":3,"sources":["../src/AccordionHeader.ts"],"sourcesContent":["export type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionHeaderBaseState,\n AccordionHeaderBaseProps,\n} from './components/AccordionHeader/index';\nexport {\n AccordionHeader,\n accordionHeaderClassNames,\n renderAccordionHeader_unstable,\n useAccordionHeaderContextValues_unstable,\n useAccordionHeaderStyles_unstable,\n useAccordionHeader_unstable,\n useAccordionHeaderBase_unstable,\n} from './components/AccordionHeader/index';\n"],"names":["AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable"],"mappings":";;;;;;;;;;;;eAWEA,sBAAe;;;eACfC,gCAAyB;;;eACzBC,qCAA8B;;;eAI9BI,sCAA+B;;;eAH/BH,+CAAwC;;;eACxCC,wCAAiC;;;eACjCC,kCAA2B;;;uBAEtB,wCAAqC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AccordionItem.ts"],"sourcesContent":["export type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './components/AccordionItem/index';\nexport {\n AccordionItem,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './components/AccordionItem/index';\n"],"names":["AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable"],"mappings":";;;;;;;;;;;;eAQEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAC5BC,6CAAsC;;;eACtCC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,
|
|
1
|
+
{"version":3,"sources":["../src/AccordionItem.ts"],"sourcesContent":["export type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './components/AccordionItem/index';\nexport {\n AccordionItem,\n accordionItemClassNames,\n renderAccordionItem_unstable,\n useAccordionItemContextValues_unstable,\n useAccordionItemStyles_unstable,\n useAccordionItem_unstable,\n} from './components/AccordionItem/index';\n"],"names":["AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable"],"mappings":";;;;;;;;;;;;eAQEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAC5BC,6CAAsC;;;eACtCC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,sCAAmC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/AccordionPanel.ts"],"sourcesContent":["export type {\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionPanelBaseProps,\n AccordionPanelBaseState,\n} from './components/AccordionPanel/index';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n useAccordionPanelBase_unstable,\n} from './components/AccordionPanel/index';\n"],"names":["AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAG7BG,qCAA8B;;;eAF9BF,uCAAgC;;;eAChCC,iCAA0B;;;uBAErB,
|
|
1
|
+
{"version":3,"sources":["../src/AccordionPanel.ts"],"sourcesContent":["export type {\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionPanelBaseProps,\n AccordionPanelBaseState,\n} from './components/AccordionPanel/index';\nexport {\n AccordionPanel,\n accordionPanelClassNames,\n renderAccordionPanel_unstable,\n useAccordionPanelStyles_unstable,\n useAccordionPanel_unstable,\n useAccordionPanelBase_unstable,\n} from './components/AccordionPanel/index';\n"],"names":["AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,qBAAc;;;eACdC,+BAAwB;;;eACxBC,oCAA6B;;;eAG7BG,qCAA8B;;;eAF9BF,uCAAgC;;;eAChCC,iCAA0B;;;uBAErB,uCAAoC"}
|
|
@@ -11,11 +11,11 @@ Object.defineProperty(exports, "Accordion", {
|
|
|
11
11
|
});
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
|
-
const _renderAccordion = require("./renderAccordion");
|
|
15
|
-
const _useAccordion = require("./useAccordion");
|
|
16
|
-
const _useAccordionContextValues = require("./useAccordionContextValues");
|
|
14
|
+
const _renderAccordion = require("./renderAccordion.cjs");
|
|
15
|
+
const _useAccordion = require("./useAccordion.cjs");
|
|
16
|
+
const _useAccordionContextValues = require("./useAccordionContextValues.cjs");
|
|
17
17
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
18
|
-
const _useAccordionStylesstyles = require("./useAccordionStyles.styles");
|
|
18
|
+
const _useAccordionStylesstyles = require("./useAccordionStyles.styles.cjs");
|
|
19
19
|
const Accordion = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
20
20
|
const state = (0, _useAccordion.useAccordion_unstable)(props, ref);
|
|
21
21
|
const contextValues = (0, _useAccordionContextValues.useAccordionContextValues_unstable)(state);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent, JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement) =\n React.forwardRef<HTMLDivElement, AccordionProps>((props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n\n return renderAccordion_unstable(state, contextValues);\n }) as ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement);\n\nAccordion.displayName = 'Accordion';\n"],"names":["React","renderAccordion_unstable","useAccordion_unstable","useAccordionContextValues_unstable","useCustomStyleHook_unstable","useAccordionStyles_unstable","Accordion","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACU,
|
|
1
|
+
{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent, JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement) =\n React.forwardRef<HTMLDivElement, AccordionProps>((props, ref) => {\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n\n useAccordionStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n\n return renderAccordion_unstable(state, contextValues);\n }) as ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement);\n\nAccordion.displayName = 'Accordion';\n"],"names":["React","renderAccordion_unstable","useAccordion_unstable","useAccordionContextValues_unstable","useCustomStyleHook_unstable","useAccordionStyles_unstable","Accordion","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACU,uBAAoB;8BACvB,oBAAiB;2CACJ,iCAA8B;qCACrC,kCAAkC;0CAClC,iCAA8B;AAOnE,MAAMM,YAAAA,WAAAA,GACXN,OAAMO,UAAU,CAAiC,CAACC,OAAOC;IACvD,MAAMC,YAAQR,mCAAAA,EAAsBM,OAAOC;IAC3C,MAAME,oBAAgBR,6DAAAA,EAAmCO;QAEzDL,qDAAAA,EAA4BK;QAE5BN,gDAAAA,EAA4B,+BAA+BM;IAE3D,WAAOT,yCAAAA,EAAyBS,OAAOC;AACzC,GAAkG;AAEpGL,UAAUM,WAAW,GAAG"}
|
|
@@ -31,8 +31,8 @@ _export(exports, {
|
|
|
31
31
|
return _useAccordion.useAccordion_unstable;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
const _Accordion = require("./Accordion");
|
|
35
|
-
const _renderAccordion = require("./renderAccordion");
|
|
36
|
-
const _useAccordion = require("./useAccordion");
|
|
37
|
-
const _useAccordionStylesstyles = require("./useAccordionStyles.styles");
|
|
38
|
-
const _useAccordionContextValues = require("./useAccordionContextValues");
|
|
34
|
+
const _Accordion = require("./Accordion.cjs");
|
|
35
|
+
const _renderAccordion = require("./renderAccordion.cjs");
|
|
36
|
+
const _useAccordion = require("./useAccordion.cjs");
|
|
37
|
+
const _useAccordionStylesstyles = require("./useAccordionStyles.styles.cjs");
|
|
38
|
+
const _useAccordionContextValues = require("./useAccordionContextValues.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Accordion/index.ts"],"sourcesContent":["export { Accordion } from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n AccordionBaseState,\n AccordionBaseProps,\n} from './Accordion.types';\nexport { renderAccordion_unstable } from './renderAccordion';\nexport { useAccordion_unstable, useAccordionBase_unstable } from './useAccordion';\nexport { accordionClassNames, useAccordionStyles_unstable } from './useAccordionStyles.styles';\nexport { useAccordionContextValues_unstable } from './useAccordionContextValues';\n"],"names":["Accordion","renderAccordion_unstable","useAccordion_unstable","useAccordionBase_unstable","accordionClassNames","useAccordionStyles_unstable","useAccordionContextValues_unstable"],"mappings":";;;;;;;;;;;IAASA;mCAAS;;IAeTI;4DAAmB;;;eAFnBH,yCAAwB;;;eACDE,uCAAyB;;;eAEhDG,6DAAkC;;;eADbD,qDAA2B;;;eADhDH,mCAAqB;;;2BAdJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/Accordion/index.ts"],"sourcesContent":["export { Accordion } from './Accordion';\nexport type {\n AccordionContextValues,\n AccordionIndex,\n AccordionProps,\n AccordionSlots,\n AccordionState,\n AccordionToggleData,\n AccordionToggleEvent,\n AccordionToggleEventHandler,\n AccordionBaseState,\n AccordionBaseProps,\n} from './Accordion.types';\nexport { renderAccordion_unstable } from './renderAccordion';\nexport { useAccordion_unstable, useAccordionBase_unstable } from './useAccordion';\nexport { accordionClassNames, useAccordionStyles_unstable } from './useAccordionStyles.styles';\nexport { useAccordionContextValues_unstable } from './useAccordionContextValues';\n"],"names":["Accordion","renderAccordion_unstable","useAccordion_unstable","useAccordionBase_unstable","accordionClassNames","useAccordionStyles_unstable","useAccordionContextValues_unstable"],"mappings":";;;;;;;;;;;IAASA;mCAAS;;IAeTI;4DAAmB;;;eAFnBH,yCAAwB;;;eACDE,uCAAyB;;;eAEhDG,6DAAkC;;;eADbD,qDAA2B;;;eADhDH,mCAAqB;;;2BAdJ,iBAAc;iCAaC,uBAAoB;8BACI,oBAAiB;0CACjB,iCAA8B;2CAC5C,iCAA8B"}
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderAccordion_unstable", {
|
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
-
const _accordion = require("../../contexts/accordion");
|
|
13
|
+
const _accordion = require("../../contexts/accordion.cjs");
|
|
14
14
|
const renderAccordion_unstable = (state, contextValues)=>{
|
|
15
15
|
(0, _reactutilities.assertSlots)(state);
|
|
16
16
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
|
package/lib-commonjs/components/Accordion/{renderAccordion.js.map → renderAccordion.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { AccordionBaseState, AccordionSlots, AccordionContextValues } from './Accordion.types';\nimport { AccordionProvider } from '../../contexts/accordion';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (\n state: AccordionBaseState,\n contextValues: AccordionContextValues,\n): JSXElement => {\n assertSlots<AccordionSlots>(state);\n\n return (\n <state.root>\n <AccordionProvider value={contextValues.accordion}>{state.root.children}</AccordionProvider>\n </state.root>\n );\n};\n"],"names":["assertSlots","AccordionProvider","renderAccordion_unstable","state","contextValues","root","value","accordion","children"],"mappings":";;;;+BAYaE;;;;;;4BAXb,gDAAiD;gCAErB,4BAA4B;2BAItB,
|
|
1
|
+
{"version":3,"sources":["../src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { AccordionBaseState, AccordionSlots, AccordionContextValues } from './Accordion.types';\nimport { AccordionProvider } from '../../contexts/accordion';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (\n state: AccordionBaseState,\n contextValues: AccordionContextValues,\n): JSXElement => {\n assertSlots<AccordionSlots>(state);\n\n return (\n <state.root>\n <AccordionProvider value={contextValues.accordion}>{state.root.children}</AccordionProvider>\n </state.root>\n );\n};\n"],"names":["assertSlots","AccordionProvider","renderAccordion_unstable","state","contextValues","root","value","accordion","children"],"mappings":";;;;+BAYaE;;;;;;4BAXb,gDAAiD;gCAErB,4BAA4B;2BAItB,8BAA2B;AAKtD,iCAAiC,CACtCC,OACAC;QAEAJ,2BAAAA,EAA4BG;IAE5B,OAAA,WAAA,OACE,eAAA,EAACA,MAAME,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,4BAAAA,EAAAA;YAAkBK,OAAOF,cAAcG,SAAS;sBAAGJ,MAAME,IAAI,CAACG,QAAQ;;;AAG7E,EAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
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 state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","accordionClassNames","root","useAccordionStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,mBAAmB;;;+BAGQ;;;;uBAJX,gBAAgB;AACtC,4BAA4B;IAC/BC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,8BAA+BC,KAAK,IAAG;IAChDA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,mBAAmB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACnF,OAAOD,KAAK;AAChB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/Accordion/useAccordionStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionSlots, AccordionState } from './Accordion.types';\n\nexport const accordionClassNames: SlotClassNames<AccordionSlots> = {\n root: 'fui-Accordion',\n};\n\nexport const useAccordionStyles_unstable = (state: AccordionState): AccordionState => {\n state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","accordionClassNames","root","useAccordionStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,mBAAAA;;;+BAIAE;;;;uBAPgB,iBAAiB;AAGvC,4BAA4D;IACjED,MAAM;AACR,EAAE;AAEK,MAAMC,8BAA8B,CAACC;IAC1CA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,oBAAoBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAElF,OAAOD;AACT,EAAE"}
|
|
@@ -11,11 +11,11 @@ Object.defineProperty(exports, "AccordionHeader", {
|
|
|
11
11
|
});
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
|
-
const _useAccordionHeader = require("./useAccordionHeader");
|
|
15
|
-
const _renderAccordionHeader = require("./renderAccordionHeader");
|
|
16
|
-
const _useAccordionHeaderStylesstyles = require("./useAccordionHeaderStyles.styles");
|
|
14
|
+
const _useAccordionHeader = require("./useAccordionHeader.cjs");
|
|
15
|
+
const _renderAccordionHeader = require("./renderAccordionHeader.cjs");
|
|
16
|
+
const _useAccordionHeaderStylesstyles = require("./useAccordionHeaderStyles.styles.cjs");
|
|
17
17
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
18
|
-
const _useAccordionHeaderContextValues = require("./useAccordionHeaderContextValues");
|
|
18
|
+
const _useAccordionHeaderContextValues = require("./useAccordionHeaderContextValues.cjs");
|
|
19
19
|
const AccordionHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
20
20
|
const state = (0, _useAccordionHeader.useAccordionHeader_unstable)(props, ref);
|
|
21
21
|
const contextValues = (0, _useAccordionHeaderContextValues.useAccordionHeaderContextValues_unstable)(state);
|
package/lib-commonjs/components/AccordionHeader/{AccordionHeader.js.map → AccordionHeader.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionHeader/AccordionHeader.tsx"],"sourcesContent":["'use client';\n\nimport * 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":["React","useAccordionHeader_unstable","renderAccordionHeader_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","useAccordionHeaderContextValues_unstable","AccordionHeader","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;oCACa,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionHeader/AccordionHeader.tsx"],"sourcesContent":["'use client';\n\nimport * 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":["React","useAccordionHeader_unstable","renderAccordionHeader_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","useAccordionHeaderContextValues_unstable","AccordionHeader","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;oCACa,0BAAuB;uCACpB,6BAA0B;gDACvB,uCAAoC;qCAC1C,kCAAkC;iDACrB,uCAAoC;AAQtF,MAAMM,kBAAAA,WAAAA,GAA6DN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,YAAQT,+CAAAA,EAA4BO,OAAOC;IACjD,MAAME,oBAAgBN,yEAAAA,EAAyCK;QAE/DP,iEAAAA,EAAkCO;QAElCN,gDAAAA,EAA4B,qCAAqCM;IAEjE,WAAOR,qDAAAA,EAA+BQ,OAAOC;AAC/C,GAAG;AAEHL,gBAAgBM,WAAW,GAAG"}
|
|
@@ -31,8 +31,8 @@ _export(exports, {
|
|
|
31
31
|
return _useAccordionHeader.useAccordionHeader_unstable;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
const _AccordionHeader = require("./AccordionHeader");
|
|
35
|
-
const _renderAccordionHeader = require("./renderAccordionHeader");
|
|
36
|
-
const _useAccordionHeader = require("./useAccordionHeader");
|
|
37
|
-
const _useAccordionHeaderContextValues = require("./useAccordionHeaderContextValues");
|
|
38
|
-
const _useAccordionHeaderStylesstyles = require("./useAccordionHeaderStyles.styles");
|
|
34
|
+
const _AccordionHeader = require("./AccordionHeader.cjs");
|
|
35
|
+
const _renderAccordionHeader = require("./renderAccordionHeader.cjs");
|
|
36
|
+
const _useAccordionHeader = require("./useAccordionHeader.cjs");
|
|
37
|
+
const _useAccordionHeaderContextValues = require("./useAccordionHeaderContextValues.cjs");
|
|
38
|
+
const _useAccordionHeaderStylesstyles = require("./useAccordionHeaderStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionHeader/index.ts"],"sourcesContent":["export { AccordionHeader } from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionHeaderBaseState,\n AccordionHeaderBaseProps,\n} from './AccordionHeader.types';\nexport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nexport { useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from './useAccordionHeader';\nexport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nexport { accordionHeaderClassNames, useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\n"],"names":["AccordionHeader","renderAccordionHeader_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable","useAccordionHeaderContextValues_unstable","accordionHeaderClassNames","useAccordionHeaderStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;+CAAe;;IAcfK;wEAAyB;;;eAHzBJ,qDAA8B;;;eACDE,mDAA+B;;;eAC5DC,yEAAwC;;;eACbE,iEAAiC;;;eAF5DJ,+CAA2B;;;iCAZJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionHeader/index.ts"],"sourcesContent":["export { AccordionHeader } from './AccordionHeader';\nexport type {\n AccordionHeaderContextValues,\n AccordionHeaderExpandIconPosition,\n AccordionHeaderProps,\n AccordionHeaderSize,\n AccordionHeaderSlots,\n AccordionHeaderState,\n AccordionHeaderBaseState,\n AccordionHeaderBaseProps,\n} from './AccordionHeader.types';\nexport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nexport { useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from './useAccordionHeader';\nexport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nexport { accordionHeaderClassNames, useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\n"],"names":["AccordionHeader","renderAccordionHeader_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable","useAccordionHeaderContextValues_unstable","accordionHeaderClassNames","useAccordionHeaderStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;+CAAe;;IAcfK;wEAAyB;;;eAHzBJ,qDAA8B;;;eACDE,mDAA+B;;;eAC5DC,yEAAwC;;;eACbE,iEAAiC;;;eAF5DJ,+CAA2B;;;iCAZJ,uBAAoB;uCAWL,6BAA0B;oCACI,0BAAuB;iDAC3C,uCAAoC;gDAChB,uCAAoC"}
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderAccordionHeader_unstable", {
|
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
-
const _accordionHeader = require("../../contexts/accordionHeader");
|
|
13
|
+
const _accordionHeader = require("../../contexts/accordionHeader.cjs");
|
|
14
14
|
const renderAccordionHeader_unstable = (state, contextValues)=>{
|
|
15
15
|
(0, _reactutilities.assertSlots)(state);
|
|
16
16
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_accordionHeader.AccordionHeaderProvider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionHeader/renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type {\n AccordionHeaderBaseState,\n AccordionHeaderSlots,\n AccordionHeaderContextValues,\n} 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: AccordionHeaderBaseState,\n contextValues: AccordionHeaderContextValues,\n): JSXElement => {\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":["assertSlots","AccordionHeaderProvider","renderAccordionHeader_unstable","state","contextValues","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":";;;;+BAeaE;;;;;;4BAdb,iCAAiD;gCAErB,4BAA4B;iCAOhB,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionHeader/renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type {\n AccordionHeaderBaseState,\n AccordionHeaderSlots,\n AccordionHeaderContextValues,\n} 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: AccordionHeaderBaseState,\n contextValues: AccordionHeaderContextValues,\n): JSXElement => {\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":["assertSlots","AccordionHeaderProvider","renderAccordionHeader_unstable","state","contextValues","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":";;;;+BAeaE;;;;;;4BAdb,iCAAiD;gCAErB,4BAA4B;iCAOhB,oCAAiC;AAKlE,uCAAuC,CAC5CC,OACAC;QAEAJ,2BAAAA,EAAkCG;IAElC,OAAA,WAAA,OACE,eAAA,EAACF,wCAAAA,EAAAA;QAAwBI,OAAOD,cAAcE,eAAe;kBAC3D,WAAA,GAAA,mBAAA,EAACH,MAAMI,IAAI,EAAA;sBACT,WAAA,OAAA,gBAAA,EAACJ,MAAMK,MAAM,EAAA;;oBACVL,MAAMM,kBAAkB,KAAK,WAAWN,MAAMO,UAAU,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,UAAU,EAAA,CAAA;oBAC7EP,MAAMQ,IAAI,IAAA,WAAA,OAAI,eAAA,EAACR,MAAMQ,IAAI,EAAA,CAAA;oBACzBR,MAAMI,IAAI,CAACK,QAAQ;oBACnBT,MAAMM,kBAAkB,KAAK,SAASN,MAAMO,UAAU,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,UAAU,EAAA,CAAA;;;;;AAKtF,EAAE"}
|
package/lib-commonjs/components/AccordionHeader/{useAccordionHeader.js → useAccordionHeader.cjs}
RENAMED
|
@@ -21,10 +21,10 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
|
|
|
21
21
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
22
22
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
23
23
|
const _reactaria = require("@fluentui/react-aria");
|
|
24
|
-
const _accordion = require("../../contexts/accordion");
|
|
24
|
+
const _accordion = require("../../contexts/accordion.cjs");
|
|
25
25
|
const _reacticons = require("@fluentui/react-icons");
|
|
26
26
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
27
|
-
const _accordionItem = require("../../contexts/accordionItem");
|
|
27
|
+
const _accordionItem = require("../../contexts/accordionItem.cjs");
|
|
28
28
|
const _reactmotion = require("@fluentui/react-motion");
|
|
29
29
|
const useAccordionHeader_unstable = (props, ref)=>{
|
|
30
30
|
const { inline = false, size = 'medium', ...baseProps } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useEventCallback, slot, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport type {\n AccordionHeaderBaseProps,\n AccordionHeaderBaseState,\n AccordionHeaderProps,\n AccordionHeaderState,\n} 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';\nimport { motionTokens } from '@fluentui/react-motion';\n\n/**\n * Returns the props and state required to render the component\n *\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 { inline = false, size = 'medium', ...baseProps } = props;\n const state = useAccordionHeaderBase_unstable(baseProps, ref);\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (state.expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = state.open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = state.open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n if (state.expandIcon) {\n state.expandIcon.children ??= (\n <ChevronRightRegular\n style={{\n transform: `rotate(${expandIconRotation}deg)`,\n transition: `transform ${motionTokens.durationNormal}ms ease-out`,\n }}\n />\n );\n }\n\n return { ...state, inline, size };\n};\n\n/**\n * Base state hook for AccordionHeader, without design related features.\n *\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeaderBase_unstable = (\n props: AccordionHeaderBaseProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderBaseState => {\n const { icon, button, expandIcon, expandIconPosition = 'start', ...rest } = 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 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 expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: slot.always(\n {\n ref: ref as React.Ref<HTMLDivElement>,\n ...rest,\n },\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, { elementType: 'div' }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n 'aria-hidden': true,\n },\n elementType: 'span',\n }),\n button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n };\n};\n"],"names":["React","useEventCallback","slot","isResolvedShorthand","useARIAButtonProps","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionItemContext_unstable","motionTokens","useAccordionHeader_unstable","props","ref","inline","size","baseProps","state","useAccordionHeaderBase_unstable","dir","expandIconRotation","expandIconPosition","open","expandIcon","children","style","transform","transition","durationNormal","icon","button","rest","value","disabled","requestToggle","ctx","disabledFocusable","collapsible","openItems","length","buttonSlot","always","elementType","defaultProps","type","onClick","event","defaultPrevented","components","root","optional","renderByDefault","as"],"mappings":"AAAA;;;;;;;;;;;;mCA6DakB;eAAAA;;IAtCAP,2BAAAA;;;;;iEArBU,QAAQ;gCAC6B,4BAA4B;2BACrD,uBAAuB;2BAOb,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useEventCallback, slot, isResolvedShorthand } from '@fluentui/react-utilities';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\nimport type {\n AccordionHeaderBaseProps,\n AccordionHeaderBaseState,\n AccordionHeaderProps,\n AccordionHeaderState,\n} 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';\nimport { motionTokens } from '@fluentui/react-motion';\n\n/**\n * Returns the props and state required to render the component\n *\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 { inline = false, size = 'medium', ...baseProps } = props;\n const state = useAccordionHeaderBase_unstable(baseProps, ref);\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\n if (state.expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = state.open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = state.open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n\n if (state.expandIcon) {\n state.expandIcon.children ??= (\n <ChevronRightRegular\n style={{\n transform: `rotate(${expandIconRotation}deg)`,\n transition: `transform ${motionTokens.durationNormal}ms ease-out`,\n }}\n />\n );\n }\n\n return { ...state, inline, size };\n};\n\n/**\n * Base state hook for AccordionHeader, without design related features.\n *\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeaderBase_unstable = (\n props: AccordionHeaderBaseProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderBaseState => {\n const { icon, button, expandIcon, expandIconPosition = 'start', ...rest } = 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 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 expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div',\n },\n root: slot.always(\n {\n ref: ref as React.Ref<HTMLDivElement>,\n ...rest,\n },\n { elementType: 'div' },\n ),\n icon: slot.optional(icon, { elementType: 'div' }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n 'aria-hidden': true,\n },\n elementType: 'span',\n }),\n button: useARIAButtonProps(buttonSlot.as, buttonSlot),\n };\n};\n"],"names":["React","useEventCallback","slot","isResolvedShorthand","useARIAButtonProps","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionItemContext_unstable","motionTokens","useAccordionHeader_unstable","props","ref","inline","size","baseProps","state","useAccordionHeaderBase_unstable","dir","expandIconRotation","expandIconPosition","open","expandIcon","children","style","transform","transition","durationNormal","icon","button","rest","value","disabled","requestToggle","ctx","disabledFocusable","collapsible","openItems","length","buttonSlot","always","elementType","defaultProps","type","onClick","event","defaultPrevented","components","root","optional","renderByDefault","as"],"mappings":"AAAA;;;;;;;;;;;;mCA6DakB;eAAAA;;IAtCAP,2BAAAA;;;;;iEArBU,QAAQ;gCAC6B,4BAA4B;2BACrD,uBAAuB;2BAOb,8BAA2B;4BACpC,wBAAwB;qCACZ,kCAAkC;+BACjC,kCAA+B;6BACnD,yBAAyB;AAQ/C,oCAAoC,CACzCC,OACAC;IAEA,MAAM,EAAEC,SAAS,KAAK,EAAEC,OAAO,QAAQ,EAAE,GAAGC,WAAW,GAAGJ;IAC1D,MAAMK,QAAQC,gCAAgCF,WAAWH;IACzD,MAAM,EAAEM,GAAG,EAAE,OAAGX,uCAAAA;IAEhB,oEAAoE;IACpE,IAAIY;IACJ,IAAIH,MAAMI,kBAAkB,KAAK,OAAO;QACtC,8FAA8F;QAC9FD,qBAAqBH,MAAMK,IAAI,GAAG,CAAC,KAAK;IAC1C,OAAO;QACL,mGAAmG;QACnGF,qBAAqBH,MAAMK,IAAI,GAAG,KAAKH,QAAQ,QAAQ,IAAI;IAC7D;IAEA,IAAIF,MAAMM,UAAU,EAAE;YACpBN;;QAAAA,CAAAA,YAAAA,CAAAA,oBAAAA,MAAMM,UAAAA,AAAU,EAACC,QAAAA,MAAAA,QAAAA,cAAAA,KAAAA,IAAAA,YAAjBP,kBAAiBO,QAAAA,GAAAA,WAAAA,GACf,OAAA,aAAA,CAAClB,+BAAAA,EAAAA;YACCmB,OAAO;gBACLC,WAAW,CAAC,OAAO,EAAEN,mBAAmB,IAAI,CAAC;gBAC7CO,YAAY,CAAC,UAAU,EAAEjB,yBAAAA,CAAakB,cAAc,CAAC,WAAW,CAAC;YACnE;;IAGN;IAEA,OAAO;QAAE,GAAGX,KAAK;QAAEH;QAAQC;IAAK;AAClC,EAAE;AAQK,wCAAwC,CAC7CH,OACAC;IAEA,MAAM,EAAEgB,IAAI,EAAEC,MAAM,EAAEP,UAAU,EAAEF,qBAAqB,OAAO,EAAE,GAAGU,MAAM,GAAGnB;IAC5E,MAAM,EAAEoB,KAAK,EAAEC,QAAQ,EAAEX,IAAI,EAAE,OAAGb,+CAAAA;IAClC,MAAMyB,oBAAgB7B,uCAAAA,EAA6B8B,CAAAA,MAAOA,IAAID,aAAa;IAE3E;;;GAGC,GACD,MAAME,oBAAoB/B,2CAAAA,EAA6B8B,CAAAA,MAAO,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKjB;IAEhH,MAAMkB,aAAatC,oBAAAA,CAAKuC,MAAM,CAACX,QAAQ;QACrCY,aAAa;QACbC,cAAc;YACZV;YACAG;YACA,iBAAiBd;YACjBsB,MAAM;QACR;IACF;IAEAJ,WAAWK,OAAO,OAAG5C,gCAAAA,EAAiB6C,CAAAA;QACpC,IAAI3C,uCAAAA,EAAoB2B,SAAS;gBAC/BA;aAAAA,kBAAAA,OAAOe,OAAAA,AAAO,MAAA,QAAdf,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAAA,IAAAA,CAAAA,QAAiBgB;QACnB;QACA,IAAI,CAACA,MAAMC,gBAAgB,EAAE;YAC3Bb,cAAc;gBAAEF;gBAAOc;YAAM;QAC/B;IACF;IAEA,OAAO;QACLb;QACAX;QACAD;QACA2B,YAAY;YACVC,MAAM;YACNnB,QAAQ;YACRP,YAAY;YACZM,MAAM;QACR;QACAoB,MAAM/C,oBAAAA,CAAKuC,MAAM,CACf;YACE5B,KAAKA;YACL,GAAGkB,IAAI;QACT,GACA;YAAEW,aAAa;QAAM;QAEvBb,MAAM3B,oBAAAA,CAAKgD,QAAQ,CAACrB,MAAM;YAAEa,aAAa;QAAM;QAC/CnB,YAAYrB,oBAAAA,CAAKgD,QAAQ,CAAC3B,YAAY;YACpC4B,iBAAiB;YACjBR,cAAc;gBACZ,eAAe;YACjB;YACAD,aAAa;QACf;QACAZ,YAAQ1B,6BAAAA,EAAmBoC,WAAWY,EAAE,EAAEZ;IAC5C;AACF,EAAE"}
|
|
@@ -358,7 +358,6 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
358
358
|
]
|
|
359
359
|
});
|
|
360
360
|
const useAccordionHeaderStyles_unstable = (state)=>{
|
|
361
|
-
'use no memo';
|
|
362
361
|
const styles = useStyles();
|
|
363
362
|
// eslint-disable-next-line react-hooks/immutability
|
|
364
363
|
state.root.className = (0, _react.mergeClasses)(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { 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 const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\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 // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","Bpg54ce","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","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","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"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"}
|
|
@@ -118,7 +118,6 @@ const useStyles = (0, _react.makeStyles)({
|
|
|
118
118
|
}
|
|
119
119
|
});
|
|
120
120
|
const useAccordionHeaderStyles_unstable = (state)=>{
|
|
121
|
-
'use no memo';
|
|
122
121
|
const styles = useStyles();
|
|
123
122
|
// eslint-disable-next-line react-hooks/immutability
|
|
124
123
|
state.root.className = (0, _react.mergeClasses)(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n root: 'fui-AccordionHeader',\n button: 'fui-AccordionHeader__button',\n expandIcon: 'fui-AccordionHeader__expandIcon',\n icon: 'fui-AccordionHeader__icon',\n};\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\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState): AccordionHeaderState => {\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n accordionHeaderClassNames.root,\n styles.root,\n state.inline && styles.rootInline,\n state.disabled && styles.rootDisabled,\n state.root.className,\n );\n\n // eslint-disable-next-line react-hooks/immutability\n state.button.className = mergeClasses(\n accordionHeaderClassNames.button,\n styles.resetButton,\n styles.button,\n styles.focusIndicator,\n state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n state.inline && styles.buttonInline,\n state.size === 'small' && styles.buttonSmall,\n state.size === 'large' && styles.buttonLarge,\n state.size === 'extra-large' && styles.buttonExtraLarge,\n state.disabled && styles.buttonDisabled,\n state.button.className,\n );\n\n if (state.expandIcon) {\n // eslint-disable-next-line react-hooks/immutability\n state.expandIcon.className = mergeClasses(\n accordionHeaderClassNames.expandIcon,\n styles.expandIcon,\n state.expandIconPosition === 'start' && styles.expandIconStart,\n state.expandIconPosition === 'end' && styles.expandIconEnd,\n state.expandIcon.className,\n );\n }\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n }\n return state;\n};\n"],"names":["shorthands","makeStyles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","resetButton","boxSizing","backgroundColor","color","fontFamily","fontSize","lineHeight","overflow","padding","WebkitAppearance","textAlign","focusIndicator","colorNeutralForeground1","colorTransparentBackground","margin","borderRadius","borderRadiusMedium","rootDisabled","backgroundImage","colorNeutralForegroundDisabled","rootInline","display","position","width","borderWidth","spacingHorizontalM","spacingHorizontalMNudge","minHeight","alignItems","cursor","body1","buttonSmall","fontSizeBase200","buttonLarge","lineHeightBase400","fontSizeBase400","buttonExtraLarge","lineHeightBase500","fontSizeBase500","buttonInline","buttonExpandIconEndNoIcon","paddingLeft","buttonExpandIconEnd","paddingRight","buttonDisabled","height","expandIconStart","spacingHorizontalS","expandIconEnd","flexGrow","flexShrink","flexBasis","justifyContent","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"mappings":"AAAA;;;;;;;;;;;;IAQaM,yBAAAA;;;qCAoGA2D;eAAAA;;;uBA1GwC,iBAAiB;8BAC9B,0BAA0B;4BACzB,wBAAwB;AAI1D,kCAAwE;IAC7E1D,MAAM;IACNC,QAAQ;IACRC,YAAY;IACZC,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYV,iBAAAA,EAAW;IAC3B,oDAAoD;IACpDW,aAAa;QACXC,WAAW;QACXC,iBAAiB;QACjBC,OAAO;QACPC,YAAY;QACZC,UAAU;QACVC,YAAY;QACZC,UAAU;QACVC,SAAS;QACTC,kBAAkB;QAClBC,WAAW;IACb;IACAC,oBAAgBpB,qCAAAA;IAChBI,MAAM;QACJQ,OAAOX,kBAAAA,CAAOoB,uBAAuB;QACrCV,iBAAiBV,kBAAAA,CAAOqB,0BAA0B;QAClDC,QAAQ;QACRC,cAAcvB,kBAAAA,CAAOwB,kBAAkB;IACzC;IACAC,cAAc;QACZC,iBAAiB;QACjBf,OAAOX,kBAAAA,CAAO2B,8BAA8B;IAC9C;IACAC,YAAY;QACVC,SAAS;IACX;IACAzB,QAAQ;QACN0B,UAAU;QACVC,OAAO;QACP,GAAGnC,iBAAAA,CAAWoC,WAAW,CAAC,IAAI;QAC9BhB,SAAS,CAAC,EAAE,EAAEhB,kBAAAA,CAAOiC,kBAAkB,CAAC,GAAG,EAAEjC,kBAAAA,CAAOkC,uBAAuB,EAAE;QAC7EC,WAAW;QACXN,SAAS;QACTO,YAAY;QACZC,QAAQ;QACR,GAAGpC,4BAAAA,CAAiBqC,KAAK;QACzB7B,WAAW;IACb;IACA8B,aAAa;QACXJ,WAAW;QACXtB,UAAUb,kBAAAA,CAAOwC,eAAe;IAClC;IACAC,aAAa;QACX3B,YAAYd,kBAAAA,CAAO0C,iBAAiB;QACpC7B,UAAUb,kBAAAA,CAAO2C,eAAe;IAClC;IACAC,kBAAkB;QAChB9B,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;IACAC,cAAc;QACZlB,SAAS;IACX;IACAmB,2BAA2B;QACzBC,aAAajD,kBAAAA,CAAOiC,kBAAkB;IACxC;IACAiB,qBAAqB;QACnBC,cAAcnD,kBAAAA,CAAOkC,uBAAuB;IAC9C;IACAkB,gBAAgB;QACdf,QAAQ;IACV;IACAhC,YAAY;QACVgD,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZtB,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;IACAQ,iBAAiB;QACfH,cAAcnD,kBAAAA,CAAOuD,kBAAkB;IACzC;IACAC,eAAe;QACbC,UAAU;QACVC,YAAY;QACZC,WAAW;QACX9B,SAAS;QACT+B,gBAAgB;QAChBX,aAAajD,kBAAAA,CAAOuD,kBAAkB;IACxC;IACAjD,MAAM;QACJ+C,QAAQ;QACRxB,SAAS;QACTO,YAAY;QACZe,cAAcnD,kBAAAA,CAAOuD,kBAAkB;QACvCzC,YAAYd,kBAAAA,CAAO6C,iBAAiB;QACpChC,UAAUb,kBAAAA,CAAO8C,eAAe;IAClC;AACF;AAGO,0CAA0C,CAACgB;IAChD,MAAMC,SAASxD;IACf,oDAAoD;IACpDuD,MAAM3D,IAAI,CAAC6D,SAAS,OAAGlE,mBAAAA,EACrBI,0BAA0BC,IAAI,EAC9B4D,OAAO5D,IAAI,EACX2D,MAAMG,MAAM,IAAIF,OAAOnC,UAAU,EACjCkC,MAAMI,QAAQ,IAAIH,OAAOtC,YAAY,EACrCqC,MAAM3D,IAAI,CAAC6D,SAAS;IAGtB,oDAAoD;IACpDF,MAAM1D,MAAM,CAAC4D,SAAS,OAAGlE,mBAAAA,EACvBI,0BAA0BE,MAAM,EAChC2D,OAAOvD,WAAW,EAClBuD,OAAO3D,MAAM,EACb2D,OAAO5C,cAAc,EACrB2C,MAAMK,kBAAkB,KAAK,SAAS,CAACL,MAAMxD,IAAI,IAAIyD,OAAOf,yBAAyB,EACrFc,MAAMK,kBAAkB,KAAK,SAASJ,OAAOb,mBAAmB,EAChEY,MAAMG,MAAM,IAAIF,OAAOhB,YAAY,EACnCe,MAAMM,IAAI,KAAK,WAAWL,OAAOxB,WAAW,EAC5CuB,MAAMM,IAAI,KAAK,WAAWL,OAAOtB,WAAW,EAC5CqB,MAAMM,IAAI,KAAK,iBAAiBL,OAAOnB,gBAAgB,EACvDkB,MAAMI,QAAQ,IAAIH,OAAOX,cAAc,EACvCU,MAAM1D,MAAM,CAAC4D,SAAS;IAGxB,IAAIF,MAAMzD,UAAU,EAAE;QACpB,oDAAoD;QACpDyD,MAAMzD,UAAU,CAAC2D,SAAS,OAAGlE,mBAAAA,EAC3BI,0BAA0BG,UAAU,EACpC0D,OAAO1D,UAAU,EACjByD,MAAMK,kBAAkB,KAAK,WAAWJ,OAAOT,eAAe,EAC9DQ,MAAMK,kBAAkB,KAAK,SAASJ,OAAOP,aAAa,EAC1DM,MAAMzD,UAAU,CAAC2D,SAAS;IAE9B;IACA,IAAIF,MAAMxD,IAAI,EAAE;QACd,oDAAoD;QACpDwD,MAAMxD,IAAI,CAAC0D,SAAS,OAAGlE,mBAAAA,EAAaI,0BAA0BI,IAAI,EAAEyD,OAAOzD,IAAI,EAAEwD,MAAMxD,IAAI,CAAC0D,SAAS;IACvG;IACA,OAAOF;AACT,EAAE"}
|
|
@@ -11,11 +11,11 @@ Object.defineProperty(exports, "AccordionItem", {
|
|
|
11
11
|
});
|
|
12
12
|
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
|
-
const _useAccordionItem = require("./useAccordionItem");
|
|
15
|
-
const _useAccordionItemContextValues = require("./useAccordionItemContextValues");
|
|
16
|
-
const _renderAccordionItem = require("./renderAccordionItem");
|
|
14
|
+
const _useAccordionItem = require("./useAccordionItem.cjs");
|
|
15
|
+
const _useAccordionItemContextValues = require("./useAccordionItemContextValues.cjs");
|
|
16
|
+
const _renderAccordionItem = require("./renderAccordionItem.cjs");
|
|
17
17
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
18
|
-
const _useAccordionItemStylesstyles = require("./useAccordionItemStyles.styles");
|
|
18
|
+
const _useAccordionItemStylesstyles = require("./useAccordionItemStyles.styles.cjs");
|
|
19
19
|
const AccordionItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
20
20
|
const state = (0, _useAccordionItem.useAccordionItem_unstable)(props, ref);
|
|
21
21
|
const contextValues = (0, _useAccordionItemContextValues.useAccordionItemContextValues_unstable)(state);
|
package/lib-commonjs/components/AccordionItem/{AccordionItem.js.map → AccordionItem.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["'use client';\n\nimport * 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":["React","useAccordionItem_unstable","useAccordionItemContextValues_unstable","renderAccordionItem_unstable","useCustomStyleHook_unstable","useAccordionItemStyles_unstable","AccordionItem","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;kCACW,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["'use client';\n\nimport * 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":["React","useAccordionItem_unstable","useAccordionItemContextValues_unstable","renderAccordionItem_unstable","useCustomStyleHook_unstable","useAccordionItemStyles_unstable","AccordionItem","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;kCACW,wBAAqB;+CACR,qCAAkC;qCAC5C,2BAAwB;qCACzB,kCAAkC;8CAC9B,qCAAkC;AAO3E,MAAMM,gBAAAA,WAAAA,GAAyDN,OAAMO,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQT,2CAAAA,EAA0BO,OAAOC;IAC/C,MAAME,oBAAgBT,qEAAAA,EAAuCQ;QAE7DL,6DAAAA,EAAgCK;QAEhCN,gDAAAA,EAA4B,mCAAmCM;IAE/D,WAAOP,iDAAAA,EAA6BO,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}
|
|
@@ -28,8 +28,8 @@ _export(exports, {
|
|
|
28
28
|
return _useAccordionItem.useAccordionItem_unstable;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
const _AccordionItem = require("./AccordionItem");
|
|
32
|
-
const _renderAccordionItem = require("./renderAccordionItem");
|
|
33
|
-
const _useAccordionItem = require("./useAccordionItem");
|
|
34
|
-
const _useAccordionItemContextValues = require("./useAccordionItemContextValues");
|
|
35
|
-
const _useAccordionItemStylesstyles = require("./useAccordionItemStyles.styles");
|
|
31
|
+
const _AccordionItem = require("./AccordionItem.cjs");
|
|
32
|
+
const _renderAccordionItem = require("./renderAccordionItem.cjs");
|
|
33
|
+
const _useAccordionItem = require("./useAccordionItem.cjs");
|
|
34
|
+
const _useAccordionItemContextValues = require("./useAccordionItemContextValues.cjs");
|
|
35
|
+
const _useAccordionItemStylesstyles = require("./useAccordionItemStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionItem/index.ts"],"sourcesContent":["export { AccordionItem } from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem.types';\nexport { renderAccordionItem_unstable } from './renderAccordionItem';\nexport { useAccordionItem_unstable } from './useAccordionItem';\nexport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nexport { accordionItemClassNames, useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\n"],"names":["AccordionItem","renderAccordionItem_unstable","useAccordionItem_unstable","useAccordionItemContextValues_unstable","accordionItemClassNames","useAccordionItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAWbI,qDAAuB;;;eAHvBH,iDAA4B;;;eAE5BE,qEAAsC;;;eACbE,6DAA+B;;;eAFxDH,2CAAyB;;;+BATJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionItem/index.ts"],"sourcesContent":["export { AccordionItem } from './AccordionItem';\nexport type {\n AccordionItemContextValues,\n AccordionItemProps,\n AccordionItemSlots,\n AccordionItemState,\n AccordionItemValue,\n} from './AccordionItem.types';\nexport { renderAccordionItem_unstable } from './renderAccordionItem';\nexport { useAccordionItem_unstable } from './useAccordionItem';\nexport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nexport { accordionItemClassNames, useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\n"],"names":["AccordionItem","renderAccordionItem_unstable","useAccordionItem_unstable","useAccordionItemContextValues_unstable","accordionItemClassNames","useAccordionItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,4BAAa;;;eAWbI,qDAAuB;;;eAHvBH,iDAA4B;;;eAE5BE,qEAAsC;;;eACbE,6DAA+B;;;eAFxDH,2CAAyB;;;+BATJ,qBAAkB;qCAQH,2BAAwB;kCAC3B,wBAAqB;+CACR,qCAAkC;8CAChB,qCAAkC"}
|
package/lib-commonjs/components/AccordionItem/{renderAccordionItem.js → renderAccordionItem.cjs}
RENAMED
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "renderAccordionItem_unstable", {
|
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
-
const _accordionItem = require("../../contexts/accordionItem");
|
|
13
|
+
const _accordionItem = require("../../contexts/accordionItem.cjs");
|
|
14
14
|
const renderAccordionItem_unstable = (state, contextValues)=>{
|
|
15
15
|
(0, _reactutilities.assertSlots)(state);
|
|
16
16
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\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 = (\n state: AccordionItemState,\n contextValues: AccordionItemContextValues,\n): JSXElement => {\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":["assertSlots","AccordionItemProvider","renderAccordionItem_unstable","state","contextValues","root","value","accordionItem","children"],"mappings":";;;;+BAYaE;;;;;;4BAXb,gDAAiD;gCAErB,4BAA4B;+BAIlB
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\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 = (\n state: AccordionItemState,\n contextValues: AccordionItemContextValues,\n): JSXElement => {\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":["assertSlots","AccordionItemProvider","renderAccordionItem_unstable","state","contextValues","root","value","accordionItem","children"],"mappings":";;;;+BAYaE;;;;;;4BAXb,gDAAiD;gCAErB,4BAA4B;+BAIlB,kCAA+B;AAK9D,qCAAqC,CAC1CC,OACAC;QAEAJ,2BAAAA,EAAgCG;IAEhC,OAAA,WAAA,OACE,eAAA,EAACA,MAAME,IAAI,EAAA;kBACT,WAAA,OAAA,eAAA,EAACJ,oCAAAA,EAAAA;YAAsBK,OAAOF,cAAcG,aAAa;sBAAGJ,MAAME,IAAI,CAACG,QAAQ;;;AAGrF,EAAE"}
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "useAccordionItem_unstable", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
-
const _accordion = require("../../contexts/accordion");
|
|
13
|
+
const _accordion = require("../../contexts/accordion.cjs");
|
|
14
14
|
const useAccordionItem_unstable = (props, ref)=>{
|
|
15
15
|
const { value, disabled = false, ...rest } = props;
|
|
16
16
|
const requestToggle = (0, _accordion.useAccordionContext_unstable)((ctx)=>ctx.requestToggle);
|
package/lib-commonjs/components/AccordionItem/{useAccordionItem.js.map → useAccordionItem.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { 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, ...rest } = 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 {\n disabled,\n ref: ref as React.Ref<HTMLDivElement>,\n ...rest,\n },\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["slot","useEventCallback","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","rest","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","event","onHeaderClick","components","root","always","elementType"],"mappings":"AAAA;;;;;+BAaaG;;;;;;gCAV0B,4BAA4B;2BAGtB,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { 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, ...rest } = 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 {\n disabled,\n ref: ref as React.Ref<HTMLDivElement>,\n ...rest,\n },\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["slot","useEventCallback","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","rest","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","event","onHeaderClick","components","root","always","elementType"],"mappings":"AAAA;;;;;+BAaaG;;;;;;gCAV0B,4BAA4B;2BAGtB,8BAA2B;AAOjE,kCAAkC,CACvCC,OACAC;IAEA,MAAM,EAAEC,KAAK,EAAEC,WAAW,KAAK,EAAE,GAAGC,MAAM,GAAGJ;IAE7C,MAAMK,oBAAgBP,uCAAAA,EAA6BQ,CAAAA,MAAOA,IAAID,aAAa;IAC3E,MAAME,WAAOT,uCAAAA,EAA6BQ,CAAAA,MAAOA,IAAIE,SAAS,CAACC,QAAQ,CAACP;IACxE,MAAMQ,6BAAyBb,gCAAAA,EAAiB,CAACc,QAAgCN,cAAc;YAAEM;YAAOT;QAAM;IAE9G,OAAO;QACLK;QACAL;QACAC;QACAS,eAAeF;QACfG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMlB,oBAAAA,CAAKmB,MAAM,CACf;YACEZ;YACAF,KAAKA;YACL,GAAGG,IAAI;QACT,GACA;YAAEY,aAAa;QAAM;IAEzB;AACF,EAAE"}
|
|
@@ -21,7 +21,6 @@ const accordionItemClassNames = {
|
|
|
21
21
|
root: 'fui-AccordionItem'
|
|
22
22
|
};
|
|
23
23
|
const useAccordionItemStyles_unstable = (state)=>{
|
|
24
|
-
'use no memo';
|
|
25
24
|
state.root.className = (0, _react.mergeClasses)(accordionItemClassNames.root, state.root.className);
|
|
26
25
|
return state;
|
|
27
26
|
};
|
|
@@ -0,0 +1 @@
|
|
|
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 state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,uBAAuB;;;mCAGQ;;;;uBAJf,gBAAgB;AACtC,gCAAgC;IACnCC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,kCAAmCC,KAAK,IAAG;IACpDA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACvF,OAAOD,KAAK;AAChB,CAAC"}
|
|
@@ -21,7 +21,6 @@ const accordionItemClassNames = {
|
|
|
21
21
|
root: 'fui-AccordionItem'
|
|
22
22
|
};
|
|
23
23
|
const useAccordionItemStyles_unstable = (state)=>{
|
|
24
|
-
'use no memo';
|
|
25
24
|
state.root.className = (0, _react.mergeClasses)(accordionItemClassNames.root, state.root.className);
|
|
26
25
|
return state;
|
|
27
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionItem/useAccordionItemStyles.styles.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): AccordionItemState => {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionItem/useAccordionItemStyles.styles.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): AccordionItemState => {\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","accordionItemClassNames","root","useAccordionItemStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,uBAAAA;;;mCAIAE;;;;uBAPgB,iBAAiB;AAGvC,gCAAoE;IACzED,MAAM;AACR,EAAE;AAEK,MAAMC,kCAAkC,CAACC;IAC9CA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}
|