@fluentui/react-accordion 9.3.6 → 9.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +103 -1
- package/CHANGELOG.md +32 -2
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +7 -4
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +4 -3
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +14 -4
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +5 -5
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +7 -4
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +4 -2
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/contexts/accordion.js +1 -1
- package/lib/contexts/accordion.js.map +1 -1
- package/lib/contexts/accordionHeader.js +1 -1
- package/lib/contexts/accordionHeader.js.map +1 -1
- package/lib/contexts/accordionItem.js +1 -1
- package/lib/contexts/accordionItem.js.map +1 -1
- package/lib-commonjs/Accordion.js +2 -2
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js +2 -2
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js +2 -2
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js +2 -2
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +9 -7
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js +2 -2
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js +7 -7
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +13 -8
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +15 -12
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +4 -2
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.styles.js +6 -2
- package/lib-commonjs/components/Accordion/useAccordionStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +9 -7
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +7 -7
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +20 -8
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +22 -20
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +6 -4
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js +7 -3
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +9 -7
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js +7 -7
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +13 -8
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +9 -7
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +6 -4
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.js +6 -2
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +9 -7
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +6 -6
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +10 -6
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +10 -8
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js +7 -3
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.styles.js.map +1 -1
- package/lib-commonjs/contexts/accordion.js +10 -6
- package/lib-commonjs/contexts/accordion.js.map +1 -1
- package/lib-commonjs/contexts/accordionHeader.js +9 -5
- package/lib-commonjs/contexts/accordionHeader.js.map +1 -1
- package/lib-commonjs/contexts/accordionItem.js +9 -5
- package/lib-commonjs/contexts/accordionItem.js.map +1 -1
- package/lib-commonjs/index.js +94 -36
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +13 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["accordion.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleData, AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionRequestToggleData<Value = AccordionItemValue> = { event: AccordionToggleEvent } & Pick<\n AccordionToggleData<Value>,\n 'value'\n>;\n\nexport type AccordionContextValue<Value = AccordionItemValue> = {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (data: AccordionRequestToggleData<Value>) => void;\n collapsible: boolean;\n multiple: boolean;\n navigation: 'linear' | 'circular' | undefined;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | undefined>(undefined) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n multiple: false,\n navigation: undefined,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionProvider } = AccordionContext;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","AccordionContext","undefined","accordionContextDefaultValue","openItems","collapsible","multiple","navigation","requestToggle","Provider","AccordionProvider","useAccordionContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAmBC,kBAAkB,QAAQ,mCAAmC;AAyBtG,MAAMC,mBAAmBF,cAAiDG;AAE1E,MAAMC,+BAAsD;IAC1DC,WAAW,EAAE;IACbC,aAAa
|
|
1
|
+
{"version":3,"sources":["accordion.ts"],"sourcesContent":["import { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleData, AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionRequestToggleData<Value = AccordionItemValue> = { event: AccordionToggleEvent } & Pick<\n AccordionToggleData<Value>,\n 'value'\n>;\n\nexport type AccordionContextValue<Value = AccordionItemValue> = {\n /**\n * The list of opened panels by index\n */\n openItems: AccordionItemValue[];\n /**\n * Callback used by AccordionItem to request a change on it's own opened state\n * Should be used to toggle AccordionItem\n */\n requestToggle: (data: AccordionRequestToggleData<Value>) => void;\n collapsible: boolean;\n multiple: boolean;\n navigation: 'linear' | 'circular' | undefined;\n};\n\nconst AccordionContext = createContext<AccordionContextValue | undefined>(undefined) as Context<AccordionContextValue>;\n\nconst accordionContextDefaultValue: AccordionContextValue = {\n openItems: [],\n collapsible: false,\n multiple: false,\n navigation: undefined,\n requestToggle() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionProvider } = AccordionContext;\nexport const useAccordionContext_unstable = <T>(selector: ContextSelector<AccordionContextValue, T>): T =>\n useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue) => selector(ctx));\n"],"names":["createContext","useContextSelector","AccordionContext","undefined","accordionContextDefaultValue","openItems","collapsible","multiple","navigation","requestToggle","Provider","AccordionProvider","useAccordionContext_unstable","selector","ctx"],"mappings":"AAAA,SAASA,aAAa,EAAmBC,kBAAkB,QAAQ,mCAAmC;AAyBtG,MAAMC,mBAAmBF,cAAiDG;AAE1E,MAAMC,+BAAsD;IAC1DC,WAAW,EAAE;IACbC,aAAa;IACbC,UAAU;IACVC,YAAYL;IACZM;IACE,QAAQ,GACV;AACF;AAEA,OAAO,MAAM,EAAEC,UAAUC,iBAAiB,EAAE,GAAGT,iBAAiB;AAChE,OAAO,MAAMU,+BAA+B,CAAIC,WAC9CZ,mBAAmBC,kBAAkB,CAACY,MAAMV,4BAA4B,GAAKS,SAASC,MAAM"}
|
|
@@ -6,6 +6,6 @@ const accordionHeaderContextDefaultValue = {
|
|
|
6
6
|
size: 'medium',
|
|
7
7
|
expandIconPosition: 'start'
|
|
8
8
|
};
|
|
9
|
-
export const { Provider: AccordionHeaderProvider
|
|
9
|
+
export const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;
|
|
10
10
|
var _React_useContext;
|
|
11
11
|
export const useAccordionHeaderContext_unstable = ()=>(_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["accordionHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AccordionHeaderExpandIconPosition,\n AccordionHeaderSize,\n} from '../components/AccordionHeader/AccordionHeader.types';\n\nexport type AccordionHeaderContextValue = {\n disabled: boolean;\n open: boolean;\n expandIconPosition: AccordionHeaderExpandIconPosition;\n size: AccordionHeaderSize;\n};\n\nconst AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(\n undefined,\n) as React.Context<AccordionHeaderContextValue>;\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;\n\nexport const useAccordionHeaderContext_unstable = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","Provider","AccordionHeaderProvider","useAccordionHeaderContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAa/B,MAAMC,yBAAyBD,MAAME,aAAa,CAChDC;AAGF,MAAMC,qCAAqC;IACzCC,MAAM
|
|
1
|
+
{"version":3,"sources":["accordionHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AccordionHeaderExpandIconPosition,\n AccordionHeaderSize,\n} from '../components/AccordionHeader/AccordionHeader.types';\n\nexport type AccordionHeaderContextValue = {\n disabled: boolean;\n open: boolean;\n expandIconPosition: AccordionHeaderExpandIconPosition;\n size: AccordionHeaderSize;\n};\n\nconst AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(\n undefined,\n) as React.Context<AccordionHeaderContextValue>;\n\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start',\n};\n\nexport const { Provider: AccordionHeaderProvider } = AccordionHeaderContext;\n\nexport const useAccordionHeaderContext_unstable = () =>\n React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","Provider","AccordionHeaderProvider","useAccordionHeaderContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAa/B,MAAMC,yBAAyBD,MAAME,aAAa,CAChDC;AAGF,MAAMC,qCAAqC;IACzCC,MAAM;IACNC,UAAU;IACVC,MAAM;IACNC,oBAAoB;AACtB;AAEA,OAAO,MAAM,EAAEC,UAAUC,uBAAuB,EAAE,GAAGT,uBAAuB;IAG1ED;AADF,OAAO,MAAMW,qCAAqC,IAChDX,CAAAA,oBAAAA,MAAMY,UAAU,CAACX,qCAAjBD,+BAAAA,oBAA4CI,mCAAmC"}
|
|
@@ -7,6 +7,6 @@ const accordionItemContextDefaultValue = {
|
|
|
7
7
|
onHeaderClick () {
|
|
8
8
|
/* noop */ }
|
|
9
9
|
};
|
|
10
|
-
export const { Provider: AccordionItemProvider
|
|
10
|
+
export const { Provider: AccordionItemProvider } = AccordionItemContext;
|
|
11
11
|
var _React_useContext;
|
|
12
12
|
export const useAccordionItemContext_unstable = ()=>(_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n open: boolean;\n disabled: boolean;\n value: Value;\n /**\n * @deprecated - use `requestToggle` from AccordionContent instead\n */\n onHeaderClick(event: AccordionToggleEvent): void;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n open: false,\n disabled: false,\n value: undefined,\n onHeaderClick() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","onHeaderClick","Provider","AccordionItemProvider","useAccordionItemContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAc/B,MAAMC,uBAAuBD,MAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM
|
|
1
|
+
{"version":3,"sources":["accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n open: boolean;\n disabled: boolean;\n value: Value;\n /**\n * @deprecated - use `requestToggle` from AccordionContent instead\n */\n onHeaderClick(event: AccordionToggleEvent): void;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n open: false,\n disabled: false,\n value: undefined,\n onHeaderClick() {\n /* noop */\n },\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","onHeaderClick","Provider","AccordionItemProvider","useAccordionItemContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAc/B,MAAMC,uBAAuBD,MAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM;IACNC,UAAU;IACVC,OAAOJ;IACPK;IACE,QAAQ,GACV;AACF;AAEA,OAAO,MAAM,EAAEC,UAAUC,qBAAqB,EAAE,GAAGT,qBAAqB;IAGtED;AADF,OAAO,MAAMW,mCAAmC,IAC9CX,CAAAA,oBAAAA,MAAMY,UAAU,CAACX,mCAAjBD,+BAAAA,oBAA0CI,iCAAiC"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./components/Accordion/index"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Accordion.js"],"sourcesContent":["export * from './components/Accordion/index';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["Accordion.js"],"sourcesContent":["export * from './components/Accordion/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./components/AccordionHeader/index"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionHeader.js"],"sourcesContent":["export * from './components/AccordionHeader/index';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["AccordionHeader.js"],"sourcesContent":["export * from './components/AccordionHeader/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./components/AccordionItem/index"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionItem.js"],"sourcesContent":["export * from './components/AccordionItem/index';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["AccordionItem.js"],"sourcesContent":["export * from './components/AccordionItem/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./components/AccordionPanel/index"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionPanel.js"],"sourcesContent":["export * from './components/AccordionPanel/index';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["AccordionPanel.js"],"sourcesContent":["export * from './components/AccordionPanel/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "Accordion", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return Accordion;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _renderAccordion = require("./renderAccordion");
|
|
12
14
|
const _useAccordion = require("./useAccordion");
|
|
13
15
|
const _useAccordionContextValues = require("./useAccordionContextValues");
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
17
|
+
const _useAccordionStylesstyles = require("./useAccordionStyles.styles");
|
|
16
18
|
const Accordion = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
19
|
const state = (0, _useAccordion.useAccordion_unstable)(props, ref);
|
|
18
20
|
const contextValues = (0, _useAccordionContextValues.useAccordionContextValues_unstable)(state);
|
|
19
|
-
(0,
|
|
20
|
-
(0,
|
|
21
|
+
(0, _useAccordionStylesstyles.useAccordionStyles_unstable)(state);
|
|
22
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useAccordionStyles_unstable')(state);
|
|
21
23
|
return (0, _renderAccordion.renderAccordion_unstable)(state, contextValues);
|
|
22
24
|
});
|
|
23
25
|
Accordion.displayName = 'Accordion';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Accordion.js"],"sourcesContent":["import * 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';\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */ export const Accordion = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n useAccordionStyles_unstable(state);\n useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n return renderAccordion_unstable(state, contextValues);\n});\nAccordion.displayName = 'Accordion';\n"],"names":["Accordion","React","forwardRef","props","ref","state","useAccordion_unstable","contextValues","useAccordionContextValues_unstable","useAccordionStyles_unstable","useCustomStyleHook_unstable","renderAccordion_unstable","displayName"],"mappings":";;;;+BAQiBA
|
|
1
|
+
{"version":3,"sources":["Accordion.js"],"sourcesContent":["import * 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';\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */ export const Accordion = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useAccordion_unstable(props, ref);\n const contextValues = useAccordionContextValues_unstable(state);\n useAccordionStyles_unstable(state);\n useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n return renderAccordion_unstable(state, contextValues);\n});\nAccordion.displayName = 'Accordion';\n"],"names":["Accordion","React","forwardRef","props","ref","state","useAccordion_unstable","contextValues","useAccordionContextValues_unstable","useAccordionStyles_unstable","useCustomStyleHook_unstable","renderAccordion_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;iCACkB;8BACH;2CACa;qCACP;0CACA;AAGjC,MAAMA,YAAY,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAChE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3C,MAAMG,gBAAgBC,IAAAA,6DAAkC,EAACH;IACzDI,IAAAA,qDAA2B,EAACJ;IAC5BK,IAAAA,gDAA2B,EAAC,+BAA+BL;IAC3D,OAAOM,IAAAA,yCAAwB,EAACN,OAAOE;AAC3C;AACAP,UAAUY,WAAW,GAAG"}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
const _react = /*#__PURE__*/
|
|
5
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
6
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Accordion.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["Accordion.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;iEAAuB"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Accordion"), exports);
|
|
7
|
+
_export_star._(require("./Accordion.types"), exports);
|
|
8
|
+
_export_star._(require("./renderAccordion"), exports);
|
|
9
|
+
_export_star._(require("./useAccordion"), exports);
|
|
10
|
+
_export_star._(require("./useAccordionStyles.styles"), exports);
|
|
11
|
+
_export_star._(require("./useAccordionContextValues"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles.styles';\nexport * from './useAccordionContextValues';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles.styles';\nexport * from './useAccordionContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1,17 +1,22 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderAccordion_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderAccordion_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
11
13
|
const _accordion = require("../../contexts/accordion");
|
|
12
14
|
const renderAccordion_unstable = (state, contextValues)=>{
|
|
13
|
-
(0,
|
|
14
|
-
return /*#__PURE__*/ (0,
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
(0, _reactutilities.assertSlots)(state);
|
|
16
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
|
|
17
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_accordion.AccordionProvider, {
|
|
18
|
+
value: contextValues.accordion,
|
|
19
|
+
children: state.root.children
|
|
20
|
+
})
|
|
21
|
+
});
|
|
17
22
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordion.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderAccordion.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AccordionProvider } from '../../contexts/accordion';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordion_unstable = (state, contextValues)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {\n children: /*#__PURE__*/ _jsx(AccordionProvider, {\n value: contextValues.accordion,\n children: state.root.children\n })\n });\n};\n"],"names":["renderAccordion_unstable","state","contextValues","assertSlots","_jsx","root","children","AccordionProvider","value","accordion"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL4F;gCACjF;2BACM;AAGvB,MAAMA,2BAA2B,CAACC,OAAOC;IAChDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACH,MAAMI,IAAI,EAAE;QAClCC,UAAU,WAAW,GAAGF,IAAAA,eAAI,EAACG,4BAAiB,EAAE;YAC5CC,OAAON,cAAcO,SAAS;YAC9BH,UAAUL,MAAMI,IAAI,CAACC,QAAQ;QACjC;IACJ;AACJ"}
|
|
@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useAccordion_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAccordion_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
|
+
const _reacttabster = require("@fluentui/react-tabster");
|
|
13
15
|
const useAccordion_unstable = (props, ref)=>{
|
|
14
|
-
const { openItems: controlledOpenItems
|
|
15
|
-
const [openItems, setOpenItems] = (0,
|
|
16
|
+
const { openItems: controlledOpenItems, defaultOpenItems, multiple = false, collapsible = false, onToggle, navigation } = props;
|
|
17
|
+
const [openItems, setOpenItems] = (0, _reactutilities.useControllableState)({
|
|
16
18
|
state: _react.useMemo(()=>normalizeValues(controlledOpenItems), [
|
|
17
19
|
controlledOpenItems
|
|
18
20
|
]),
|
|
@@ -22,13 +24,14 @@ const useAccordion_unstable = (props, ref)=>{
|
|
|
22
24
|
}),
|
|
23
25
|
initialState: []
|
|
24
26
|
});
|
|
25
|
-
const arrowNavigationProps = (0,
|
|
27
|
+
const arrowNavigationProps = (0, _reacttabster.useArrowNavigationGroup)({
|
|
26
28
|
circular: navigation === 'circular',
|
|
27
29
|
tabbable: true
|
|
28
30
|
});
|
|
29
|
-
const requestToggle = (0,
|
|
31
|
+
const requestToggle = (0, _reactutilities.useEventCallback)((data)=>{
|
|
32
|
+
var _onToggle;
|
|
30
33
|
const nextOpenItems = updateOpenItems(data.value, openItems, multiple, collapsible);
|
|
31
|
-
onToggle === null ||
|
|
34
|
+
(_onToggle = onToggle) === null || _onToggle === void 0 ? void 0 : _onToggle(data.event, {
|
|
32
35
|
value: data.value,
|
|
33
36
|
openItems: nextOpenItems
|
|
34
37
|
});
|
|
@@ -43,7 +46,7 @@ const useAccordion_unstable = (props, ref)=>{
|
|
|
43
46
|
components: {
|
|
44
47
|
root: 'div'
|
|
45
48
|
},
|
|
46
|
-
root:
|
|
49
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
|
|
47
50
|
...props,
|
|
48
51
|
...navigation ? arrowNavigationProps : undefined,
|
|
49
52
|
ref
|
|
@@ -54,7 +57,7 @@ const useAccordion_unstable = (props, ref)=>{
|
|
|
54
57
|
};
|
|
55
58
|
/**
|
|
56
59
|
* Initial value for the uncontrolled case of the list of open indexes
|
|
57
|
-
*/ function initializeUncontrolledOpenItems({ defaultOpenItems
|
|
60
|
+
*/ function initializeUncontrolledOpenItems({ defaultOpenItems, multiple }) {
|
|
58
61
|
if (defaultOpenItems !== undefined) {
|
|
59
62
|
if (Array.isArray(defaultOpenItems)) {
|
|
60
63
|
return multiple ? defaultOpenItems : [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */ export const useAccordion_unstable = (props, ref)=>{\n const { openItems: controlledOpenItems
|
|
1
|
+
{"version":3,"sources":["useAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */ export const useAccordion_unstable = (props, ref)=>{\n const { openItems: controlledOpenItems, defaultOpenItems, multiple = false, collapsible = false, onToggle, navigation } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(()=>normalizeValues(controlledOpenItems), [\n controlledOpenItems\n ]),\n defaultState: ()=>initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple\n }),\n initialState: []\n });\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: navigation === 'circular',\n tabbable: true\n });\n const requestToggle = useEventCallback((data)=>{\n var _onToggle;\n const nextOpenItems = updateOpenItems(data.value, openItems, multiple, collapsible);\n (_onToggle = onToggle) === null || _onToggle === void 0 ? void 0 : _onToggle(data.event, {\n value: data.value,\n openItems: nextOpenItems\n });\n setOpenItems(nextOpenItems);\n });\n return {\n collapsible,\n multiple,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ...props,\n ...navigation ? arrowNavigationProps : undefined,\n ref\n }), {\n elementType: 'div'\n })\n };\n};\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */ function initializeUncontrolledOpenItems({ defaultOpenItems, multiple }) {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [\n defaultOpenItems[0]\n ];\n }\n return [\n defaultOpenItems\n ];\n }\n return [];\n}\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */ function updateOpenItems(value, previousOpenItems, multiple, collapsible) {\n if (multiple) {\n if (previousOpenItems.includes(value)) {\n if (previousOpenItems.length > 1 || collapsible) {\n return previousOpenItems.filter((i)=>i !== value);\n }\n } else {\n return [\n ...previousOpenItems,\n value\n ].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [\n value\n ];\n }\n return previousOpenItems;\n}\n/**\n * Normalizes Accordion index into an array of indexes\n */ function normalizeValues(index) {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [\n index\n ];\n}\n"],"names":["useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","useControllableState","state","React","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","useArrowNavigationGroup","circular","tabbable","requestToggle","useEventCallback","data","_onToggle","nextOpenItems","updateOpenItems","value","event","components","root","slot","always","getNativeElementProps","undefined","elementType","Array","isArray","previousOpenItems","includes","length","filter","i","sort","index"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;gCAC6D;8BAC5C;AAK7B,MAAMA,wBAAwB,CAACC,OAAOC;IAC7C,MAAM,EAAEC,WAAWC,mBAAmB,EAAEC,gBAAgB,EAAEC,WAAW,KAAK,EAAEC,cAAc,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGR;IAC1H,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACnDC,OAAOC,OAAMC,OAAO,CAAC,IAAIC,gBAAgBX,sBAAsB;YAC3DA;SACH;QACDY,cAAc,IAAIC,gCAAgC;gBAC1CZ;gBACAC;YACJ;QACJY,cAAc,EAAE;IACpB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAUZ,eAAe;QACzBa,UAAU;IACd;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC;QACpC,IAAIC;QACJ,MAAMC,gBAAgBC,gBAAgBH,KAAKI,KAAK,EAAE1B,WAAWG,UAAUC;QACtEmB,CAAAA,YAAYlB,QAAO,MAAO,QAAQkB,cAAc,KAAK,IAAI,KAAK,IAAIA,UAAUD,KAAKK,KAAK,EAAE;YACrFD,OAAOJ,KAAKI,KAAK;YACjB1B,WAAWwB;QACf;QACAjB,aAAaiB;IACjB;IACA,OAAO;QACHpB;QACAD;QACAG;QACAN;QACAoB;QACAQ,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C,GAAGlC,KAAK;YACR,GAAGQ,aAAaU,uBAAuBiB,SAAS;YAChDlC;QACJ,IAAI;YACAmC,aAAa;QACjB;IACJ;AACJ;AACA;;CAEC,GAAG,SAASpB,gCAAgC,EAAEZ,gBAAgB,EAAEC,QAAQ,EAAE;IACvE,IAAID,qBAAqB+B,WAAW;QAChC,IAAIE,MAAMC,OAAO,CAAClC,mBAAmB;YACjC,OAAOC,WAAWD,mBAAmB;gBACjCA,gBAAgB,CAAC,EAAE;aACtB;QACL;QACA,OAAO;YACHA;SACH;IACL;IACA,OAAO,EAAE;AACb;AACA;;;;;;CAMC,GAAG,SAASuB,gBAAgBC,KAAK,EAAEW,iBAAiB,EAAElC,QAAQ,EAAEC,WAAW;IACxE,IAAID,UAAU;QACV,IAAIkC,kBAAkBC,QAAQ,CAACZ,QAAQ;YACnC,IAAIW,kBAAkBE,MAAM,GAAG,KAAKnC,aAAa;gBAC7C,OAAOiC,kBAAkBG,MAAM,CAAC,CAACC,IAAIA,MAAMf;YAC/C;QACJ,OAAO;YACH,OAAO;mBACAW;gBACHX;aACH,CAACgB,IAAI;QACV;IACJ,OAAO;QACH,OAAOL,iBAAiB,CAAC,EAAE,KAAKX,SAAStB,cAAc,EAAE,GAAG;YACxDsB;SACH;IACL;IACA,OAAOW;AACX;AACA;;CAEC,GAAG,SAASzB,gBAAgB+B,KAAK;IAC9B,IAAIA,UAAUV,WAAW;QACrB,OAAOA;IACX;IACA,OAAOE,MAAMC,OAAO,CAACO,SAASA,QAAQ;QAClCA;KACH;AACL"}
|
|
@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useAccordionContextValues_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAccordionContextValues_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
11
|
function useAccordionContextValues_unstable(state) {
|
|
10
|
-
const { navigation
|
|
12
|
+
const { navigation, openItems, requestToggle, multiple, collapsible } = state;
|
|
11
13
|
// This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
|
|
12
14
|
const accordion = {
|
|
13
15
|
navigation,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n const { navigation
|
|
1
|
+
{"version":3,"sources":["useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n const { navigation, openItems, requestToggle, multiple, collapsible } = state;\n // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n const accordion = {\n navigation,\n openItems,\n requestToggle,\n collapsible,\n multiple\n };\n return {\n accordion\n };\n}\n"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","multiple","collapsible","accordion"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,mCAAmCC,KAAK;IACpD,MAAM,EAAEC,UAAU,EAAEC,SAAS,EAAEC,aAAa,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGL;IACxE,mGAAmG;IACnG,MAAMM,YAAY;QACdL;QACAC;QACAC;QACAE;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}
|
|
@@ -9,8 +9,12 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
accordionClassNames: ()
|
|
13
|
-
|
|
12
|
+
accordionClassNames: function() {
|
|
13
|
+
return accordionClassNames;
|
|
14
|
+
},
|
|
15
|
+
useAccordionStyles_unstable: function() {
|
|
16
|
+
return useAccordionStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
20
|
const accordionClassNames = {
|
|
@@ -1 +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//# sourceMappingURL=useAccordionStyles.styles.js.map"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB
|
|
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//# sourceMappingURL=useAccordionStyles.styles.js.map"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB;eAAnBA;;IAGAC,2BAA2B;eAA3BA;;;uBAJgB;AACtB,MAAMD,sBAAsB;IACjCE,MAAM;AACR;AACO,MAAMD,8BAA8BE,CAAAA;IACzCA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAClF,OAAOD;AACT,GACA,qDAAqD"}
|
|
@@ -4,20 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "AccordionHeader", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return AccordionHeader;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useAccordionHeader = require("./useAccordionHeader");
|
|
12
14
|
const _renderAccordionHeader = require("./renderAccordionHeader");
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
+
const _useAccordionHeaderStylesstyles = require("./useAccordionHeaderStyles.styles");
|
|
16
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
17
|
const _useAccordionHeaderContextValues = require("./useAccordionHeaderContextValues");
|
|
16
18
|
const AccordionHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
19
|
const state = (0, _useAccordionHeader.useAccordionHeader_unstable)(props, ref);
|
|
18
20
|
const contextValues = (0, _useAccordionHeaderContextValues.useAccordionHeaderContextValues_unstable)(state);
|
|
19
|
-
(0,
|
|
20
|
-
(0,
|
|
21
|
+
(0, _useAccordionHeaderStylesstyles.useAccordionHeaderStyles_unstable)(state);
|
|
22
|
+
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useAccordionHeaderStyles_unstable')(state);
|
|
21
23
|
return (0, _renderAccordionHeader.renderAccordionHeader_unstable)(state, contextValues);
|
|
22
24
|
});
|
|
23
25
|
AccordionHeader.displayName = 'AccordionHeader';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["AccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */ export const AccordionHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n useAccordionHeaderStyles_unstable(state);\n useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n return renderAccordionHeader_unstable(state, contextValues);\n});\nAccordionHeader.displayName = 'AccordionHeader';\n"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","renderAccordionHeader_unstable","displayName"],"mappings":";;;;+BASiBA
|
|
1
|
+
{"version":3,"sources":["AccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */ export const AccordionHeader = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useAccordionHeader_unstable(props, ref);\n const contextValues = useAccordionHeaderContextValues_unstable(state);\n useAccordionHeaderStyles_unstable(state);\n useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n return renderAccordionHeader_unstable(state, contextValues);\n});\nAccordionHeader.displayName = 'AccordionHeader';\n"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","renderAccordionHeader_unstable","displayName"],"mappings":";;;;+BASiBA;;;eAAAA;;;;iEATM;oCACqB;uCACG;gDACG;qCACN;iDACa;AAI9C,MAAMA,kBAAkB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACtE,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjD,MAAMG,gBAAgBC,IAAAA,yEAAwC,EAACH;IAC/DI,IAAAA,iEAAiC,EAACJ;IAClCK,IAAAA,gDAA2B,EAAC,qCAAqCL;IACjE,OAAOM,IAAAA,qDAA8B,EAACN,OAAOE;AACjD;AACAP,gBAAgBY,WAAW,GAAG"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./AccordionHeader"), exports);
|
|
7
|
+
_export_star._(require("./AccordionHeader.types"), exports);
|
|
8
|
+
_export_star._(require("./renderAccordionHeader"), exports);
|
|
9
|
+
_export_star._(require("./useAccordionHeader"), exports);
|
|
10
|
+
_export_star._(require("./useAccordionHeaderContextValues"), exports);
|
|
11
|
+
_export_star._(require("./useAccordionHeaderStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1,17 +1,29 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderAccordionHeader_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderAccordionHeader_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
11
13
|
const _accordionHeader = require("../../contexts/accordionHeader");
|
|
12
14
|
const renderAccordionHeader_unstable = (state, contextValues)=>{
|
|
13
|
-
(0,
|
|
14
|
-
return /*#__PURE__*/ (0,
|
|
15
|
-
value: contextValues.accordionHeader
|
|
16
|
-
|
|
15
|
+
(0, _reactutilities.assertSlots)(state);
|
|
16
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_accordionHeader.AccordionHeaderProvider, {
|
|
17
|
+
value: contextValues.accordionHeader,
|
|
18
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
|
|
19
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.button, {
|
|
20
|
+
children: [
|
|
21
|
+
state.expandIconPosition === 'start' && state.expandIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.expandIcon, {}),
|
|
22
|
+
state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
|
|
23
|
+
state.root.children,
|
|
24
|
+
state.expandIconPosition === 'end' && state.expandIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.expandIcon, {})
|
|
25
|
+
]
|
|
26
|
+
})
|
|
27
|
+
})
|
|
28
|
+
});
|
|
17
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AccordionHeaderProvider } from '../../contexts/accordionHeader';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionHeader_unstable = (state, contextValues)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(AccordionHeaderProvider, {\n value: contextValues.accordionHeader,\n children: /*#__PURE__*/ _jsx(state.root, {\n children: /*#__PURE__*/ _jsxs(state.button, {\n children: [\n state.expandIconPosition === 'start' && state.expandIcon && /*#__PURE__*/ _jsx(state.expandIcon, {}),\n state.icon && /*#__PURE__*/ _jsx(state.icon, {}),\n state.root.children,\n state.expandIconPosition === 'end' && state.expandIcon && /*#__PURE__*/ _jsx(state.expandIcon, {})\n ]\n })\n })\n });\n};\n"],"names":["renderAccordionHeader_unstable","state","contextValues","assertSlots","_jsx","AccordionHeaderProvider","value","accordionHeader","children","root","_jsxs","button","expandIconPosition","expandIcon","icon"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAK7DA;;;eAAAA;;;4BAL2G;gCAChG;iCACY;AAG7B,MAAMA,iCAAiC,CAACC,OAAOC;IACtDC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,eAAI,EAACC,wCAAuB,EAAE;QAC/CC,OAAOJ,cAAcK,eAAe;QACpCC,UAAU,WAAW,GAAGJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE;YACrCD,UAAU,WAAW,GAAGE,IAAAA,gBAAK,EAACT,MAAMU,MAAM,EAAE;gBACxCH,UAAU;oBACNP,MAAMW,kBAAkB,KAAK,WAAWX,MAAMY,UAAU,IAAI,WAAW,GAAGT,IAAAA,eAAI,EAACH,MAAMY,UAAU,EAAE,CAAC;oBAClGZ,MAAMa,IAAI,IAAI,WAAW,GAAGV,IAAAA,eAAI,EAACH,MAAMa,IAAI,EAAE,CAAC;oBAC9Cb,MAAMQ,IAAI,CAACD,QAAQ;oBACnBP,MAAMW,kBAAkB,KAAK,SAASX,MAAMY,UAAU,IAAI,WAAW,GAAGT,IAAAA,eAAI,EAACH,MAAMY,UAAU,EAAE,CAAC;iBACnG;YACL;QACJ;IACJ;AACJ"}
|