@fluentui/react-accordion 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.1
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 +17 -17
- package/CHANGELOG.md +11 -11
- package/lib/Accordion.js.map +1 -1
- package/lib/AccordionHeader.js.map +1 -1
- package/lib/AccordionItem.js.map +1 -1
- package/lib/AccordionPanel.js.map +1 -1
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +3 -5
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +3 -2
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +4 -5
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +4 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +11 -2
- 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.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +6 -2
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +3 -2
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/index.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +3 -2
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +0 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Accordion.js +4 -5
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js +4 -5
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js +4 -5
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js +4 -5
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +17 -18
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js +2 -5
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +13 -24
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js +10 -11
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +21 -18
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +81 -80
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +21 -18
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +11 -19
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +18 -18
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +2 -3
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +14 -20
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +9 -10
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +29 -18
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +94 -77
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +21 -24
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +172 -383
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +17 -18
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +2 -5
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +16 -22
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js +10 -11
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +21 -18
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +35 -33
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +19 -22
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +11 -19
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +15 -16
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +2 -3
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +8 -9
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +18 -15
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +35 -32
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +23 -39
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +170 -43
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -10
- package/.swcrc +0 -33
|
@@ -1,23 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "AccordionItem", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>AccordionItem
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
exports.AccordionItem = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const useAccordionItem_1 = /*#__PURE__*/require("./useAccordionItem");
|
|
9
|
+
const useAccordionItemContextValues_1 = /*#__PURE__*/require("./useAccordionItemContextValues");
|
|
10
|
+
const renderAccordionItem_1 = /*#__PURE__*/require("./renderAccordionItem");
|
|
11
|
+
const useAccordionItemStyles_1 = /*#__PURE__*/require("./useAccordionItemStyles");
|
|
12
|
+
/**
|
|
13
|
+
* Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
|
|
14
|
+
*/
|
|
15
|
+
exports.AccordionItem = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
16
|
+
const state = useAccordionItem_1.useAccordionItem_unstable(props, ref);
|
|
17
|
+
const contextValues = useAccordionItemContextValues_1.useAccordionItemContextValues_unstable(state);
|
|
18
|
+
useAccordionItemStyles_1.useAccordionItemStyles_unstable(state);
|
|
19
|
+
return renderAccordionItem_1.renderAccordionItem_unstable(state, contextValues);
|
|
20
20
|
});
|
|
21
|
-
AccordionItem.displayName = 'AccordionItem';
|
|
22
|
-
|
|
21
|
+
exports.AccordionItem.displayName = 'AccordionItem';
|
|
23
22
|
//# sourceMappingURL=AccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAGA;AAEA;;;AAGaA,qBAAa,gBAA4CC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGC,4CAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EACnD,MAAMG,aAAa,GAAGC,sEAAsC,CAACH,KAAK,CAAC;EAEnEI,wDAA+B,CAACJ,KAAK,CAAC;EAEtC,OAAOK,kDAA4B,CAACL,KAAK,EAAEE,aAAa,CAAC;AAC3D,CAAC,CAAC;AAEFP,qBAAa,CAACW,WAAW,GAAG,eAAe","names":["exports","React","forwardRef","props","ref","state","useAccordionItem_1","contextValues","useAccordionItemContextValues_1","useAccordionItemStyles_1","renderAccordionItem_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n const state = useAccordionItem_unstable(props, ref);\n const contextValues = useAccordionItemContextValues_unstable(state);\n\n useAccordionItemStyles_unstable(state);\n\n return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"]}
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
6
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
7
|
-
//# sourceMappingURL=AccordionItem.types.js.map
|
|
8
|
-
|
|
9
6
|
//# sourceMappingURL=AccordionItem.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}
|
|
@@ -1,28 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
AccordionItemContext: ()=>AccordionItemContext,
|
|
13
|
-
AccordionItemProvider: ()=>AccordionItemProvider,
|
|
14
|
-
useAccordionItemContext_unstable: ()=>useAccordionItemContext_unstable
|
|
4
|
+
value: true
|
|
15
5
|
});
|
|
16
|
-
|
|
17
|
-
const
|
|
18
|
-
|
|
6
|
+
exports.useAccordionItemContext_unstable = exports.AccordionItemProvider = exports.AccordionItemContext = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
exports.AccordionItemContext = /*#__PURE__*/React.createContext(undefined);
|
|
19
9
|
const accordionItemContextDefaultValue = {
|
|
20
|
-
|
|
21
|
-
/** */
|
|
22
|
-
|
|
23
|
-
|
|
10
|
+
onHeaderClick() {
|
|
11
|
+
/** */
|
|
12
|
+
},
|
|
13
|
+
open: false,
|
|
14
|
+
disabled: false
|
|
24
15
|
};
|
|
25
|
-
|
|
26
|
-
const useAccordionItemContext_unstable = ()=>
|
|
27
|
-
|
|
16
|
+
exports.AccordionItemProvider = exports.AccordionItemContext.Provider;
|
|
17
|
+
const useAccordionItemContext_unstable = () => {
|
|
18
|
+
var _a;
|
|
19
|
+
return (_a = React.useContext(exports.AccordionItemContext)) !== null && _a !== void 0 ? _a : accordionItemContextDefaultValue;
|
|
20
|
+
};
|
|
21
|
+
exports.useAccordionItemContext_unstable = useAccordionItemContext_unstable;
|
|
28
22
|
//# sourceMappingURL=AccordionItemContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAGaA,4BAAoB,gBAAGC,KAAK,CAACC,aAAa,CACrDC,SAAS,CACkC;AAE7C,MAAMC,gCAAgC,GAA8B;EAClEC,aAAa;IACX;EAAA,CACD;EACDC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE;CACX;AAEYP,6BAAqB,GAAGA,4BAAoB,CAACQ,QAAQ;AAE3D,MAAMC,gCAAgC,GAAG,MAAK;EAAA;EACnD,kBAAK,CAACC,UAAU,CAACV,4BAAoB,CAAC,mCAAII,gCAAgC;AAAA;AAD/DJ,wCAAgC","names":["exports","React","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","Provider","useAccordionItemContext_unstable","useContext"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n onHeaderClick() {\n /** */\n },\n open: false,\n disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"]}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
14
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./AccordionItem"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./AccordionItem.types"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./renderAccordionItem"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./useAccordionItem"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./useAccordionItemContextValues"), exports);
|
|
12
|
+
tslib_1.__exportStar(require("./AccordionItemContext"), exports);
|
|
13
|
+
tslib_1.__exportStar(require("./useAccordionItemStyles"), exports);
|
|
15
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/index.ts"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles';\n"]}
|
|
@@ -1,22 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "renderAccordionItem_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>renderAccordionItem_unstable
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
21
|
-
|
|
6
|
+
exports.renderAccordionItem_unstable = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
+
const AccordionItemContext_1 = /*#__PURE__*/require("./AccordionItemContext");
|
|
10
|
+
/**
|
|
11
|
+
* Function that renders the final JSX of the component
|
|
12
|
+
*/
|
|
13
|
+
const renderAccordionItem_unstable = (state, contextValues) => {
|
|
14
|
+
const {
|
|
15
|
+
slots,
|
|
16
|
+
slotProps
|
|
17
|
+
} = react_utilities_1.getSlots(state);
|
|
18
|
+
return React.createElement(slots.root, {
|
|
19
|
+
...slotProps.root
|
|
20
|
+
}, React.createElement(AccordionItemContext_1.AccordionItemContext.Provider, {
|
|
21
|
+
value: contextValues.accordionItem
|
|
22
|
+
}, slotProps.root.children));
|
|
23
|
+
};
|
|
24
|
+
exports.renderAccordionItem_unstable = renderAccordionItem_unstable;
|
|
22
25
|
//# sourceMappingURL=renderAccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAGA;;;AAGO,MAAMA,4BAA4B,GAAG,CAACC,KAAyB,EAAEC,aAAyC,KAAI;EACnH,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAqBJ,KAAK,CAAC;EAEhE,OACEK,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC5BD,oBAACE,2CAAoB,CAACC,QAAQ;IAACC,KAAK,EAAER,aAAa,CAACS;EAAa,GAC9DP,SAAS,CAACG,IAAI,CAACK,QAAQ,CACM,CACrB;AAEjB,CAAC;AAVYC,oCAA4B","names":["renderAccordionItem_unstable","state","contextValues","slots","slotProps","react_utilities_1","React","root","AccordionItemContext_1","Provider","value","accordionItem","children","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n const { slots, slotProps } = getSlots<AccordionItemSlots>(state);\n\n return (\n <slots.root {...slotProps.root}>\n <AccordionItemContext.Provider value={contextValues.accordionItem}>\n {slotProps.root.children}\n </AccordionItemContext.Provider>\n </slots.root>\n );\n};\n"]}
|
|
@@ -1,37 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "useAccordionItem_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>useAccordionItem_unstable
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
|
|
6
|
+
exports.useAccordionItem_unstable = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
+
const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
|
|
10
|
+
/**
|
|
11
|
+
* Returns the props and state required to render the component
|
|
12
|
+
* @param props - AccordionItem properties
|
|
13
|
+
* @param ref - reference to root HTMLElement of AccordionItem
|
|
14
|
+
*/
|
|
15
|
+
const useAccordionItem_unstable = (props, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
value,
|
|
18
|
+
disabled = false
|
|
19
|
+
} = props;
|
|
20
|
+
const requestToggle = AccordionContext_1.useAccordionContext_unstable(ctx => ctx.requestToggle);
|
|
21
|
+
const open = AccordionContext_1.useAccordionContext_unstable(ctx => ctx.openItems.includes(value));
|
|
22
|
+
const onAccordionHeaderClick = React.useCallback(ev => requestToggle(ev, {
|
|
23
|
+
value
|
|
24
|
+
}), [requestToggle, value]);
|
|
25
|
+
return {
|
|
26
|
+
open,
|
|
27
|
+
disabled,
|
|
28
|
+
onHeaderClick: onAccordionHeaderClick,
|
|
29
|
+
components: {
|
|
30
|
+
root: 'div'
|
|
31
|
+
},
|
|
32
|
+
root: react_utilities_1.getNativeElementProps('div', {
|
|
33
|
+
ref: ref,
|
|
34
|
+
...props
|
|
35
|
+
})
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
exports.useAccordionItem_unstable = useAccordionItem_unstable;
|
|
37
39
|
//# sourceMappingURL=useAccordionItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AAIA;;;;;AAKO,MAAMA,yBAAyB,GAAG,CACvCC,KAAyB,EACzBC,GAA2B,KACL;EACtB,MAAM;IAAEC,KAAK;IAAEC,QAAQ,GAAG;EAAK,CAAE,GAAGH,KAAK;EAEzC,MAAMI,aAAa,GAAGC,+CAA4B,CAACC,GAAG,IAAIA,GAAG,CAACF,aAAa,CAAC;EAC5E,MAAMG,IAAI,GAAGF,+CAA4B,CAACC,GAAG,IAAIA,GAAG,CAACE,SAAS,CAACC,QAAQ,CAACP,KAAK,CAAC,CAAC;EAC/E,MAAMQ,sBAAsB,GAAGC,KAAK,CAACC,WAAW,CAAEC,EAAwB,IAAKT,aAAa,CAACS,EAAE,EAAE;IAAEX;EAAK,CAAE,CAAC,EAAE,CAC3GE,aAAa,EACbF,KAAK,CACN,CAAC;EAEF,OAAO;IACLK,IAAI;IACJJ,QAAQ;IACRW,aAAa,EAAEJ,sBAAsB;IACrCK,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEC,uCAAqB,CAAC,KAAK,EAAE;MACjChB,GAAG,EAAEA,GAAG;MACR,GAAGD;KACJ;GACF;AACH,CAAC;AAzBYkB,iCAAyB","names":["useAccordionItem_unstable","props","ref","value","disabled","requestToggle","AccordionContext_1","ctx","open","openItems","includes","onAccordionHeaderClick","React","useCallback","ev","onHeaderClick","components","root","react_utilities_1","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */\nexport const useAccordionItem_unstable = (\n props: AccordionItemProps,\n ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n const { value, disabled = false } = props;\n\n const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n const onAccordionHeaderClick = React.useCallback((ev: AccordionToggleEvent) => requestToggle(ev, { value }), [\n requestToggle,\n value,\n ]);\n\n return {\n open,\n disabled,\n onHeaderClick: onAccordionHeaderClick,\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref: ref,\n ...props,\n }),\n };\n};\n"]}
|
|
@@ -1,27 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "useAccordionItemContextValues_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>useAccordionItemContextValues_unstable
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
6
|
+
exports.useAccordionItemContextValues_unstable = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
11
8
|
function useAccordionItemContextValues_unstable(state) {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
|
|
9
|
+
const {
|
|
10
|
+
disabled,
|
|
11
|
+
onHeaderClick,
|
|
12
|
+
open
|
|
13
|
+
} = state;
|
|
14
|
+
const accordionItem = React.useMemo(() => ({
|
|
15
|
+
disabled,
|
|
16
|
+
onHeaderClick,
|
|
17
|
+
open
|
|
18
|
+
}), [disabled, onHeaderClick, open]);
|
|
19
|
+
return {
|
|
20
|
+
accordionItem
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
exports.useAccordionItemContextValues_unstable = useAccordionItemContextValues_unstable;
|
|
27
24
|
//# sourceMappingURL=useAccordionItemContextValues.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAGA,SAAgBA,sCAAsC,CAACC,KAAyB;EAC9E,MAAM;IAAEC,QAAQ;IAAEC,aAAa;IAAEC;EAAI,CAAE,GAAGH,KAAK;EAC/C,MAAMI,aAAa,GAAGC,KAAK,CAACC,OAAO,CAA4B,OAAO;IAAEL,QAAQ;IAAEC,aAAa;IAAEC;EAAI,CAAE,CAAC,EAAE,CACxGF,QAAQ,EACRC,aAAa,EACbC,IAAI,CACL,CAAC;EAEF,OAAO;IAAEC;EAAa,CAAE;AAC1B;AATAG","names":["useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","React","useMemo","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue, AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n const { disabled, onHeaderClick, open } = state;\n const accordionItem = React.useMemo<AccordionItemContextValue>(() => ({ disabled, onHeaderClick, open }), [\n disabled,\n onHeaderClick,\n open,\n ]);\n\n return { accordionItem };\n}\n"]}
|
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
accordionItemClassNames: ()=>accordionItemClassNames,
|
|
13
|
-
useAccordionItemStyles_unstable: ()=>useAccordionItemStyles_unstable
|
|
4
|
+
value: true
|
|
14
5
|
});
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
|
|
6
|
+
exports.useAccordionItemStyles_unstable = exports.accordionItemClassNames = void 0;
|
|
7
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
|
8
|
+
exports.accordionItemClassNames = {
|
|
9
|
+
root: 'fui-AccordionItem'
|
|
18
10
|
};
|
|
19
|
-
const useAccordionItemStyles_unstable =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
11
|
+
const useAccordionItemStyles_unstable = state => {
|
|
12
|
+
state.root.className = react_1.mergeClasses(exports.accordionItemClassNames.root, state.root.className);
|
|
13
|
+
return state;
|
|
14
|
+
};
|
|
15
|
+
exports.useAccordionItemStyles_unstable = useAccordionItemStyles_unstable;
|
|
24
16
|
//# sourceMappingURL=useAccordionItemStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AAGaA,+BAAuB,GAAuC;EACzEC,IAAI,EAAE;CACP;AAEM,MAAMC,+BAA+B,GAAIC,KAAyB,IAAI;EAC3EA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGC,oBAAY,CAACL,+BAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EAEvF,OAAOD,KAAK;AACd,CAAC;AAJYH,uCAA+B","names":["exports","root","useAccordionItemStyles_unstable","state","className","react_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionItem/useAccordionItemStyles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { AccordionItemSlots, AccordionItemState } from './AccordionItem.types';\n\nexport const accordionItemClassNames: SlotClassNames<AccordionItemSlots> = {\n root: 'fui-AccordionItem',\n};\n\nexport const useAccordionItemStyles_unstable = (state: AccordionItemState) => {\n state.root.className = mergeClasses(accordionItemClassNames.root, state.root.className);\n\n return state;\n};\n"]}
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "AccordionPanel", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>AccordionPanel
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
6
|
+
exports.AccordionPanel = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
|
|
9
|
+
const renderAccordionPanel_1 = /*#__PURE__*/require("./renderAccordionPanel");
|
|
10
|
+
const useAccordionPanelStyles_1 = /*#__PURE__*/require("./useAccordionPanelStyles");
|
|
11
|
+
/**
|
|
12
|
+
* Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
|
|
13
|
+
*/
|
|
14
|
+
exports.AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15
|
+
const state = useAccordionPanel_1.useAccordionPanel_unstable(props, ref);
|
|
16
|
+
useAccordionPanelStyles_1.useAccordionPanelStyles_unstable(state);
|
|
17
|
+
return renderAccordionPanel_1.renderAccordionPanel_unstable(state);
|
|
18
18
|
});
|
|
19
|
-
AccordionPanel.displayName = 'AccordionPanel';
|
|
20
|
-
|
|
19
|
+
exports.AccordionPanel.displayName = 'AccordionPanel';
|
|
21
20
|
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,sBAAc,gBAA6CC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGC,8CAA0B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEpDG,0DAAgC,CAACF,KAAK,CAAC;EACvC,OAAOG,oDAA6B,CAACH,KAAK,CAAC;AAC7C,CAAC,CAAC;AAEFL,sBAAc,CAACS,WAAW,GAAG,gBAAgB","names":["exports","React","forwardRef","props","ref","state","useAccordionPanel_1","useAccordionPanelStyles_1","renderAccordionPanel_1","displayName"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/AccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel_unstable } from './useAccordionPanel';\nimport { renderAccordionPanel_unstable } from './renderAccordionPanel';\nimport { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';\nimport type { AccordionPanelProps } from './AccordionPanel.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.\n */\nexport const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.forwardRef((props, ref) => {\n const state = useAccordionPanel_unstable(props, ref);\n\n useAccordionPanelStyles_unstable(state);\n return renderAccordionPanel_unstable(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"","names":[],"sourceRoot":"","sources":[],"sourcesContent":[]}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
+
value: true
|
|
4
5
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
12
|
-
|
|
6
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
7
|
+
tslib_1.__exportStar(require("./AccordionPanel"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./AccordionPanel.types"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./renderAccordionPanel"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./useAccordionPanel"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./useAccordionPanelStyles"), exports);
|
|
13
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/index.ts"],"sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"]}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "renderAccordionPanel_unstable", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: ()=>renderAccordionPanel_unstable
|
|
4
|
+
value: true
|
|
8
5
|
});
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
exports.renderAccordionPanel_unstable = void 0;
|
|
7
|
+
const React = /*#__PURE__*/require("react");
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
|
+
/**
|
|
10
|
+
* Function that renders the final JSX of the component
|
|
11
|
+
*/
|
|
12
|
+
const renderAccordionPanel_unstable = state => {
|
|
13
|
+
const {
|
|
14
|
+
slots,
|
|
15
|
+
slotProps
|
|
16
|
+
} = react_utilities_1.getSlots(state);
|
|
17
|
+
return state.open ? React.createElement(slots.root, {
|
|
18
|
+
...slotProps.root
|
|
19
|
+
}, slotProps.root.children) : null;
|
|
20
|
+
};
|
|
21
|
+
exports.renderAccordionPanel_unstable = renderAccordionPanel_unstable;
|
|
19
22
|
//# sourceMappingURL=renderAccordionPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AAGA;;;AAGO,MAAMA,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAsBH,KAAK,CAAC;EACjE,OAAOA,KAAK,CAACI,IAAI,GAAGC,oBAACJ,KAAK,CAACK,IAAI;IAAA,GAAKJ,SAAS,CAACI;EAAI,GAAGJ,SAAS,CAACI,IAAI,CAACC,QAAQ,CAAc,GAAG,IAAI;AACnG,CAAC;AAHYC,qCAA6B","names":["renderAccordionPanel_unstable","state","slots","slotProps","react_utilities_1","open","React","root","children","exports"],"sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionPanel/renderAccordionPanel.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n const { slots, slotProps } = getSlots<AccordionPanelSlots>(state);\n return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"]}
|