@fluentui/react-accordion 9.3.7 → 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 +64 -1
- package/CHANGELOG.md +19 -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":["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"}
|
|
@@ -4,25 +4,27 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useAccordionHeader_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAccordionHeader_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 _reactaria = require("@fluentui/react-aria");
|
|
13
15
|
const _accordion = require("../../contexts/accordion");
|
|
14
|
-
const
|
|
15
|
-
const
|
|
16
|
+
const _reacticons = require("@fluentui/react-icons");
|
|
17
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
16
18
|
const _accordionItem = require("../../contexts/accordionItem");
|
|
17
19
|
const useAccordionHeader_unstable = (props, ref)=>{
|
|
18
|
-
const { as
|
|
19
|
-
const { value
|
|
20
|
+
const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;
|
|
21
|
+
const { value, disabled, open } = (0, _accordionItem.useAccordionItemContext_unstable)();
|
|
20
22
|
const requestToggle = (0, _accordion.useAccordionContext_unstable)((ctx)=>ctx.requestToggle);
|
|
21
23
|
/**
|
|
22
24
|
* force disabled state on button if accordion isn't collapsible
|
|
23
25
|
* and this is the only item opened
|
|
24
26
|
*/ const disabledFocusable = (0, _accordion.useAccordionContext_unstable)((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
25
|
-
const { dir
|
|
27
|
+
const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
|
|
26
28
|
// Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
27
29
|
let expandIconRotation;
|
|
28
30
|
if (expandIconPosition === 'end') {
|
|
@@ -44,19 +46,19 @@ const useAccordionHeader_unstable = (props, ref)=>{
|
|
|
44
46
|
expandIcon: 'span',
|
|
45
47
|
icon: 'div'
|
|
46
48
|
},
|
|
47
|
-
root:
|
|
49
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)(as || 'div', {
|
|
48
50
|
ref,
|
|
49
51
|
...props
|
|
50
52
|
}), {
|
|
51
53
|
elementType: 'div'
|
|
52
54
|
}),
|
|
53
|
-
icon:
|
|
55
|
+
icon: _reactutilities.slot.optional(icon, {
|
|
54
56
|
elementType: 'div'
|
|
55
57
|
}),
|
|
56
|
-
expandIcon:
|
|
58
|
+
expandIcon: _reactutilities.slot.optional(expandIcon, {
|
|
57
59
|
renderByDefault: true,
|
|
58
60
|
defaultProps: {
|
|
59
|
-
children: /*#__PURE__*/ _react.createElement(
|
|
61
|
+
children: /*#__PURE__*/ _react.createElement(_reacticons.ChevronRightRegular, {
|
|
60
62
|
style: {
|
|
61
63
|
transform: `rotate(${expandIconRotation}deg)`
|
|
62
64
|
}
|
|
@@ -65,8 +67,8 @@ const useAccordionHeader_unstable = (props, ref)=>{
|
|
|
65
67
|
},
|
|
66
68
|
elementType: 'span'
|
|
67
69
|
}),
|
|
68
|
-
button:
|
|
69
|
-
...(0,
|
|
70
|
+
button: _reactutilities.slot.always({
|
|
71
|
+
...(0, _reactaria.useARIAButtonShorthand)(button, {
|
|
70
72
|
required: true,
|
|
71
73
|
defaultProps: {
|
|
72
74
|
disabled,
|
|
@@ -75,10 +77,10 @@ const useAccordionHeader_unstable = (props, ref)=>{
|
|
|
75
77
|
type: 'button'
|
|
76
78
|
}
|
|
77
79
|
}),
|
|
78
|
-
onClick: (0,
|
|
79
|
-
if ((0,
|
|
80
|
-
var _button_onClick;
|
|
81
|
-
(_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(
|
|
80
|
+
onClick: (0, _reactutilities.useEventCallback)((event)=>{
|
|
81
|
+
if ((0, _reactutilities.isResolvedShorthand)(button)) {
|
|
82
|
+
var _button_onClick, _button;
|
|
83
|
+
(_button_onClick = (_button = button).onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(_button, event);
|
|
82
84
|
}
|
|
83
85
|
if (!event.defaultPrevented) {
|
|
84
86
|
requestToggle({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */ export const useAccordionHeader_unstable = (props, ref)=>{\n const { as
|
|
1
|
+
{"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */ export const useAccordionHeader_unstable = (props, ref)=>{\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { value, disabled, open } = useAccordionItemContext_unstable();\n const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */ const disabledFocusable = useAccordionContext_unstable((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);\n const { dir } = useFluent();\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div'\n },\n root: slot.always(getNativeElementProps(as || 'div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n }),\n icon: slot.optional(icon, {\n elementType: 'div'\n }),\n expandIcon: slot.optional(expandIcon, {\n renderByDefault: true,\n defaultProps: {\n children: /*#__PURE__*/ React.createElement(ChevronRightRegular, {\n style: {\n transform: `rotate(${expandIconRotation}deg)`\n }\n }),\n 'aria-hidden': true\n },\n elementType: 'span'\n }),\n button: slot.always({\n ...useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button'\n }\n }),\n onClick: useEventCallback((event)=>{\n if (isResolvedShorthand(button)) {\n var _button_onClick, _button;\n (_button_onClick = (_button = button).onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(_button, event);\n }\n if (!event.defaultPrevented) {\n requestToggle({\n value,\n event\n });\n }\n })\n }, {\n elementType: 'button'\n })\n };\n};\n"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","useAccordionItemContext_unstable","requestToggle","useAccordionContext_unstable","ctx","disabledFocusable","collapsible","openItems","length","dir","useFluent","expandIconRotation","components","root","slot","always","getNativeElementProps","elementType","optional","renderByDefault","defaultProps","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonShorthand","required","type","onClick","useEventCallback","event","isResolvedShorthand","_button_onClick","_button","call","defaultPrevented"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCAC4D;2BAC5C;2BACM;4BACT;qCACY;+BACC;AAKtC,MAAMA,8BAA8B,CAACC,OAAOC;IACnD,MAAM,EAAEC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,UAAU,EAAEC,SAAS,KAAK,EAAEC,OAAO,QAAQ,EAAEC,qBAAqB,OAAO,EAAE,GAAGR;IACxG,MAAM,EAAES,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,IAAAA,+CAAgC;IAClE,MAAMC,gBAAgBC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E;;;GAGD,GAAG,MAAMG,oBAAoBF,IAAAA,uCAA4B,EAAC,CAACC,MAAM,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKR;IAClH,MAAM,EAAES,GAAG,EAAE,GAAGC,IAAAA,uCAAS;IACzB,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAC9B,8FAA8F;QAC9Fc,qBAAqBX,OAAO,CAAC,KAAK;IACtC,OAAO;QACH,mGAAmG;QACnGW,qBAAqBX,OAAO,KAAKS,QAAQ,QAAQ,IAAI;IACzD;IACA,OAAO;QACHV;QACAC;QACAJ;QACAD;QACAE;QACAe,YAAY;YACRC,MAAM;YACNpB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACV;QACAqB,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACzB,MAAM,OAAO;YACjDD;YACA,GAAGD,KAAK;QACZ,IAAI;YACA4B,aAAa;QACjB;QACAzB,MAAMsB,oBAAI,CAACI,QAAQ,CAAC1B,MAAM;YACtByB,aAAa;QACjB;QACAvB,YAAYoB,oBAAI,CAACI,QAAQ,CAACxB,YAAY;YAClCyB,iBAAiB;YACjBC,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC7DC,OAAO;wBACHC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBACjD;gBACJ;gBACA,eAAe;YACnB;YACAM,aAAa;QACjB;QACAxB,QAAQqB,oBAAI,CAACC,MAAM,CAAC;YAChB,GAAGY,IAAAA,iCAAsB,EAAClC,QAAQ;gBAC9BmC,UAAU;gBACVR,cAAc;oBACVrB;oBACAM;oBACA,iBAAiBL;oBACjB6B,MAAM;gBACV;YACJ,EAAE;YACFC,SAASC,IAAAA,gCAAgB,EAAC,CAACC;gBACvB,IAAIC,IAAAA,mCAAmB,EAACxC,SAAS;oBAC7B,IAAIyC,iBAAiBC;oBACpBD,CAAAA,kBAAkB,AAACC,CAAAA,UAAU1C,MAAK,EAAGqC,OAAO,AAAD,MAAO,QAAQI,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBE,IAAI,CAACD,SAASH;gBACnI;gBACA,IAAI,CAACA,MAAMK,gBAAgB,EAAE;oBACzBnC,cAAc;wBACVJ;wBACAkC;oBACJ;gBACJ;YACJ;QACJ,GAAG;YACCf,aAAa;QACjB;IACJ;AACJ"}
|