@fluentui/react-accordion 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.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 +93 -24
- package/CHANGELOG.md +30 -14
- package/dist/react-accordion.d.ts +12 -0
- package/lib/common/isConformant.js +1 -1
- package/lib/common/isConformant.js.map +1 -1
- package/lib/components/Accordion/Accordion.js +5 -3
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +4 -2
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.d.ts +1 -0
- package/lib/components/Accordion/index.js +1 -0
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +6 -7
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js +41 -53
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js +12 -10
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.d.ts +3 -0
- package/lib/components/Accordion/useAccordionStyles.js +7 -0
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -0
- package/lib/components/AccordionHeader/AccordionHeader.js +3 -3
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js +17 -18
- package/lib/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +6 -7
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +33 -37
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +13 -13
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +5 -4
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js +5 -3
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +4 -5
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.d.ts +1 -0
- package/lib/components/AccordionItem/index.js +1 -0
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +6 -7
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js +21 -27
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js +11 -11
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
- package/lib/components/AccordionItem/useAccordionItemStyles.js +7 -0
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
- package/lib/components/AccordionPanel/AccordionPanel.js +2 -2
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +6 -7
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +11 -9
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js +5 -4
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/Accordion.js +1 -1
- package/lib-commonjs/AccordionHeader.js +1 -1
- package/lib-commonjs/AccordionItem.js +1 -1
- package/lib-commonjs/AccordionPanel.js +1 -1
- package/lib-commonjs/common/isConformant.js +3 -3
- package/lib-commonjs/common/isConformant.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +10 -7
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +4 -2
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.d.ts +1 -0
- package/lib-commonjs/components/Accordion/index.js +3 -1
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +9 -11
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +42 -55
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +12 -10
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.d.ts +3 -0
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +18 -0
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -0
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +8 -8
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +2 -4
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js +21 -23
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderExpandIcon.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +10 -12
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +38 -43
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +14 -14
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.d.ts +1 -0
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +9 -7
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +10 -7
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +4 -5
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.d.ts +1 -0
- package/lib-commonjs/components/AccordionItem/index.js +3 -1
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +10 -12
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +25 -32
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +12 -12
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.d.ts +3 -0
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +18 -0
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -0
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +6 -6
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +9 -11
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +12 -11
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.d.ts +1 -0
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +8 -7
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/package.json +10 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AACA,MAAA,kBAAA,gBAAA,OAAA,CAAA,+BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,2BAAA,GAA+D,CAAC,MAAD,CAA/D;AAEb;;;;AAIG;;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA,QAAQ,GAAG;AAApB,MAA8B,KAApC;AACA,QAAM,SAAS,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,SAAhD,CAAlB;AACA,QAAM,iBAAiB,GAAG,eAAA,CAAA,oBAAA,CAAqB;AAC7C,IAAA,QAAQ,EAAE;AADmC,GAArB,CAA1B;AAIA,QAAM,aAAa,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,aAAhD,CAAtB;AACA,QAAM,IAAI,GAAG,wBAAA,CAAA,kBAAA,CAAmB,kBAAA,CAAA,gBAAnB,EAAqC,GAAG,IAAI,GAAG,CAAC,SAAJ,CAAc,QAAd,CAAuB,KAAvB,CAA5C,CAAb;AACA,QAAM,sBAAsB,GAAG,KAAK,CAAC,WAAN,CAAmB,EAAD,IAA8B,aAAa,CAAC,EAAD,EAAK;AAAE,IAAA;AAAF,GAAL,CAA7D,EAA8E,CAC3G,aAD2G,EAE3G,KAF2G,CAA9E,CAA/B;AAKA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,KAFK;AAGL,IAAA,QAHK;AAIL,IAAA,aAAa,EAAE,sBAJV;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GAAG,EAAE,GAD4B;AAEjC,UAAI,SAAS,GAAG,iBAAH,GAAuB,EAApC,CAFiC;AAGjC,SAAG;AAH8B,KAA7B;AALD,GAAP;AAWD,CAzBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
|
|
@@ -5,21 +5,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useAccordionItemContextValues = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
10
|
function useAccordionItemContextValues(state) {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}, [disabled, onHeaderClick, open]);
|
|
11
|
+
const {
|
|
12
|
+
disabled,
|
|
13
|
+
onHeaderClick,
|
|
14
|
+
open
|
|
15
|
+
} = state;
|
|
16
|
+
const accordionItem = React.useMemo(() => ({
|
|
17
|
+
disabled,
|
|
18
|
+
onHeaderClick,
|
|
19
|
+
open
|
|
20
|
+
}), [disabled, onHeaderClick, open]);
|
|
21
21
|
return {
|
|
22
|
-
accordionItem
|
|
22
|
+
accordionItem
|
|
23
23
|
};
|
|
24
24
|
}
|
|
25
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,6BAAhB,CAA8C,KAA9C,EAAuE;AACrE,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,MAAoC,KAA1C;AACA,QAAM,aAAa,GAAG,KAAK,CAAC,OAAN,CAAyC,OAAO;AAAE,IAAA,QAAF;AAAY,IAAA,aAAZ;AAA2B,IAAA;AAA3B,GAAP,CAAzC,EAAoF,CACxG,QADwG,EAExG,aAFwG,EAGxG,IAHwG,CAApF,CAAtB;AAMA,SAAO;AAAE,IAAA;AAAF,GAAP;AACD;;AATD,OAAA,CAAA,6BAAA,GAAA,6BAAA","sourceRoot":""}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useAccordionItemStyles = exports.accordionItemClassName = void 0;
|
|
7
|
+
|
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
|
9
|
+
|
|
10
|
+
exports.accordionItemClassName = 'fui-AccordionItem';
|
|
11
|
+
|
|
12
|
+
const useAccordionItemStyles = state => {
|
|
13
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.accordionItemClassName, state.root.className);
|
|
14
|
+
return state;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
exports.useAccordionItemStyles = useAccordionItemStyles;
|
|
18
|
+
//# sourceMappingURL=useAccordionItemStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionItem/useAccordionItemStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEN,MAAM,sBAAsB,GAAI,KAAD,IAA8B;AAClE,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,sBAAb,EAAqC,KAAK,CAAC,IAAN,CAAW,SAAhD,CAAvB;AAEA,SAAO,KAAP;AACD,CAJM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
|
|
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.AccordionPanel = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
const renderAccordionPanel_1 = /*#__PURE__*/require("./renderAccordionPanel");
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
const useAccordionPanelStyles_1 = /*#__PURE__*/require("./useAccordionPanelStyles");
|
|
15
15
|
/**
|
|
16
16
|
* Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
exports.AccordionPanel = /*#__PURE__*/React.forwardRef(
|
|
21
|
-
|
|
20
|
+
exports.AccordionPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
21
|
+
const state = useAccordionPanel_1.useAccordionPanel(props, ref);
|
|
22
22
|
useAccordionPanelStyles_1.useAccordionPanelStyles(state);
|
|
23
23
|
return renderAccordionPanel_1.renderAccordionPanel(state);
|
|
24
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,MAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,cAAA,gBAA2D,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AAEA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AACA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,CAAP;AACD,CALuE,CAA3D;AAOb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
|
|
@@ -5,24 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.renderAccordionPanel = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
|
|
12
|
+
const useAccordionPanel_1 = /*#__PURE__*/require("./useAccordionPanel");
|
|
15
13
|
/**
|
|
16
14
|
* Function that renders the final JSX of the component
|
|
17
15
|
*/
|
|
18
16
|
|
|
19
17
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return state.open ? React.createElement(slots.root,
|
|
18
|
+
const renderAccordionPanel = state => {
|
|
19
|
+
const {
|
|
20
|
+
slots,
|
|
21
|
+
slotProps
|
|
22
|
+
} = react_utilities_1.getSlots(state, useAccordionPanel_1.accordionPanelShorthandProps);
|
|
23
|
+
return state.open ? React.createElement(slots.root, Object.assign({}, slotProps.root), slotProps.root.children) : null;
|
|
26
24
|
};
|
|
27
25
|
|
|
28
26
|
exports.renderAccordionPanel = renderAccordionPanel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,oBAAoB,GAAI,KAAD,IAA+B;AACjE,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAA7B;AACA,SAAO,KAAK,CAAC,IAAN,GAAa,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,SAAS,CAAC,IAAV,CAAe,QAAhD,CAAb,GAAsF,IAA7F;AACD,CAHM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
|
|
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useAccordionPanel = exports.accordionPanelShorthandProps = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var index_1 = /*#__PURE__*/require("../AccordionItem/index");
|
|
10
|
+
const index_1 = /*#__PURE__*/require("../AccordionItem/index");
|
|
13
11
|
/**
|
|
14
12
|
* Const listing which props are shorthand props.
|
|
15
13
|
*/
|
|
@@ -22,14 +20,17 @@ exports.accordionPanelShorthandProps = ['root'];
|
|
|
22
20
|
* @param ref - reference to root HTMLElement of AccordionPanel
|
|
23
21
|
*/
|
|
24
22
|
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
const useAccordionPanel = (props, ref) => {
|
|
24
|
+
const {
|
|
25
|
+
open
|
|
26
|
+
} = index_1.useAccordionItemContext();
|
|
27
27
|
return {
|
|
28
|
-
open
|
|
29
|
-
root: react_utilities_1.getNativeElementProps('div',
|
|
30
|
-
ref
|
|
31
|
-
role: 'region'
|
|
32
|
-
|
|
28
|
+
open,
|
|
29
|
+
root: react_utilities_1.getNativeElementProps('div', {
|
|
30
|
+
ref,
|
|
31
|
+
role: 'region',
|
|
32
|
+
...props
|
|
33
|
+
})
|
|
33
34
|
};
|
|
34
35
|
};
|
|
35
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;AAEG;;;AACU,OAAA,CAAA,4BAAA,GAAiE,CAAC,MAAD,CAAjE;AAEb;;;;AAIG;;AACI,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,uBAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAA7B;AAFD,GAAP;AAQD,CAVM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import type { AccordionPanelState } from './AccordionPanel.types';
|
|
2
|
+
export declare const accordionPanelClassName = "fui-AccordionPanel";
|
|
2
3
|
/** Applies style classnames to slots */
|
|
3
4
|
export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;
|
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.useAccordionPanelStyles = void 0;
|
|
6
|
+
exports.useAccordionPanelStyles = exports.accordionPanelClassName = void 0;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
|
9
|
+
|
|
10
|
+
exports.accordionPanelClassName = 'fui-AccordionPanel';
|
|
9
11
|
/**
|
|
10
12
|
* Styles for the root slot
|
|
11
13
|
*/
|
|
12
14
|
|
|
13
|
-
|
|
14
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
15
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
15
16
|
"root": {
|
|
16
17
|
"t21cq0": ["f1x4n1mu", "f1hf5xhj"],
|
|
17
18
|
"Frg6f3": ["f1hf5xhj", "f1x4n1mu"]
|
|
@@ -22,9 +23,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
|
22
23
|
/** Applies style classnames to slots */
|
|
23
24
|
|
|
24
25
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.root.className);
|
|
26
|
+
const useAccordionPanelStyles = state => {
|
|
27
|
+
const styles = useStyles();
|
|
28
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.accordionPanelClassName, styles.root, state.root.className);
|
|
28
29
|
return state;
|
|
29
30
|
};
|
|
30
31
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,uBAAA,GAA0B,oBAA1B;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAOA;;;AACO,MAAM,uBAAuB,GAAI,KAAD,IAA+B;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,OAAA,CAAA,uBAAb,EAAsC,MAAM,CAAC,IAA7C,EAAmD,KAAK,CAAC,IAAN,CAAW,SAA9D,CAAvB;AAEA,SAAO,KAAP;AACD,CALM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
|
package/lib-commonjs/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-accordion",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-nightlya54302c0b220211124.1",
|
|
4
4
|
"description": "Fluent UI accordion component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
"storybook": "start-storybook"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
|
28
|
+
"@fluentui/babel-make-styles": "0.0.0-nightlya54302c0b220211124.1",
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
|
30
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightlya54302c0b220211124.1",
|
|
31
31
|
"@fluentui/react-conformance": "*",
|
|
32
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
|
32
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightlya54302c0b220211124.1",
|
|
33
33
|
"@fluentui/scripts": "^1.0.0",
|
|
34
34
|
"@types/enzyme": "3.10.3",
|
|
35
35
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"react-test-renderer": "^16.3.0"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@fluentui/react-aria": "0.0.0-
|
|
48
|
-
"@fluentui/react-context-selector": "0.0.0-
|
|
49
|
-
"@fluentui/react-make-styles": "0.0.0-
|
|
50
|
-
"@fluentui/react-tabster": "0.0.0-
|
|
51
|
-
"@fluentui/react-theme": "0.0.0-
|
|
52
|
-
"@fluentui/react-utilities": "0.0.0-
|
|
47
|
+
"@fluentui/react-aria": "0.0.0-nightlya54302c0b220211124.1",
|
|
48
|
+
"@fluentui/react-context-selector": "0.0.0-nightlya54302c0b220211124.0",
|
|
49
|
+
"@fluentui/react-make-styles": "0.0.0-nightlya54302c0b220211124.1",
|
|
50
|
+
"@fluentui/react-tabster": "0.0.0-nightlya54302c0b220211124.1",
|
|
51
|
+
"@fluentui/react-theme": "0.0.0-nightlya54302c0b220211124.1",
|
|
52
|
+
"@fluentui/react-utilities": "0.0.0-nightlya54302c0b220211124.0",
|
|
53
53
|
"tslib": "^2.1.0"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
@@ -59,7 +59,6 @@
|
|
|
59
59
|
"react-dom": ">=16.8.0 <17.0.0"
|
|
60
60
|
},
|
|
61
61
|
"beachball": {
|
|
62
|
-
"tag": "beta",
|
|
63
62
|
"disallowedChangeTypes": [
|
|
64
63
|
"major",
|
|
65
64
|
"minor",
|