@fluentui/react-tree 9.0.0-beta.8 → 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 +1608 -1
- package/CHANGELOG.md +430 -2
- package/LICENSE +1 -1
- package/dist/index.d.ts +404 -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 +53 -27
- 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 +8 -17
- 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 -69
- 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 -78
- 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
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useRootTree", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useRootTree
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
12
|
+
const _reactDom = /*#__PURE__*/ _interopRequireWildcard(require("react-dom"));
|
|
13
|
+
const _createOpenItems = require("../utils/createOpenItems");
|
|
14
|
+
const _createCheckedItems = require("../utils/createCheckedItems");
|
|
15
|
+
const _tokens = require("../utils/tokens");
|
|
16
|
+
function useRootTree(props, ref) {
|
|
17
|
+
warnIfNoProperPropsRootTree(props);
|
|
18
|
+
const { appearance ='subtle' , size ='medium' , selectionMode ='none' } = props;
|
|
19
|
+
const openItems = _react.useMemo(()=>(0, _createOpenItems.createOpenItems)(props.openItems), [
|
|
20
|
+
props.openItems
|
|
21
|
+
]);
|
|
22
|
+
const checkedItems = _react.useMemo(()=>(0, _createCheckedItems.createCheckedItems)(props.checkedItems), [
|
|
23
|
+
props.checkedItems
|
|
24
|
+
]);
|
|
25
|
+
const requestOpenChange = (data)=>{
|
|
26
|
+
var _props_onOpenChange;
|
|
27
|
+
return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, data.event, data);
|
|
28
|
+
};
|
|
29
|
+
const requestCheckedChange = (data)=>{
|
|
30
|
+
var _props_onCheckedChange;
|
|
31
|
+
return (_props_onCheckedChange = props.onCheckedChange) === null || _props_onCheckedChange === void 0 ? void 0 : _props_onCheckedChange.call(props, data.event, data);
|
|
32
|
+
};
|
|
33
|
+
const requestNavigation = (data)=>{
|
|
34
|
+
var _props_onNavigation;
|
|
35
|
+
(_props_onNavigation = props.onNavigation) === null || _props_onNavigation === void 0 ? void 0 : _props_onNavigation.call(props, data.event, data);
|
|
36
|
+
switch(data.type){
|
|
37
|
+
case _tokens.treeDataTypes.ArrowDown:
|
|
38
|
+
case _tokens.treeDataTypes.ArrowUp:
|
|
39
|
+
case _tokens.treeDataTypes.Home:
|
|
40
|
+
case _tokens.treeDataTypes.End:
|
|
41
|
+
// stop the default behavior of the event
|
|
42
|
+
// which is to scroll the page
|
|
43
|
+
data.event.preventDefault();
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
const requestTreeResponse = (0, _reactUtilities.useEventCallback)((request)=>{
|
|
47
|
+
switch(request.type){
|
|
48
|
+
case _tokens.treeDataTypes.Click:
|
|
49
|
+
case _tokens.treeDataTypes.ExpandIconClick:
|
|
50
|
+
{
|
|
51
|
+
return _reactDom.unstable_batchedUpdates(()=>{
|
|
52
|
+
requestOpenChange({
|
|
53
|
+
...request,
|
|
54
|
+
open: request.itemType === 'branch' && !openItems.has(request.value),
|
|
55
|
+
openItems: openItems.dangerouslyGetInternalSet_unstable()
|
|
56
|
+
});
|
|
57
|
+
requestNavigation({
|
|
58
|
+
...request,
|
|
59
|
+
type: _tokens.treeDataTypes.Click
|
|
60
|
+
});
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
case _tokens.treeDataTypes.ArrowRight:
|
|
64
|
+
{
|
|
65
|
+
if (request.itemType === 'leaf') {
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
const open = openItems.has(request.value);
|
|
69
|
+
if (!open) {
|
|
70
|
+
return requestOpenChange({
|
|
71
|
+
...request,
|
|
72
|
+
open: true,
|
|
73
|
+
openItems: openItems.dangerouslyGetInternalSet_unstable()
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
return requestNavigation(request);
|
|
77
|
+
}
|
|
78
|
+
case _tokens.treeDataTypes.Enter:
|
|
79
|
+
{
|
|
80
|
+
const open = openItems.has(request.value);
|
|
81
|
+
return requestOpenChange({
|
|
82
|
+
...request,
|
|
83
|
+
open: request.itemType === 'branch' && !open,
|
|
84
|
+
openItems: openItems.dangerouslyGetInternalSet_unstable()
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
case _tokens.treeDataTypes.ArrowLeft:
|
|
88
|
+
{
|
|
89
|
+
const open = openItems.has(request.value);
|
|
90
|
+
if (open && request.itemType === 'branch') {
|
|
91
|
+
return requestOpenChange({
|
|
92
|
+
...request,
|
|
93
|
+
open: false,
|
|
94
|
+
type: _tokens.treeDataTypes.ArrowLeft,
|
|
95
|
+
openItems: openItems.dangerouslyGetInternalSet_unstable()
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
return requestNavigation({
|
|
99
|
+
...request,
|
|
100
|
+
type: _tokens.treeDataTypes.ArrowLeft
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
case _tokens.treeDataTypes.End:
|
|
104
|
+
case _tokens.treeDataTypes.Home:
|
|
105
|
+
case _tokens.treeDataTypes.ArrowUp:
|
|
106
|
+
case _tokens.treeDataTypes.ArrowDown:
|
|
107
|
+
case _tokens.treeDataTypes.TypeAhead:
|
|
108
|
+
return requestNavigation({
|
|
109
|
+
...request,
|
|
110
|
+
target: request.event.currentTarget
|
|
111
|
+
});
|
|
112
|
+
case _tokens.treeDataTypes.Change:
|
|
113
|
+
{
|
|
114
|
+
return requestCheckedChange({
|
|
115
|
+
...request,
|
|
116
|
+
selectionMode: selectionMode,
|
|
117
|
+
checkedItems: checkedItems.dangerouslyGetInternalMap_unstable()
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
return {
|
|
123
|
+
components: {
|
|
124
|
+
root: 'div'
|
|
125
|
+
},
|
|
126
|
+
selectionMode,
|
|
127
|
+
open: true,
|
|
128
|
+
appearance,
|
|
129
|
+
size,
|
|
130
|
+
level: 1,
|
|
131
|
+
openItems,
|
|
132
|
+
checkedItems,
|
|
133
|
+
requestTreeResponse,
|
|
134
|
+
root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
|
|
135
|
+
ref,
|
|
136
|
+
role: 'tree',
|
|
137
|
+
'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,
|
|
138
|
+
...props
|
|
139
|
+
}), {
|
|
140
|
+
elementType: 'div'
|
|
141
|
+
})
|
|
142
|
+
};
|
|
143
|
+
}
|
|
144
|
+
function warnIfNoProperPropsRootTree(props) {
|
|
145
|
+
if (process.env.NODE_ENV === 'development') {
|
|
146
|
+
if (!props['aria-label'] && !props['aria-labelledby']) {
|
|
147
|
+
// eslint-disable-next-line no-console
|
|
148
|
+
console.warn('Tree must have either a `aria-label` or `aria-labelledby` property defined');
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useRootTree.js"],"sourcesContent":["import { getNativeElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createOpenItems } from '../utils/createOpenItems';\nimport { createCheckedItems } from '../utils/createCheckedItems';\nimport { treeDataTypes } from '../utils/tokens';\n/**\n * Create the state required to render the root level tree.\n *\n * @param props - props from this instance of tree\n * @param ref - reference to root HTMLElement of tree\n */ export function useRootTree(props, ref) {\n warnIfNoProperPropsRootTree(props);\n const { appearance ='subtle' , size ='medium' , selectionMode ='none' } = props;\n const openItems = React.useMemo(()=>createOpenItems(props.openItems), [\n props.openItems\n ]);\n const checkedItems = React.useMemo(()=>createCheckedItems(props.checkedItems), [\n props.checkedItems\n ]);\n const requestOpenChange = (data)=>{\n var _props_onOpenChange;\n return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, data.event, data);\n };\n const requestCheckedChange = (data)=>{\n var _props_onCheckedChange;\n return (_props_onCheckedChange = props.onCheckedChange) === null || _props_onCheckedChange === void 0 ? void 0 : _props_onCheckedChange.call(props, data.event, data);\n };\n const requestNavigation = (data)=>{\n var _props_onNavigation;\n (_props_onNavigation = props.onNavigation) === null || _props_onNavigation === void 0 ? void 0 : _props_onNavigation.call(props, data.event, data);\n switch(data.type){\n case treeDataTypes.ArrowDown:\n case treeDataTypes.ArrowUp:\n case treeDataTypes.Home:\n case treeDataTypes.End:\n // stop the default behavior of the event\n // which is to scroll the page\n data.event.preventDefault();\n }\n };\n const requestTreeResponse = useEventCallback((request)=>{\n switch(request.type){\n case treeDataTypes.Click:\n case treeDataTypes.ExpandIconClick:\n {\n return ReactDOM.unstable_batchedUpdates(()=>{\n requestOpenChange({\n ...request,\n open: request.itemType === 'branch' && !openItems.has(request.value),\n openItems: openItems.dangerouslyGetInternalSet_unstable()\n });\n requestNavigation({\n ...request,\n type: treeDataTypes.Click\n });\n });\n }\n case treeDataTypes.ArrowRight:\n {\n if (request.itemType === 'leaf') {\n return;\n }\n const open = openItems.has(request.value);\n if (!open) {\n return requestOpenChange({\n ...request,\n open: true,\n openItems: openItems.dangerouslyGetInternalSet_unstable()\n });\n }\n return requestNavigation(request);\n }\n case treeDataTypes.Enter:\n {\n const open = openItems.has(request.value);\n return requestOpenChange({\n ...request,\n open: request.itemType === 'branch' && !open,\n openItems: openItems.dangerouslyGetInternalSet_unstable()\n });\n }\n case treeDataTypes.ArrowLeft:\n {\n const open = openItems.has(request.value);\n if (open && request.itemType === 'branch') {\n return requestOpenChange({\n ...request,\n open: false,\n type: treeDataTypes.ArrowLeft,\n openItems: openItems.dangerouslyGetInternalSet_unstable()\n });\n }\n return requestNavigation({\n ...request,\n type: treeDataTypes.ArrowLeft\n });\n }\n case treeDataTypes.End:\n case treeDataTypes.Home:\n case treeDataTypes.ArrowUp:\n case treeDataTypes.ArrowDown:\n case treeDataTypes.TypeAhead:\n return requestNavigation({\n ...request,\n target: request.event.currentTarget\n });\n case treeDataTypes.Change:\n {\n return requestCheckedChange({\n ...request,\n selectionMode: selectionMode,\n checkedItems: checkedItems.dangerouslyGetInternalMap_unstable()\n });\n }\n }\n });\n return {\n components: {\n root: 'div'\n },\n selectionMode,\n open: true,\n appearance,\n size,\n level: 1,\n openItems,\n checkedItems,\n requestTreeResponse,\n root: slot.always(getNativeElementProps('div', {\n ref,\n role: 'tree',\n 'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n ...props\n }), {\n elementType: 'div'\n })\n };\n}\nfunction warnIfNoProperPropsRootTree(props) {\n if (process.env.NODE_ENV === 'development') {\n if (!props['aria-label'] && !props['aria-labelledby']) {\n // eslint-disable-next-line no-console\n console.warn('Tree must have either a `aria-label` or `aria-labelledby` property defined');\n }\n }\n}\n"],"names":["useRootTree","props","ref","warnIfNoProperPropsRootTree","appearance","size","selectionMode","openItems","React","useMemo","createOpenItems","checkedItems","createCheckedItems","requestOpenChange","data","_props_onOpenChange","onOpenChange","call","event","requestCheckedChange","_props_onCheckedChange","onCheckedChange","requestNavigation","_props_onNavigation","onNavigation","type","treeDataTypes","ArrowDown","ArrowUp","Home","End","preventDefault","requestTreeResponse","useEventCallback","request","Click","ExpandIconClick","ReactDOM","unstable_batchedUpdates","open","itemType","has","value","dangerouslyGetInternalSet_unstable","ArrowRight","Enter","ArrowLeft","TypeAhead","target","currentTarget","Change","dangerouslyGetInternalMap_unstable","components","root","level","slot","always","getNativeElementProps","role","undefined","elementType","process","env","NODE_ENV","console","warn"],"mappings":";;;;+BAWoBA;;aAAAA;;;gCAX0C;6DACvC;gEACG;iCACM;oCACG;wBACL;AAMnB,SAASA,YAAYC,KAAK,EAAEC,GAAG,EAAE;IACxCC,4BAA4BF;IAC5B,MAAM,EAAEG,YAAY,SAAQ,EAAGC,MAAM,SAAQ,EAAGC,eAAe,OAAM,EAAG,GAAGL;IAC3E,MAAMM,YAAYC,OAAMC,OAAO,CAAC,IAAIC,IAAAA,gCAAe,EAACT,MAAMM,SAAS,GAAG;QAClEN,MAAMM,SAAS;KAClB;IACD,MAAMI,eAAeH,OAAMC,OAAO,CAAC,IAAIG,IAAAA,sCAAkB,EAACX,MAAMU,YAAY,GAAG;QAC3EV,MAAMU,YAAY;KACrB;IACD,MAAME,oBAAoB,CAACC,OAAO;QAC9B,IAAIC;QACJ,OAAO,AAACA,CAAAA,sBAAsBd,MAAMe,YAAY,AAAD,MAAO,IAAI,IAAID,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBE,IAAI,CAAChB,OAAOa,KAAKI,KAAK,EAAEJ,KAAK;IAC7J;IACA,MAAMK,uBAAuB,CAACL,OAAO;QACjC,IAAIM;QACJ,OAAO,AAACA,CAAAA,yBAAyBnB,MAAMoB,eAAe,AAAD,MAAO,IAAI,IAAID,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBH,IAAI,CAAChB,OAAOa,KAAKI,KAAK,EAAEJ,KAAK;IACzK;IACA,MAAMQ,oBAAoB,CAACR,OAAO;QAC9B,IAAIS;QACHA,CAAAA,sBAAsBtB,MAAMuB,YAAY,AAAD,MAAO,IAAI,IAAID,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBN,IAAI,CAAChB,OAAOa,KAAKI,KAAK,EAAEJ,KAAK;QAClJ,OAAOA,KAAKW,IAAI;YACZ,KAAKC,qBAAa,CAACC,SAAS;YAC5B,KAAKD,qBAAa,CAACE,OAAO;YAC1B,KAAKF,qBAAa,CAACG,IAAI;YACvB,KAAKH,qBAAa,CAACI,GAAG;gBAClB,yCAAyC;gBACzC,8BAA8B;gBAC9BhB,KAAKI,KAAK,CAACa,cAAc;QACjC;IACJ;IACA,MAAMC,sBAAsBC,IAAAA,gCAAgB,EAAC,CAACC,UAAU;QACpD,OAAOA,QAAQT,IAAI;YACf,KAAKC,qBAAa,CAACS,KAAK;YACxB,KAAKT,qBAAa,CAACU,eAAe;gBAC9B;oBACI,OAAOC,UAASC,uBAAuB,CAAC,IAAI;wBACxCzB,kBAAkB;4BACd,GAAGqB,OAAO;4BACVK,MAAML,QAAQM,QAAQ,KAAK,YAAY,CAACjC,UAAUkC,GAAG,CAACP,QAAQQ,KAAK;4BACnEnC,WAAWA,UAAUoC,kCAAkC;wBAC3D;wBACArB,kBAAkB;4BACd,GAAGY,OAAO;4BACVT,MAAMC,qBAAa,CAACS,KAAK;wBAC7B;oBACJ;gBACJ;YACJ,KAAKT,qBAAa,CAACkB,UAAU;gBACzB;oBACI,IAAIV,QAAQM,QAAQ,KAAK,QAAQ;wBAC7B;oBACJ,CAAC;oBACD,MAAMD,OAAOhC,UAAUkC,GAAG,CAACP,QAAQQ,KAAK;oBACxC,IAAI,CAACH,MAAM;wBACP,OAAO1B,kBAAkB;4BACrB,GAAGqB,OAAO;4BACVK,MAAM,IAAI;4BACVhC,WAAWA,UAAUoC,kCAAkC;wBAC3D;oBACJ,CAAC;oBACD,OAAOrB,kBAAkBY;gBAC7B;YACJ,KAAKR,qBAAa,CAACmB,KAAK;gBACpB;oBACI,MAAMN,OAAOhC,UAAUkC,GAAG,CAACP,QAAQQ,KAAK;oBACxC,OAAO7B,kBAAkB;wBACrB,GAAGqB,OAAO;wBACVK,MAAML,QAAQM,QAAQ,KAAK,YAAY,CAACD;wBACxChC,WAAWA,UAAUoC,kCAAkC;oBAC3D;gBACJ;YACJ,KAAKjB,qBAAa,CAACoB,SAAS;gBACxB;oBACI,MAAMP,OAAOhC,UAAUkC,GAAG,CAACP,QAAQQ,KAAK;oBACxC,IAAIH,QAAQL,QAAQM,QAAQ,KAAK,UAAU;wBACvC,OAAO3B,kBAAkB;4BACrB,GAAGqB,OAAO;4BACVK,MAAM,KAAK;4BACXd,MAAMC,qBAAa,CAACoB,SAAS;4BAC7BvC,WAAWA,UAAUoC,kCAAkC;wBAC3D;oBACJ,CAAC;oBACD,OAAOrB,kBAAkB;wBACrB,GAAGY,OAAO;wBACVT,MAAMC,qBAAa,CAACoB,SAAS;oBACjC;gBACJ;YACJ,KAAKpB,qBAAa,CAACI,GAAG;YACtB,KAAKJ,qBAAa,CAACG,IAAI;YACvB,KAAKH,qBAAa,CAACE,OAAO;YAC1B,KAAKF,qBAAa,CAACC,SAAS;YAC5B,KAAKD,qBAAa,CAACqB,SAAS;gBACxB,OAAOzB,kBAAkB;oBACrB,GAAGY,OAAO;oBACVc,QAAQd,QAAQhB,KAAK,CAAC+B,aAAa;gBACvC;YACJ,KAAKvB,qBAAa,CAACwB,MAAM;gBACrB;oBACI,OAAO/B,qBAAqB;wBACxB,GAAGe,OAAO;wBACV5B,eAAeA;wBACfK,cAAcA,aAAawC,kCAAkC;oBACjE;gBACJ;QACR;IACJ;IACA,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACA/C;QACAiC,MAAM,IAAI;QACVnC;QACAC;QACAiD,OAAO;QACP/C;QACAI;QACAqB;QACAqB,MAAME,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CvD;YACAwD,MAAM;YACN,wBAAwBpD,kBAAkB,gBAAgB,IAAI,GAAGqD,SAAS;YAC1E,GAAG1D,KAAK;QACZ,IAAI;YACA2D,aAAa;QACjB;IACJ;AACJ;AACA,SAASzD,4BAA4BF,KAAK,EAAE;IACxC,IAAI4D,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QACxC,IAAI,CAAC9D,KAAK,CAAC,aAAa,IAAI,CAACA,KAAK,CAAC,kBAAkB,EAAE;YACnD,sCAAsC;YACtC+D,QAAQC,IAAI,CAAC;QACjB,CAAC;IACL,CAAC;AACL"}
|
|
@@ -7,32 +7,15 @@ Object.defineProperty(exports, "useRovingTabIndex", {
|
|
|
7
7
|
get: ()=>useRovingTabIndex
|
|
8
8
|
});
|
|
9
9
|
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
-
const _reactUtilities = require("@fluentui/react-utilities");
|
|
11
10
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
12
|
-
const _useHTMLElementWalker = require("./useHTMLElementWalker");
|
|
13
11
|
function useRovingTabIndex(filter) {
|
|
14
12
|
const currentElementRef = _react.useRef();
|
|
15
|
-
const
|
|
16
|
-
const rootRefCallback = (element)=>{
|
|
17
|
-
if (!element) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
reset();
|
|
21
|
-
};
|
|
22
|
-
function reset() {
|
|
23
|
-
if (!walkerRef.current) {
|
|
24
|
-
return;
|
|
25
|
-
}
|
|
26
|
-
const walker = walkerRef.current;
|
|
13
|
+
const initialize = _react.useCallback((walker)=>{
|
|
27
14
|
walker.currentElement = walker.root;
|
|
28
15
|
let tabbableChild = walker.firstChild((element)=>element.tabIndex === 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);
|
|
29
16
|
walker.currentElement = walker.root;
|
|
30
17
|
tabbableChild !== null && tabbableChild !== void 0 ? tabbableChild : tabbableChild = walker.firstChild();
|
|
31
18
|
if (!tabbableChild) {
|
|
32
|
-
if (process.env.NODE_ENV === 'development') {
|
|
33
|
-
// eslint-disable-next-line no-console
|
|
34
|
-
console.warn('useRovingTabIndexes: internal error, no tabbable element was found');
|
|
35
|
-
}
|
|
36
19
|
return;
|
|
37
20
|
}
|
|
38
21
|
tabbableChild.tabIndex = 0;
|
|
@@ -41,8 +24,8 @@ function useRovingTabIndex(filter) {
|
|
|
41
24
|
while((nextElement = walker.nextElement()) && nextElement !== tabbableChild){
|
|
42
25
|
nextElement.tabIndex = -1;
|
|
43
26
|
}
|
|
44
|
-
}
|
|
45
|
-
|
|
27
|
+
}, []);
|
|
28
|
+
const rove = _react.useCallback((nextElement)=>{
|
|
46
29
|
if (!currentElementRef.current) {
|
|
47
30
|
return;
|
|
48
31
|
}
|
|
@@ -50,14 +33,9 @@ function useRovingTabIndex(filter) {
|
|
|
50
33
|
nextElement.tabIndex = 0;
|
|
51
34
|
nextElement.focus();
|
|
52
35
|
currentElementRef.current = nextElement;
|
|
53
|
-
}
|
|
54
|
-
return
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
(0, _reactUtilities.useMergedRefs)(rootRef, rootRefCallback)
|
|
60
|
-
];
|
|
61
|
-
} //# sourceMappingURL=useRovingTabIndexes.js.map
|
|
62
|
-
|
|
63
|
-
//# sourceMappingURL=useRovingTabIndexes.js.map
|
|
36
|
+
}, []);
|
|
37
|
+
return {
|
|
38
|
+
rove,
|
|
39
|
+
initialize
|
|
40
|
+
};
|
|
41
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["useRovingTabIndexes.js"],"sourcesContent":["import * as React from 'react';\n/**\n * https://www.w3.org/WAI/ARIA/apg/practices/keyboard-interface/#kbd_roving_tabindex\n */ export function useRovingTabIndex(filter) {\n const currentElementRef = React.useRef();\n const initialize = React.useCallback((walker)=>{\n walker.currentElement = walker.root;\n let tabbableChild = walker.firstChild((element)=>element.tabIndex === 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP);\n walker.currentElement = walker.root;\n tabbableChild !== null && tabbableChild !== void 0 ? tabbableChild : tabbableChild = walker.firstChild();\n if (!tabbableChild) {\n return;\n }\n tabbableChild.tabIndex = 0;\n currentElementRef.current = tabbableChild;\n let nextElement = null;\n while((nextElement = walker.nextElement()) && nextElement !== tabbableChild){\n nextElement.tabIndex = -1;\n }\n }, []);\n const rove = React.useCallback((nextElement)=>{\n if (!currentElementRef.current) {\n return;\n }\n currentElementRef.current.tabIndex = -1;\n nextElement.tabIndex = 0;\n nextElement.focus();\n currentElementRef.current = nextElement;\n }, []);\n return {\n rove,\n initialize\n };\n}\n"],"names":["useRovingTabIndex","filter","currentElementRef","React","useRef","initialize","useCallback","walker","currentElement","root","tabbableChild","firstChild","element","tabIndex","NodeFilter","FILTER_ACCEPT","FILTER_SKIP","current","nextElement","rove","focus"],"mappings":";;;;+BAGoBA;;aAAAA;;;6DAHG;AAGZ,SAASA,kBAAkBC,MAAM,EAAE;IAC1C,MAAMC,oBAAoBC,OAAMC,MAAM;IACtC,MAAMC,aAAaF,OAAMG,WAAW,CAAC,CAACC,SAAS;QAC3CA,OAAOC,cAAc,GAAGD,OAAOE,IAAI;QACnC,IAAIC,gBAAgBH,OAAOI,UAAU,CAAC,CAACC,UAAUA,QAAQC,QAAQ,KAAK,IAAIC,WAAWC,aAAa,GAAGD,WAAWE,WAAW;QAC3HT,OAAOC,cAAc,GAAGD,OAAOE,IAAI;QACnCC,kBAAkB,IAAI,IAAIA,kBAAkB,KAAK,IAAIA,gBAAgBA,gBAAgBH,OAAOI,UAAU,EAAE;QACxG,IAAI,CAACD,eAAe;YAChB;QACJ,CAAC;QACDA,cAAcG,QAAQ,GAAG;QACzBX,kBAAkBe,OAAO,GAAGP;QAC5B,IAAIQ,cAAc,IAAI;QACtB,MAAM,AAACA,CAAAA,cAAcX,OAAOW,WAAW,EAAC,KAAMA,gBAAgBR,cAAc;YACxEQ,YAAYL,QAAQ,GAAG,CAAC;QAC5B;IACJ,GAAG,EAAE;IACL,MAAMM,OAAOhB,OAAMG,WAAW,CAAC,CAACY,cAAc;QAC1C,IAAI,CAAChB,kBAAkBe,OAAO,EAAE;YAC5B;QACJ,CAAC;QACDf,kBAAkBe,OAAO,CAACJ,QAAQ,GAAG,CAAC;QACtCK,YAAYL,QAAQ,GAAG;QACvBK,YAAYE,KAAK;QACjBlB,kBAAkBe,OAAO,GAAGC;IAChC,GAAG,EAAE;IACL,OAAO;QACHC;QACAd;IACJ;AACJ"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useSubtree", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useSubtree
|
|
8
|
+
});
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _index = require("../contexts/index");
|
|
12
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
13
|
+
function useSubtree(props, ref) {
|
|
14
|
+
const contextAppearance = (0, _index.useTreeContext_unstable)((ctx)=>ctx.appearance);
|
|
15
|
+
const contextSize = (0, _index.useTreeContext_unstable)((ctx)=>ctx.size);
|
|
16
|
+
const subtreeRef = (0, _index.useTreeItemContext_unstable)((ctx)=>ctx.subtreeRef);
|
|
17
|
+
const value = (0, _index.useTreeItemContext_unstable)((ctx)=>ctx.value);
|
|
18
|
+
const { appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'subtle' , size =contextSize !== null && contextSize !== void 0 ? contextSize : 'medium' } = props;
|
|
19
|
+
const parentLevel = (0, _index.useTreeContext_unstable)((ctx)=>ctx.level);
|
|
20
|
+
const selectionMode = (0, _index.useTreeContext_unstable)((ctx)=>ctx.selectionMode);
|
|
21
|
+
const openItems = (0, _index.useTreeContext_unstable)((ctx)=>ctx.openItems);
|
|
22
|
+
const checkedItems = (0, _index.useTreeContext_unstable)((ctx)=>ctx.checkedItems);
|
|
23
|
+
const requestTreeResponse = (0, _index.useTreeContext_unstable)((ctx)=>ctx.requestTreeResponse);
|
|
24
|
+
const open = openItems.has(value);
|
|
25
|
+
return {
|
|
26
|
+
open,
|
|
27
|
+
components: {
|
|
28
|
+
root: 'div'
|
|
29
|
+
},
|
|
30
|
+
appearance,
|
|
31
|
+
size,
|
|
32
|
+
selectionMode,
|
|
33
|
+
level: parentLevel + 1,
|
|
34
|
+
root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
|
|
35
|
+
ref: (0, _reactUtilities.useMergedRefs)(ref, subtreeRef),
|
|
36
|
+
role: 'group',
|
|
37
|
+
...props
|
|
38
|
+
}), {
|
|
39
|
+
elementType: 'div'
|
|
40
|
+
}),
|
|
41
|
+
openItems,
|
|
42
|
+
checkedItems,
|
|
43
|
+
requestTreeResponse
|
|
44
|
+
};
|
|
45
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useSubtree.js"],"sourcesContent":["import * as React from 'react';\nimport { useTreeContext_unstable, useTreeItemContext_unstable } from '../contexts/index';\nimport { getNativeElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render a sub-level tree.\n *\n * @param props - props from this instance of tree\n * @param ref - reference to root HTMLElement of tree\n */ export function useSubtree(props, ref) {\n const contextAppearance = useTreeContext_unstable((ctx)=>ctx.appearance);\n const contextSize = useTreeContext_unstable((ctx)=>ctx.size);\n const subtreeRef = useTreeItemContext_unstable((ctx)=>ctx.subtreeRef);\n const value = useTreeItemContext_unstable((ctx)=>ctx.value);\n const { appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'subtle' , size =contextSize !== null && contextSize !== void 0 ? contextSize : 'medium' } = props;\n const parentLevel = useTreeContext_unstable((ctx)=>ctx.level);\n const selectionMode = useTreeContext_unstable((ctx)=>ctx.selectionMode);\n const openItems = useTreeContext_unstable((ctx)=>ctx.openItems);\n const checkedItems = useTreeContext_unstable((ctx)=>ctx.checkedItems);\n const requestTreeResponse = useTreeContext_unstable((ctx)=>ctx.requestTreeResponse);\n const open = openItems.has(value);\n return {\n open,\n components: {\n root: 'div'\n },\n appearance,\n size,\n selectionMode,\n level: parentLevel + 1,\n root: slot.always(getNativeElementProps('div', {\n ref: useMergedRefs(ref, subtreeRef),\n role: 'group',\n ...props\n }), {\n elementType: 'div'\n }),\n openItems,\n checkedItems,\n requestTreeResponse\n };\n}\n"],"names":["useSubtree","props","ref","contextAppearance","useTreeContext_unstable","ctx","appearance","contextSize","size","subtreeRef","useTreeItemContext_unstable","value","parentLevel","level","selectionMode","openItems","checkedItems","requestTreeResponse","open","has","components","root","slot","always","getNativeElementProps","useMergedRefs","role","elementType"],"mappings":";;;;+BAQoBA;;aAAAA;;;6DARG;uBAC8C;gCACV;AAMhD,SAASA,WAAWC,KAAK,EAAEC,GAAG,EAAE;IACvC,MAAMC,oBAAoBC,IAAAA,8BAAuB,EAAC,CAACC,MAAMA,IAAIC,UAAU;IACvE,MAAMC,cAAcH,IAAAA,8BAAuB,EAAC,CAACC,MAAMA,IAAIG,IAAI;IAC3D,MAAMC,aAAaC,IAAAA,kCAA2B,EAAC,CAACL,MAAMA,IAAII,UAAU;IACpE,MAAME,QAAQD,IAAAA,kCAA2B,EAAC,CAACL,MAAMA,IAAIM,KAAK;IAC1D,MAAM,EAAEL,YAAYH,sBAAsB,IAAI,IAAIA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,CAAA,EAAGK,MAAMD,gBAAgB,IAAI,IAAIA,gBAAgB,KAAK,IAAIA,cAAc,QAAQ,CAAA,EAAG,GAAGN;IACnM,MAAMW,cAAcR,IAAAA,8BAAuB,EAAC,CAACC,MAAMA,IAAIQ,KAAK;IAC5D,MAAMC,gBAAgBV,IAAAA,8BAAuB,EAAC,CAACC,MAAMA,IAAIS,aAAa;IACtE,MAAMC,YAAYX,IAAAA,8BAAuB,EAAC,CAACC,MAAMA,IAAIU,SAAS;IAC9D,MAAMC,eAAeZ,IAAAA,8BAAuB,EAAC,CAACC,MAAMA,IAAIW,YAAY;IACpE,MAAMC,sBAAsBb,IAAAA,8BAAuB,EAAC,CAACC,MAAMA,IAAIY,mBAAmB;IAClF,MAAMC,OAAOH,UAAUI,GAAG,CAACR;IAC3B,OAAO;QACHO;QACAE,YAAY;YACRC,MAAM;QACV;QACAf;QACAE;QACAM;QACAD,OAAOD,cAAc;QACrBS,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CtB,KAAKuB,IAAAA,6BAAa,EAACvB,KAAKO;YACxBiB,MAAM;YACN,GAAGzB,KAAK;QACZ,IAAI;YACA0B,aAAa;QACjB;QACAZ;QACAC;QACAC;IACJ;AACJ"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -11,10 +11,17 @@ function _export(target, all) {
|
|
|
11
11
|
_export(exports, {
|
|
12
12
|
Tree: ()=>_tree.Tree,
|
|
13
13
|
treeClassNames: ()=>_tree.treeClassNames,
|
|
14
|
-
renderTree_unstable: ()=>_tree.renderTree_unstable,
|
|
15
|
-
useTreeStyles_unstable: ()=>_tree.useTreeStyles_unstable,
|
|
16
14
|
useTree_unstable: ()=>_tree.useTree_unstable,
|
|
15
|
+
useTreeStyles_unstable: ()=>_tree.useTreeStyles_unstable,
|
|
17
16
|
useTreeContextValues_unstable: ()=>_tree.useTreeContextValues_unstable,
|
|
17
|
+
renderTree_unstable: ()=>_tree.renderTree_unstable,
|
|
18
|
+
FlatTree: ()=>_flatTree.FlatTree,
|
|
19
|
+
flatTreeClassNames: ()=>_flatTree.flatTreeClassNames,
|
|
20
|
+
useFlatTree_unstable: ()=>_flatTree.useFlatTree_unstable,
|
|
21
|
+
useFlatTreeStyles_unstable: ()=>_flatTree.useFlatTreeStyles_unstable,
|
|
22
|
+
useFlatTreeContextValues_unstable: ()=>_flatTree.useFlatTreeContextValues_unstable,
|
|
23
|
+
renderFlatTree_unstable: ()=>_flatTree.renderFlatTree_unstable,
|
|
24
|
+
useHeadlessFlatTree_unstable: ()=>_flatTree.useHeadlessFlatTree_unstable,
|
|
18
25
|
TreeProvider: ()=>_contexts.TreeProvider,
|
|
19
26
|
useTreeContext_unstable: ()=>_contexts.useTreeContext_unstable,
|
|
20
27
|
useTreeItemContext_unstable: ()=>_contexts.useTreeItemContext_unstable,
|
|
@@ -24,6 +31,7 @@ _export(exports, {
|
|
|
24
31
|
treeItemClassNames: ()=>_treeItem.treeItemClassNames,
|
|
25
32
|
renderTreeItem_unstable: ()=>_treeItem.renderTreeItem_unstable,
|
|
26
33
|
useTreeItemStyles_unstable: ()=>_treeItem.useTreeItemStyles_unstable,
|
|
34
|
+
useTreeItemContextValues_unstable: ()=>_treeItem.useTreeItemContextValues_unstable,
|
|
27
35
|
useTreeItem_unstable: ()=>_treeItem.useTreeItem_unstable,
|
|
28
36
|
TreeItemLayout: ()=>_treeItemLayout.TreeItemLayout,
|
|
29
37
|
treeItemLayoutClassNames: ()=>_treeItemLayout.treeItemLayoutClassNames,
|
|
@@ -35,17 +43,13 @@ _export(exports, {
|
|
|
35
43
|
renderTreeItemPersonaLayout_unstable: ()=>_treeItemPersonaLayout.renderTreeItemPersonaLayout_unstable,
|
|
36
44
|
useTreeItemPersonaLayoutStyles_unstable: ()=>_treeItemPersonaLayout.useTreeItemPersonaLayoutStyles_unstable,
|
|
37
45
|
useTreeItemPersonaLayout_unstable: ()=>_treeItemPersonaLayout.useTreeItemPersonaLayout_unstable,
|
|
38
|
-
useFlatTree_unstable: ()=>_index.useFlatTree_unstable,
|
|
39
46
|
flattenTree_unstable: ()=>_flattenTree.flattenTree_unstable
|
|
40
47
|
});
|
|
41
48
|
const _tree = require("./Tree");
|
|
49
|
+
const _flatTree = require("./FlatTree");
|
|
42
50
|
const _contexts = require("./contexts");
|
|
43
51
|
const _tokens = require("./utils/tokens");
|
|
44
52
|
const _treeItem = require("./TreeItem");
|
|
45
53
|
const _treeItemLayout = require("./TreeItemLayout");
|
|
46
54
|
const _treeItemPersonaLayout = require("./TreeItemPersonaLayout");
|
|
47
|
-
const _index = require("./hooks/index");
|
|
48
55
|
const _flattenTree = require("./utils/flattenTree");
|
|
49
|
-
//# sourceMappingURL=index.js.map
|
|
50
|
-
|
|
51
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { Tree, treeClassNames, useTree_unstable, useTreeStyles_unstable, useTreeContextValues_unstable, renderTree_unstable } from './Tree';\nexport { FlatTree, flatTreeClassNames, useFlatTree_unstable, useFlatTreeStyles_unstable, useFlatTreeContextValues_unstable, renderFlatTree_unstable, useHeadlessFlatTree_unstable } from './FlatTree';\nexport { TreeProvider, useTreeContext_unstable, useTreeItemContext_unstable, TreeItemProvider } from './contexts';\nexport { treeItemLevelToken } from './utils/tokens';\nexport { TreeItem, treeItemClassNames, renderTreeItem_unstable, useTreeItemStyles_unstable, useTreeItemContextValues_unstable, useTreeItem_unstable } from './TreeItem';\nexport { TreeItemLayout, treeItemLayoutClassNames, renderTreeItemLayout_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable } from './TreeItemLayout';\nexport { TreeItemPersonaLayout, treeItemPersonaLayoutClassNames, renderTreeItemPersonaLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable } from './TreeItemPersonaLayout';\nexport { flattenTree_unstable } from './utils/flattenTree';\n"],"names":["Tree","treeClassNames","useTree_unstable","useTreeStyles_unstable","useTreeContextValues_unstable","renderTree_unstable","FlatTree","flatTreeClassNames","useFlatTree_unstable","useFlatTreeStyles_unstable","useFlatTreeContextValues_unstable","renderFlatTree_unstable","useHeadlessFlatTree_unstable","TreeProvider","useTreeContext_unstable","useTreeItemContext_unstable","TreeItemProvider","treeItemLevelToken","TreeItem","treeItemClassNames","renderTreeItem_unstable","useTreeItemStyles_unstable","useTreeItemContextValues_unstable","useTreeItem_unstable","TreeItemLayout","treeItemLayoutClassNames","renderTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","useTreeItemLayout_unstable","TreeItemPersonaLayout","treeItemPersonaLayoutClassNames","renderTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemPersonaLayout_unstable","flattenTree_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,cAAc,MAAdA,oBAAc;IAAEC,gBAAgB,MAAhBA,sBAAgB;IAAEC,sBAAsB,MAAtBA,4BAAsB;IAAEC,6BAA6B,MAA7BA,mCAA6B;IAAEC,mBAAmB,MAAnBA,yBAAmB;IAClHC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,oBAAoB,MAApBA,8BAAoB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,iCAAiC,MAAjCA,2CAAiC;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,4BAA4B,MAA5BA,sCAA4B;IACxKC,YAAY,MAAZA,sBAAY;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,2BAA2B,MAA3BA,qCAA2B;IAAEC,gBAAgB,MAAhBA,0BAAgB;IACpFC,kBAAkB,MAAlBA,0BAAkB;IAClBC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,iCAAiC,MAAjCA,2CAAiC;IAAEC,oBAAoB,MAApBA,8BAAoB;IAC1IC,cAAc,MAAdA,8BAAc;IAAEC,wBAAwB,MAAxBA,wCAAwB;IAAEC,6BAA6B,MAA7BA,6CAA6B;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IACrIC,qBAAqB,MAArBA,4CAAqB;IAAEC,+BAA+B,MAA/BA,sDAA+B;IAAEC,oCAAoC,MAApCA,2DAAoC;IAAEC,uCAAuC,MAAvCA,8DAAuC;IAAEC,iCAAiC,MAAjCA,wDAAiC;IACxKC,oBAAoB,MAApBA,iCAAoB;;sBAPsG;0BACsD;0BACpF;wBAClE;0BACwH;gCACL;uCACmC;6BACpJ"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "ImmutableMap", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>ImmutableMap
|
|
8
|
+
});
|
|
9
|
+
const emptyImmutableMap = createImmutableMap();
|
|
10
|
+
/**
|
|
11
|
+
* properly creates an ImmutableMap instance from an iterable
|
|
12
|
+
*/ function createImmutableMap(iterable) {
|
|
13
|
+
const internalMap = new Map(iterable);
|
|
14
|
+
return dangerouslyCreateImmutableMap(internalMap);
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Avoid using *dangerouslyCreateImmutableMap*, since this method will expose internally used set, use createImmutableMap instead,
|
|
18
|
+
* @param internalMap - a set that is used internally to store values.
|
|
19
|
+
*/ function dangerouslyCreateImmutableMap(internalMap) {
|
|
20
|
+
return {
|
|
21
|
+
size: internalMap.size,
|
|
22
|
+
set: (key, value)=>{
|
|
23
|
+
const nextSet = new Map(internalMap);
|
|
24
|
+
nextSet.set(key, value);
|
|
25
|
+
return dangerouslyCreateImmutableMap(nextSet);
|
|
26
|
+
},
|
|
27
|
+
get: (key)=>internalMap.get(key),
|
|
28
|
+
clear: ()=>emptyImmutableMap,
|
|
29
|
+
delete (value) {
|
|
30
|
+
const nextSet = new Map(internalMap);
|
|
31
|
+
nextSet.delete(value);
|
|
32
|
+
return dangerouslyCreateImmutableMap(nextSet);
|
|
33
|
+
},
|
|
34
|
+
has: (value)=>internalMap.has(value),
|
|
35
|
+
[Symbol.iterator]: ()=>internalMap[Symbol.iterator](),
|
|
36
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
37
|
+
dangerouslyGetInternalMap_unstable: ()=>internalMap
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
function isImmutableMap(value) {
|
|
41
|
+
return typeof value === 'object' && value !== null && 'dangerouslyGetInternalMap_unstable' in value;
|
|
42
|
+
}
|
|
43
|
+
const ImmutableMap = {
|
|
44
|
+
empty: emptyImmutableMap,
|
|
45
|
+
create: createImmutableMap,
|
|
46
|
+
isImmutableMap,
|
|
47
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
48
|
+
dangerouslyCreate_unstable: dangerouslyCreateImmutableMap
|
|
49
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ImmutableMap.js"],"sourcesContent":["const emptyImmutableMap = createImmutableMap();\n/**\n * properly creates an ImmutableMap instance from an iterable\n */ function createImmutableMap(iterable) {\n const internalMap = new Map(iterable);\n return dangerouslyCreateImmutableMap(internalMap);\n}\n/**\n * Avoid using *dangerouslyCreateImmutableMap*, since this method will expose internally used set, use createImmutableMap instead,\n * @param internalMap - a set that is used internally to store values.\n */ function dangerouslyCreateImmutableMap(internalMap) {\n return {\n size: internalMap.size,\n set: (key, value)=>{\n const nextSet = new Map(internalMap);\n nextSet.set(key, value);\n return dangerouslyCreateImmutableMap(nextSet);\n },\n get: (key)=>internalMap.get(key),\n clear: ()=>emptyImmutableMap,\n delete (value) {\n const nextSet = new Map(internalMap);\n nextSet.delete(value);\n return dangerouslyCreateImmutableMap(nextSet);\n },\n has: (value)=>internalMap.has(value),\n [Symbol.iterator]: ()=>internalMap[Symbol.iterator](),\n // eslint-disable-next-line @typescript-eslint/naming-convention\n dangerouslyGetInternalMap_unstable: ()=>internalMap\n };\n}\nfunction isImmutableMap(value) {\n return typeof value === 'object' && value !== null && 'dangerouslyGetInternalMap_unstable' in value;\n}\nexport const ImmutableMap = {\n empty: emptyImmutableMap,\n create: createImmutableMap,\n isImmutableMap,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n dangerouslyCreate_unstable: dangerouslyCreateImmutableMap\n};\n"],"names":["ImmutableMap","emptyImmutableMap","createImmutableMap","iterable","internalMap","Map","dangerouslyCreateImmutableMap","size","set","key","value","nextSet","get","clear","delete","has","Symbol","iterator","dangerouslyGetInternalMap_unstable","isImmutableMap","empty","create","dangerouslyCreate_unstable"],"mappings":";;;;+BAkCaA;;aAAAA;;AAlCb,MAAMC,oBAAoBC;AAC1B;;CAEC,GAAG,SAASA,mBAAmBC,QAAQ,EAAE;IACtC,MAAMC,cAAc,IAAIC,IAAIF;IAC5B,OAAOG,8BAA8BF;AACzC;AACA;;;CAGC,GAAG,SAASE,8BAA8BF,WAAW,EAAE;IACpD,OAAO;QACHG,MAAMH,YAAYG,IAAI;QACtBC,KAAK,CAACC,KAAKC,QAAQ;YACf,MAAMC,UAAU,IAAIN,IAAID;YACxBO,QAAQH,GAAG,CAACC,KAAKC;YACjB,OAAOJ,8BAA8BK;QACzC;QACAC,KAAK,CAACH,MAAML,YAAYQ,GAAG,CAACH;QAC5BI,OAAO,IAAIZ;QACXa,QAAQJ,KAAK,EAAE;YACX,MAAMC,UAAU,IAAIN,IAAID;YACxBO,QAAQG,MAAM,CAACJ;YACf,OAAOJ,8BAA8BK;QACzC;QACAI,KAAK,CAACL,QAAQN,YAAYW,GAAG,CAACL;QAC9B,CAACM,OAAOC,QAAQ,CAAC,EAAE,IAAIb,WAAW,CAACY,OAAOC,QAAQ,CAAC;QACnD,gEAAgE;QAChEC,oCAAoC,IAAId;IAC5C;AACJ;AACA,SAASe,eAAeT,KAAK,EAAE;IAC3B,OAAO,OAAOA,UAAU,YAAYA,UAAU,IAAI,IAAI,wCAAwCA;AAClG;AACO,MAAMV,eAAe;IACxBoB,OAAOnB;IACPoB,QAAQnB;IACRiB;IACA,gEAAgE;IAChEG,4BAA4BhB;AAChC"}
|
|
@@ -2,23 +2,15 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
emptyImmutableSet: ()=>emptyImmutableSet,
|
|
13
|
-
createImmutableSet: ()=>createImmutableSet,
|
|
14
|
-
dangerouslyCreateImmutableSet: ()=>dangerouslyCreateImmutableSet
|
|
5
|
+
Object.defineProperty(exports, "ImmutableSet", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>ImmutableSet
|
|
15
8
|
});
|
|
16
|
-
const emptyImmutableSet =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
function dangerouslyCreateImmutableSet(internalSet) {
|
|
9
|
+
const emptyImmutableSet = createImmutableSet();
|
|
10
|
+
/**
|
|
11
|
+
* Avoid using *dangerouslyCreateImmutableSet*, since this method will expose internally used set, use createImmutableSet instead,
|
|
12
|
+
* @param internalSet - a set that is used internally to store values.
|
|
13
|
+
*/ function dangerouslyCreateImmutableSet(internalSet) {
|
|
22
14
|
return {
|
|
23
15
|
size: internalSet.size,
|
|
24
16
|
add (value) {
|
|
@@ -39,8 +31,24 @@ function dangerouslyCreateImmutableSet(internalSet) {
|
|
|
39
31
|
},
|
|
40
32
|
[Symbol.iterator] () {
|
|
41
33
|
return internalSet[Symbol.iterator]();
|
|
42
|
-
}
|
|
34
|
+
},
|
|
35
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
36
|
+
dangerouslyGetInternalSet_unstable: ()=>internalSet
|
|
43
37
|
};
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
}
|
|
39
|
+
function isImmutableSet(value) {
|
|
40
|
+
return typeof value === 'object' && value !== null && 'dangerouslyGetInternalSet_unstable' in value;
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* properly creates an ImmutableSet instance from an iterable
|
|
44
|
+
*/ function createImmutableSet(iterable) {
|
|
45
|
+
const internalSet = new Set(iterable);
|
|
46
|
+
return dangerouslyCreateImmutableSet(internalSet);
|
|
47
|
+
}
|
|
48
|
+
const ImmutableSet = {
|
|
49
|
+
empty: emptyImmutableSet,
|
|
50
|
+
create: createImmutableSet,
|
|
51
|
+
isImmutableSet,
|
|
52
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
53
|
+
dangerouslyCreate_unstable: dangerouslyCreateImmutableSet
|
|
54
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["ImmutableSet.js"],"sourcesContent":["const emptyImmutableSet = createImmutableSet();\n/**\n * Avoid using *dangerouslyCreateImmutableSet*, since this method will expose internally used set, use createImmutableSet instead,\n * @param internalSet - a set that is used internally to store values.\n */ function dangerouslyCreateImmutableSet(internalSet) {\n return {\n size: internalSet.size,\n add (value) {\n const nextSet = new Set(internalSet);\n nextSet.add(value);\n return dangerouslyCreateImmutableSet(nextSet);\n },\n clear () {\n return emptyImmutableSet;\n },\n delete (value) {\n const nextSet = new Set(internalSet);\n nextSet.delete(value);\n return dangerouslyCreateImmutableSet(nextSet);\n },\n has (value) {\n return internalSet.has(value);\n },\n [Symbol.iterator] () {\n return internalSet[Symbol.iterator]();\n },\n // eslint-disable-next-line @typescript-eslint/naming-convention\n dangerouslyGetInternalSet_unstable: ()=>internalSet\n };\n}\nfunction isImmutableSet(value) {\n return typeof value === 'object' && value !== null && 'dangerouslyGetInternalSet_unstable' in value;\n}\n/**\n * properly creates an ImmutableSet instance from an iterable\n */ function createImmutableSet(iterable) {\n const internalSet = new Set(iterable);\n return dangerouslyCreateImmutableSet(internalSet);\n}\nexport const ImmutableSet = {\n empty: emptyImmutableSet,\n create: createImmutableSet,\n isImmutableSet,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n dangerouslyCreate_unstable: dangerouslyCreateImmutableSet\n};\n"],"names":["ImmutableSet","emptyImmutableSet","createImmutableSet","dangerouslyCreateImmutableSet","internalSet","size","add","value","nextSet","Set","clear","delete","has","Symbol","iterator","dangerouslyGetInternalSet_unstable","isImmutableSet","iterable","empty","create","dangerouslyCreate_unstable"],"mappings":";;;;+BAuCaA;;aAAAA;;AAvCb,MAAMC,oBAAoBC;AAC1B;;;CAGC,GAAG,SAASC,8BAA8BC,WAAW,EAAE;IACpD,OAAO;QACHC,MAAMD,YAAYC,IAAI;QACtBC,KAAKC,KAAK,EAAE;YACR,MAAMC,UAAU,IAAIC,IAAIL;YACxBI,QAAQF,GAAG,CAACC;YACZ,OAAOJ,8BAA8BK;QACzC;QACAE,SAAS;YACL,OAAOT;QACX;QACAU,QAAQJ,KAAK,EAAE;YACX,MAAMC,UAAU,IAAIC,IAAIL;YACxBI,QAAQG,MAAM,CAACJ;YACf,OAAOJ,8BAA8BK;QACzC;QACAI,KAAKL,KAAK,EAAE;YACR,OAAOH,YAAYQ,GAAG,CAACL;QAC3B;QACA,CAACM,OAAOC,QAAQ,CAAC,IAAI;YACjB,OAAOV,WAAW,CAACS,OAAOC,QAAQ,CAAC;QACvC;QACA,gEAAgE;QAChEC,oCAAoC,IAAIX;IAC5C;AACJ;AACA,SAASY,eAAeT,KAAK,EAAE;IAC3B,OAAO,OAAOA,UAAU,YAAYA,UAAU,IAAI,IAAI,wCAAwCA;AAClG;AACA;;CAEC,GAAG,SAASL,mBAAmBe,QAAQ,EAAE;IACtC,MAAMb,cAAc,IAAIK,IAAIQ;IAC5B,OAAOd,8BAA8BC;AACzC;AACO,MAAMJ,eAAe;IACxBkB,OAAOjB;IACPkB,QAAQjB;IACRc;IACA,gEAAgE;IAChEI,4BAA4BjB;AAChC"}
|
|
@@ -13,6 +13,4 @@ function assertIsDefinedRef(refObject, msg = `assertIsDefinedRef: reference not
|
|
|
13
13
|
if (refObject.current == undefined && process.env.NODE_ENV === 'development') {
|
|
14
14
|
throw new TypeError(msg);
|
|
15
15
|
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
//# sourceMappingURL=assert.js.map
|
|
16
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["assert.js"],"sourcesContent":["import * as React from 'react';\nexport function assertIsDefinedRef(refObject, msg = `assertIsDefinedRef: reference not properly defined ${refObject}`) {\n // eslint-disable-next-line eqeqeq\n if (refObject.current == undefined && process.env.NODE_ENV === 'development') {\n throw new TypeError(msg);\n }\n}\n"],"names":["assertIsDefinedRef","refObject","msg","current","undefined","process","env","NODE_ENV","TypeError"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,mBAAmBC,SAAS,EAAEC,MAAM,CAAC,mDAAmD,EAAED,UAAU,CAAC,EAAE;IACnH,kCAAkC;IAClC,IAAIA,UAAUE,OAAO,IAAIC,aAAaC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QAC1E,MAAM,IAAIC,UAAUN,KAAK;IAC7B,CAAC;AACL"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "createCheckedItems", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>createCheckedItems
|
|
8
|
+
});
|
|
9
|
+
const _immutableMap = require("./ImmutableMap");
|
|
10
|
+
function createCheckedItems(iterable) {
|
|
11
|
+
if (iterable === undefined) {
|
|
12
|
+
return _immutableMap.ImmutableMap.empty;
|
|
13
|
+
}
|
|
14
|
+
if (_immutableMap.ImmutableMap.isImmutableMap(iterable)) {
|
|
15
|
+
return iterable;
|
|
16
|
+
}
|
|
17
|
+
const internalMap = new Map();
|
|
18
|
+
for (const item of iterable){
|
|
19
|
+
if (Array.isArray(item)) {
|
|
20
|
+
internalMap.set(item[0], item[1]);
|
|
21
|
+
} else {
|
|
22
|
+
internalMap.set(item, true);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
return _immutableMap.ImmutableMap.dangerouslyCreate_unstable(internalMap);
|
|
26
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["createCheckedItems.js"],"sourcesContent":["import { ImmutableMap } from './ImmutableMap';\nexport function createCheckedItems(iterable) {\n if (iterable === undefined) {\n return ImmutableMap.empty;\n }\n if (ImmutableMap.isImmutableMap(iterable)) {\n return iterable;\n }\n const internalMap = new Map();\n for (const item of iterable){\n if (Array.isArray(item)) {\n internalMap.set(item[0], item[1]);\n } else {\n internalMap.set(item, true);\n }\n }\n return ImmutableMap.dangerouslyCreate_unstable(internalMap);\n}\n"],"names":["createCheckedItems","iterable","undefined","ImmutableMap","empty","isImmutableMap","internalMap","Map","item","Array","isArray","set","dangerouslyCreate_unstable"],"mappings":";;;;+BACgBA;;aAAAA;;8BADa;AACtB,SAASA,mBAAmBC,QAAQ,EAAE;IACzC,IAAIA,aAAaC,WAAW;QACxB,OAAOC,0BAAY,CAACC,KAAK;IAC7B,CAAC;IACD,IAAID,0BAAY,CAACE,cAAc,CAACJ,WAAW;QACvC,OAAOA;IACX,CAAC;IACD,MAAMK,cAAc,IAAIC;IACxB,KAAK,MAAMC,QAAQP,SAAS;QACxB,IAAIQ,MAAMC,OAAO,CAACF,OAAO;YACrBF,YAAYK,GAAG,CAACH,IAAI,CAAC,EAAE,EAAEA,IAAI,CAAC,EAAE;QACpC,OAAO;YACHF,YAAYK,GAAG,CAACH,MAAM,IAAI;QAC9B,CAAC;IACL;IACA,OAAOL,0BAAY,CAACS,0BAA0B,CAACN;AACnD"}
|
|
@@ -2,19 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
createHTMLElementWalker: ()=>createHTMLElementWalker,
|
|
13
|
-
useHTMLElementWalkerRef: ()=>useHTMLElementWalkerRef
|
|
5
|
+
Object.defineProperty(exports, "createHTMLElementWalker", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>createHTMLElementWalker
|
|
14
8
|
});
|
|
15
|
-
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
16
9
|
const _reactUtilities = require("@fluentui/react-utilities");
|
|
17
|
-
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
18
10
|
function createHTMLElementWalker(root, filter = ()=>NodeFilter.FILTER_ACCEPT) {
|
|
19
11
|
let temporaryFilter;
|
|
20
12
|
const treeWalker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {
|
|
@@ -81,19 +73,3 @@ function createHTMLElementWalker(root, filter = ()=>NodeFilter.FILTER_ACCEPT) {
|
|
|
81
73
|
}
|
|
82
74
|
};
|
|
83
75
|
}
|
|
84
|
-
const useHTMLElementWalkerRef = (filter)=>{
|
|
85
|
-
const walkerRef = _react.useRef();
|
|
86
|
-
const rootRefCallback = (element1)=>{
|
|
87
|
-
if (!element1) {
|
|
88
|
-
walkerRef.current = undefined;
|
|
89
|
-
return;
|
|
90
|
-
}
|
|
91
|
-
walkerRef.current = createHTMLElementWalker(element1, filter);
|
|
92
|
-
};
|
|
93
|
-
return [
|
|
94
|
-
walkerRef,
|
|
95
|
-
rootRefCallback
|
|
96
|
-
];
|
|
97
|
-
}; //# sourceMappingURL=useHTMLElementWalker.js.map
|
|
98
|
-
|
|
99
|
-
//# sourceMappingURL=useHTMLElementWalker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["createHTMLElementWalker.js"],"sourcesContent":["import { isHTMLElement } from '@fluentui/react-utilities';\nexport function createHTMLElementWalker(root, filter = ()=>NodeFilter.FILTER_ACCEPT) {\n let temporaryFilter;\n const treeWalker = document.createTreeWalker(root, NodeFilter.SHOW_ELEMENT, {\n acceptNode (node) {\n if (!isHTMLElement(node)) {\n return NodeFilter.FILTER_REJECT;\n }\n const filterResult = filter(node);\n var _temporaryFilter;\n return filterResult === NodeFilter.FILTER_ACCEPT ? (_temporaryFilter = temporaryFilter === null || temporaryFilter === void 0 ? void 0 : temporaryFilter(node)) !== null && _temporaryFilter !== void 0 ? _temporaryFilter : filterResult : filterResult;\n }\n });\n return {\n get root () {\n return treeWalker.root;\n },\n get currentElement () {\n return treeWalker.currentNode;\n },\n set currentElement (element){\n treeWalker.currentNode = element;\n },\n firstChild: (localFilter)=>{\n temporaryFilter = localFilter;\n const result = treeWalker.firstChild();\n temporaryFilter = undefined;\n return result;\n },\n lastChild: (localFilter)=>{\n temporaryFilter = localFilter;\n const result = treeWalker.lastChild();\n temporaryFilter = undefined;\n return result;\n },\n nextElement: (localFilter)=>{\n temporaryFilter = localFilter;\n const result = treeWalker.nextNode();\n temporaryFilter = undefined;\n return result;\n },\n nextSibling: (localFilter)=>{\n temporaryFilter = localFilter;\n const result = treeWalker.nextSibling();\n temporaryFilter = undefined;\n return result;\n },\n parentElement: (localFilter)=>{\n temporaryFilter = localFilter;\n const result = treeWalker.parentNode();\n temporaryFilter = undefined;\n return result;\n },\n previousElement: (localFilter)=>{\n temporaryFilter = localFilter;\n const result = treeWalker.previousNode();\n temporaryFilter = undefined;\n return result;\n },\n previousSibling: (localFilter)=>{\n temporaryFilter = localFilter;\n const result = treeWalker.previousSibling();\n temporaryFilter = undefined;\n return result;\n }\n };\n}\n"],"names":["createHTMLElementWalker","root","filter","NodeFilter","FILTER_ACCEPT","temporaryFilter","treeWalker","document","createTreeWalker","SHOW_ELEMENT","acceptNode","node","isHTMLElement","FILTER_REJECT","filterResult","_temporaryFilter","currentElement","currentNode","element","firstChild","localFilter","result","undefined","lastChild","nextElement","nextNode","nextSibling","parentElement","parentNode","previousElement","previousNode","previousSibling"],"mappings":";;;;+BACgBA;;aAAAA;;gCADc;AACvB,SAASA,wBAAwBC,IAAI,EAAEC,SAAS,IAAIC,WAAWC,aAAa,EAAE;IACjF,IAAIC;IACJ,MAAMC,aAAaC,SAASC,gBAAgB,CAACP,MAAME,WAAWM,YAAY,EAAE;QACxEC,YAAYC,IAAI,EAAE;YACd,IAAI,CAACC,IAAAA,6BAAa,EAACD,OAAO;gBACtB,OAAOR,WAAWU,aAAa;YACnC,CAAC;YACD,MAAMC,eAAeZ,OAAOS;YAC5B,IAAII;YACJ,OAAOD,iBAAiBX,WAAWC,aAAa,GAAG,AAACW,CAAAA,mBAAmBV,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBM,KAAK,AAAD,MAAO,IAAI,IAAII,qBAAqB,KAAK,IAAIA,mBAAmBD,YAAY,GAAGA,YAAY;QAC5P;IACJ;IACA,OAAO;QACH,IAAIb,QAAQ;YACR,OAAOK,WAAWL,IAAI;QAC1B;QACA,IAAIe,kBAAkB;YAClB,OAAOV,WAAWW,WAAW;QACjC;QACA,IAAID,gBAAgBE,QAAQ;YACxBZ,WAAWW,WAAW,GAAGC;QAC7B;QACAC,YAAY,CAACC,cAAc;YACvBf,kBAAkBe;YAClB,MAAMC,SAASf,WAAWa,UAAU;YACpCd,kBAAkBiB;YAClB,OAAOD;QACX;QACAE,WAAW,CAACH,cAAc;YACtBf,kBAAkBe;YAClB,MAAMC,SAASf,WAAWiB,SAAS;YACnClB,kBAAkBiB;YAClB,OAAOD;QACX;QACAG,aAAa,CAACJ,cAAc;YACxBf,kBAAkBe;YAClB,MAAMC,SAASf,WAAWmB,QAAQ;YAClCpB,kBAAkBiB;YAClB,OAAOD;QACX;QACAK,aAAa,CAACN,cAAc;YACxBf,kBAAkBe;YAClB,MAAMC,SAASf,WAAWoB,WAAW;YACrCrB,kBAAkBiB;YAClB,OAAOD;QACX;QACAM,eAAe,CAACP,cAAc;YAC1Bf,kBAAkBe;YAClB,MAAMC,SAASf,WAAWsB,UAAU;YACpCvB,kBAAkBiB;YAClB,OAAOD;QACX;QACAQ,iBAAiB,CAACT,cAAc;YAC5Bf,kBAAkBe;YAClB,MAAMC,SAASf,WAAWwB,YAAY;YACtCzB,kBAAkBiB;YAClB,OAAOD;QACX;QACAU,iBAAiB,CAACX,cAAc;YAC5Bf,kBAAkBe;YAClB,MAAMC,SAASf,WAAWyB,eAAe;YACzC1B,kBAAkBiB;YAClB,OAAOD;QACX;IACJ;AACJ"}
|