@fluentui/react-tree 9.0.0-beta.9 → 9.0.0
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 +1558 -8
- package/CHANGELOG.md +421 -9
- package/LICENSE +1 -1
- package/dist/index.d.ts +367 -132
- package/lib/FlatTree.js +1 -0
- package/lib/FlatTree.js.map +1 -0
- package/lib/Tree.js +0 -1
- package/lib/Tree.js.map +1 -1
- package/lib/TreeItem.js +0 -1
- package/lib/TreeItem.js.map +1 -1
- package/lib/TreeItemLayout.js +0 -1
- package/lib/TreeItemLayout.js.map +1 -1
- package/lib/TreeItemPersonaLayout.js +0 -1
- package/lib/TreeItemPersonaLayout.js.map +1 -1
- package/lib/components/FlatTree/FlatTree.js +17 -0
- package/lib/components/FlatTree/FlatTree.js.map +1 -0
- package/lib/components/FlatTree/FlatTree.types.js +1 -0
- package/lib/components/FlatTree/FlatTree.types.js.map +1 -0
- package/lib/components/FlatTree/index.js +7 -0
- package/lib/components/FlatTree/index.js.map +1 -0
- package/lib/components/FlatTree/renderFlatTree.js +2 -0
- package/lib/components/FlatTree/renderFlatTree.js.map +1 -0
- package/lib/components/FlatTree/useFlatControllableCheckedItems.js +76 -0
- package/lib/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -0
- package/lib/components/FlatTree/useFlatTree.js +3 -0
- package/lib/components/FlatTree/useFlatTree.js.map +1 -0
- package/lib/components/FlatTree/useFlatTreeContextValues.js +2 -0
- package/lib/components/FlatTree/useFlatTreeContextValues.js.map +1 -0
- package/lib/components/FlatTree/useFlatTreeNavigation.js +74 -0
- package/lib/components/FlatTree/useFlatTreeNavigation.js.map +1 -0
- package/lib/components/FlatTree/useFlatTreeStyles.styles.js +20 -0
- package/lib/components/FlatTree/useFlatTreeStyles.styles.js.map +1 -0
- package/lib/components/FlatTree/useHeadlessFlatTree.js +124 -0
- package/lib/components/FlatTree/useHeadlessFlatTree.js.map +1 -0
- package/lib/components/Tree/Tree.js +9 -15
- package/lib/components/Tree/Tree.js.map +1 -1
- package/lib/components/Tree/Tree.types.js +1 -2
- package/lib/components/Tree/Tree.types.js.map +1 -1
- package/lib/components/Tree/index.js +2 -3
- package/lib/components/Tree/index.js.map +1 -1
- package/lib/components/Tree/renderTree.js +7 -11
- package/lib/components/Tree/renderTree.js.map +1 -1
- package/lib/components/Tree/useNestedControllableCheckedItems.js +22 -0
- package/lib/components/Tree/useNestedControllableCheckedItems.js.map +1 -0
- package/lib/components/Tree/useTree.js +63 -111
- package/lib/components/Tree/useTree.js.map +1 -1
- package/lib/components/Tree/useTreeContextValues.js +16 -24
- package/lib/components/Tree/useTreeContextValues.js.map +1 -1
- package/lib/components/Tree/useTreeNavigation.js +52 -0
- package/lib/components/Tree/useTreeNavigation.js.map +1 -0
- package/lib/components/Tree/{useTreeStyles.js → useTreeStyles.styles.js} +7 -3
- package/lib/components/Tree/useTreeStyles.styles.js.map +1 -0
- package/lib/components/TreeItem/TreeItem.js +7 -9
- package/lib/components/TreeItem/TreeItem.js.map +1 -1
- package/lib/components/TreeItem/TreeItem.types.js +0 -1
- package/lib/components/TreeItem/TreeItem.types.js.map +1 -1
- package/lib/components/TreeItem/index.js +2 -2
- package/lib/components/TreeItem/index.js.map +1 -1
- package/lib/components/TreeItem/renderTreeItem.js +7 -15
- package/lib/components/TreeItem/renderTreeItem.js.map +1 -1
- package/lib/components/TreeItem/useTreeItem.js +161 -234
- package/lib/components/TreeItem/useTreeItem.js.map +1 -1
- package/lib/components/TreeItem/useTreeItemContextValues.js +20 -16
- package/lib/components/TreeItem/useTreeItemContextValues.js.map +1 -1
- package/lib/components/TreeItem/useTreeItemStyles.styles.js +100 -0
- package/lib/components/TreeItem/useTreeItemStyles.styles.js.map +1 -0
- package/lib/components/TreeItemChevron.js +24 -0
- package/lib/components/TreeItemChevron.js.map +1 -0
- package/lib/components/TreeItemLayout/TreeItemLayout.js +5 -7
- package/lib/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
- package/lib/components/TreeItemLayout/TreeItemLayout.types.js +1 -2
- package/lib/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
- package/lib/components/TreeItemLayout/index.js +1 -2
- package/lib/components/TreeItemLayout/index.js.map +1 -1
- package/lib/components/TreeItemLayout/renderTreeItemLayout.js +8 -13
- package/lib/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
- package/lib/components/TreeItemLayout/useTreeItemLayout.js +109 -40
- package/lib/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
- package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js +237 -0
- package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -0
- package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +6 -8
- package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js +1 -2
- package/lib/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/index.js +1 -2
- package/lib/components/TreeItemPersonaLayout/index.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +10 -15
- package/lib/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +41 -48
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +9 -10
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js +210 -0
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map +1 -0
- package/lib/contexts/index.js +0 -1
- package/lib/contexts/index.js.map +1 -1
- package/lib/contexts/treeContext.js +13 -14
- package/lib/contexts/treeContext.js.map +1 -1
- package/lib/contexts/treeItemContext.js +16 -8
- package/lib/contexts/treeItemContext.js.map +1 -1
- package/lib/hooks/useControllableOpenItems.js +28 -0
- package/lib/hooks/useControllableOpenItems.js.map +1 -0
- package/lib/hooks/useRootTree.js +147 -0
- package/lib/hooks/useRootTree.js.map +1 -0
- package/lib/hooks/useRovingTabIndexes.js +30 -49
- package/lib/hooks/useRovingTabIndexes.js.map +1 -1
- package/lib/hooks/useSubtree.js +41 -0
- package/lib/hooks/useSubtree.js.map +1 -0
- package/lib/index.js +3 -4
- package/lib/index.js.map +1 -1
- package/lib/utils/ImmutableMap.js +41 -0
- package/lib/utils/ImmutableMap.js.map +1 -0
- package/lib/utils/ImmutableSet.js +42 -33
- package/lib/utils/ImmutableSet.js.map +1 -1
- package/lib/utils/assert.js +4 -5
- package/lib/utils/assert.js.map +1 -1
- package/lib/utils/createCheckedItems.js +18 -0
- package/lib/utils/createCheckedItems.js.map +1 -0
- package/lib/utils/createHTMLElementWalker.js +67 -0
- package/lib/utils/createHTMLElementWalker.js.map +1 -0
- package/lib/utils/createHeadlessTree.js +188 -0
- package/lib/utils/createHeadlessTree.js.map +1 -0
- package/lib/utils/createOpenItems.js +10 -0
- package/lib/utils/createOpenItems.js.map +1 -0
- package/lib/utils/flattenTree.js +15 -49
- package/lib/utils/flattenTree.js.map +1 -1
- package/lib/utils/getTreeItemValueFromElement.js +4 -0
- package/lib/utils/getTreeItemValueFromElement.js.map +1 -0
- package/lib/utils/nextTypeAheadElement.js +11 -12
- package/lib/utils/nextTypeAheadElement.js.map +1 -1
- package/lib/utils/normalizeOpenItems.js +6 -5
- package/lib/utils/normalizeOpenItems.js.map +1 -1
- package/lib/utils/tokens.js +14 -14
- package/lib/utils/tokens.js.map +1 -1
- package/lib/utils/treeItemFilter.js +2 -3
- package/lib/utils/treeItemFilter.js.map +1 -1
- package/lib-commonjs/FlatTree.js +6 -0
- package/lib-commonjs/FlatTree.js.map +1 -0
- package/lib-commonjs/Tree.js +0 -3
- package/lib-commonjs/Tree.js.map +1 -1
- package/lib-commonjs/TreeItem.js +0 -3
- package/lib-commonjs/TreeItem.js.map +1 -1
- package/lib-commonjs/TreeItemLayout.js +0 -3
- package/lib-commonjs/TreeItemLayout.js.map +1 -1
- package/lib-commonjs/TreeItemPersonaLayout.js +0 -3
- package/lib-commonjs/TreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/FlatTree/FlatTree.js +21 -0
- package/lib-commonjs/components/FlatTree/FlatTree.js.map +1 -0
- package/lib-commonjs/components/FlatTree/FlatTree.types.js +4 -0
- package/lib-commonjs/components/FlatTree/FlatTree.types.js.map +1 -0
- package/lib-commonjs/components/FlatTree/index.js +12 -0
- package/lib-commonjs/components/FlatTree/index.js.map +1 -0
- package/lib-commonjs/components/FlatTree/renderFlatTree.js +10 -0
- package/lib-commonjs/components/FlatTree/renderFlatTree.js.map +1 -0
- package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js +91 -0
- package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -0
- package/lib-commonjs/components/FlatTree/useFlatTree.js +12 -0
- package/lib-commonjs/components/FlatTree/useFlatTree.js.map +1 -0
- package/lib-commonjs/components/FlatTree/useFlatTreeContextValues.js +10 -0
- package/lib-commonjs/components/FlatTree/useFlatTreeContextValues.js.map +1 -0
- package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js +82 -0
- package/lib-commonjs/components/FlatTree/useFlatTreeNavigation.js.map +1 -0
- package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js +36 -0
- package/lib-commonjs/components/FlatTree/useFlatTreeStyles.styles.js.map +1 -0
- package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js +121 -0
- package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js.map +1 -0
- package/lib-commonjs/components/Tree/Tree.js +4 -6
- package/lib-commonjs/components/Tree/Tree.js.map +1 -1
- package/lib-commonjs/components/Tree/Tree.types.js +0 -5
- package/lib-commonjs/components/Tree/Tree.types.js.map +1 -1
- package/lib-commonjs/components/Tree/index.js +2 -5
- package/lib-commonjs/components/Tree/index.js.map +1 -1
- package/lib-commonjs/components/Tree/renderTree.js +6 -9
- package/lib-commonjs/components/Tree/renderTree.js.map +1 -1
- package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js +37 -0
- package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js.map +1 -0
- package/lib-commonjs/components/Tree/useTree.js +53 -85
- package/lib-commonjs/components/Tree/useTree.js.map +1 -1
- package/lib-commonjs/components/Tree/useTreeContextValues.js +9 -10
- package/lib-commonjs/components/Tree/useTreeContextValues.js.map +1 -1
- package/lib-commonjs/components/Tree/useTreeNavigation.js +60 -0
- package/lib-commonjs/components/Tree/useTreeNavigation.js.map +1 -0
- package/lib-commonjs/components/Tree/{useTreeStyles.js → useTreeStyles.styles.js} +10 -7
- package/lib-commonjs/components/Tree/useTreeStyles.styles.js.map +1 -0
- package/lib-commonjs/components/TreeItem/TreeItem.js +3 -5
- package/lib-commonjs/components/TreeItem/TreeItem.js.map +1 -1
- package/lib-commonjs/components/TreeItem/TreeItem.types.js +0 -3
- package/lib-commonjs/components/TreeItem/TreeItem.types.js.map +1 -1
- package/lib-commonjs/components/TreeItem/index.js +2 -4
- package/lib-commonjs/components/TreeItem/index.js.map +1 -1
- package/lib-commonjs/components/TreeItem/renderTreeItem.js +6 -12
- package/lib-commonjs/components/TreeItem/renderTreeItem.js.map +1 -1
- package/lib-commonjs/components/TreeItem/useTreeItem.js +111 -170
- package/lib-commonjs/components/TreeItem/useTreeItem.js.map +1 -1
- package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js +19 -18
- package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js.map +1 -1
- package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js +202 -0
- package/lib-commonjs/components/TreeItem/useTreeItemStyles.styles.js.map +1 -0
- package/lib-commonjs/components/TreeItemChevron.js +33 -0
- package/lib-commonjs/components/TreeItemChevron.js.map +1 -0
- package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js +3 -5
- package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js +0 -3
- package/lib-commonjs/components/TreeItemLayout/TreeItemLayout.types.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/index.js +1 -4
- package/lib-commonjs/components/TreeItemLayout/index.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js +8 -9
- package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js +92 -18
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js +392 -0
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map +1 -0
- package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js +3 -5
- package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js +0 -3
- package/lib-commonjs/components/TreeItemPersonaLayout/TreeItemPersonaLayout.types.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/index.js +1 -4
- package/lib-commonjs/components/TreeItemPersonaLayout/index.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js +9 -10
- package/lib-commonjs/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js +29 -26
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayout.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js +1 -3
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutContextValues.js.map +1 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js +379 -0
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map +1 -0
- package/lib-commonjs/contexts/index.js +0 -3
- package/lib-commonjs/contexts/index.js.map +1 -1
- package/lib-commonjs/contexts/treeContext.js +7 -7
- package/lib-commonjs/contexts/treeContext.js.map +1 -1
- package/lib-commonjs/contexts/treeItemContext.js +15 -6
- package/lib-commonjs/contexts/treeItemContext.js.map +1 -1
- package/lib-commonjs/hooks/useControllableOpenItems.js +39 -0
- package/lib-commonjs/hooks/useControllableOpenItems.js.map +1 -0
- package/lib-commonjs/hooks/useRootTree.js +151 -0
- package/lib-commonjs/hooks/useRootTree.js.map +1 -0
- package/lib-commonjs/hooks/useRovingTabIndexes.js +9 -31
- package/lib-commonjs/hooks/useRovingTabIndexes.js.map +1 -1
- package/lib-commonjs/hooks/useSubtree.js +45 -0
- package/lib-commonjs/hooks/useSubtree.js.map +1 -0
- package/lib-commonjs/index.js +11 -7
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/ImmutableMap.js +49 -0
- package/lib-commonjs/utils/ImmutableMap.js.map +1 -0
- package/lib-commonjs/utils/ImmutableSet.js +28 -20
- package/lib-commonjs/utils/ImmutableSet.js.map +1 -1
- package/lib-commonjs/utils/assert.js +1 -3
- package/lib-commonjs/utils/assert.js.map +1 -1
- package/lib-commonjs/utils/createCheckedItems.js +26 -0
- package/lib-commonjs/utils/createCheckedItems.js.map +1 -0
- package/lib-commonjs/{hooks/useHTMLElementWalker.js → utils/createHTMLElementWalker.js} +3 -27
- package/lib-commonjs/utils/createHTMLElementWalker.js.map +1 -0
- package/lib-commonjs/utils/createHeadlessTree.js +202 -0
- package/lib-commonjs/utils/createHeadlessTree.js.map +1 -0
- package/lib-commonjs/utils/createOpenItems.js +18 -0
- package/lib-commonjs/utils/createOpenItems.js.map +1 -0
- package/lib-commonjs/utils/flattenTree.js +4 -40
- package/lib-commonjs/utils/flattenTree.js.map +1 -1
- package/lib-commonjs/utils/getTreeItemValueFromElement.js +18 -0
- package/lib-commonjs/utils/getTreeItemValueFromElement.js.map +1 -0
- package/lib-commonjs/utils/nextTypeAheadElement.js +1 -3
- package/lib-commonjs/utils/nextTypeAheadElement.js.map +1 -1
- package/lib-commonjs/utils/normalizeOpenItems.js +1 -3
- package/lib-commonjs/utils/normalizeOpenItems.js.map +1 -1
- package/lib-commonjs/utils/tokens.js +12 -13
- package/lib-commonjs/utils/tokens.js.map +1 -1
- package/lib-commonjs/utils/treeItemFilter.js +1 -3
- package/lib-commonjs/utils/treeItemFilter.js.map +1 -1
- package/package.json +31 -31
- package/.swcrc +0 -30
- package/lib/components/Tree/useTreeStyles.js.map +0 -1
- package/lib/components/TreeItem/useTreeItemStyles.js +0 -203
- package/lib/components/TreeItem/useTreeItemStyles.js.map +0 -1
- package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.js +0 -98
- package/lib/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +0 -1
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js +0 -115
- package/lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +0 -1
- package/lib/hooks/index.js +0 -4
- package/lib/hooks/index.js.map +0 -1
- package/lib/hooks/useFlatTree.js +0 -77
- package/lib/hooks/useFlatTree.js.map +0 -1
- package/lib/hooks/useFlatTreeNavigation.js +0 -74
- package/lib/hooks/useFlatTreeNavigation.js.map +0 -1
- package/lib/hooks/useHTMLElementWalker.js +0 -80
- package/lib/hooks/useHTMLElementWalker.js.map +0 -1
- package/lib/hooks/useNestedTreeNavigation.js +0 -59
- package/lib/hooks/useNestedTreeNavigation.js.map +0 -1
- package/lib/hooks/useOpenItemsState.js +0 -22
- package/lib/hooks/useOpenItemsState.js.map +0 -1
- package/lib/utils/createFlatTreeItems.js +0 -109
- package/lib/utils/createFlatTreeItems.js.map +0 -1
- package/lib-commonjs/components/Tree/useTreeStyles.js.map +0 -1
- package/lib-commonjs/components/TreeItem/useTreeItemStyles.js +0 -375
- package/lib-commonjs/components/TreeItem/useTreeItemStyles.js.map +0 -1
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js +0 -143
- package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.js.map +0 -1
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js +0 -186
- package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js.map +0 -1
- package/lib-commonjs/hooks/index.js +0 -11
- package/lib-commonjs/hooks/index.js.map +0 -1
- package/lib-commonjs/hooks/useFlatTree.js +0 -86
- package/lib-commonjs/hooks/useFlatTree.js.map +0 -1
- package/lib-commonjs/hooks/useFlatTreeNavigation.js +0 -82
- package/lib-commonjs/hooks/useFlatTreeNavigation.js.map +0 -1
- package/lib-commonjs/hooks/useHTMLElementWalker.js.map +0 -1
- package/lib-commonjs/hooks/useNestedTreeNavigation.js +0 -69
- package/lib-commonjs/hooks/useNestedTreeNavigation.js.map +0 -1
- package/lib-commonjs/hooks/useOpenItemsState.js +0 -39
- package/lib-commonjs/hooks/useOpenItemsState.js.map +0 -1
- package/lib-commonjs/utils/createFlatTreeItems.js +0 -126
- package/lib-commonjs/utils/createFlatTreeItems.js.map +0 -1
|
@@ -1,375 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
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
|
-
treeItemClassNames: ()=>treeItemClassNames,
|
|
13
|
-
expandIconInlineStyles: ()=>expandIconInlineStyles,
|
|
14
|
-
useTreeItemStyles_unstable: ()=>useTreeItemStyles_unstable
|
|
15
|
-
});
|
|
16
|
-
const _react = require("@griffel/react");
|
|
17
|
-
const _index = require("../../contexts/index");
|
|
18
|
-
const treeItemClassNames = {
|
|
19
|
-
root: 'fui-TreeItem',
|
|
20
|
-
content: 'fui-TreeItem__content',
|
|
21
|
-
subtree: 'fui-TreeItem__subtree',
|
|
22
|
-
expandIcon: 'fui-TreeItem__expandIcon',
|
|
23
|
-
actions: 'fui-TreeItem__actions'
|
|
24
|
-
};
|
|
25
|
-
const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
26
|
-
level1: {
|
|
27
|
-
iytv0q: "f10bgyvd"
|
|
28
|
-
},
|
|
29
|
-
level2: {
|
|
30
|
-
iytv0q: "f1h0rod3"
|
|
31
|
-
},
|
|
32
|
-
level3: {
|
|
33
|
-
iytv0q: "fgoqafk"
|
|
34
|
-
},
|
|
35
|
-
level4: {
|
|
36
|
-
iytv0q: "f75dvuh"
|
|
37
|
-
},
|
|
38
|
-
level5: {
|
|
39
|
-
iytv0q: "fqk7yw6"
|
|
40
|
-
},
|
|
41
|
-
level6: {
|
|
42
|
-
iytv0q: "f1r3z17b"
|
|
43
|
-
},
|
|
44
|
-
level7: {
|
|
45
|
-
iytv0q: "f1hrpd1h"
|
|
46
|
-
},
|
|
47
|
-
level8: {
|
|
48
|
-
iytv0q: "f1iy65d0"
|
|
49
|
-
},
|
|
50
|
-
level9: {
|
|
51
|
-
iytv0q: "ftg42e5"
|
|
52
|
-
},
|
|
53
|
-
level10: {
|
|
54
|
-
iytv0q: "fyat3t"
|
|
55
|
-
}
|
|
56
|
-
}, {
|
|
57
|
-
d: [
|
|
58
|
-
".f10bgyvd{--fluent-TreeItem--level:1;}",
|
|
59
|
-
".f1h0rod3{--fluent-TreeItem--level:2;}",
|
|
60
|
-
".fgoqafk{--fluent-TreeItem--level:3;}",
|
|
61
|
-
".f75dvuh{--fluent-TreeItem--level:4;}",
|
|
62
|
-
".fqk7yw6{--fluent-TreeItem--level:5;}",
|
|
63
|
-
".f1r3z17b{--fluent-TreeItem--level:6;}",
|
|
64
|
-
".f1hrpd1h{--fluent-TreeItem--level:7;}",
|
|
65
|
-
".f1iy65d0{--fluent-TreeItem--level:8;}",
|
|
66
|
-
".ftg42e5{--fluent-TreeItem--level:9;}",
|
|
67
|
-
".fyat3t{--fluent-TreeItem--level:10;}"
|
|
68
|
-
]
|
|
69
|
-
});
|
|
70
|
-
/**
|
|
71
|
-
* Styles for the content slot
|
|
72
|
-
*/ const useContentStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
73
|
-
base: {
|
|
74
|
-
qhf8xq: "f10pi13n",
|
|
75
|
-
Bceei9c: "f1k6fduh",
|
|
76
|
-
mc9l5x: "f22iagw",
|
|
77
|
-
De3pzq: "fhovq9v",
|
|
78
|
-
sj55zd: "fkfq4zb",
|
|
79
|
-
z189sj: [
|
|
80
|
-
"flk2ux3",
|
|
81
|
-
"fkl3uby"
|
|
82
|
-
],
|
|
83
|
-
uwmqm3: [
|
|
84
|
-
"fo100m9",
|
|
85
|
-
"f6yw3pu"
|
|
86
|
-
],
|
|
87
|
-
Bbmb7ep: [
|
|
88
|
-
"f1aa9q02",
|
|
89
|
-
"f16jpd5f"
|
|
90
|
-
],
|
|
91
|
-
Beyfa6y: [
|
|
92
|
-
"f16jpd5f",
|
|
93
|
-
"f1aa9q02"
|
|
94
|
-
],
|
|
95
|
-
B7oj6ja: [
|
|
96
|
-
"f1jar5jt",
|
|
97
|
-
"fyu767a"
|
|
98
|
-
],
|
|
99
|
-
Btl43ni: [
|
|
100
|
-
"fyu767a",
|
|
101
|
-
"f1jar5jt"
|
|
102
|
-
],
|
|
103
|
-
lj723h: "flvvhsy",
|
|
104
|
-
ecr2s2: "f1wfn5kd",
|
|
105
|
-
Ixpawx: "f1x3s29",
|
|
106
|
-
Bi91k9c: "fnwyq0v",
|
|
107
|
-
Jwef8y: "f1t94bn6",
|
|
108
|
-
B0t702g: "f1kvtbpn"
|
|
109
|
-
},
|
|
110
|
-
focusIndicator: {
|
|
111
|
-
Brovlpu: "ftqa4ok",
|
|
112
|
-
B486eqv: "f2hkw1w",
|
|
113
|
-
B8q5s1w: "f8hki3x",
|
|
114
|
-
Bci5o5g: [
|
|
115
|
-
"f1d2448m",
|
|
116
|
-
"ffh67wi"
|
|
117
|
-
],
|
|
118
|
-
n8qw10: "f1bjia2o",
|
|
119
|
-
Bdrgwmp: [
|
|
120
|
-
"ffh67wi",
|
|
121
|
-
"f1d2448m"
|
|
122
|
-
],
|
|
123
|
-
Bm4h7ae: "f15bsgw9",
|
|
124
|
-
B7ys5i9: "f14e48fq",
|
|
125
|
-
Busjfv9: "f18yb2kv",
|
|
126
|
-
Bhk32uz: "fd6o370",
|
|
127
|
-
Bf4ptjt: "fh1cnn4",
|
|
128
|
-
kclons: [
|
|
129
|
-
"fy7oxxb",
|
|
130
|
-
"f184ne2d"
|
|
131
|
-
],
|
|
132
|
-
Bhdgwq3: "fpukqih",
|
|
133
|
-
Blkhhs4: [
|
|
134
|
-
"f184ne2d",
|
|
135
|
-
"fy7oxxb"
|
|
136
|
-
],
|
|
137
|
-
Bqtpl0w: "frrh606",
|
|
138
|
-
clg4pj: [
|
|
139
|
-
"f1v5zibi",
|
|
140
|
-
"fo2hd23"
|
|
141
|
-
],
|
|
142
|
-
hgwjuy: "ful5kiu",
|
|
143
|
-
Bonggc9: [
|
|
144
|
-
"fo2hd23",
|
|
145
|
-
"f1v5zibi"
|
|
146
|
-
],
|
|
147
|
-
B1tsrr9: [
|
|
148
|
-
"f1jqcqds",
|
|
149
|
-
"ftffrms"
|
|
150
|
-
],
|
|
151
|
-
Dah5zi: [
|
|
152
|
-
"ftffrms",
|
|
153
|
-
"f1jqcqds"
|
|
154
|
-
],
|
|
155
|
-
Bkh64rk: [
|
|
156
|
-
"f2e7qr6",
|
|
157
|
-
"fsr1zz6"
|
|
158
|
-
],
|
|
159
|
-
qqdqy8: [
|
|
160
|
-
"fsr1zz6",
|
|
161
|
-
"f2e7qr6"
|
|
162
|
-
],
|
|
163
|
-
B6dhp37: "f1dvezut",
|
|
164
|
-
i03rao: [
|
|
165
|
-
"fd0oaoj",
|
|
166
|
-
"f1cwg4i8"
|
|
167
|
-
],
|
|
168
|
-
Boxcth7: "fjvm52t",
|
|
169
|
-
Bsom6fd: [
|
|
170
|
-
"f1cwg4i8",
|
|
171
|
-
"fd0oaoj"
|
|
172
|
-
],
|
|
173
|
-
J0r882: "fdiulkx",
|
|
174
|
-
Bjwuhne: "f1yalx80",
|
|
175
|
-
Ghsupd: [
|
|
176
|
-
"fq22d5a",
|
|
177
|
-
"f1jw7pan"
|
|
178
|
-
],
|
|
179
|
-
Bule8hv: [
|
|
180
|
-
"f1jw7pan",
|
|
181
|
-
"fq22d5a"
|
|
182
|
-
]
|
|
183
|
-
},
|
|
184
|
-
subtle: {},
|
|
185
|
-
"subtle-alpha": {
|
|
186
|
-
Jwef8y: "f146ro5n",
|
|
187
|
-
ecr2s2: "fkam630"
|
|
188
|
-
},
|
|
189
|
-
transparent: {
|
|
190
|
-
De3pzq: "f1c21dwh",
|
|
191
|
-
Jwef8y: "fjxutwb",
|
|
192
|
-
ecr2s2: "fophhak"
|
|
193
|
-
},
|
|
194
|
-
leaf: {
|
|
195
|
-
uwmqm3: [
|
|
196
|
-
"f1k1erfc",
|
|
197
|
-
"faevyjx"
|
|
198
|
-
]
|
|
199
|
-
}
|
|
200
|
-
}, {
|
|
201
|
-
d: [
|
|
202
|
-
".f10pi13n{position:relative;}",
|
|
203
|
-
".f1k6fduh{cursor:pointer;}",
|
|
204
|
-
".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
|
|
205
|
-
".fhovq9v{background-color:var(--colorSubtleBackground);}",
|
|
206
|
-
".fkfq4zb{color:var(--colorNeutralForeground2);}",
|
|
207
|
-
".flk2ux3{padding-right:var(--spacingHorizontalNone);}",
|
|
208
|
-
".fkl3uby{padding-left:var(--spacingHorizontalNone);}",
|
|
209
|
-
".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}",
|
|
210
|
-
".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}",
|
|
211
|
-
".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}",
|
|
212
|
-
".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}",
|
|
213
|
-
".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}",
|
|
214
|
-
".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}",
|
|
215
|
-
".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}",
|
|
216
|
-
".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
|
|
217
|
-
".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
|
|
218
|
-
".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
|
|
219
|
-
".f15bsgw9[data-fui-focus-visible]::after{content:\"\";}",
|
|
220
|
-
".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
|
|
221
|
-
".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
|
|
222
|
-
".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
|
|
223
|
-
".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
|
|
224
|
-
".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
|
|
225
|
-
".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
|
|
226
|
-
".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
|
|
227
|
-
".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
|
|
228
|
-
".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
|
|
229
|
-
".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
|
|
230
|
-
".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
|
|
231
|
-
".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
|
|
232
|
-
".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
|
|
233
|
-
".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
|
|
234
|
-
".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
|
|
235
|
-
".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
|
|
236
|
-
".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
|
|
237
|
-
".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
|
|
238
|
-
".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
|
|
239
|
-
".fdiulkx[data-fui-focus-visible]::after{top:-2px;}",
|
|
240
|
-
".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}",
|
|
241
|
-
".fq22d5a[data-fui-focus-visible]::after{left:-2px;}",
|
|
242
|
-
".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}",
|
|
243
|
-
".f1c21dwh{background-color:var(--colorTransparentBackground);}",
|
|
244
|
-
".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}",
|
|
245
|
-
".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}"
|
|
246
|
-
],
|
|
247
|
-
a: [
|
|
248
|
-
".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}",
|
|
249
|
-
".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}",
|
|
250
|
-
".f1x3s29:active .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Pressed);}",
|
|
251
|
-
".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}",
|
|
252
|
-
".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}"
|
|
253
|
-
],
|
|
254
|
-
h: [
|
|
255
|
-
".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
|
|
256
|
-
".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
|
|
257
|
-
".f1kvtbpn:hover .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Hover);}",
|
|
258
|
-
".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}",
|
|
259
|
-
".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}"
|
|
260
|
-
],
|
|
261
|
-
f: [
|
|
262
|
-
".ftqa4ok:focus{outline-style:none;}"
|
|
263
|
-
],
|
|
264
|
-
i: [
|
|
265
|
-
".f2hkw1w:focus-visible{outline-style:none;}"
|
|
266
|
-
]
|
|
267
|
-
});
|
|
268
|
-
/**
|
|
269
|
-
* Styles for the expand icon slot
|
|
270
|
-
*/ const useExpandIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
271
|
-
base: {
|
|
272
|
-
mc9l5x: "f22iagw",
|
|
273
|
-
Bt984gj: "f122n59",
|
|
274
|
-
Brf1p80: "f4d9j23",
|
|
275
|
-
Bf4jedk: "f17fgpbq",
|
|
276
|
-
B7ck84d: "f1ewtqcl",
|
|
277
|
-
sj55zd: "f11d4kpn",
|
|
278
|
-
z8tnut: "f1ywm7hm",
|
|
279
|
-
z189sj: [
|
|
280
|
-
"fhxju0i",
|
|
281
|
-
"f1cnd47f"
|
|
282
|
-
],
|
|
283
|
-
Byoj8tv: "f14wxoun",
|
|
284
|
-
uwmqm3: [
|
|
285
|
-
"f1cnd47f",
|
|
286
|
-
"fhxju0i"
|
|
287
|
-
]
|
|
288
|
-
}
|
|
289
|
-
}, {
|
|
290
|
-
d: [
|
|
291
|
-
".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
|
|
292
|
-
".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
|
|
293
|
-
".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}",
|
|
294
|
-
".f17fgpbq{min-width:24px;}",
|
|
295
|
-
".f1ewtqcl{box-sizing:border-box;}",
|
|
296
|
-
".f11d4kpn{color:var(--colorNeutralForeground3);}",
|
|
297
|
-
".f1ywm7hm{padding-top:var(--spacingVerticalXS);}",
|
|
298
|
-
".fhxju0i{padding-right:0;}",
|
|
299
|
-
".f1cnd47f{padding-left:0;}",
|
|
300
|
-
".f14wxoun{padding-bottom:var(--spacingVerticalXS);}"
|
|
301
|
-
]
|
|
302
|
-
});
|
|
303
|
-
/**
|
|
304
|
-
* Styles for the action icon slot
|
|
305
|
-
*/ const useActionsStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
306
|
-
base: {
|
|
307
|
-
mc9l5x: "fjseox",
|
|
308
|
-
Frg6f3: [
|
|
309
|
-
"fcgxt0o",
|
|
310
|
-
"f1ujusj6"
|
|
311
|
-
],
|
|
312
|
-
z8tnut: "f1g0x7ka",
|
|
313
|
-
z189sj: [
|
|
314
|
-
"f1vdfbxk",
|
|
315
|
-
"f1f5gg8d"
|
|
316
|
-
],
|
|
317
|
-
Byoj8tv: "f1qch9an",
|
|
318
|
-
uwmqm3: [
|
|
319
|
-
"f1f5gg8d",
|
|
320
|
-
"f1vdfbxk"
|
|
321
|
-
]
|
|
322
|
-
},
|
|
323
|
-
open: {
|
|
324
|
-
mc9l5x: "f22iagw",
|
|
325
|
-
qhf8xq: "f10pi13n"
|
|
326
|
-
}
|
|
327
|
-
}, {
|
|
328
|
-
d: [
|
|
329
|
-
".fjseox{display:none;}",
|
|
330
|
-
".fcgxt0o{margin-left:auto;}",
|
|
331
|
-
".f1ujusj6{margin-right:auto;}",
|
|
332
|
-
".f1g0x7ka{padding-top:0;}",
|
|
333
|
-
".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
|
|
334
|
-
".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
|
|
335
|
-
".f1qch9an{padding-bottom:0;}",
|
|
336
|
-
".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
|
|
337
|
-
".f10pi13n{position:relative;}"
|
|
338
|
-
]
|
|
339
|
-
});
|
|
340
|
-
const expandIconInlineStyles = {
|
|
341
|
-
90: {
|
|
342
|
-
transform: `rotate(90deg)`
|
|
343
|
-
},
|
|
344
|
-
0: {
|
|
345
|
-
transform: `rotate(0deg)`
|
|
346
|
-
},
|
|
347
|
-
180: {
|
|
348
|
-
transform: `rotate(180deg)`
|
|
349
|
-
}
|
|
350
|
-
};
|
|
351
|
-
const useTreeItemStyles_unstable = (state)=>{
|
|
352
|
-
const rootStyles = useRootStyles();
|
|
353
|
-
const contentStyles = useContentStyles();
|
|
354
|
-
const expandIconStyles = useExpandIconStyles();
|
|
355
|
-
const actionsStyles = useActionsStyles();
|
|
356
|
-
const appearance = (0, _index.useTreeContext_unstable)((ctx)=>ctx.appearance);
|
|
357
|
-
const { actions , subtree , expandIcon , isActionsVisible: showActions , level } = state;
|
|
358
|
-
state.root.className = (0, _react.mergeClasses)(treeItemClassNames.root, isStaticallyDefinedLevel(level) && rootStyles[`level${level}`], state.root.className);
|
|
359
|
-
state.content.className = (0, _react.mergeClasses)(treeItemClassNames.content, contentStyles.base, contentStyles[appearance], contentStyles.focusIndicator, state.isLeaf && contentStyles.leaf, state.content.className);
|
|
360
|
-
if (expandIcon) {
|
|
361
|
-
expandIcon.className = (0, _react.mergeClasses)(treeItemClassNames.expandIcon, expandIconStyles.base, expandIcon.className);
|
|
362
|
-
}
|
|
363
|
-
if (actions) {
|
|
364
|
-
actions.className = (0, _react.mergeClasses)(treeItemClassNames.actions, actionsStyles.base, showActions && actionsStyles.open, actions.className);
|
|
365
|
-
}
|
|
366
|
-
if (subtree) {
|
|
367
|
-
subtree.className = (0, _react.mergeClasses)(treeItemClassNames.subtree, subtree.className);
|
|
368
|
-
}
|
|
369
|
-
return state;
|
|
370
|
-
};
|
|
371
|
-
function isStaticallyDefinedLevel(level) {
|
|
372
|
-
return level >= 1 && level <= 10;
|
|
373
|
-
} //# sourceMappingURL=useTreeItemStyles.js.map
|
|
374
|
-
|
|
375
|
-
//# sourceMappingURL=useTreeItemStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/TreeItem/useTreeItemStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { useTreeContext_unstable } from '../../contexts/index';\nimport { treeItemLevelToken } from '../../utils/tokens';\nexport const treeItemClassNames = {\n root: 'fui-TreeItem',\n content: 'fui-TreeItem__content',\n subtree: 'fui-TreeItem__subtree',\n expandIcon: 'fui-TreeItem__expandIcon',\n actions: 'fui-TreeItem__actions'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n level1: {\n iytv0q: \"f10bgyvd\"\n },\n level2: {\n iytv0q: \"f1h0rod3\"\n },\n level3: {\n iytv0q: \"fgoqafk\"\n },\n level4: {\n iytv0q: \"f75dvuh\"\n },\n level5: {\n iytv0q: \"fqk7yw6\"\n },\n level6: {\n iytv0q: \"f1r3z17b\"\n },\n level7: {\n iytv0q: \"f1hrpd1h\"\n },\n level8: {\n iytv0q: \"f1iy65d0\"\n },\n level9: {\n iytv0q: \"ftg42e5\"\n },\n level10: {\n iytv0q: \"fyat3t\"\n }\n}, {\n d: [\".f10bgyvd{--fluent-TreeItem--level:1;}\", \".f1h0rod3{--fluent-TreeItem--level:2;}\", \".fgoqafk{--fluent-TreeItem--level:3;}\", \".f75dvuh{--fluent-TreeItem--level:4;}\", \".fqk7yw6{--fluent-TreeItem--level:5;}\", \".f1r3z17b{--fluent-TreeItem--level:6;}\", \".f1hrpd1h{--fluent-TreeItem--level:7;}\", \".f1iy65d0{--fluent-TreeItem--level:8;}\", \".ftg42e5{--fluent-TreeItem--level:9;}\", \".fyat3t{--fluent-TreeItem--level:10;}\"]\n});\n/**\n * Styles for the content slot\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n base: {\n qhf8xq: \"f10pi13n\",\n Bceei9c: \"f1k6fduh\",\n mc9l5x: \"f22iagw\",\n De3pzq: \"fhovq9v\",\n sj55zd: \"fkfq4zb\",\n z189sj: [\"flk2ux3\", \"fkl3uby\"],\n uwmqm3: [\"fo100m9\", \"f6yw3pu\"],\n Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n lj723h: \"flvvhsy\",\n ecr2s2: \"f1wfn5kd\",\n Ixpawx: \"f1x3s29\",\n Bi91k9c: \"fnwyq0v\",\n Jwef8y: \"f1t94bn6\",\n B0t702g: \"f1kvtbpn\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"fdiulkx\",\n Bjwuhne: \"f1yalx80\",\n Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n },\n subtle: {},\n \"subtle-alpha\": {\n Jwef8y: \"f146ro5n\",\n ecr2s2: \"fkam630\"\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n Jwef8y: \"fjxutwb\",\n ecr2s2: \"fophhak\"\n },\n leaf: {\n uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n }\n}, {\n d: [\".f10pi13n{position:relative;}\", \".f1k6fduh{cursor:pointer;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".flk2ux3{padding-right:var(--spacingHorizontalNone);}\", \".fkl3uby{padding-left:var(--spacingHorizontalNone);}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\"],\n a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1x3s29:active .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1kvtbpn:hover .fui-TreeItem__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Brf1p80: \"f4d9j23\",\n Bf4jedk: \"f17fgpbq\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"f11d4kpn\",\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"fjseox\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n open: {\n mc9l5x: \"f22iagw\",\n qhf8xq: \"f10pi13n\"\n }\n}, {\n d: [\".fjseox{display:none;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f10pi13n{position:relative;}\"]\n});\nexport const expandIconInlineStyles = {\n 90: {\n transform: `rotate(90deg)`\n },\n 0: {\n transform: `rotate(0deg)`\n },\n 180: {\n transform: `rotate(180deg)`\n }\n};\n/**\n * Apply styling to the TreeItem slots based on the state\n */\nexport const useTreeItemStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const contentStyles = useContentStyles();\n const expandIconStyles = useExpandIconStyles();\n const actionsStyles = useActionsStyles();\n const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n const {\n actions,\n subtree,\n expandIcon,\n isActionsVisible: showActions,\n level\n } = state;\n state.root.className = mergeClasses(treeItemClassNames.root, isStaticallyDefinedLevel(level) && rootStyles[`level${level}`], state.root.className);\n state.content.className = mergeClasses(treeItemClassNames.content, contentStyles.base, contentStyles[appearance], contentStyles.focusIndicator, state.isLeaf && contentStyles.leaf, state.content.className);\n if (expandIcon) {\n expandIcon.className = mergeClasses(treeItemClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n }\n if (actions) {\n actions.className = mergeClasses(treeItemClassNames.actions, actionsStyles.base, showActions && actionsStyles.open, actions.className);\n }\n if (subtree) {\n subtree.className = mergeClasses(treeItemClassNames.subtree, subtree.className);\n }\n return state;\n};\nfunction isStaticallyDefinedLevel(level) {\n return level >= 1 && level <= 10;\n}\n//# sourceMappingURL=useTreeItemStyles.js.map"],"names":["treeItemClassNames","expandIconInlineStyles","useTreeItemStyles_unstable","root","content","subtree","expandIcon","actions","useRootStyles","__styles","level1","iytv0q","level2","level3","level4","level5","level6","level7","level8","level9","level10","d","useContentStyles","base","qhf8xq","Bceei9c","mc9l5x","De3pzq","sj55zd","z189sj","uwmqm3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","Ixpawx","Bi91k9c","Jwef8y","B0t702g","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","subtle","transparent","leaf","a","h","f","i","useExpandIconStyles","Bt984gj","Brf1p80","Bf4jedk","B7ck84d","z8tnut","Byoj8tv","useActionsStyles","Frg6f3","open","transform","state","rootStyles","contentStyles","expandIconStyles","actionsStyles","appearance","useTreeContext_unstable","ctx","isActionsVisible","showActions","level","className","mergeClasses","isStaticallyDefinedLevel","isLeaf"],"mappings":"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"}
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
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
|
-
treeItemLayoutClassNames: ()=>treeItemLayoutClassNames,
|
|
13
|
-
useTreeItemLayoutStyles_unstable: ()=>useTreeItemLayoutStyles_unstable
|
|
14
|
-
});
|
|
15
|
-
const _react = require("@griffel/react");
|
|
16
|
-
const _treeContext = require("../../contexts/treeContext");
|
|
17
|
-
const treeItemLayoutClassNames = {
|
|
18
|
-
root: 'fui-TreeItemLayout',
|
|
19
|
-
aside: 'fui-TreeItemLayout__aside',
|
|
20
|
-
iconAfter: 'fui-TreeItemLayout__iconAfter',
|
|
21
|
-
iconBefore: 'fui-TreeItemLayout__iconBefore'
|
|
22
|
-
};
|
|
23
|
-
/**
|
|
24
|
-
* Styles for the root slot
|
|
25
|
-
*/ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
26
|
-
base: {
|
|
27
|
-
mc9l5x: "f22iagw",
|
|
28
|
-
Bt984gj: "f122n59",
|
|
29
|
-
sshi5w: "f1nxs5xn",
|
|
30
|
-
Bh6795r: "fqerorx",
|
|
31
|
-
Bnnss6s: "f1neuvcm",
|
|
32
|
-
xawz: "f1pztt34"
|
|
33
|
-
},
|
|
34
|
-
medium: {
|
|
35
|
-
i8kkvl: "f1rjii52",
|
|
36
|
-
Bahqtrf: "fk6fouc",
|
|
37
|
-
Be2twd7: "fkhj508",
|
|
38
|
-
Bhrd7zp: "figsok6",
|
|
39
|
-
Bg96gwp: "f1i3iumi"
|
|
40
|
-
},
|
|
41
|
-
small: {
|
|
42
|
-
i8kkvl: "f1ufnopg",
|
|
43
|
-
sshi5w: "f1pha7fy",
|
|
44
|
-
Bahqtrf: "fk6fouc",
|
|
45
|
-
Be2twd7: "fy9rknc",
|
|
46
|
-
Bhrd7zp: "figsok6",
|
|
47
|
-
Bg96gwp: "fwrc4pm"
|
|
48
|
-
}
|
|
49
|
-
}, {
|
|
50
|
-
d: [
|
|
51
|
-
".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
|
|
52
|
-
".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
|
|
53
|
-
".f1nxs5xn{min-height:32px;}",
|
|
54
|
-
".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
|
|
55
|
-
".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
|
|
56
|
-
".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}",
|
|
57
|
-
".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}",
|
|
58
|
-
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
59
|
-
".fkhj508{font-size:var(--fontSizeBase300);}",
|
|
60
|
-
".figsok6{font-weight:var(--fontWeightRegular);}",
|
|
61
|
-
".f1i3iumi{line-height:var(--lineHeightBase300);}",
|
|
62
|
-
".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
|
|
63
|
-
".f1pha7fy{min-height:24px;}",
|
|
64
|
-
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
65
|
-
".fwrc4pm{line-height:var(--lineHeightBase200);}"
|
|
66
|
-
]
|
|
67
|
-
});
|
|
68
|
-
/**
|
|
69
|
-
* Styles for the before/after icon slot
|
|
70
|
-
*/ const useIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
71
|
-
base: {
|
|
72
|
-
mc9l5x: "f22iagw",
|
|
73
|
-
Bt984gj: "f122n59",
|
|
74
|
-
sj55zd: "fkfq4zb",
|
|
75
|
-
Bg96gwp: "f106mvju",
|
|
76
|
-
Be2twd7: "f1pp30po"
|
|
77
|
-
}
|
|
78
|
-
}, {
|
|
79
|
-
d: [
|
|
80
|
-
".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
|
|
81
|
-
".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
|
|
82
|
-
".fkfq4zb{color:var(--colorNeutralForeground2);}",
|
|
83
|
-
".f106mvju{line-height:var(--lineHeightBase500);}",
|
|
84
|
-
".f1pp30po{font-size:var(--fontSizeBase500);}"
|
|
85
|
-
]
|
|
86
|
-
});
|
|
87
|
-
/**
|
|
88
|
-
* Styles for the action icon slot
|
|
89
|
-
*/ const useAsideStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
90
|
-
base: {
|
|
91
|
-
mc9l5x: "f22iagw",
|
|
92
|
-
Bt984gj: "f122n59",
|
|
93
|
-
Frg6f3: [
|
|
94
|
-
"fcgxt0o",
|
|
95
|
-
"f1ujusj6"
|
|
96
|
-
],
|
|
97
|
-
z8tnut: "f1g0x7ka",
|
|
98
|
-
z189sj: [
|
|
99
|
-
"fw5db7e",
|
|
100
|
-
"f1uw59to"
|
|
101
|
-
],
|
|
102
|
-
Byoj8tv: "f1qch9an",
|
|
103
|
-
uwmqm3: [
|
|
104
|
-
"f1uw59to",
|
|
105
|
-
"fw5db7e"
|
|
106
|
-
],
|
|
107
|
-
i8kkvl: "f1ufnopg",
|
|
108
|
-
Belr9w4: "f14sijuj"
|
|
109
|
-
}
|
|
110
|
-
}, {
|
|
111
|
-
d: [
|
|
112
|
-
".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
|
|
113
|
-
".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
|
|
114
|
-
".fcgxt0o{margin-left:auto;}",
|
|
115
|
-
".f1ujusj6{margin-right:auto;}",
|
|
116
|
-
".f1g0x7ka{padding-top:0;}",
|
|
117
|
-
".fw5db7e{padding-right:var(--spacingHorizontalM);}",
|
|
118
|
-
".f1uw59to{padding-left:var(--spacingHorizontalM);}",
|
|
119
|
-
".f1qch9an{padding-bottom:0;}",
|
|
120
|
-
".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}",
|
|
121
|
-
".f14sijuj{row-gap:var(--spacingHorizontalXS);}"
|
|
122
|
-
]
|
|
123
|
-
});
|
|
124
|
-
const useTreeItemLayoutStyles_unstable = (state)=>{
|
|
125
|
-
const { iconAfter , iconBefore , aside , root } = state;
|
|
126
|
-
const rootStyles = useRootStyles();
|
|
127
|
-
const iconStyles = useIconStyles();
|
|
128
|
-
const asideStyles = useAsideStyles();
|
|
129
|
-
const size = (0, _treeContext.useTreeContext_unstable)((ctx)=>ctx.size);
|
|
130
|
-
root.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);
|
|
131
|
-
if (iconBefore) {
|
|
132
|
-
iconBefore.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);
|
|
133
|
-
}
|
|
134
|
-
if (iconAfter) {
|
|
135
|
-
iconAfter.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);
|
|
136
|
-
}
|
|
137
|
-
if (aside) {
|
|
138
|
-
aside.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);
|
|
139
|
-
}
|
|
140
|
-
return state;
|
|
141
|
-
}; //# sourceMappingURL=useTreeItemLayoutStyles.js.map
|
|
142
|
-
|
|
143
|
-
//# sourceMappingURL=useTreeItemLayoutStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/TreeItemLayout/useTreeItemLayoutStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nexport const treeItemLayoutClassNames = {\n root: 'fui-TreeItemLayout',\n aside: 'fui-TreeItemLayout__aside',\n iconAfter: 'fui-TreeItemLayout__iconAfter',\n iconBefore: 'fui-TreeItemLayout__iconBefore'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sshi5w: \"f1nxs5xn\",\n Bh6795r: \"fqerorx\",\n Bnnss6s: \"f1neuvcm\",\n xawz: \"f1pztt34\"\n },\n medium: {\n i8kkvl: \"f1rjii52\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n },\n small: {\n i8kkvl: \"f1ufnopg\",\n sshi5w: \"f1pha7fy\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}\", \".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n sj55zd: \"fkfq4zb\",\n Bg96gwp: \"f106mvju\",\n Be2twd7: \"f1pp30po\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"f22iagw\",\n Bt984gj: \"f122n59\",\n Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fw5db7e\", \"f1uw59to\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n i8kkvl: \"f1ufnopg\",\n Belr9w4: \"f14sijuj\"\n }\n}, {\n d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n const {\n iconAfter,\n iconBefore,\n aside,\n root\n } = state;\n const rootStyles = useRootStyles();\n const iconStyles = useIconStyles();\n const asideStyles = useAsideStyles();\n const size = useTreeContext_unstable(ctx => ctx.size);\n root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);\n if (iconBefore) {\n iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);\n }\n if (iconAfter) {\n iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);\n }\n if (aside) {\n aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n }\n return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","aside","iconAfter","iconBefore","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","Bh6795r","Bnnss6s","xawz","medium","i8kkvl","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","d","useIconStyles","sj55zd","useAsideStyles","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","Belr9w4","state","rootStyles","iconStyles","asideStyles","size","useTreeContext_unstable","ctx","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAuEAC,gCAAgC,MAAhCA;;uBA1EsC;6BAEX;AACjC,MAAMD,2BAA2B;IACtCE,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,YAAY;AACd;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAC,QAAQ;QACNC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;IACAC,OAAO;QACLL,QAAQ;QACRL,QAAQ;QACRM,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAqF;QAAuE;QAA2E;QAA2G;QAAgD;QAA+C;QAAmD;QAAoD;QAAmG;QAA+B;QAA+C;KAAkD;AACn+B;AACA;;CAEC,GACD,MAAMC,gBAAgB,WAAW,GAAEhB,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTc,QAAQ;QACRJ,SAAS;QACTF,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAwF;QAA2G;QAAmD;QAAoD;KAA+C;AAC/V;AACA;;CAEC,GACD,MAAMG,iBAAiB,WAAW,GAAElB,IAAAA,kBAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTgB,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/Bd,QAAQ;QACRe,SAAS;IACX;AACF,GAAG;IACDT,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAA6B;QAAsD;QAAsD;QAAgC;QAAmG;KAAiD;AACtkB;AAIO,MAAMrB,mCAAmC+B,CAAAA,QAAS;IACvD,MAAM,EACJ5B,UAAS,EACTC,WAAU,EACVF,MAAK,EACLD,KAAI,EACL,GAAG8B;IACJ,MAAMC,aAAa3B;IACnB,MAAM4B,aAAaX;IACnB,MAAMY,cAAcV;IACpB,MAAMW,OAAOC,IAAAA,oCAAuB,EAACC,CAAAA,MAAOA,IAAIF,IAAI;IACpDlC,KAAKqC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBE,IAAI,EAAE+B,WAAWzB,IAAI,EAAEyB,UAAU,CAACG,KAAK,EAAElC,KAAKqC,SAAS;IAC9G,IAAIlC,YAAY;QACdA,WAAWkC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBK,UAAU,EAAE6B,WAAW1B,IAAI,EAAEH,WAAWkC,SAAS;IAChH,CAAC;IACD,IAAInC,WAAW;QACbA,UAAUmC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBI,SAAS,EAAE8B,WAAW1B,IAAI,EAAEJ,UAAUmC,SAAS;IAC7G,CAAC;IACD,IAAIpC,OAAO;QACTA,MAAMoC,SAAS,GAAGC,IAAAA,mBAAY,EAACxC,yBAAyBG,KAAK,EAAEgC,YAAY3B,IAAI,EAAEL,MAAMoC,SAAS;IAClG,CAAC;IACD,OAAOP;AACT,GACA,mDAAmD"}
|