@fluentui/react-accordion 9.12.1 → 9.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -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 -1
- package/lib/components/Accordion/useAccordionStyles.styles.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.styles.raw.js +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 -3
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.styles.raw.js +3 -3
- 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 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.styles.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.styles.raw.js +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 -2
- package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.styles.raw.js +2 -2
- 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.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.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.cjs.map +1 -0
- 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.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/AccordionHeader/useAccordionHeaderStyles.styles.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/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/Accordion/{useAccordionStyles.styles.js → useAccordionStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/Accordion/{useAccordionStyles.styles.raw.js → useAccordionStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/Accordion/{useAccordionStyles.styles.raw.js.map → useAccordionStyles.styles.raw.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/AccordionHeader/{useAccordionHeaderStyles.styles.js → useAccordionHeaderStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/AccordionHeader/{useAccordionHeaderStyles.styles.raw.js → useAccordionHeaderStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/AccordionHeader/{useAccordionHeaderStyles.styles.raw.js.map → useAccordionHeaderStyles.styles.raw.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/AccordionItem/{useAccordionItemStyles.styles.js → useAccordionItemStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/AccordionItem/{useAccordionItemStyles.styles.raw.js → useAccordionItemStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/AccordionItem/{useAccordionItemStyles.styles.raw.js.map → useAccordionItemStyles.styles.raw.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/components/AccordionPanel/{useAccordionPanelStyles.styles.js → useAccordionPanelStyles.styles.cjs} +0 -0
- /package/lib-commonjs/components/AccordionPanel/{useAccordionPanelStyles.styles.raw.js → useAccordionPanelStyles.styles.raw.cjs} +0 -0
- /package/lib-commonjs/components/AccordionPanel/{useAccordionPanelStyles.styles.raw.js.map → useAccordionPanelStyles.styles.raw.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
|
@@ -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"}
|
|
@@ -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":"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"}
|
|
@@ -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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"}
|
|
@@ -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"}
|
|
@@ -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"}
|
|
@@ -11,10 +11,10 @@ Object.defineProperty(exports, "AccordionPanel", {
|
|
|
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 _useAccordionPanel = require("./useAccordionPanel");
|
|
15
|
-
const _renderAccordionPanel = require("./renderAccordionPanel");
|
|
14
|
+
const _useAccordionPanel = require("./useAccordionPanel.cjs");
|
|
15
|
+
const _renderAccordionPanel = require("./renderAccordionPanel.cjs");
|
|
16
16
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
17
|
-
const _useAccordionPanelStylesstyles = require("./useAccordionPanelStyles.styles");
|
|
17
|
+
const _useAccordionPanelStylesstyles = require("./useAccordionPanelStyles.styles.cjs");
|
|
18
18
|
const AccordionPanel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
19
19
|
const state = (0, _useAccordionPanel.useAccordionPanel_unstable)(props, ref);
|
|
20
20
|
(0, _useAccordionPanelStylesstyles.useAccordionPanelStyles_unstable)(state);
|
package/lib-commonjs/components/AccordionPanel/{AccordionPanel.js.map → AccordionPanel.cjs.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n const state = useAccordionPanel_unstable(props, ref);\n\n useAccordionPanelStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);\n\n return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHook_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCACY,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n const state = useAccordionPanel_unstable(props, ref);\n\n useAccordionPanelStyles_unstable(state);\n\n useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);\n\n return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"],"names":["React","useAccordionPanel_unstable","renderAccordionPanel_unstable","useCustomStyleHook_unstable","useAccordionPanelStyles_unstable","AccordionPanel","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;mCACY,yBAAsB;sCACnB,4BAAyB;qCAC3B,kCAAkC;+CAC7B,sCAAmC;AAO7E,MAAMK,iBAAAA,WAAAA,GAA2DL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,YAAQR,6CAAAA,EAA2BM,OAAOC;QAEhDJ,+DAAAA,EAAiCK;QAEjCN,gDAAAA,EAA4B,oCAAoCM;IAEhE,WAAOP,mDAAAA,EAA8BO;AACvC,GAAG;AAEHJ,eAAeK,WAAW,GAAG"}
|
|
@@ -28,7 +28,7 @@ _export(exports, {
|
|
|
28
28
|
return _useAccordionPanel.useAccordionPanel_unstable;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
31
|
-
const _AccordionPanel = require("./AccordionPanel");
|
|
32
|
-
const _renderAccordionPanel = require("./renderAccordionPanel");
|
|
33
|
-
const _useAccordionPanel = require("./useAccordionPanel");
|
|
34
|
-
const _useAccordionPanelStylesstyles = require("./useAccordionPanelStyles.styles");
|
|
31
|
+
const _AccordionPanel = require("./AccordionPanel.cjs");
|
|
32
|
+
const _renderAccordionPanel = require("./renderAccordionPanel.cjs");
|
|
33
|
+
const _useAccordionPanel = require("./useAccordionPanel.cjs");
|
|
34
|
+
const _useAccordionPanelStylesstyles = require("./useAccordionPanelStyles.styles.cjs");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionPanel/index.ts"],"sourcesContent":["export { AccordionPanel } from './AccordionPanel';\nexport type {\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionPanelBaseProps,\n AccordionPanelBaseState,\n} from './AccordionPanel.types';\nexport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nexport { useAccordionPanel_unstable, useAccordionPanelBase_unstable } from './useAccordionPanel';\nexport { accordionPanelClassNames, useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\n"],"names":["AccordionPanel","renderAccordionPanel_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable","accordionPanelClassNames","useAccordionPanelStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAUdI,uDAAwB;;;eAFxBH,mDAA6B;;;eACDE,iDAA8B;;;eAChCE,+DAAgC;;;eAD1DH,6CAA0B;;;gCATJ,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionPanel/index.ts"],"sourcesContent":["export { AccordionPanel } from './AccordionPanel';\nexport type {\n AccordionPanelProps,\n AccordionPanelSlots,\n AccordionPanelState,\n AccordionPanelBaseProps,\n AccordionPanelBaseState,\n} from './AccordionPanel.types';\nexport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nexport { useAccordionPanel_unstable, useAccordionPanelBase_unstable } from './useAccordionPanel';\nexport { accordionPanelClassNames, useAccordionPanelStyles_unstable } from './useAccordionPanelStyles.styles';\n"],"names":["AccordionPanel","renderAccordionPanel_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable","accordionPanelClassNames","useAccordionPanelStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAUdI,uDAAwB;;;eAFxBH,mDAA6B;;;eACDE,iDAA8B;;;eAChCE,+DAAgC;;;eAD1DH,6CAA0B;;;gCATJ,sBAAmB;sCAQJ,4BAAyB;mCACI,yBAAsB;+CACtB,sCAAmC"}
|
package/lib-commonjs/components/AccordionPanel/{useAccordionPanel.js → useAccordionPanel.cjs}
RENAMED
|
@@ -21,8 +21,8 @@ const _reactutilities = require("@fluentui/react-utilities");
|
|
|
21
21
|
const _reacttabster = require("@fluentui/react-tabster");
|
|
22
22
|
const _reactmotion = require("@fluentui/react-motion");
|
|
23
23
|
const _reactmotioncomponentspreview = require("@fluentui/react-motion-components-preview");
|
|
24
|
-
const _accordion = require("../../contexts/accordion");
|
|
25
|
-
const _accordionItem = require("../../contexts/accordionItem");
|
|
24
|
+
const _accordion = require("../../contexts/accordion.cjs");
|
|
25
|
+
const _accordionItem = require("../../contexts/accordionItem.cjs");
|
|
26
26
|
const useAccordionPanel_unstable = (props, ref)=>{
|
|
27
27
|
const { collapseMotion, ...baseProps } = props;
|
|
28
28
|
const state = useAccordionPanelBase_unstable(baseProps, ref);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type {\n AccordionPanelBaseProps,\n AccordionPanelBaseState,\n AccordionPanelProps,\n AccordionPanelState,\n} from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { collapseMotion, ...baseProps } = props;\n const state = useAccordionPanelBase_unstable(baseProps, ref);\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n ...state,\n components: {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n ...state.components,\n collapseMotion: Collapse,\n },\n root: {\n ...state.root,\n ...(navigation && focusableProps),\n },\n collapseMotion: presenceMotionSlot(props.collapseMotion, {\n elementType: Collapse,\n defaultProps: {\n visible: state.open,\n unmountOnExit: true,\n },\n }),\n };\n};\n\n/**\n * Base state hook for AccordionPanel, without design related features.\n *\n * @param props - AccordionPanelBaseProps properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanelBase_unstable = (\n props: AccordionPanelBaseProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelBaseState => {\n const { open } = useAccordionItemContext_unstable();\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: slot.always(\n {\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n // Prevent keyboard focus from entering the panel while it is closed/collapsing.\n // tabIndex: -1 prevents the panel itself from being focused, and inert prevents\n // all focusable descendants from being reachable via keyboard navigation.\n ...(open ? {} : { tabIndex: -1, inert: true }),\n },\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["slot","useTabsterAttributes","presenceMotionSlot","Collapse","useAccordionContext_unstable","useAccordionItemContext_unstable","useAccordionPanel_unstable","props","ref","collapseMotion","baseProps","state","useAccordionPanelBase_unstable","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root","elementType","defaultProps","visible","open","unmountOnExit","always","tabIndex","inert"],"mappings":"AAAA;;;;;;;;;;;;IAyDaY,8BAAAA;;;IApCAN,0BAAAA;;;;gCAlBQ,4BAA4B;8BACZ,0BAA0B;6BAC5B,yBAAyB;8CACnC,4CAA4C;2BACxB,
|
|
1
|
+
{"version":3,"sources":["../src/components/AccordionPanel/useAccordionPanel.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { presenceMotionSlot } from '@fluentui/react-motion';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type {\n AccordionPanelBaseProps,\n AccordionPanelBaseState,\n AccordionPanelProps,\n AccordionPanelState,\n} from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanel_unstable = (\n props: AccordionPanelProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n const { collapseMotion, ...baseProps } = props;\n const state = useAccordionPanelBase_unstable(baseProps, ref);\n const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n return {\n ...state,\n components: {\n // eslint-disable-next-line @typescript-eslint/no-deprecated\n ...state.components,\n collapseMotion: Collapse,\n },\n root: {\n ...state.root,\n ...(navigation && focusableProps),\n },\n collapseMotion: presenceMotionSlot(props.collapseMotion, {\n elementType: Collapse,\n defaultProps: {\n visible: state.open,\n unmountOnExit: true,\n },\n }),\n };\n};\n\n/**\n * Base state hook for AccordionPanel, without design related features.\n *\n * @param props - AccordionPanelBaseProps properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */\nexport const useAccordionPanelBase_unstable = (\n props: AccordionPanelBaseProps,\n ref: React.Ref<HTMLElement>,\n): AccordionPanelBaseState => {\n const { open } = useAccordionItemContext_unstable();\n\n return {\n open,\n components: {\n root: 'div',\n },\n root: slot.always(\n {\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n // Prevent keyboard focus from entering the panel while it is closed/collapsing.\n // tabIndex: -1 prevents the panel itself from being focused, and inert prevents\n // all focusable descendants from being reachable via keyboard navigation.\n ...(open ? {} : { tabIndex: -1, inert: true }),\n },\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["slot","useTabsterAttributes","presenceMotionSlot","Collapse","useAccordionContext_unstable","useAccordionItemContext_unstable","useAccordionPanel_unstable","props","ref","collapseMotion","baseProps","state","useAccordionPanelBase_unstable","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root","elementType","defaultProps","visible","open","unmountOnExit","always","tabIndex","inert"],"mappings":"AAAA;;;;;;;;;;;;IAyDaY,8BAAAA;;;IApCAN,0BAAAA;;;;gCAlBQ,4BAA4B;8BACZ,0BAA0B;6BAC5B,yBAAyB;8CACnC,4CAA4C;2BACxB,8BAA2B;+BAOvB,kCAA+B;AAOzE,mCAAmC,CACxCC,OACAC;IAEA,MAAM,EAAEC,cAAc,EAAE,GAAGC,WAAW,GAAGH;IACzC,MAAMI,QAAQC,+BAA+BF,WAAWF;IACxD,MAAMK,qBAAiBZ,kCAAAA,EAAqB;QAAEa,WAAW;YAAEC,kBAAkB;QAAK;IAAE;IACpF,MAAMC,iBAAaZ,uCAAAA,EAA6Ba,CAAAA,MAAOA,IAAID,UAAU;IAErE,OAAO;QACL,GAAGL,KAAK;QACRO,YAAY;YACV,4DAA4D;YAC5D,GAAGP,MAAMO,UAAU;YACnBT,gBAAgBN,sCAAAA;QAClB;QACAgB,MAAM;YACJ,GAAGR,MAAMQ,IAAI;YACb,GAAIH,cAAcH,cAAc;QAClC;QACAJ,oBAAgBP,+BAAAA,EAAmBK,MAAME,cAAc,EAAE;YACvDW,aAAajB,sCAAAA;YACbkB,cAAc;gBACZC,SAASX,MAAMY,IAAI;gBACnBC,eAAe;YACjB;QACF;IACF;AACF,EAAE;AAQK,uCAAuC,CAC5CjB,OACAC;IAEA,MAAM,EAAEe,IAAI,EAAE,OAAGlB,+CAAAA;IAEjB,OAAO;QACLkB;QACAL,YAAY;YACVC,MAAM;QACR;QACAA,MAAMnB,oBAAAA,CAAKyB,MAAM,CACf;YACEjB,KAAKA;YACL,GAAGD,KAAK;YACR,gFAAgF;YAChF,gFAAgF;YAChF,0EAA0E;YAC1E,GAAIgB,OAAO,CAAC,IAAI;gBAAEG,UAAU,CAAC;gBAAGC,OAAO;YAAK,CAAC;QAC/C,GACA;YAAEP,aAAa;QAAM;IAEzB;AACF,EAAE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useAccordionPanelStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const accordionPanelClassNames = {\n root: 'fui-AccordionPanel'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n margin: `0 ${tokens.spacingHorizontalM}`\n }\n});\n/** Applies style classnames to slots */ export const useAccordionPanelStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(accordionPanelClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","accordionPanelClassNames","root","useStyles","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useAccordionPanelStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,wBAAwB;;;oCAUiD;eAAhCU;;;uBAZb,gBAAgB;AAElD,iCAAiC;IACpCT,IAAI,EAAE;AACV,CAAC;AACD;;CAEA,GAAI,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;KAAA;AAAA,CAIrB,CAAC;AAC8C,0CAA0CE,KAAK,IAAG;IAC9F,MAAMC,MAAM,GAAGV,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAS,KAAK,CAACV,IAAI,CAACY,SAAS,OAAGf,mBAAY,EAACE,wBAAwB,CAACC,IAAI,EAAEW,MAAM,CAACX,IAAI,EAAEU,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -106,10 +106,10 @@ _export(exports, {
|
|
|
106
106
|
return _Accordion.useAccordion_unstable;
|
|
107
107
|
}
|
|
108
108
|
});
|
|
109
|
-
const _Accordion = require("./Accordion");
|
|
110
|
-
const _AccordionItem = require("./AccordionItem");
|
|
111
|
-
const _AccordionHeader = require("./AccordionHeader");
|
|
112
|
-
const _AccordionPanel = require("./AccordionPanel");
|
|
113
|
-
const _accordion = require("./contexts/accordion");
|
|
114
|
-
const _accordionItem = require("./contexts/accordionItem");
|
|
115
|
-
const _accordionHeader = require("./contexts/accordionHeader");
|
|
109
|
+
const _Accordion = require("./Accordion.cjs");
|
|
110
|
+
const _AccordionItem = require("./AccordionItem.cjs");
|
|
111
|
+
const _AccordionHeader = require("./AccordionHeader.cjs");
|
|
112
|
+
const _AccordionPanel = require("./AccordionPanel.cjs");
|
|
113
|
+
const _accordion = require("./contexts/accordion.cjs");
|
|
114
|
+
const _accordionItem = require("./contexts/accordionItem.cjs");
|
|
115
|
+
const _accordionHeader = require("./contexts/accordionHeader.cjs");
|
|
@@ -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":";;;;;;;;;;;IACEA;mCAAS;;mBAoCM;eAAfa;;IA0COiB,uBAAuB;;;IAzD9BvB;2CAAa;;;eAqDNqB,oCAAqB;;;eAnB5BR,8BAAc;;qBAeU;eAAjBM;;;eArEPzB,8BAAmB;;;eAoCnBa,0CAAyB;;;eAfzBN,sCAAuB;;;eAkCvBa,wCAAwB;;;eAlBxBN,+CAA8B;;;eAf9BN,2CAA4B;;IAkC5Ba,6BAA6B;;;;eAvD7BpB,mCAAwB;;;eAIxBI,oCAAyB;;;eAHzBH,6CAAkC;;;eAmERwB,uCAA4B;;;eA5BtDR,gDAA+B;;;eAH/BH,yDAAwC;;;eAuCRe,mDAAkC;;;eAtClEd,kDAAiC;;;eACjCC,4CAA2B;;IAjB3BR,sCAAsC;;;;eAkDRmB,+CAAgC;;;eAjD9DlB,8CAA+B;;;eAC/BC,wCAAyB;;;eAkCzBa,8CAA8B;;IAF9BF;+DAAgC;;;eAChCC,0CAA0B;;;eAvD1BpB,sCAA2B;;;eAC3BC,gCAAqB;;;2BAEhB,
|
|
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":";;;;;;;;;;;IACEA;mCAAS;;mBAoCM;eAAfa;;IA0COiB,uBAAuB;;;IAzD9BvB;2CAAa;;;eAqDNqB,oCAAqB;;;eAnB5BR,8BAAc;;qBAeU;eAAjBM;;;eArEPzB,8BAAmB;;;eAoCnBa,0CAAyB;;;eAfzBN,sCAAuB;;;eAkCvBa,wCAAwB;;;eAlBxBN,+CAA8B;;;eAf9BN,2CAA4B;;IAkC5Ba,6BAA6B;;;;eAvD7BpB,mCAAwB;;;eAIxBI,oCAAyB;;;eAHzBH,6CAAkC;;;eAmERwB,uCAA4B;;;eA5BtDR,gDAA+B;;;eAH/BH,yDAAwC;;;eAuCRe,mDAAkC;;;eAtClEd,kDAAiC;;;eACjCC,4CAA2B;;IAjB3BR,sCAAsC;;;;eAkDRmB,+CAAgC;;;eAjD9DlB,8CAA+B;;;eAC/BC,wCAAyB;;;eAkCzBa,8CAA8B;;IAF9BF;+DAAgC;;;eAChCC,0CAA0B;;;eAvD1BpB,sCAA2B;;;eAC3BC,gCAAqB;;;2BAEhB,iBAAc;+BAoBd,qBAAkB;iCAgBlB,uBAAoB;gCAkBpB,sBAAmB;2BASsC,0BAAuB;+BAIf,8BAA2B;iCAIvB,gCAA6B"}
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
|
-
"version": "9.12.
|
|
3
|
+
"version": "9.12.3",
|
|
4
4
|
"description": "Fluent UI accordion component",
|
|
5
|
-
"main": "lib-commonjs/index.
|
|
5
|
+
"main": "lib-commonjs/index.cjs",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
7
|
"typings": "./dist/index.d.ts",
|
|
8
8
|
"sideEffects": false,
|
|
@@ -12,16 +12,16 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui/react-aria": "^9.17.
|
|
16
|
-
"@fluentui/react-context-selector": "^9.2.
|
|
15
|
+
"@fluentui/react-aria": "^9.17.14",
|
|
16
|
+
"@fluentui/react-context-selector": "^9.2.19",
|
|
17
17
|
"@fluentui/react-icons": "^2.0.245",
|
|
18
|
-
"@fluentui/react-jsx-runtime": "^9.4.
|
|
19
|
-
"@fluentui/react-
|
|
20
|
-
"@fluentui/react-motion": "^
|
|
21
|
-
"@fluentui/react-
|
|
22
|
-
"@fluentui/react-tabster": "^9.26.
|
|
23
|
-
"@fluentui/react-theme": "^9.2.
|
|
24
|
-
"@fluentui/react-utilities": "^9.26.
|
|
18
|
+
"@fluentui/react-jsx-runtime": "^9.4.5",
|
|
19
|
+
"@fluentui/react-motion": "^9.16.3",
|
|
20
|
+
"@fluentui/react-motion-components-preview": "^0.15.8",
|
|
21
|
+
"@fluentui/react-shared-contexts": "^9.26.3",
|
|
22
|
+
"@fluentui/react-tabster": "^9.26.17",
|
|
23
|
+
"@fluentui/react-theme": "^9.2.2",
|
|
24
|
+
"@fluentui/react-utilities": "^9.26.6",
|
|
25
25
|
"@griffel/react": "^1.5.32",
|
|
26
26
|
"@swc/helpers": "^0.5.1"
|
|
27
27
|
},
|
|
@@ -39,17 +39,23 @@
|
|
|
39
39
|
},
|
|
40
40
|
"exports": {
|
|
41
41
|
".": {
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
"import": {
|
|
43
|
+
"types": "./dist/index.d.ts",
|
|
44
|
+
"default": "./lib/index.js"
|
|
45
|
+
},
|
|
46
|
+
"require": {
|
|
47
|
+
"types": "./dist/index.d.cts",
|
|
48
|
+
"default": "./lib-commonjs/index.cjs"
|
|
49
|
+
}
|
|
46
50
|
},
|
|
47
51
|
"./package.json": "./package.json"
|
|
48
52
|
},
|
|
49
53
|
"files": [
|
|
50
54
|
"*.md",
|
|
51
55
|
"dist/*.d.ts",
|
|
56
|
+
"dist/*.d.cts",
|
|
52
57
|
"lib",
|
|
53
58
|
"lib-commonjs"
|
|
54
|
-
]
|
|
59
|
+
],
|
|
60
|
+
"type": "module"
|
|
55
61
|
}
|
|
@@ -1 +0,0 @@
|
|
|
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"}
|