@fluentui/react-accordion 0.0.0-nightly-20230321-0440.1 → 0.0.0-nightly-20230324-0422.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/.swcrc +30 -0
- package/CHANGELOG.json +86 -17
- package/CHANGELOG.md +29 -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 +1 -2
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +1 -3
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- 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 +2 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +1 -11
- 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 +3 -6
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +1 -3
- 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 +1 -3
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +1 -0
- 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 +5 -4
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js +5 -4
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js +5 -4
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js +5 -4
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +21 -22
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js +5 -2
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +21 -13
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js +11 -10
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +16 -21
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +79 -81
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +18 -21
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +19 -11
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +21 -23
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +3 -2
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +21 -14
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +10 -9
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +16 -29
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +77 -94
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +24 -21
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +383 -172
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +21 -22
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +5 -2
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +23 -16
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js +11 -10
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +16 -21
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +33 -35
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +22 -19
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +19 -11
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +19 -20
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +3 -2
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +9 -8
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +13 -18
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +32 -35
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +39 -23
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +43 -170
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +10 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/index.js"],"sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\nexport * from './useAccordionStyles';\nexport * from './useAccordionContextValues';\nexport * from './AccordionContext';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
|
@@ -1,25 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderAccordion_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>renderAccordion_unstable
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
} = react_utilities_1.getSlots(state);
|
|
18
|
-
return React.createElement(slots.root, {
|
|
19
|
-
...slotProps.root
|
|
20
|
-
}, React.createElement(AccordionContext_1.AccordionContext.Provider, {
|
|
21
|
-
value: contextValues.accordion
|
|
22
|
-
}, slotProps.root.children));
|
|
23
|
-
};
|
|
24
|
-
exports.renderAccordion_unstable = renderAccordion_unstable;
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
12
|
+
const _accordionContext = require("./AccordionContext");
|
|
13
|
+
const renderAccordion_unstable = (state, contextValues)=>{
|
|
14
|
+
const { slots , slotProps } = (0, _reactUtilities.getSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, /*#__PURE__*/ _react.createElement(_accordionContext.AccordionContext.Provider, {
|
|
16
|
+
value: contextValues.accordion
|
|
17
|
+
}, slotProps.root.children));
|
|
18
|
+
}; //# sourceMappingURL=renderAccordion.js.map
|
|
19
|
+
|
|
25
20
|
//# sourceMappingURL=renderAccordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/renderAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionContext } from './AccordionContext';\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n return /*#__PURE__*/React.createElement(slots.root, slotProps.root, /*#__PURE__*/React.createElement(AccordionContext.Provider, {\n value: contextValues.accordion\n }, slotProps.root.children));\n};\n//# sourceMappingURL=renderAccordion.js.map"],"names":["renderAccordion_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","root","AccordionContext","Provider","value","accordion","children"],"mappings":";;;;+BAMaA;;aAAAA;;;6DANU;gCACE;kCACQ;AAI1B,MAAMA,2BAA2B,CAACC,OAAOC,gBAAkB;IAChE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAE,WAAW,GAAEF,OAAMC,aAAa,CAACE,kCAAgB,CAACC,QAAQ,EAAE;QAC9HC,OAAOT,cAAcU,SAAS;IAChC,GAAGR,UAAUI,IAAI,CAACK,QAAQ;AAC5B,GACA,2CAA2C"}
|
|
@@ -1,72 +1,64 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
})
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
root: react_utilities_1.getNativeElementProps('div', {
|
|
49
|
-
...props,
|
|
50
|
-
...(navigation ? arrowNavigationProps : {}),
|
|
51
|
-
ref
|
|
52
|
-
})
|
|
53
|
-
};
|
|
5
|
+
Object.defineProperty(exports, "useAccordion_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useAccordion_unstable
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
12
|
+
const _reactTabster = require("@fluentui/react-tabster");
|
|
13
|
+
const useAccordion_unstable = (props, ref)=>{
|
|
14
|
+
const { openItems: controlledOpenItems , defaultOpenItems , multiple =false , collapsible =false , onToggle , navigation } = props;
|
|
15
|
+
const [openItems, setOpenItems] = (0, _reactUtilities.useControllableState)({
|
|
16
|
+
state: _react.useMemo(()=>normalizeValues(controlledOpenItems), [
|
|
17
|
+
controlledOpenItems
|
|
18
|
+
]),
|
|
19
|
+
defaultState: ()=>initializeUncontrolledOpenItems({
|
|
20
|
+
defaultOpenItems,
|
|
21
|
+
multiple
|
|
22
|
+
}),
|
|
23
|
+
initialState: []
|
|
24
|
+
});
|
|
25
|
+
const arrowNavigationProps = (0, _reactTabster.useArrowNavigationGroup)({
|
|
26
|
+
circular: navigation === 'circular',
|
|
27
|
+
tabbable: true
|
|
28
|
+
});
|
|
29
|
+
const requestToggle = (0, _reactUtilities.useEventCallback)((event, data)=>{
|
|
30
|
+
onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);
|
|
31
|
+
setOpenItems((previousOpenItems)=>updateOpenItems(data.value, previousOpenItems, multiple, collapsible));
|
|
32
|
+
});
|
|
33
|
+
return {
|
|
34
|
+
collapsible,
|
|
35
|
+
navigation,
|
|
36
|
+
openItems,
|
|
37
|
+
requestToggle,
|
|
38
|
+
components: {
|
|
39
|
+
root: 'div'
|
|
40
|
+
},
|
|
41
|
+
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
|
42
|
+
...props,
|
|
43
|
+
...navigation ? arrowNavigationProps : {},
|
|
44
|
+
ref
|
|
45
|
+
})
|
|
46
|
+
};
|
|
54
47
|
};
|
|
55
|
-
exports.useAccordion_unstable = useAccordion_unstable;
|
|
56
48
|
/**
|
|
57
49
|
* Initial value for the uncontrolled case of the list of open indexes
|
|
58
|
-
*/
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
50
|
+
*/ function initializeUncontrolledOpenItems({ defaultOpenItems , multiple }) {
|
|
51
|
+
if (defaultOpenItems !== undefined) {
|
|
52
|
+
if (Array.isArray(defaultOpenItems)) {
|
|
53
|
+
return multiple ? defaultOpenItems : [
|
|
54
|
+
defaultOpenItems[0]
|
|
55
|
+
];
|
|
56
|
+
}
|
|
57
|
+
return [
|
|
58
|
+
defaultOpenItems
|
|
59
|
+
];
|
|
66
60
|
}
|
|
67
|
-
return [
|
|
68
|
-
}
|
|
69
|
-
return [];
|
|
61
|
+
return [];
|
|
70
62
|
}
|
|
71
63
|
/**
|
|
72
64
|
* Updates the list of open indexes based on an index that changes
|
|
@@ -74,28 +66,34 @@ function initializeUncontrolledOpenItems({
|
|
|
74
66
|
* @param previousOpenItems - list of current open indexes
|
|
75
67
|
* @param multiple - if Accordion support multiple Panels opened at the same time
|
|
76
68
|
* @param collapsible - if Accordion support multiple Panels closed at the same time
|
|
77
|
-
*/
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
69
|
+
*/ function updateOpenItems(value, previousOpenItems, multiple, collapsible) {
|
|
70
|
+
if (multiple) {
|
|
71
|
+
if (previousOpenItems.includes(value)) {
|
|
72
|
+
if (previousOpenItems.length > 1 || collapsible) {
|
|
73
|
+
return previousOpenItems.filter((i)=>i !== value);
|
|
74
|
+
}
|
|
75
|
+
} else {
|
|
76
|
+
return [
|
|
77
|
+
...previousOpenItems,
|
|
78
|
+
value
|
|
79
|
+
].sort();
|
|
80
|
+
}
|
|
84
81
|
} else {
|
|
85
|
-
|
|
82
|
+
return previousOpenItems[0] === value && collapsible ? [] : [
|
|
83
|
+
value
|
|
84
|
+
];
|
|
86
85
|
}
|
|
87
|
-
|
|
88
|
-
return previousOpenItems[0] === value && collapsible ? [] : [value];
|
|
89
|
-
}
|
|
90
|
-
return previousOpenItems;
|
|
86
|
+
return previousOpenItems;
|
|
91
87
|
}
|
|
92
88
|
/**
|
|
93
89
|
* Normalizes Accordion index into an array of indexes
|
|
94
|
-
*/
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
90
|
+
*/ function normalizeValues(index) {
|
|
91
|
+
if (index === undefined) {
|
|
92
|
+
return undefined;
|
|
93
|
+
}
|
|
94
|
+
return Array.isArray(index) ? index : [
|
|
95
|
+
index
|
|
96
|
+
];
|
|
97
|
+
} //# sourceMappingURL=useAccordion.js.map
|
|
98
|
+
|
|
101
99
|
//# sourceMappingURL=useAccordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/useAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } 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 */\nexport const useAccordion_unstable = (props, ref) => {\n const {\n openItems: controlledOpenItems,\n defaultOpenItems,\n multiple = false,\n collapsible = false,\n onToggle,\n navigation\n } = props;\n const [openItems, setOpenItems] = useControllableState({\n state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\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((event, data) => {\n onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);\n setOpenItems(previousOpenItems => updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n });\n return {\n collapsible,\n navigation,\n openItems,\n requestToggle,\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ...props,\n ...(navigation ? arrowNavigationProps : {}),\n ref\n })\n };\n};\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems({\n defaultOpenItems,\n multiple\n}) {\n if (defaultOpenItems !== undefined) {\n if (Array.isArray(defaultOpenItems)) {\n return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n }\n return [defaultOpenItems];\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 */\nfunction 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 [...previousOpenItems, value].sort();\n }\n } else {\n return previousOpenItems[0] === value && collapsible ? [] : [value];\n }\n return previousOpenItems;\n}\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues(index) {\n if (index === undefined) {\n return undefined;\n }\n return Array.isArray(index) ? index : [index];\n}\n//# sourceMappingURL=useAccordion.js.map"],"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","event","data","previousOpenItems","updateOpenItems","value","components","root","getNativeElementProps","undefined","Array","isArray","includes","length","filter","i","sort","index"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;gCACuD;8BACtC;AAMjC,MAAMA,wBAAwB,CAACC,OAAOC,MAAQ;IACnD,MAAM,EACJC,WAAWC,oBAAmB,EAC9BC,iBAAgB,EAChBC,UAAW,KAAK,CAAA,EAChBC,aAAc,KAAK,CAAA,EACnBC,SAAQ,EACRC,WAAU,EACX,GAAGR;IACJ,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACrDC,OAAOC,OAAMC,OAAO,CAAC,IAAMC,gBAAgBX,sBAAsB;YAACA;SAAoB;QACtFY,cAAc,IAAMC,gCAAgC;gBAClDZ;gBACAC;YACF;QACAY,cAAc,EAAE;IAClB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACnDC,UAAUZ,eAAe;QACzBa,UAAU,IAAI;IAChB;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACtDlB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,OAAOC,KAAK;QACzEhB,aAAaiB,CAAAA,oBAAqBC,gBAAgBF,KAAKG,KAAK,EAAEF,mBAAmBrB,UAAUC;IAC7F;IACA,OAAO;QACLA;QACAE;QACAN;QACAoB;QACAO,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAG/B,KAAK;YACR,GAAIQ,aAAaU,uBAAuB,CAAC,CAAC;YAC1CjB;QACF;IACF;AACF;AACA;;CAEC,GACD,SAASe,gCAAgC,EACvCZ,iBAAgB,EAChBC,SAAQ,EACT,EAAE;IACD,IAAID,qBAAqB4B,WAAW;QAClC,IAAIC,MAAMC,OAAO,CAAC9B,mBAAmB;YACnC,OAAOC,WAAWD,mBAAmB;gBAACA,gBAAgB,CAAC,EAAE;aAAC;QAC5D,CAAC;QACD,OAAO;YAACA;SAAiB;IAC3B,CAAC;IACD,OAAO,EAAE;AACX;AACA;;;;;;CAMC,GACD,SAASuB,gBAAgBC,KAAK,EAAEF,iBAAiB,EAAErB,QAAQ,EAAEC,WAAW,EAAE;IACxE,IAAID,UAAU;QACZ,IAAIqB,kBAAkBS,QAAQ,CAACP,QAAQ;YACrC,IAAIF,kBAAkBU,MAAM,GAAG,KAAK9B,aAAa;gBAC/C,OAAOoB,kBAAkBW,MAAM,CAACC,CAAAA,IAAKA,MAAMV;YAC7C,CAAC;QACH,OAAO;YACL,OAAO;mBAAIF;gBAAmBE;aAAM,CAACW,IAAI;QAC3C,CAAC;IACH,OAAO;QACL,OAAOb,iBAAiB,CAAC,EAAE,KAAKE,SAAStB,cAAc,EAAE,GAAG;YAACsB;SAAM;IACrE,CAAC;IACD,OAAOF;AACT;AACA;;CAEC,GACD,SAASZ,gBAAgB0B,KAAK,EAAE;IAC9B,IAAIA,UAAUR,WAAW;QACvB,OAAOA;IACT,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACM,SAASA,QAAQ;QAACA;KAAM;AAC/C,EACA,wCAAwC"}
|
|
@@ -1,26 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAccordionContextValues_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useAccordionContextValues_unstable
|
|
5
8
|
});
|
|
6
|
-
exports.useAccordionContextValues_unstable = void 0;
|
|
7
9
|
function useAccordionContextValues_unstable(state) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
return {
|
|
22
|
-
accordion
|
|
23
|
-
};
|
|
24
|
-
}
|
|
25
|
-
exports.useAccordionContextValues_unstable = useAccordionContextValues_unstable;
|
|
10
|
+
const { navigation , openItems , requestToggle , collapsible } = state;
|
|
11
|
+
// This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
|
|
12
|
+
const accordion = {
|
|
13
|
+
navigation,
|
|
14
|
+
openItems,
|
|
15
|
+
requestToggle,
|
|
16
|
+
collapsible
|
|
17
|
+
};
|
|
18
|
+
return {
|
|
19
|
+
accordion
|
|
20
|
+
};
|
|
21
|
+
} //# sourceMappingURL=useAccordionContextValues.js.map
|
|
22
|
+
|
|
26
23
|
//# sourceMappingURL=useAccordionContextValues.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n const {\n navigation,\n openItems,\n requestToggle,\n collapsible\n } = 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 };\n return {\n accordion\n };\n}\n//# sourceMappingURL=useAccordionContextValues.js.map"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","collapsible","accordion"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mCAAmCC,KAAK,EAAE;IACxD,MAAM,EACJC,WAAU,EACVC,UAAS,EACTC,cAAa,EACbC,YAAW,EACZ,GAAGJ;IACJ,mGAAmG;IACnG,MAAMK,YAAY;QAChBJ;QACAC;QACAC;QACAC;IACF;IACA,OAAO;QACLC;IACF;AACF,EACA,qDAAqD"}
|
|
@@ -1,16 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
+
accordionClassNames: ()=>accordionClassNames,
|
|
13
|
+
useAccordionStyles_unstable: ()=>useAccordionStyles_unstable
|
|
14
|
+
});
|
|
15
|
+
const _react = require("@griffel/react");
|
|
16
|
+
const accordionClassNames = {
|
|
17
|
+
root: 'fui-Accordion'
|
|
14
18
|
};
|
|
15
|
-
|
|
19
|
+
const useAccordionStyles_unstable = (state)=>{
|
|
20
|
+
state.root.className = (0, _react.mergeClasses)(accordionClassNames.root, state.root.className);
|
|
21
|
+
return state;
|
|
22
|
+
}; //# sourceMappingURL=useAccordionStyles.js.map
|
|
23
|
+
|
|
16
24
|
//# sourceMappingURL=useAccordionStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/Accordion/useAccordionStyles.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.js.map"],"names":["accordionClassNames","useAccordionStyles_unstable","root","state","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,mBAAmB,MAAnBA;IAGAC,2BAA2B,MAA3BA;;uBAJgB;AACtB,MAAMD,sBAAsB;IACjCE,MAAM;AACR;AACO,MAAMD,8BAA8BE,CAAAA,QAAS;IAClDA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,oBAAoBE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IAClF,OAAOD;AACT,GACA,8CAA8C"}
|
|
@@ -1,28 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "AccordionHeader", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>AccordionHeader
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
useAccordionHeaderStyles_1.useAccordionHeaderStyles_unstable(state);
|
|
21
|
-
const {
|
|
22
|
-
useAccordionHeaderStyles_unstable: useCustomStyles
|
|
23
|
-
} = react_shared_contexts_1.useCustomStyleHooks_unstable();
|
|
24
|
-
useCustomStyles(state);
|
|
25
|
-
return renderAccordionHeader_1.renderAccordionHeader_unstable(state, contextValues);
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _useAccordionHeader = require("./useAccordionHeader");
|
|
12
|
+
const _renderAccordionHeader = require("./renderAccordionHeader");
|
|
13
|
+
const _useAccordionHeaderStyles = require("./useAccordionHeaderStyles");
|
|
14
|
+
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
15
|
+
const _useAccordionHeaderContextValues = require("./useAccordionHeaderContextValues");
|
|
16
|
+
const AccordionHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useAccordionHeader.useAccordionHeader_unstable)(props, ref);
|
|
18
|
+
const contextValues = (0, _useAccordionHeaderContextValues.useAccordionHeaderContextValues_unstable)(state);
|
|
19
|
+
(0, _useAccordionHeaderStyles.useAccordionHeaderStyles_unstable)(state);
|
|
20
|
+
const { useAccordionHeaderStyles_unstable: useCustomStyles } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
|
|
21
|
+
useCustomStyles(state);
|
|
22
|
+
return (0, _renderAccordionHeader.renderAccordionHeader_unstable)(state, contextValues);
|
|
26
23
|
});
|
|
27
|
-
|
|
24
|
+
AccordionHeader.displayName = 'AccordionHeader'; //# sourceMappingURL=AccordionHeader.js.map
|
|
25
|
+
|
|
28
26
|
//# sourceMappingURL=AccordionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles';\nimport { useCustomStyleHooks_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 */\nexport 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 const {\n useAccordionHeaderStyles_unstable: useCustomStyles\n } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n return renderAccordionHeader_unstable(state, contextValues);\n});\nAccordionHeader.displayName = 'AccordionHeader';\n//# sourceMappingURL=AccordionHeader.js.map"],"names":["AccordionHeader","React","forwardRef","props","ref","state","useAccordionHeader_unstable","contextValues","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderAccordionHeader_unstable","displayName"],"mappings":";;;;+BAUaA;;aAAAA;;;6DAVU;oCACqB;uCACG;0CACG;qCACL;iDACY;AAKlD,MAAMA,kBAAkB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3E,MAAMC,QAAQC,IAAAA,+CAA2B,EAACH,OAAOC;IACjD,MAAMG,gBAAgBC,IAAAA,yEAAwC,EAACH;IAC/DI,IAAAA,2DAAiC,EAACJ;IAClC,MAAM,EACJI,mCAAmCC,gBAAe,EACnD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBL;IAChB,OAAOO,IAAAA,qDAA8B,EAACP,OAAOE;AAC/C;AACAP,gBAAgBa,WAAW,GAAG,mBAC9B,2CAA2C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeader.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=AccordionHeader.types.js.map"],"names":[],"mappings":";;;;CACA,iDAAiD"}
|
|
@@ -1,20 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
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
|
+
AccordionHeaderContext: ()=>AccordionHeaderContext,
|
|
13
|
+
useAccordionHeaderContext: ()=>useAccordionHeaderContext
|
|
5
14
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
|
|
15
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
16
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
17
|
+
const AccordionHeaderContext = /*#__PURE__*/ _react.createContext(undefined);
|
|
9
18
|
const accordionHeaderContextDefaultValue = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
open: false,
|
|
20
|
+
disabled: false,
|
|
21
|
+
size: 'medium',
|
|
22
|
+
expandIconPosition: 'start'
|
|
14
23
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
};
|
|
19
|
-
exports.useAccordionHeaderContext = useAccordionHeaderContext;
|
|
24
|
+
var _React_useContext;
|
|
25
|
+
const useAccordionHeaderContext = ()=>(_React_useContext = _react.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue; //# sourceMappingURL=AccordionHeaderContext.js.map
|
|
26
|
+
|
|
20
27
|
//# sourceMappingURL=AccordionHeaderContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/AccordionHeaderContext.js"],"sourcesContent":["import * as React from 'react';\nexport const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);\nconst accordionHeaderContextDefaultValue = {\n open: false,\n disabled: false,\n size: 'medium',\n expandIconPosition: 'start'\n};\nvar _React_useContext;\nexport const useAccordionHeaderContext = () => (_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;\n//# sourceMappingURL=AccordionHeaderContext.js.map"],"names":["AccordionHeaderContext","useAccordionHeaderContext","React","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAQAC,yBAAyB,MAAzBA;;;6DATU;AAChB,MAAMD,yBAAyB,WAAW,GAAEE,OAAMC,aAAa,CAACC;AACvE,MAAMC,qCAAqC;IACzCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACtB;AACA,IAAIC;AACG,MAAMT,4BAA4B,IAAM,AAACS,CAAAA,oBAAoBR,OAAMS,UAAU,CAACX,uBAAsB,MAAO,IAAI,IAAIU,sBAAsB,KAAK,IAAIA,oBAAoBL,kCAAkC,EAC/M,kDAAkD"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
|
6
|
+
_exportStar(require("./AccordionHeader"), exports);
|
|
7
|
+
_exportStar(require("./AccordionHeader.types"), exports);
|
|
8
|
+
_exportStar(require("./renderAccordionHeader"), exports);
|
|
9
|
+
_exportStar(require("./useAccordionHeader"), exports);
|
|
10
|
+
_exportStar(require("./useAccordionHeaderContextValues"), exports);
|
|
11
|
+
_exportStar(require("./useAccordionHeaderStyles"), exports);
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
13
|
+
|
|
13
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/index.js"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|