@fluentui/react-tree 9.7.6 → 9.7.8
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.md +21 -2
- package/dist/index.d.ts +58 -86
- package/lib/components/FlatTree/useFlatControllableCheckedItems.js +15 -13
- package/lib/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -1
- package/lib/components/FlatTree/useHeadlessFlatTree.js +4 -2
- package/lib/components/FlatTree/useHeadlessFlatTree.js.map +1 -1
- package/lib/components/Tree/Tree.types.js.map +1 -1
- package/lib/components/Tree/renderTree.js +3 -3
- package/lib/components/Tree/renderTree.js.map +1 -1
- package/lib/components/Tree/useNestedControllableCheckedItems.js +1 -1
- package/lib/components/Tree/useNestedControllableCheckedItems.js.map +1 -1
- package/lib/components/Tree/useTree.js +4 -2
- package/lib/components/Tree/useTree.js.map +1 -1
- package/lib/components/TreeItemChevron.js +5 -1
- package/lib/components/TreeItemChevron.js.map +1 -1
- package/lib/hooks/useControllableOpenItems.js +3 -12
- package/lib/hooks/useControllableOpenItems.js.map +1 -1
- package/lib/hooks/useRootTree.js +14 -6
- package/lib/hooks/useRootTree.js.map +1 -1
- package/lib/hooks/useSubtree.js +15 -1
- package/lib/hooks/useSubtree.js.map +1 -1
- package/lib/utils/ImmutableMap.js +71 -40
- package/lib/utils/ImmutableMap.js.map +1 -1
- package/lib/utils/ImmutableSet.js +65 -44
- package/lib/utils/ImmutableSet.js.map +1 -1
- package/lib/utils/createCheckedItems.js +5 -17
- package/lib/utils/createCheckedItems.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js +15 -13
- package/lib-commonjs/components/FlatTree/useFlatControllableCheckedItems.js.map +1 -1
- package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js +4 -2
- package/lib-commonjs/components/FlatTree/useHeadlessFlatTree.js.map +1 -1
- package/lib-commonjs/components/Tree/Tree.types.js.map +1 -1
- package/lib-commonjs/components/Tree/renderTree.js +3 -3
- package/lib-commonjs/components/Tree/renderTree.js.map +1 -1
- package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js +1 -1
- package/lib-commonjs/components/Tree/useNestedControllableCheckedItems.js.map +1 -1
- package/lib-commonjs/components/Tree/useTree.js +4 -2
- package/lib-commonjs/components/Tree/useTree.js.map +1 -1
- package/lib-commonjs/components/TreeItemChevron.js +5 -1
- package/lib-commonjs/components/TreeItemChevron.js.map +1 -1
- package/lib-commonjs/hooks/useControllableOpenItems.js +3 -12
- package/lib-commonjs/hooks/useControllableOpenItems.js.map +1 -1
- package/lib-commonjs/hooks/useRootTree.js +14 -6
- package/lib-commonjs/hooks/useRootTree.js.map +1 -1
- package/lib-commonjs/hooks/useSubtree.js +15 -1
- package/lib-commonjs/hooks/useSubtree.js.map +1 -1
- package/lib-commonjs/utils/ImmutableMap.js +71 -40
- package/lib-commonjs/utils/ImmutableMap.js.map +1 -1
- package/lib-commonjs/utils/ImmutableSet.js +61 -45
- package/lib-commonjs/utils/ImmutableSet.js.map +1 -1
- package/lib-commonjs/utils/createCheckedItems.js +5 -17
- package/lib-commonjs/utils/createCheckedItems.js.map +1 -1
- package/package.json +4 -2
- package/lib/utils/createOpenItems.js +0 -10
- package/lib/utils/createOpenItems.js.map +0 -1
- package/lib-commonjs/utils/createOpenItems.js +0 -20
- package/lib-commonjs/utils/createOpenItems.js.map +0 -1
|
@@ -1,28 +1,19 @@
|
|
|
1
1
|
import { useControllableState } from '@fluentui/react-utilities';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { ImmutableSet } from '../utils/ImmutableSet';
|
|
4
|
-
import { createOpenItems } from '../utils/createOpenItems';
|
|
5
4
|
/**
|
|
6
5
|
* @internal
|
|
7
6
|
*/ export function useControllableOpenItems(props) {
|
|
8
7
|
return useControllableState({
|
|
9
|
-
state: React.useMemo(()=>props.openItems &&
|
|
8
|
+
state: React.useMemo(()=>props.openItems && ImmutableSet.from(props.openItems), [
|
|
10
9
|
props.openItems
|
|
11
10
|
]),
|
|
12
|
-
defaultState: props.defaultOpenItems && (()=>
|
|
11
|
+
defaultState: props.defaultOpenItems && (()=>ImmutableSet.from(props.defaultOpenItems)),
|
|
13
12
|
initialState: ImmutableSet.empty
|
|
14
13
|
});
|
|
15
14
|
}
|
|
16
15
|
/**
|
|
17
16
|
* @internal
|
|
18
17
|
*/ export function createNextOpenItems(data, previousOpenItems) {
|
|
19
|
-
|
|
20
|
-
return previousOpenItems;
|
|
21
|
-
}
|
|
22
|
-
const previousOpenItemsHasId = previousOpenItems.has(data.value);
|
|
23
|
-
if (data.open ? previousOpenItemsHasId : !previousOpenItemsHasId) {
|
|
24
|
-
return previousOpenItems;
|
|
25
|
-
}
|
|
26
|
-
const nextOpenItems = ImmutableSet.create(previousOpenItems);
|
|
27
|
-
return data.open ? nextOpenItems.add(data.value) : nextOpenItems.delete(data.value);
|
|
18
|
+
return data.open ? previousOpenItems.add(data.value) : previousOpenItems.delete(data.value);
|
|
28
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useControllableOpenItems.ts"],"sourcesContent":["import { useControllableState } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport type { TreeItemValue } from '../components/TreeItem/TreeItem.types';\nimport {
|
|
1
|
+
{"version":3,"sources":["useControllableOpenItems.ts"],"sourcesContent":["import { useControllableState } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport type { TreeItemValue } from '../components/TreeItem/TreeItem.types';\nimport { TreeOpenChangeData, TreeProps } from '../Tree';\n\n/**\n * @internal\n */\nexport function useControllableOpenItems(props: Pick<TreeProps, 'openItems' | 'defaultOpenItems'>) {\n return useControllableState({\n state: React.useMemo(() => props.openItems && ImmutableSet.from(props.openItems), [props.openItems]),\n defaultState: props.defaultOpenItems && (() => ImmutableSet.from(props.defaultOpenItems)),\n initialState: ImmutableSet.empty,\n });\n}\n\n/**\n * @internal\n */\nexport function createNextOpenItems(\n data: Pick<TreeOpenChangeData, 'value' | 'open'>,\n previousOpenItems: ImmutableSet<TreeItemValue>,\n): ImmutableSet<TreeItemValue> {\n return data.open ? previousOpenItems.add(data.value) : previousOpenItems.delete(data.value);\n}\n"],"names":["useControllableState","React","ImmutableSet","useControllableOpenItems","props","state","useMemo","openItems","from","defaultState","defaultOpenItems","initialState","empty","createNextOpenItems","data","previousOpenItems","open","add","value","delete"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,oBAAoB,QAAQ,4BAA4B;AACjE,YAAYC,WAAW,QAAQ;AAC/B,SAASC,YAAY,QAAQ,wBAAwB;AAIrD;;CAEC,GACD,OAAO,SAASC,yBAAyBC,KAAwD;IAC/F,OAAOJ,qBAAqB;QAC1BK,OAAOJ,MAAMK,OAAO,CAAC,IAAMF,MAAMG,SAAS,IAAIL,aAAaM,IAAI,CAACJ,MAAMG,SAAS,GAAG;YAACH,MAAMG,SAAS;SAAC;QACnGE,cAAcL,MAAMM,gBAAgB,IAAK,CAAA,IAAMR,aAAaM,IAAI,CAACJ,MAAMM,gBAAgB,CAAA;QACvFC,cAAcT,aAAaU,KAAK;IAClC;AACF;AAEA;;CAEC,GACD,OAAO,SAASC,oBACdC,IAAgD,EAChDC,iBAA8C;IAE9C,OAAOD,KAAKE,IAAI,GAAGD,kBAAkBE,GAAG,CAACH,KAAKI,KAAK,IAAIH,kBAAkBI,MAAM,CAACL,KAAKI,KAAK;AAC5F"}
|
package/lib/hooks/useRootTree.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { Collapse } from '@fluentui/react-motion-components-preview';
|
|
4
4
|
import { createCheckedItems } from '../utils/createCheckedItems';
|
|
5
5
|
import { treeDataTypes } from '../utils/tokens';
|
|
6
6
|
import { createNextOpenItems } from './useControllableOpenItems';
|
|
7
|
+
import { ImmutableSet } from '../utils/ImmutableSet';
|
|
8
|
+
import { ImmutableMap } from '../utils/ImmutableMap';
|
|
7
9
|
/**
|
|
8
10
|
* Create the state required to render the root level tree.
|
|
9
11
|
*
|
|
@@ -12,7 +14,7 @@ import { createNextOpenItems } from './useControllableOpenItems';
|
|
|
12
14
|
*/ export function useRootTree(props, ref) {
|
|
13
15
|
warnIfNoProperPropsRootTree(props);
|
|
14
16
|
const { appearance = 'subtle', size = 'medium', selectionMode = 'none' } = props;
|
|
15
|
-
const openItems = React.useMemo(()=>
|
|
17
|
+
const openItems = React.useMemo(()=>ImmutableSet.from(props.openItems), [
|
|
16
18
|
props.openItems
|
|
17
19
|
]);
|
|
18
20
|
const checkedItems = React.useMemo(()=>createCheckedItems(props.checkedItems), [
|
|
@@ -22,7 +24,7 @@ import { createNextOpenItems } from './useControllableOpenItems';
|
|
|
22
24
|
var _props_onOpenChange;
|
|
23
25
|
(_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, request.event, {
|
|
24
26
|
...request,
|
|
25
|
-
openItems: createNextOpenItems(request, openItems)
|
|
27
|
+
openItems: ImmutableSet.dangerouslyGetInternalSet(createNextOpenItems(request, openItems))
|
|
26
28
|
});
|
|
27
29
|
};
|
|
28
30
|
const requestCheckedChange = (request)=>{
|
|
@@ -33,7 +35,7 @@ import { createNextOpenItems } from './useControllableOpenItems';
|
|
|
33
35
|
(_props_onCheckedChange = props.onCheckedChange) === null || _props_onCheckedChange === void 0 ? void 0 : _props_onCheckedChange.call(props, request.event, {
|
|
34
36
|
...request,
|
|
35
37
|
selectionMode,
|
|
36
|
-
checkedItems:
|
|
38
|
+
checkedItems: ImmutableMap.dangerouslyGetInternalMap(checkedItems)
|
|
37
39
|
});
|
|
38
40
|
};
|
|
39
41
|
const requestNavigation = (request)=>{
|
|
@@ -68,7 +70,12 @@ import { createNextOpenItems } from './useControllableOpenItems';
|
|
|
68
70
|
});
|
|
69
71
|
return {
|
|
70
72
|
components: {
|
|
71
|
-
root: 'div'
|
|
73
|
+
root: 'div',
|
|
74
|
+
// TODO: remove once React v18 slot API is modified
|
|
75
|
+
// This is a problem at the moment due to UnknownSlotProps assumption
|
|
76
|
+
// that `children` property is `ReactNode`, which in this case is not valid
|
|
77
|
+
// as PresenceComponentProps['children'] is `ReactElement`
|
|
78
|
+
collapseMotion: Collapse
|
|
72
79
|
},
|
|
73
80
|
contextType: 'root',
|
|
74
81
|
selectionMode,
|
|
@@ -89,7 +96,8 @@ import { createNextOpenItems } from './useControllableOpenItems';
|
|
|
89
96
|
...props
|
|
90
97
|
}), {
|
|
91
98
|
elementType: 'div'
|
|
92
|
-
})
|
|
99
|
+
}),
|
|
100
|
+
collapseMotion: undefined
|
|
93
101
|
};
|
|
94
102
|
}
|
|
95
103
|
function warnIfNoProperPropsRootTree(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useRootTree.ts"],"sourcesContent":["import { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TreeCheckedChangeData, TreeProps, TreeState } from '../Tree';\nimport * as React from 'react';\nimport {
|
|
1
|
+
{"version":3,"sources":["useRootTree.ts"],"sourcesContent":["import { getIntrinsicElementProps, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { TreeCheckedChangeData, TreeProps, TreeState } from '../Tree';\nimport * as React from 'react';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { PresenceMotionSlotProps } from '@fluentui/react-motion';\nimport { TreeContextValue, TreeItemRequest } from '../contexts/treeContext';\nimport { createCheckedItems } from '../utils/createCheckedItems';\nimport { treeDataTypes } from '../utils/tokens';\nimport { createNextOpenItems } from './useControllableOpenItems';\nimport { ImmutableSet } from '../utils/ImmutableSet';\nimport { ImmutableMap } from '../utils/ImmutableMap';\n\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 */\nexport function useRootTree(\n props: TreeProps,\n ref: React.Ref<HTMLElement>,\n): Omit<TreeState & TreeContextValue, 'treeType'> {\n warnIfNoProperPropsRootTree(props);\n\n const { appearance = 'subtle', size = 'medium', selectionMode = 'none' } = props;\n\n const openItems = React.useMemo(() => ImmutableSet.from(props.openItems), [props.openItems]);\n const checkedItems = React.useMemo(() => createCheckedItems(props.checkedItems), [props.checkedItems]);\n\n const requestOpenChange = (request: Extract<TreeItemRequest, { requestType: 'open' }>) => {\n props.onOpenChange?.(request.event, {\n ...request,\n openItems: ImmutableSet.dangerouslyGetInternalSet(createNextOpenItems(request, openItems)),\n });\n };\n\n const requestCheckedChange = (request: Extract<TreeItemRequest, { requestType: 'selection' }>) => {\n if (selectionMode === 'none') {\n return;\n }\n props.onCheckedChange?.(request.event, {\n ...request,\n selectionMode,\n checkedItems: ImmutableMap.dangerouslyGetInternalMap(checkedItems),\n // Casting is required here due to selection | multiselection spreading the union problem\n } as TreeCheckedChangeData);\n };\n\n const requestNavigation = (request: Extract<TreeItemRequest, { requestType: 'navigate' }>) => {\n let isScrollPrevented = false;\n props.onNavigation?.(request.event, {\n ...request,\n preventScroll: () => {\n isScrollPrevented = true;\n },\n isScrollPrevented: () => isScrollPrevented,\n });\n switch (request.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 request.event.preventDefault();\n }\n };\n\n const requestTreeResponse = useEventCallback((request: TreeItemRequest) => {\n switch (request.requestType) {\n case 'navigate':\n return requestNavigation(request);\n case 'open':\n return requestOpenChange(request);\n case 'selection':\n return requestCheckedChange(request);\n }\n });\n\n return {\n components: {\n root: 'div',\n // TODO: remove once React v18 slot API is modified\n // This is a problem at the moment due to UnknownSlotProps assumption\n // that `children` property is `ReactNode`, which in this case is not valid\n // as PresenceComponentProps['children'] is `ReactElement`\n collapseMotion: Collapse as React.FC<PresenceMotionSlotProps>,\n },\n contextType: 'root',\n selectionMode,\n open: true,\n appearance,\n size,\n level: 1,\n openItems,\n checkedItems,\n requestTreeResponse,\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n role: 'tree',\n 'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n ...props,\n }),\n { elementType: 'div' },\n ),\n collapseMotion: undefined,\n };\n}\n\nfunction warnIfNoProperPropsRootTree(props: Pick<TreeProps, 'aria-label' | 'aria-labelledby'>) {\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(/* #__DE-INDENT__ */ `\n @fluentui/react-tree [useRootTree]:\n Tree must have either a \\`aria-label\\` or \\`aria-labelledby\\` property defined\n `);\n }\n }\n}\n"],"names":["getIntrinsicElementProps","useEventCallback","slot","React","Collapse","createCheckedItems","treeDataTypes","createNextOpenItems","ImmutableSet","ImmutableMap","useRootTree","props","ref","warnIfNoProperPropsRootTree","appearance","size","selectionMode","openItems","useMemo","from","checkedItems","requestOpenChange","request","onOpenChange","event","dangerouslyGetInternalSet","requestCheckedChange","onCheckedChange","dangerouslyGetInternalMap","requestNavigation","isScrollPrevented","onNavigation","preventScroll","type","ArrowDown","ArrowUp","Home","End","preventDefault","requestTreeResponse","requestType","components","root","collapseMotion","contextType","open","level","always","role","undefined","elementType","process","env","NODE_ENV","console","warn"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/lib/hooks/useSubtree.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useSubtreeContext_unstable, useTreeItemContext_unstable } from '../contexts/index';
|
|
3
3
|
import { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';
|
|
4
|
+
import { Collapse } from '@fluentui/react-motion-components-preview';
|
|
5
|
+
import { presenceMotionSlot } from '@fluentui/react-motion';
|
|
4
6
|
/**
|
|
5
7
|
* Create the state required to render a sub-level tree.
|
|
6
8
|
*
|
|
@@ -14,7 +16,12 @@ import { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-u
|
|
|
14
16
|
contextType: 'subtree',
|
|
15
17
|
open,
|
|
16
18
|
components: {
|
|
17
|
-
root: 'div'
|
|
19
|
+
root: 'div',
|
|
20
|
+
// TODO: remove once React v18 slot API is modified
|
|
21
|
+
// This is a problem at the moment due to UnknownSlotProps assumption
|
|
22
|
+
// that `children` property is `ReactNode`, which in this case is not valid
|
|
23
|
+
// as PresenceComponentProps['children'] is `ReactElement`
|
|
24
|
+
collapseMotion: Collapse
|
|
18
25
|
},
|
|
19
26
|
level: parentLevel + 1,
|
|
20
27
|
root: slot.always(getIntrinsicElementProps('div', {
|
|
@@ -26,6 +33,13 @@ import { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-u
|
|
|
26
33
|
...props
|
|
27
34
|
}), {
|
|
28
35
|
elementType: 'div'
|
|
36
|
+
}),
|
|
37
|
+
collapseMotion: presenceMotionSlot(props.collapseMotion, {
|
|
38
|
+
elementType: Collapse,
|
|
39
|
+
defaultProps: {
|
|
40
|
+
visible: open,
|
|
41
|
+
unmountOnExit: true
|
|
42
|
+
}
|
|
29
43
|
})
|
|
30
44
|
};
|
|
31
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useSubtree.ts"],"sourcesContent":["import * as React from 'react';\nimport { TreeProps, TreeState } from '../Tree';\nimport { SubtreeContextValue, useSubtreeContext_unstable, useTreeItemContext_unstable } from '../contexts/index';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\n\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 */\nexport function useSubtree(\n props: TreeProps,\n ref: React.Ref<HTMLElement>,\n): Omit<TreeState & SubtreeContextValue, 'treeType'> {\n const subtreeRef = useTreeItemContext_unstable(ctx => ctx.subtreeRef);\n\n const { level: parentLevel } = useSubtreeContext_unstable();\n\n const open = useTreeItemContext_unstable(ctx => ctx.open);\n\n return {\n contextType: 'subtree',\n open,\n components: {\n root: 'div',\n },\n level: parentLevel + 1,\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, subtreeRef) as React.Ref<HTMLDivElement>,\n role: 'group',\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n}\n"],"names":["React","useSubtreeContext_unstable","useTreeItemContext_unstable","getIntrinsicElementProps","useMergedRefs","slot","useSubtree","props","ref","subtreeRef","ctx","level","parentLevel","open","contextType","components","root","always","role","elementType"],"rangeMappings":"
|
|
1
|
+
{"version":3,"sources":["useSubtree.ts"],"sourcesContent":["import * as React from 'react';\nimport { TreeProps, TreeState } from '../Tree';\nimport { SubtreeContextValue, useSubtreeContext_unstable, useTreeItemContext_unstable } from '../contexts/index';\nimport { getIntrinsicElementProps, useMergedRefs, slot } from '@fluentui/react-utilities';\nimport { Collapse } from '@fluentui/react-motion-components-preview';\nimport { presenceMotionSlot, PresenceMotionSlotProps } from '@fluentui/react-motion';\n\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 */\nexport function useSubtree(\n props: TreeProps,\n ref: React.Ref<HTMLElement>,\n): Omit<TreeState & SubtreeContextValue, 'treeType'> {\n const subtreeRef = useTreeItemContext_unstable(ctx => ctx.subtreeRef);\n\n const { level: parentLevel } = useSubtreeContext_unstable();\n\n const open = useTreeItemContext_unstable(ctx => ctx.open);\n\n return {\n contextType: 'subtree',\n open,\n components: {\n root: 'div',\n // TODO: remove once React v18 slot API is modified\n // This is a problem at the moment due to UnknownSlotProps assumption\n // that `children` property is `ReactNode`, which in this case is not valid\n // as PresenceComponentProps['children'] is `ReactElement`\n collapseMotion: Collapse as React.FC<PresenceMotionSlotProps>,\n },\n level: parentLevel + 1,\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: useMergedRefs(ref, subtreeRef) as React.Ref<HTMLDivElement>,\n role: 'group',\n ...props,\n }),\n { elementType: 'div' },\n ),\n collapseMotion: presenceMotionSlot(props.collapseMotion, {\n elementType: Collapse,\n defaultProps: {\n visible: open,\n unmountOnExit: true,\n },\n }),\n };\n}\n"],"names":["React","useSubtreeContext_unstable","useTreeItemContext_unstable","getIntrinsicElementProps","useMergedRefs","slot","Collapse","presenceMotionSlot","useSubtree","props","ref","subtreeRef","ctx","level","parentLevel","open","contextType","components","root","collapseMotion","always","role","elementType","defaultProps","visible","unmountOnExit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAA8BC,0BAA0B,EAAEC,2BAA2B,QAAQ,oBAAoB;AACjH,SAASC,wBAAwB,EAAEC,aAAa,EAAEC,IAAI,QAAQ,4BAA4B;AAC1F,SAASC,QAAQ,QAAQ,4CAA4C;AACrE,SAASC,kBAAkB,QAAiC,yBAAyB;AAErF;;;;;CAKC,GACD,OAAO,SAASC,WACdC,KAAgB,EAChBC,GAA2B;IAE3B,MAAMC,aAAaT,4BAA4BU,CAAAA,MAAOA,IAAID,UAAU;IAEpE,MAAM,EAAEE,OAAOC,WAAW,EAAE,GAAGb;IAE/B,MAAMc,OAAOb,4BAA4BU,CAAAA,MAAOA,IAAIG,IAAI;IAExD,OAAO;QACLC,aAAa;QACbD;QACAE,YAAY;YACVC,MAAM;YACN,mDAAmD;YACnD,qEAAqE;YACrE,2EAA2E;YAC3E,0DAA0D;YAC1DC,gBAAgBb;QAClB;QACAO,OAAOC,cAAc;QACrBI,MAAMb,KAAKe,MAAM,CACfjB,yBAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FO,KAAKN,cAAcM,KAAKC;YACxBU,MAAM;YACN,GAAGZ,KAAK;QACV,IACA;YAAEa,aAAa;QAAM;QAEvBH,gBAAgBZ,mBAAmBE,MAAMU,cAAc,EAAE;YACvDG,aAAahB;YACbiB,cAAc;gBACZC,SAAST;gBACTU,eAAe;YACjB;QACF;IACF;AACF"}
|
|
@@ -1,41 +1,72 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { _ as _define_property } from "@swc/helpers/_/_define_property";
|
|
2
|
+
const internalMapSymbol = Symbol('#internalMap');
|
|
3
|
+
let _internalMapSymbol = internalMapSymbol, _Symbol_hasInstance = Symbol.hasInstance, _Symbol_iterator = Symbol.iterator;
|
|
4
|
+
export class ImmutableMap {
|
|
5
|
+
static dangerouslyGetInternalMap(immutableMap) {
|
|
6
|
+
return immutableMap[internalMapSymbol];
|
|
7
|
+
}
|
|
8
|
+
static copy(immutableMap) {
|
|
9
|
+
return this.from(immutableMap[internalMapSymbol]);
|
|
10
|
+
}
|
|
11
|
+
static from(iterable, mapFn) {
|
|
12
|
+
if (iterable === undefined) {
|
|
13
|
+
return this.empty;
|
|
14
|
+
}
|
|
15
|
+
if (!mapFn) {
|
|
16
|
+
if (iterable instanceof this) {
|
|
17
|
+
return iterable;
|
|
18
|
+
}
|
|
19
|
+
// casting here is ok, as the function overload ensures that the iterable is
|
|
20
|
+
// Iterable<[unknown, unknown]>
|
|
21
|
+
// if mapFn is not provided
|
|
22
|
+
const iterableAsTuple = iterable;
|
|
23
|
+
return new this(new Map(iterableAsTuple));
|
|
24
|
+
}
|
|
25
|
+
const map = new Map();
|
|
26
|
+
for (const value of iterable){
|
|
27
|
+
map.set(...mapFn(value));
|
|
28
|
+
}
|
|
29
|
+
return new this(map);
|
|
30
|
+
}
|
|
31
|
+
static [_Symbol_hasInstance](instance) {
|
|
32
|
+
return Boolean(typeof instance === 'object' && instance && internalMapSymbol in instance);
|
|
33
|
+
}
|
|
34
|
+
delete(key) {
|
|
35
|
+
if (!this.has(key)) {
|
|
36
|
+
return this;
|
|
37
|
+
}
|
|
38
|
+
const copy = ImmutableMap.copy(this);
|
|
39
|
+
copy[internalMapSymbol].delete(key);
|
|
40
|
+
return copy;
|
|
41
|
+
}
|
|
42
|
+
get(key) {
|
|
43
|
+
return this[internalMapSymbol].get(key);
|
|
44
|
+
}
|
|
45
|
+
has(key) {
|
|
46
|
+
return this[internalMapSymbol].has(key);
|
|
47
|
+
}
|
|
48
|
+
set(key, value) {
|
|
49
|
+
if (this.get(key) === value) {
|
|
50
|
+
return this;
|
|
51
|
+
}
|
|
52
|
+
const copy = ImmutableMap.copy(this);
|
|
53
|
+
copy[internalMapSymbol].set(key, value);
|
|
54
|
+
return copy;
|
|
55
|
+
}
|
|
56
|
+
[_Symbol_iterator]() {
|
|
57
|
+
return this[internalMapSymbol].entries();
|
|
58
|
+
}
|
|
59
|
+
/**
|
|
60
|
+
* Do not use this constructor directly, use {@link ImmutableMap.from} instead.
|
|
61
|
+
* {@link ImmutableMap.from} handles instance verification (which might be problematic on {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms | multiple realms}),
|
|
62
|
+
* avoid unnecessary copies, supports iterables and ensures that the internal map is never exposed.
|
|
63
|
+
*
|
|
64
|
+
*⚠️⚠️ _By using this constructor directly, you might end up with a mutable map, as it is not guaranteed that the internal map is not exposed._ ⚠️⚠️
|
|
65
|
+
*/ constructor(internalMap){
|
|
66
|
+
_define_property(this, "size", void 0);
|
|
67
|
+
_define_property(this, _internalMapSymbol, void 0);
|
|
68
|
+
this[internalMapSymbol] = internalMap;
|
|
69
|
+
this.size = this[internalMapSymbol].size;
|
|
70
|
+
}
|
|
7
71
|
}
|
|
8
|
-
|
|
9
|
-
* Avoid using *dangerouslyCreateImmutableMap*, since this method will expose internally used set, use createImmutableMap instead,
|
|
10
|
-
* @param internalMap - a set that is used internally to store values.
|
|
11
|
-
*/ function dangerouslyCreateImmutableMap(internalMap) {
|
|
12
|
-
return {
|
|
13
|
-
size: internalMap.size,
|
|
14
|
-
set: (key, value)=>{
|
|
15
|
-
const nextSet = new Map(internalMap);
|
|
16
|
-
nextSet.set(key, value);
|
|
17
|
-
return dangerouslyCreateImmutableMap(nextSet);
|
|
18
|
-
},
|
|
19
|
-
get: (key)=>internalMap.get(key),
|
|
20
|
-
clear: ()=>emptyImmutableMap,
|
|
21
|
-
delete (value) {
|
|
22
|
-
const nextSet = new Map(internalMap);
|
|
23
|
-
nextSet.delete(value);
|
|
24
|
-
return dangerouslyCreateImmutableMap(nextSet);
|
|
25
|
-
},
|
|
26
|
-
has: (value)=>internalMap.has(value),
|
|
27
|
-
[Symbol.iterator]: ()=>internalMap[Symbol.iterator](),
|
|
28
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
29
|
-
dangerouslyGetInternalMap_unstable: ()=>internalMap
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
function isImmutableMap(value) {
|
|
33
|
-
return typeof value === 'object' && value !== null && 'dangerouslyGetInternalMap_unstable' in value;
|
|
34
|
-
}
|
|
35
|
-
export const ImmutableMap = {
|
|
36
|
-
empty: emptyImmutableMap,
|
|
37
|
-
create: createImmutableMap,
|
|
38
|
-
isImmutableMap,
|
|
39
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
40
|
-
dangerouslyCreate_unstable: dangerouslyCreateImmutableMap
|
|
41
|
-
};
|
|
72
|
+
_define_property(ImmutableMap, "empty", new ImmutableMap(new Map()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ImmutableMap.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["ImmutableMap.ts"],"sourcesContent":["const internalMapSymbol = Symbol('#internalMap');\n\nexport class ImmutableMap<Key, Value> implements Iterable<[Key, Value]> {\n public static empty: ImmutableMap<never, never> = new ImmutableMap(new Map<never, never>());\n public readonly size: number;\n\n private [internalMapSymbol]: Map<Key, Value>;\n\n public static dangerouslyGetInternalMap<Key, Value>(immutableMap: ImmutableMap<Key, Value>): Map<Key, Value> {\n return immutableMap[internalMapSymbol];\n }\n\n public static copy<Key, Value>(immutableMap: ImmutableMap<Key, Value>): ImmutableMap<Key, Value> {\n return this.from(immutableMap[internalMapSymbol]);\n }\n\n /**\n * Creates a new {@link ImmutableMap} from an iterable.\n * If the iterable is undefined, {@link ImmutableMap.empty} will be returned.\n * If the iterable is already an {@link ImmutableMap}, it will be returned as is no copy will be made.\n */\n public static from<T extends [unknown, unknown]>(iterable?: Iterable<T>): ImmutableMap<T[0], T[1]>;\n /**\n * Creates a new {@link ImmutableMap} from an iterable with an auxiliary map function to modify the iterable.\n * If the iterable is undefined, {@link ImmutableMap.empty} will be returned.\n * If the iterable is already an {@link ImmutableMap}, it will be returned as is no copy will be made.\n * The map function will be called for each element in the iterable.\n */\n public static from<T, U extends [unknown, unknown]>(\n iterable: Iterable<T> | undefined,\n mapFn: (value: T) => U,\n ): ImmutableMap<U[0], U[1]>;\n public static from(\n iterable?: Iterable<unknown>,\n mapFn?: (value: unknown) => [unknown, unknown],\n ): ImmutableMap<unknown, unknown> {\n if (iterable === undefined) {\n return this.empty;\n }\n if (!mapFn) {\n if (iterable instanceof this) {\n return iterable;\n }\n // casting here is ok, as the function overload ensures that the iterable is\n // Iterable<[unknown, unknown]>\n // if mapFn is not provided\n const iterableAsTuple = iterable as Iterable<[unknown, unknown]>;\n return new this(new Map(iterableAsTuple));\n }\n const map = new Map<unknown, unknown>();\n for (const value of iterable) {\n map.set(...mapFn(value));\n }\n return new this(map);\n }\n\n public static [Symbol.hasInstance](instance: unknown): boolean {\n return Boolean(typeof instance === 'object' && instance && internalMapSymbol in instance);\n }\n\n /**\n * Do not use this constructor directly, use {@link ImmutableMap.from} instead.\n * {@link ImmutableMap.from} handles instance verification (which might be problematic on {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms | multiple realms}),\n * avoid unnecessary copies, supports iterables and ensures that the internal map is never exposed.\n *\n *⚠️⚠️ _By using this constructor directly, you might end up with a mutable map, as it is not guaranteed that the internal map is not exposed._ ⚠️⚠️\n */\n constructor(internalMap: Map<Key, Value>) {\n this[internalMapSymbol] = internalMap;\n this.size = this[internalMapSymbol].size;\n }\n\n public delete(key: Key): ImmutableMap<Key, Value> {\n if (!this.has(key)) {\n return this;\n }\n const copy = ImmutableMap.copy(this);\n copy[internalMapSymbol].delete(key);\n return copy;\n }\n public get(key: Key): Value | undefined {\n return this[internalMapSymbol].get(key);\n }\n public has(key: Key): boolean {\n return this[internalMapSymbol].has(key);\n }\n public set(key: Key, value: Value): ImmutableMap<Key, Value> {\n if (this.get(key) === value) {\n return this;\n }\n const copy = ImmutableMap.copy(this);\n copy[internalMapSymbol].set(key, value);\n return copy;\n }\n public [Symbol.iterator](): Iterator<[Key, Value]> {\n return this[internalMapSymbol].entries();\n }\n}\n"],"names":["internalMapSymbol","Symbol","hasInstance","iterator","ImmutableMap","dangerouslyGetInternalMap","immutableMap","copy","from","iterable","mapFn","undefined","empty","iterableAsTuple","Map","map","value","set","instance","Boolean","delete","key","has","get","entries","constructor","internalMap","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,MAAMA,oBAAoBC,OAAO;IAMtBD,qBAAAA,mBAkDMC,sBAAAA,OAAOC,WAAW,EAsCzBD,mBAAAA,OAAOE,QAAQ;AA5FzB,OAAO,MAAMC;IAMX,OAAcC,0BAAsCC,YAAsC,EAAmB;QAC3G,OAAOA,YAAY,CAACN,kBAAkB;IACxC;IAEA,OAAcO,KAAiBD,YAAsC,EAA4B;QAC/F,OAAO,IAAI,CAACE,IAAI,CAACF,YAAY,CAACN,kBAAkB;IAClD;IAkBA,OAAcQ,KACZC,QAA4B,EAC5BC,KAA8C,EACd;QAChC,IAAID,aAAaE,WAAW;YAC1B,OAAO,IAAI,CAACC,KAAK;QACnB;QACA,IAAI,CAACF,OAAO;YACV,IAAID,oBAAoB,IAAI,EAAE;gBAC5B,OAAOA;YACT;YACA,4EAA4E;YAC5E,+BAA+B;YAC/B,2BAA2B;YAC3B,MAAMI,kBAAkBJ;YACxB,OAAO,IAAI,IAAI,CAAC,IAAIK,IAAID;QAC1B;QACA,MAAME,MAAM,IAAID;QAChB,KAAK,MAAME,SAASP,SAAU;YAC5BM,IAAIE,GAAG,IAAIP,MAAMM;QACnB;QACA,OAAO,IAAI,IAAI,CAACD;IAClB;IAEA,OAAc,CAACd,oBAAmB,CAACiB,QAAiB,EAAW;QAC7D,OAAOC,QAAQ,OAAOD,aAAa,YAAYA,YAAYlB,qBAAqBkB;IAClF;IAcOE,OAAOC,GAAQ,EAA4B;QAChD,IAAI,CAAC,IAAI,CAACC,GAAG,CAACD,MAAM;YAClB,OAAO,IAAI;QACb;QACA,MAAMd,OAAOH,aAAaG,IAAI,CAAC,IAAI;QACnCA,IAAI,CAACP,kBAAkB,CAACoB,MAAM,CAACC;QAC/B,OAAOd;IACT;IACOgB,IAAIF,GAAQ,EAAqB;QACtC,OAAO,IAAI,CAACrB,kBAAkB,CAACuB,GAAG,CAACF;IACrC;IACOC,IAAID,GAAQ,EAAW;QAC5B,OAAO,IAAI,CAACrB,kBAAkB,CAACsB,GAAG,CAACD;IACrC;IACOJ,IAAII,GAAQ,EAAEL,KAAY,EAA4B;QAC3D,IAAI,IAAI,CAACO,GAAG,CAACF,SAASL,OAAO;YAC3B,OAAO,IAAI;QACb;QACA,MAAMT,OAAOH,aAAaG,IAAI,CAAC,IAAI;QACnCA,IAAI,CAACP,kBAAkB,CAACiB,GAAG,CAACI,KAAKL;QACjC,OAAOT;IACT;IACO,CAACN,iBAAgB,GAA2B;QACjD,OAAO,IAAI,CAACD,kBAAkB,CAACwB,OAAO;IACxC;IApCA;;;;;;GAMC,GACDC,YAAYC,WAA4B,CAAE;QA/D1C,uBAAgBC,QAAhB,KAAA;QAEA,uBAAS3B,oBAAT,KAAA;QA8DE,IAAI,CAACA,kBAAkB,GAAG0B;QAC1B,IAAI,CAACC,IAAI,GAAG,IAAI,CAAC3B,kBAAkB,CAAC2B,IAAI;IAC1C;AA2BF;AA9FE,iBADWvB,cACGQ,SAAoC,IAAIR,aAAa,IAAIU"}
|
|
@@ -1,46 +1,67 @@
|
|
|
1
|
-
|
|
1
|
+
import { _ as _define_property } from "@swc/helpers/_/_define_property";
|
|
2
|
+
const internalSetSymbol = Symbol('#internalSet');
|
|
3
|
+
let _internalSetSymbol = internalSetSymbol, _Symbol_hasInstance = Symbol.hasInstance, _Symbol_iterator = Symbol.iterator;
|
|
2
4
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
5
|
+
* @public
|
|
6
|
+
*
|
|
7
|
+
* Small immutable wrapper around the native Set implementation.
|
|
8
|
+
* Every operation that would modify the set returns a new copy instance.
|
|
9
|
+
*/ export class ImmutableSet {
|
|
10
|
+
static dangerouslyGetInternalSet(set) {
|
|
11
|
+
return set[internalSetSymbol];
|
|
12
|
+
}
|
|
13
|
+
static copy(immutableSet) {
|
|
14
|
+
return new ImmutableSet(new Set(immutableSet[internalSetSymbol]));
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Creates a new {@link ImmutableSet} from an iterable.
|
|
18
|
+
* If the iterable is undefined, {@link ImmutableSet.empty} will be returned.
|
|
19
|
+
* If the iterable is already an {@link ImmutableSet}, it will be returned as is no copy will be made.
|
|
20
|
+
*/ static from(iterable) {
|
|
21
|
+
if (iterable === undefined) {
|
|
22
|
+
return this.empty;
|
|
23
|
+
}
|
|
24
|
+
if (iterable instanceof this) {
|
|
25
|
+
return iterable;
|
|
26
|
+
}
|
|
27
|
+
return new this(new Set(iterable));
|
|
28
|
+
}
|
|
29
|
+
static [_Symbol_hasInstance](instance) {
|
|
30
|
+
return Boolean(typeof instance === 'object' && instance && internalSetSymbol in instance);
|
|
31
|
+
}
|
|
32
|
+
add(value) {
|
|
33
|
+
if (this.has(value)) {
|
|
34
|
+
return this;
|
|
35
|
+
}
|
|
36
|
+
const copy = ImmutableSet.copy(this);
|
|
37
|
+
copy[internalSetSymbol].add(value);
|
|
38
|
+
return copy;
|
|
39
|
+
}
|
|
40
|
+
delete(value) {
|
|
41
|
+
if (!this.has(value)) {
|
|
42
|
+
return this;
|
|
43
|
+
}
|
|
44
|
+
const copy = ImmutableSet.copy(this);
|
|
45
|
+
copy[internalSetSymbol].delete(value);
|
|
46
|
+
return copy;
|
|
47
|
+
}
|
|
48
|
+
has(value) {
|
|
49
|
+
return this[internalSetSymbol].has(value);
|
|
50
|
+
}
|
|
51
|
+
[_Symbol_iterator]() {
|
|
52
|
+
return this[internalSetSymbol].values();
|
|
53
|
+
}
|
|
54
|
+
/**
|
|
55
|
+
* Do not use this constructor directly, use {@link ImmutableSet.from} instead.
|
|
56
|
+
* {@link ImmutableSet.from} handles instance verification (which might be problematic on {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms | multiple realms}),
|
|
57
|
+
* avoid unnecessary copies, supports iterables and ensures that the internal set is never exposed.
|
|
58
|
+
*
|
|
59
|
+
*⚠️⚠️ _By using this constructor directly, you might end up with a mutable set, as it is not guaranteed that the internal set is not exposed._ ⚠️⚠️
|
|
60
|
+
*/ constructor(internalSet){
|
|
61
|
+
_define_property(this, "size", void 0);
|
|
62
|
+
_define_property(this, _internalSetSymbol, void 0);
|
|
63
|
+
this[internalSetSymbol] = internalSet;
|
|
64
|
+
this.size = this[internalSetSymbol].size;
|
|
65
|
+
}
|
|
30
66
|
}
|
|
31
|
-
|
|
32
|
-
return typeof value === 'object' && value !== null && 'dangerouslyGetInternalSet_unstable' in value;
|
|
33
|
-
}
|
|
34
|
-
/**
|
|
35
|
-
* properly creates an ImmutableSet instance from an iterable
|
|
36
|
-
*/ function createImmutableSet(iterable) {
|
|
37
|
-
const internalSet = new Set(iterable);
|
|
38
|
-
return dangerouslyCreateImmutableSet(internalSet);
|
|
39
|
-
}
|
|
40
|
-
export const ImmutableSet = {
|
|
41
|
-
empty: emptyImmutableSet,
|
|
42
|
-
create: createImmutableSet,
|
|
43
|
-
isImmutableSet,
|
|
44
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
45
|
-
dangerouslyCreate_unstable: dangerouslyCreateImmutableSet
|
|
46
|
-
};
|
|
67
|
+
_define_property(ImmutableSet, "empty", new ImmutableSet(new Set()));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ImmutableSet.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["ImmutableSet.ts"],"sourcesContent":["const internalSetSymbol = Symbol('#internalSet');\n\n/**\n * @public\n *\n * Small immutable wrapper around the native Set implementation.\n * Every operation that would modify the set returns a new copy instance.\n */\nexport class ImmutableSet<T> implements Iterable<T> {\n public static empty: ImmutableSet<never> = new ImmutableSet(new Set());\n public readonly size: number;\n\n private [internalSetSymbol]: Set<T>;\n\n public static dangerouslyGetInternalSet<Value>(set: ImmutableSet<Value>): Set<Value> {\n return set[internalSetSymbol];\n }\n\n public static copy<T>(immutableSet: ImmutableSet<T>): ImmutableSet<T> {\n return new ImmutableSet(new Set(immutableSet[internalSetSymbol]));\n }\n\n /**\n * Creates a new {@link ImmutableSet} from an iterable.\n * If the iterable is undefined, {@link ImmutableSet.empty} will be returned.\n * If the iterable is already an {@link ImmutableSet}, it will be returned as is no copy will be made.\n */\n public static from<Value>(iterable?: Iterable<Value>): ImmutableSet<Value> {\n if (iterable === undefined) {\n return this.empty;\n }\n if (iterable instanceof this) {\n return iterable;\n }\n return new this(new Set(iterable));\n }\n\n public static [Symbol.hasInstance](instance: unknown): boolean {\n return Boolean(typeof instance === 'object' && instance && internalSetSymbol in instance);\n }\n\n /**\n * Do not use this constructor directly, use {@link ImmutableSet.from} instead.\n * {@link ImmutableSet.from} handles instance verification (which might be problematic on {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms | multiple realms}),\n * avoid unnecessary copies, supports iterables and ensures that the internal set is never exposed.\n *\n *⚠️⚠️ _By using this constructor directly, you might end up with a mutable set, as it is not guaranteed that the internal set is not exposed._ ⚠️⚠️\n */\n constructor(internalSet: Set<T>) {\n this[internalSetSymbol] = internalSet;\n this.size = this[internalSetSymbol].size;\n }\n\n public add(value: T): ImmutableSet<T> {\n if (this.has(value)) {\n return this;\n }\n const copy = ImmutableSet.copy(this);\n copy[internalSetSymbol].add(value);\n return copy;\n }\n\n public delete(value: T): ImmutableSet<T> {\n if (!this.has(value)) {\n return this;\n }\n const copy = ImmutableSet.copy(this);\n copy[internalSetSymbol].delete(value);\n return copy;\n }\n\n public has(value: T): boolean {\n return this[internalSetSymbol].has(value);\n }\n\n public [Symbol.iterator](): Iterator<T> {\n return this[internalSetSymbol].values();\n }\n}\n"],"names":["internalSetSymbol","Symbol","hasInstance","iterator","ImmutableSet","dangerouslyGetInternalSet","set","copy","immutableSet","Set","from","iterable","undefined","empty","instance","Boolean","add","value","has","delete","values","constructor","internalSet","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,MAAMA,oBAAoBC,OAAO;IAYtBD,qBAAAA,mBAyBMC,sBAAAA,OAAOC,WAAW,EAsCzBD,mBAAAA,OAAOE,QAAQ;AAzEzB;;;;;CAKC,GACD,OAAO,MAAMC;IAMX,OAAcC,0BAAiCC,GAAwB,EAAc;QACnF,OAAOA,GAAG,CAACN,kBAAkB;IAC/B;IAEA,OAAcO,KAAQC,YAA6B,EAAmB;QACpE,OAAO,IAAIJ,aAAa,IAAIK,IAAID,YAAY,CAACR,kBAAkB;IACjE;IAEA;;;;GAIC,GACD,OAAcU,KAAYC,QAA0B,EAAuB;QACzE,IAAIA,aAAaC,WAAW;YAC1B,OAAO,IAAI,CAACC,KAAK;QACnB;QACA,IAAIF,oBAAoB,IAAI,EAAE;YAC5B,OAAOA;QACT;QACA,OAAO,IAAI,IAAI,CAAC,IAAIF,IAAIE;IAC1B;IAEA,OAAc,CAACV,oBAAmB,CAACa,QAAiB,EAAW;QAC7D,OAAOC,QAAQ,OAAOD,aAAa,YAAYA,YAAYd,qBAAqBc;IAClF;IAcOE,IAAIC,KAAQ,EAAmB;QACpC,IAAI,IAAI,CAACC,GAAG,CAACD,QAAQ;YACnB,OAAO,IAAI;QACb;QACA,MAAMV,OAAOH,aAAaG,IAAI,CAAC,IAAI;QACnCA,IAAI,CAACP,kBAAkB,CAACgB,GAAG,CAACC;QAC5B,OAAOV;IACT;IAEOY,OAAOF,KAAQ,EAAmB;QACvC,IAAI,CAAC,IAAI,CAACC,GAAG,CAACD,QAAQ;YACpB,OAAO,IAAI;QACb;QACA,MAAMV,OAAOH,aAAaG,IAAI,CAAC,IAAI;QACnCA,IAAI,CAACP,kBAAkB,CAACmB,MAAM,CAACF;QAC/B,OAAOV;IACT;IAEOW,IAAID,KAAQ,EAAW;QAC5B,OAAO,IAAI,CAACjB,kBAAkB,CAACkB,GAAG,CAACD;IACrC;IAEO,CAAChB,iBAAgB,GAAgB;QACtC,OAAO,IAAI,CAACD,kBAAkB,CAACoB,MAAM;IACvC;IApCA;;;;;;GAMC,GACDC,YAAYC,WAAmB,CAAE;QAtCjC,uBAAgBC,QAAhB,KAAA;QAEA,uBAASvB,oBAAT,KAAA;QAqCE,IAAI,CAACA,kBAAkB,GAAGsB;QAC1B,IAAI,CAACC,IAAI,GAAG,IAAI,CAACvB,kBAAkB,CAACuB,IAAI;IAC1C;AA2BF;AArEE,iBADWnB,cACGS,SAA6B,IAAIT,aAAa,IAAIK"}
|
|
@@ -1,18 +1,6 @@
|
|
|
1
1
|
import { ImmutableMap } from './ImmutableMap';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
return iterable;
|
|
8
|
-
}
|
|
9
|
-
const internalMap = new Map();
|
|
10
|
-
for (const item of iterable){
|
|
11
|
-
if (Array.isArray(item)) {
|
|
12
|
-
internalMap.set(item[0], item[1]);
|
|
13
|
-
} else {
|
|
14
|
-
internalMap.set(item, true);
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
return ImmutableMap.dangerouslyCreate_unstable(internalMap);
|
|
18
|
-
}
|
|
2
|
+
const tuplifyCheckedItem = (value)=>Array.isArray(value) ? value : [
|
|
3
|
+
value,
|
|
4
|
+
true
|
|
5
|
+
];
|
|
6
|
+
export const createCheckedItems = (iterable)=>ImmutableMap.from(iterable, tuplifyCheckedItem);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["createCheckedItems.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["createCheckedItems.ts"],"sourcesContent":["import type { TreeSelectionValue } from '../Tree';\nimport type { TreeItemValue } from '../TreeItem';\nimport { ImmutableMap } from './ImmutableMap';\n\nconst tuplifyCheckedItem = (\n value: TreeItemValue | [TreeItemValue, TreeSelectionValue],\n): [TreeItemValue, TreeSelectionValue] => (Array.isArray(value) ? value : [value, true]);\n\nexport const createCheckedItems = (\n iterable?: Iterable<TreeItemValue | [TreeItemValue, TreeSelectionValue]>,\n): ImmutableMap<TreeItemValue, TreeSelectionValue> => ImmutableMap.from(iterable, tuplifyCheckedItem);\n"],"names":["ImmutableMap","tuplifyCheckedItem","value","Array","isArray","createCheckedItems","iterable","from"],"rangeMappings":";;;;;","mappings":"AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAE9C,MAAMC,qBAAqB,CACzBC,QACyCC,MAAMC,OAAO,CAACF,SAASA,QAAQ;QAACA;QAAO;KAAK;AAEvF,OAAO,MAAMG,qBAAqB,CAChCC,WACoDN,aAAaO,IAAI,CAACD,UAAUL,oBAAoB"}
|