@fluentui/react-tree 9.0.0-beta.25 → 9.0.0-beta.26

package/lib-commonjs/components/Tree/useRootTree.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useRootTree.js"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { getNativeElementProps, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { createNextOpenItems, useControllableOpenItems, useNestedTreeNavigation } from '../../hooks';\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'  } = props;\n    const [openItems, setOpenItems] = useControllableOpenItems(props);\n    const [navigate, navigationRef] = useNestedTreeNavigation();\n    const requestOpenChange = (data)=>{\n        var _props_onOpenChange;\n        const nextOpenItems = createNextOpenItems(data, openItems);\n        (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, data.event, {\n            ...data,\n            openItems: nextOpenItems\n        });\n        if (data.event.isDefaultPrevented()) {\n            return;\n        }\n        return setOpenItems(nextOpenItems);\n    };\n    const requestNavigation = (data)=>{\n        var _props_onNavigation_unstable;\n        (_props_onNavigation_unstable = props.onNavigation_unstable) === null || _props_onNavigation_unstable === void 0 ? void 0 : _props_onNavigation_unstable.call(props, data.event, data);\n        if (data.event.isDefaultPrevented()) {\n            return;\n        }\n        navigate(data);\n        if (data.type === treeDataTypes.ArrowDown || data.type === treeDataTypes.ArrowUp) {\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                        });\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                        });\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                    });\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                        });\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        }\n    });\n    return {\n        components: {\n            root: 'div'\n        },\n        open: true,\n        appearance,\n        size,\n        level: 1,\n        openItems,\n        requestTreeResponse,\n        root: getNativeElementProps('div', {\n            ref: useMergedRefs(navigationRef, ref),\n            role: 'tree',\n            ...props\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","openItems","setOpenItems","useControllableOpenItems","navigate","navigationRef","useNestedTreeNavigation","requestOpenChange","data","_props_onOpenChange","nextOpenItems","createNextOpenItems","onOpenChange","call","event","isDefaultPrevented","requestNavigation","_props_onNavigation_unstable","onNavigation_unstable","type","treeDataTypes","ArrowDown","ArrowUp","preventDefault","requestTreeResponse","useEventCallback","request","Click","ExpandIconClick","ReactDOM","unstable_batchedUpdates","open","itemType","has","value","ArrowRight","Enter","ArrowLeft","End","Home","TypeAhead","target","currentTarget","components","root","level","getNativeElementProps","useMergedRefs","role","process","env","NODE_ENV","console","warn"],"mappings":";;;;+BAUoBA;;aAAAA;;;6DAVG;gEACG;gCAC6C;uBACgB;wBACzD;AAMnB,SAASA,YAAYC,KAAK,EAAEC,GAAG,EAAE;IACxCC,4BAA4BF;IAC5B,MAAM,EAAEG,YAAY,SAAQ,EAAGC,MAAM,SAAQ,EAAG,GAAGJ;IACnD,MAAM,CAACK,WAAWC,aAAa,GAAGC,IAAAA,+BAAwB,EAACP;IAC3D,MAAM,CAACQ,UAAUC,cAAc,GAAGC,IAAAA,8BAAuB;IACzD,MAAMC,oBAAoB,CAACC,OAAO;QAC9B,IAAIC;QACJ,MAAMC,gBAAgBC,IAAAA,0BAAmB,EAACH,MAAMP;QAC/CQ,CAAAA,sBAAsBb,MAAMgB,YAAY,AAAD,MAAO,IAAI,IAAIH,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBI,IAAI,CAACjB,OAAOY,KAAKM,KAAK,EAAE;YACzI,GAAGN,IAAI;YACPP,WAAWS;QACf,EAAE;QACF,IAAIF,KAAKM,KAAK,CAACC,kBAAkB,IAAI;YACjC;QACJ,CAAC;QACD,OAAOb,aAAaQ;IACxB;IACA,MAAMM,oBAAoB,CAACR,OAAO;QAC9B,IAAIS;QACHA,CAAAA,+BAA+BrB,MAAMsB,qBAAqB,AAAD,MAAO,IAAI,IAAID,iCAAiC,KAAK,IAAI,KAAK,IAAIA,6BAA6BJ,IAAI,CAACjB,OAAOY,KAAKM,KAAK,EAAEN,KAAK;QACtL,IAAIA,KAAKM,KAAK,CAACC,kBAAkB,IAAI;YACjC;QACJ,CAAC;QACDX,SAASI;QACT,IAAIA,KAAKW,IAAI,KAAKC,qBAAa,CAACC,SAAS,IAAIb,KAAKW,IAAI,KAAKC,qBAAa,CAACE,OAAO,EAAE;YAC9Ed,KAAKM,KAAK,CAACS,cAAc;QAC7B,CAAC;IACL;IACA,MAAMC,sBAAsBC,IAAAA,gCAAgB,EAAC,CAACC,UAAU;QACpD,OAAOA,QAAQP,IAAI;YACf,KAAKC,qBAAa,CAACO,KAAK;YACxB,KAAKP,qBAAa,CAACQ,eAAe;gBAC9B;oBACI,OAAOC,UAASC,uBAAuB,CAAC,IAAI;wBACxCvB,kBAAkB;4BACd,GAAGmB,OAAO;4BACVK,MAAML,QAAQM,QAAQ,KAAK,YAAY,CAAC/B,UAAUgC,GAAG,CAACP,QAAQQ,KAAK;wBACvE;wBACAlB,kBAAkB;4BACd,GAAGU,OAAO;4BACVP,MAAMC,qBAAa,CAACO,KAAK;wBAC7B;oBACJ;gBACJ;YACJ,KAAKP,qBAAa,CAACe,UAAU;gBACzB;oBACI,IAAIT,QAAQM,QAAQ,KAAK,QAAQ;wBAC7B;oBACJ,CAAC;oBACD,MAAMD,OAAO9B,UAAUgC,GAAG,CAACP,QAAQQ,KAAK;oBACxC,IAAI,CAACH,MAAM;wBACP,OAAOxB,kBAAkB;4BACrB,GAAGmB,OAAO;4BACVK,MAAM,IAAI;wBACd;oBACJ,CAAC;oBACD,OAAOf,kBAAkBU;gBAC7B;YACJ,KAAKN,qBAAa,CAACgB,KAAK;gBACpB;oBACI,MAAML,OAAO9B,UAAUgC,GAAG,CAACP,QAAQQ,KAAK;oBACxC,OAAO3B,kBAAkB;wBACrB,GAAGmB,OAAO;wBACVK,MAAML,QAAQM,QAAQ,KAAK,YAAY,CAACD;oBAC5C;gBACJ;YACJ,KAAKX,qBAAa,CAACiB,SAAS;gBACxB;oBACI,MAAMN,OAAO9B,UAAUgC,GAAG,CAACP,QAAQQ,KAAK;oBACxC,IAAIH,QAAQL,QAAQM,QAAQ,KAAK,UAAU;wBACvC,OAAOzB,kBAAkB;4BACrB,GAAGmB,OAAO;4BACVK,MAAM,KAAK;4BACXZ,MAAMC,qBAAa,CAACiB,SAAS;wBACjC;oBACJ,CAAC;oBACD,OAAOrB,kBAAkB;wBACrB,GAAGU,OAAO;wBACVP,MAAMC,qBAAa,CAACiB,SAAS;oBACjC;gBACJ;YACJ,KAAKjB,qBAAa,CAACkB,GAAG;YACtB,KAAKlB,qBAAa,CAACmB,IAAI;YACvB,KAAKnB,qBAAa,CAACE,OAAO;YAC1B,KAAKF,qBAAa,CAACC,SAAS;YAC5B,KAAKD,qBAAa,CAACoB,SAAS;gBACxB,OAAOxB,kBAAkB;oBACrB,GAAGU,OAAO;oBACVe,QAAQf,QAAQZ,KAAK,CAAC4B,aAAa;gBACvC;QACR;IACJ;IACA,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAb,MAAM,IAAI;QACVhC;QACAC;QACA6C,OAAO;QACP5C;QACAuB;QACAoB,MAAME,IAAAA,qCAAqB,EAAC,OAAO;YAC/BjD,KAAKkD,IAAAA,6BAAa,EAAC1C,eAAeR;YAClCmD,MAAM;YACN,GAAGpD,KAAK;QACZ;IACJ;AACJ;AACA,SAASE,4BAA4BF,KAAK,EAAE;IACxC,IAAIqD,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;QACxC,IAAI,CAACvD,KAAK,CAAC,aAAa,IAAI,CAACA,KAAK,CAAC,kBAAkB,EAAE;YACnD,sCAAsC;YACtCwD,QAAQC,IAAI,CAAC;QACjB,CAAC;IACL,CAAC;AACL"}
+{"version":3,"sources":["useRootTree.js"],"sourcesContent":["import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { getNativeElementProps, useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { useControllableOpenItems, useNestedTreeNavigation, useNestedControllableCheckedItems, createNextOpenItems } from '../../hooks';\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, setOpenItems] = useControllableOpenItems(props);\n    const [checkedItems] = useNestedControllableCheckedItems(props);\n    const [navigate, navigationRef] = useNestedTreeNavigation();\n    const requestOpenChange = (data)=>{\n        var _props_onOpenChange;\n        (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, data.event, data);\n        if (data.event.isDefaultPrevented()) {\n            return;\n        }\n        return setOpenItems(createNextOpenItems(data, openItems));\n    };\n    const requestCheckedChange = (data)=>{\n        var _props_onCheckedChange;\n        (_props_onCheckedChange = props.onCheckedChange) === null || _props_onCheckedChange === void 0 ? void 0 : _props_onCheckedChange.call(props, data.event, data);\n    // TODO:\n    // we should implement the logic for nested tree selection\n    // return setCheckedItems(checkedItems);\n    };\n    const requestNavigation = (data)=>{\n        var _props_onNavigation_unstable;\n        (_props_onNavigation_unstable = props.onNavigation_unstable) === null || _props_onNavigation_unstable === void 0 ? void 0 : _props_onNavigation_unstable.call(props, data.event, data);\n        if (data.event.isDefaultPrevented()) {\n            return;\n        }\n        navigate(data);\n        if (data.type === treeDataTypes.ArrowDown || data.type === treeDataTypes.ArrowUp) {\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                        });\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                        });\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                    });\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                        });\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                    const previousCheckedValue = checkedItems.get(request.value);\n                    return requestCheckedChange({\n                        ...request,\n                        selectionMode: selectionMode,\n                        checked: previousCheckedValue === 'mixed' ? true : !previousCheckedValue\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: getNativeElementProps('div', {\n            ref: useMergedRefs(navigationRef, ref),\n            role: 'tree',\n            'aria-multiselectable': selectionMode === 'multiselect' ? true : undefined,\n            ...props\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","setOpenItems","useControllableOpenItems","checkedItems","useNestedControllableCheckedItems","navigate","navigationRef","useNestedTreeNavigation","requestOpenChange","data","_props_onOpenChange","onOpenChange","call","event","isDefaultPrevented","createNextOpenItems","requestCheckedChange","_props_onCheckedChange","onCheckedChange","requestNavigation","_props_onNavigation_unstable","onNavigation_unstable","type","treeDataTypes","ArrowDown","ArrowUp","preventDefault","requestTreeResponse","useEventCallback","request","Click","ExpandIconClick","ReactDOM","unstable_batchedUpdates","open","itemType","has","value","ArrowRight","Enter","ArrowLeft","End","Home","TypeAhead","target","currentTarget","Change","previousCheckedValue","get","checked","components","root","level","getNativeElementProps","useMergedRefs","role","undefined","process","env","NODE_ENV","console","warn"],"mappings":"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"}

package/lib-commonjs/components/Tree/useSubtree.js

@@ -17,7 +17,9 @@ function useSubtree(props, ref) {
     const value = (0, _contexts.useTreeItemContext_unstable)((ctx)=>ctx.value);
     const { appearance =contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'subtle' , size =contextSize !== null && contextSize !== void 0 ? contextSize : 'medium'  } = props;
     const parentLevel = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.level);
+    const selectionMode = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.selectionMode);
     const openItems = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.openItems);
+    const checkedItems = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.checkedItems);
     const requestTreeResponse = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.requestTreeResponse);
     const open = openItems.has(value);
     return {
@@ -27,6 +29,7 @@ function useSubtree(props, ref) {
         },
         appearance,
         size,
+        selectionMode,
         level: parentLevel + 1,
         root: (0, _reactUtilities.getNativeElementProps)('div', {
             ref: (0, _reactUtilities.useMergedRefs)(ref, subtreeRef),
@@ -34,6 +37,7 @@ function useSubtree(props, ref) {
             ...props
         }),
         openItems,
+        checkedItems,
         requestTreeResponse
     };
 }

package/lib-commonjs/components/Tree/useSubtree.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSubtree.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable, useTreeItemContext_unstable } from '../../contexts';\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 openItems = useTreeContext_unstable((ctx)=>ctx.openItems);\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        level: parentLevel + 1,\n        root: getNativeElementProps('div', {\n            ref: useMergedRefs(ref, subtreeRef),\n            role: 'group',\n            ...props\n        }),\n        openItems,\n        requestTreeResponse\n    };\n}\n"],"names":["useSubtree","props","ref","contextAppearance","useTreeContext_unstable","ctx","appearance","contextSize","size","subtreeRef","useTreeItemContext_unstable","value","parentLevel","level","openItems","requestTreeResponse","open","has","components","root","getNativeElementProps","useMergedRefs","role"],"mappings":";;;;+BAQoBA;;aAAAA;;;6DARG;gCAC8B;0BACgB;AAM1D,SAASA,WAAWC,KAAK,EAAEC,GAAG,EAAE;IACvC,MAAMC,oBAAoBC,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIC,UAAU;IACvE,MAAMC,cAAcH,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIG,IAAI;IAC3D,MAAMC,aAAaC,IAAAA,qCAA2B,EAAC,CAACL,MAAMA,IAAII,UAAU;IACpE,MAAME,QAAQD,IAAAA,qCAA2B,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,iCAAuB,EAAC,CAACC,MAAMA,IAAIQ,KAAK;IAC5D,MAAMC,YAAYV,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIS,SAAS;IAC9D,MAAMC,sBAAsBX,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIU,mBAAmB;IAClF,MAAMC,OAAOF,UAAUG,GAAG,CAACN;IAC3B,OAAO;QACHK;QACAE,YAAY;YACRC,MAAM;QACV;QACAb;QACAE;QACAK,OAAOD,cAAc;QACrBO,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BlB,KAAKmB,IAAAA,6BAAa,EAACnB,KAAKO;YACxBa,MAAM;YACN,GAAGrB,KAAK;QACZ;QACAa;QACAC;IACJ;AACJ"}
+{"version":3,"sources":["useSubtree.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTreeContext_unstable, useTreeItemContext_unstable } from '../../contexts';\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: getNativeElementProps('div', {\n            ref: useMergedRefs(ref, subtreeRef),\n            role: 'group',\n            ...props\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","getNativeElementProps","useMergedRefs","role"],"mappings":";;;;+BAQoBA;;aAAAA;;;6DARG;gCAC8B;0BACgB;AAM1D,SAASA,WAAWC,KAAK,EAAEC,GAAG,EAAE;IACvC,MAAMC,oBAAoBC,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIC,UAAU;IACvE,MAAMC,cAAcH,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIG,IAAI;IAC3D,MAAMC,aAAaC,IAAAA,qCAA2B,EAAC,CAACL,MAAMA,IAAII,UAAU;IACpE,MAAME,QAAQD,IAAAA,qCAA2B,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,iCAAuB,EAAC,CAACC,MAAMA,IAAIQ,KAAK;IAC5D,MAAMC,gBAAgBV,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIS,aAAa;IACtE,MAAMC,YAAYX,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIU,SAAS;IAC9D,MAAMC,eAAeZ,IAAAA,iCAAuB,EAAC,CAACC,MAAMA,IAAIW,YAAY;IACpE,MAAMC,sBAAsBb,IAAAA,iCAAuB,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,IAAAA,qCAAqB,EAAC,OAAO;YAC/BpB,KAAKqB,IAAAA,6BAAa,EAACrB,KAAKO;YACxBe,MAAM;YACN,GAAGvB,KAAK;QACZ;QACAc;QACAC;QACAC;IACJ;AACJ"}

package/lib-commonjs/components/Tree/useTreeContextValues.js

@@ -7,15 +7,17 @@ Object.defineProperty(exports, "useTreeContextValues_unstable", {
     get: ()=>useTreeContextValues_unstable
 });
 function useTreeContextValues_unstable(state) {
-    const { openItems , level , appearance , size , requestTreeResponse  } = state;
+    const { openItems , checkedItems , selectionMode , level , appearance , size , requestTreeResponse  } = state;
     /**
    * This context is created with "@fluentui/react-context-selector",
    * there is no sense to memoize it
    */ const tree = {
-        appearance,
         size,
         level,
         openItems,
+        appearance,
+        checkedItems,
+        selectionMode,
         requestTreeResponse
     };
     return {

package/lib-commonjs/components/Tree/useTreeContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTreeContextValues.js"],"sourcesContent":["export function useTreeContextValues_unstable(state) {\n    const { openItems , level , appearance , size , requestTreeResponse  } = state;\n    /**\n   * This context is created with \"@fluentui/react-context-selector\",\n   * there is no sense to memoize it\n   */ const tree = {\n        appearance,\n        size,\n        level,\n        openItems,\n        requestTreeResponse\n    };\n    return {\n        tree\n    };\n}\n"],"names":["useTreeContextValues_unstable","state","openItems","level","appearance","size","requestTreeResponse","tree"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,8BAA8BC,KAAK,EAAE;IACjD,MAAM,EAAEC,UAAS,EAAGC,MAAK,EAAGC,WAAU,EAAGC,KAAI,EAAGC,oBAAmB,EAAG,GAAGL;IACzE;;;GAGD,GAAG,MAAMM,OAAO;QACXH;QACAC;QACAF;QACAD;QACAI;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useTreeContextValues.js"],"sourcesContent":["export function useTreeContextValues_unstable(state) {\n    const { openItems , checkedItems , selectionMode , level , appearance , size , requestTreeResponse  } = state;\n    /**\n   * This context is created with \"@fluentui/react-context-selector\",\n   * there is no sense to memoize it\n   */ const tree = {\n        size,\n        level,\n        openItems,\n        appearance,\n        checkedItems,\n        selectionMode,\n        requestTreeResponse\n    };\n    return {\n        tree\n    };\n}\n"],"names":["useTreeContextValues_unstable","state","openItems","checkedItems","selectionMode","level","appearance","size","requestTreeResponse","tree"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,8BAA8BC,KAAK,EAAE;IACjD,MAAM,EAAEC,UAAS,EAAGC,aAAY,EAAGC,cAAa,EAAGC,MAAK,EAAGC,WAAU,EAAGC,KAAI,EAAGC,oBAAmB,EAAG,GAAGP;IACxG;;;GAGD,GAAG,MAAMQ,OAAO;QACXF;QACAF;QACAH;QACAI;QACAH;QACAC;QACAI;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}

package/lib-commonjs/components/TreeItem/useTreeItem.js

@@ -11,9 +11,10 @@ const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
 const _reactPortal = require("@fluentui/react-portal");
 const _index = require("../../contexts/index");
-const _tokens = require("../../utils/tokens");
 const _getTreeItemValueFromElement = require("../../utils/getTreeItemValueFromElement");
 const _treeItemChevron = require("../TreeItemChevron");
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _tokens = require("../../utils/tokens");
 function useTreeItem_unstable(props, ref) {
     var _props_value;
     const contextLevel = (0, _index.useTreeContext_unstable)((ctx)=>ctx.level);
@@ -39,11 +40,15 @@ function useTreeItem_unstable(props, ref) {
     const handleActionsRef = (actionsElement)=>{
         setAsideVisible(actionsElement === null);
     };
-    const open = (0, _index.useTreeContext_unstable)((ctx)=>ctx.openItems.has(value));
     const actionsRef = _react.useRef(null);
     const expandIconRef = _react.useRef(null);
     const layoutRef = _react.useRef(null);
     const subtreeRef = _react.useRef(null);
+    const selectionRef = _react.useRef(null);
+    const open = (0, _index.useTreeContext_unstable)((ctx)=>ctx.openItems.has(value));
+    var _ctx_checkedItems_get;
+    const checked = (0, _index.useTreeContext_unstable)((ctx)=>(_ctx_checkedItems_get = ctx.checkedItems.get(value)) !== null && _ctx_checkedItems_get !== void 0 ? _ctx_checkedItems_get : false);
+    const selectionMode = (0, _index.useTreeContext_unstable)((ctx)=>ctx.selectionMode);
     const actionsRefs = (0, _reactUtilities.useMergedRefs)((0, _reactUtilities.isResolvedShorthand)(actions) ? actions.ref : undefined, handleActionsRef, actionsRef);
     const expandIconRefs = (0, _reactUtilities.useMergedRefs)((0, _reactUtilities.isResolvedShorthand)(expandIcon) ? expandIcon.ref : undefined, expandIconRef);
     const handleClick = (0, _reactUtilities.useEventCallback)((event)=>{
@@ -59,6 +64,10 @@ function useTreeItem_unstable(props, ref) {
         if (isEventFromSubtree) {
             return;
         }
+        const isEventFromSelection = selectionRef.current && (0, _reactPortal.elementContains)(selectionRef.current, event.target);
+        if (isEventFromSelection) {
+            return;
+        }
         const isFromExpandIcon = expandIconRef.current && (0, _reactPortal.elementContains)(expandIconRef.current, event.target);
         requestTreeResponse({
             event,
@@ -75,6 +84,13 @@ function useTreeItem_unstable(props, ref) {
             return;
         }
         switch(event.key){
+            case _keyboardKeys.Space:
+                if (selectionMode !== 'none') {
+                    var _selectionRef_current;
+                    (_selectionRef_current = selectionRef.current) === null || _selectionRef_current === void 0 ? void 0 : _selectionRef_current.click();
+                    event.preventDefault();
+                }
+                return;
             case _tokens.treeDataTypes.End:
             case _tokens.treeDataTypes.Home:
             case _tokens.treeDataTypes.Enter:
@@ -117,6 +133,22 @@ function useTreeItem_unstable(props, ref) {
             return setActionsVisible(false);
         }
     });
+    const handleChange = (0, _reactUtilities.useEventCallback)((event)=>{
+        if (event.isDefaultPrevented()) {
+            return;
+        }
+        const isEventFromSubtree = subtreeRef.current && (0, _reactPortal.elementContains)(subtreeRef.current, event.target);
+        if (isEventFromSubtree) {
+            return;
+        }
+        requestTreeResponse({
+            event,
+            value,
+            itemType,
+            type: 'Change',
+            target: event.currentTarget
+        });
+    });
     const isBranch = itemType === 'branch';
     const actionsSlot = _react.useMemo(()=>isActionsVisible ? (0, _reactUtilities.resolveShorthand)(actions) : undefined, [
         actions,
@@ -159,16 +191,28 @@ function useTreeItem_unstable(props, ref) {
             role: 'treeitem',
             'aria-level': level,
             [_getTreeItemValueFromElement.dataTreeItemValueAttrName]: value,
+            'aria-checked': selectionMode === 'multiselect' ? checked : undefined,
+            'aria-selected': selectionMode === 'single' ? checked : undefined,
             'aria-expanded': isBranch ? open : undefined,
             onClick: handleClick,
             onKeyDown: handleKeyDown,
             onMouseOver: handleActionsVisible,
             onFocus: handleActionsVisible,
             onMouseOut: handleActionsInvisible,
-            onBlur: handleActionsInvisible
+            onBlur: handleActionsInvisible,
+            onChange: handleChange
         }),
         actions: actionsSlot,
         aside: asideSlot,
-        expandIcon: expandIconSlot
+        expandIcon: expandIconSlot,
+        selector: selectionMode === 'none' ? undefined : (0, _reactUtilities.resolveShorthand)(selectionMode === 'multiselect' ? props.checkboxIndicator : props.radioIndicator, {
+            required: true,
+            defaultProps: {
+                checked,
+                tabIndex: -1,
+                'aria-hidden': true,
+                ref: selectionRef
+            }
+        })
     };
 }

package/lib-commonjs/components/TreeItem/useTreeItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTreeItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, resolveShorthand, useControllableState, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { elementContains } from '@fluentui/react-portal';\nimport { useTreeContext_unstable } from '../../contexts/index';\nimport { treeDataTypes } from '../../utils/tokens';\nimport { dataTreeItemValueAttrName } from '../../utils/getTreeItemValueFromElement';\nimport { TreeItemChevron } from '../TreeItemChevron';\n/**\n * Create the state required to render TreeItem.\n *\n * The returned state can be modified with hooks such as useTreeItemStyles_unstable,\n * before being passed to renderTreeItem_unstable.\n *\n * @param props - props from this instance of TreeItem\n * @param ref - reference to root HTMLElement of TreeItem\n */ export function useTreeItem_unstable(props, ref) {\n    var _props_value;\n    const contextLevel = useTreeContext_unstable((ctx)=>ctx.level);\n    const value = useId('fuiTreeItemValue-', (_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.toString());\n    const { onClick , onKeyDown , as ='div' , itemType ='leaf' , 'aria-level': level = contextLevel , expandIcon , aside , ...rest } = props;\n    const requestTreeResponse = useTreeContext_unstable((ctx)=>ctx.requestTreeResponse);\n    const [isActionsVisibleExternal, actions] = isResolvedShorthand(props.actions) ? [\n        props.actions.visible,\n        {\n            ...props.actions,\n            visible: undefined\n        }\n    ] : [\n        undefined,\n        props.actions\n    ];\n    const [isActionsVisible, setActionsVisible] = useControllableState({\n        state: isActionsVisibleExternal,\n        defaultState: false,\n        initialState: false\n    });\n    const [isAsideVisible, setAsideVisible] = React.useState(true);\n    const handleActionsRef = (actionsElement)=>{\n        setAsideVisible(actionsElement === null);\n    };\n    const open = useTreeContext_unstable((ctx)=>ctx.openItems.has(value));\n    const actionsRef = React.useRef(null);\n    const expandIconRef = React.useRef(null);\n    const layoutRef = React.useRef(null);\n    const subtreeRef = React.useRef(null);\n    const actionsRefs = useMergedRefs(isResolvedShorthand(actions) ? actions.ref : undefined, handleActionsRef, actionsRef);\n    const expandIconRefs = useMergedRefs(isResolvedShorthand(expandIcon) ? expandIcon.ref : undefined, expandIconRef);\n    const handleClick = useEventCallback((event)=>{\n        onClick === null || onClick === void 0 ? void 0 : onClick(event);\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n        const isEventFromActions = actionsRef.current && elementContains(actionsRef.current, event.target);\n        if (isEventFromActions) {\n            return;\n        }\n        const isEventFromSubtree = subtreeRef.current && elementContains(subtreeRef.current, event.target);\n        if (isEventFromSubtree) {\n            return;\n        }\n        const isFromExpandIcon = expandIconRef.current && elementContains(expandIconRef.current, event.target);\n        requestTreeResponse({\n            event,\n            value,\n            itemType,\n            target: event.currentTarget,\n            type: isFromExpandIcon ? treeDataTypes.ExpandIconClick : treeDataTypes.Click\n        });\n    });\n    const handleKeyDown = useEventCallback((event)=>{\n        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n        // Ignore keyboard events that do not originate from the current tree item.\n        if (event.isDefaultPrevented() || event.currentTarget !== event.target) {\n            return;\n        }\n        switch(event.key){\n            case treeDataTypes.End:\n            case treeDataTypes.Home:\n            case treeDataTypes.Enter:\n            case treeDataTypes.ArrowUp:\n            case treeDataTypes.ArrowDown:\n            case treeDataTypes.ArrowLeft:\n            case treeDataTypes.ArrowRight:\n                return requestTreeResponse({\n                    event,\n                    target: event.currentTarget,\n                    value,\n                    itemType,\n                    type: event.key\n                });\n        }\n        const isTypeAheadCharacter = event.key.length === 1 && event.key.match(/\\w/) && !event.altKey && !event.ctrlKey && !event.metaKey;\n        if (isTypeAheadCharacter) {\n            requestTreeResponse({\n                event,\n                target: event.currentTarget,\n                value,\n                itemType,\n                type: treeDataTypes.TypeAhead\n            });\n        }\n    });\n    const handleActionsVisible = useEventCallback((event)=>{\n        const isTargetFromSubtree = Boolean(subtreeRef.current && elementContains(subtreeRef.current, event.target));\n        if (!isTargetFromSubtree) {\n            setActionsVisible(true);\n        }\n    });\n    const handleActionsInvisible = useEventCallback((event)=>{\n        const isTargetFromSubtree = Boolean(subtreeRef.current && elementContains(subtreeRef.current, event.target));\n        const isRelatedTargetFromActions = Boolean(actionsRef.current && elementContains(actionsRef.current, event.relatedTarget));\n        if (isRelatedTargetFromActions) {\n            return setActionsVisible(true);\n        }\n        if (!isTargetFromSubtree) {\n            return setActionsVisible(false);\n        }\n    });\n    const isBranch = itemType === 'branch';\n    const actionsSlot = React.useMemo(()=>isActionsVisible ? resolveShorthand(actions) : undefined, [\n        actions,\n        isActionsVisible\n    ]);\n    if (actionsSlot) {\n        actionsSlot.ref = actionsRefs;\n    }\n    const asideSlot = React.useMemo(()=>isAsideVisible ? resolveShorthand(aside) : undefined, [\n        aside,\n        isAsideVisible\n    ]);\n    const expandIconSlot = React.useMemo(()=>resolveShorthand(expandIcon, {\n            required: isBranch,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(TreeItemChevron, null),\n                'aria-hidden': true\n            }\n        }), [\n        expandIcon,\n        isBranch\n    ]);\n    if (expandIconSlot) {\n        expandIconSlot.ref = expandIconRefs;\n    }\n    return {\n        value,\n        open,\n        subtreeRef,\n        layoutRef,\n        itemType,\n        level,\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps(as, {\n            tabIndex: -1,\n            ...rest,\n            ref,\n            role: 'treeitem',\n            'aria-level': level,\n            [dataTreeItemValueAttrName]: value,\n            'aria-expanded': isBranch ? open : undefined,\n            onClick: handleClick,\n            onKeyDown: handleKeyDown,\n            onMouseOver: handleActionsVisible,\n            onFocus: handleActionsVisible,\n            onMouseOut: handleActionsInvisible,\n            onBlur: handleActionsInvisible\n        }),\n        actions: actionsSlot,\n        aside: asideSlot,\n        expandIcon: expandIconSlot\n    };\n}\n"],"names":["useTreeItem_unstable","props","ref","_props_value","contextLevel","useTreeContext_unstable","ctx","level","value","useId","toString","onClick","onKeyDown","as","itemType","expandIcon","aside","rest","requestTreeResponse","isActionsVisibleExternal","actions","isResolvedShorthand","visible","undefined","isActionsVisible","setActionsVisible","useControllableState","state","defaultState","initialState","isAsideVisible","setAsideVisible","React","useState","handleActionsRef","actionsElement","open","openItems","has","actionsRef","useRef","expandIconRef","layoutRef","subtreeRef","actionsRefs","useMergedRefs","expandIconRefs","handleClick","useEventCallback","event","isDefaultPrevented","isEventFromActions","current","elementContains","target","isEventFromSubtree","isFromExpandIcon","currentTarget","type","treeDataTypes","ExpandIconClick","Click","handleKeyDown","key","End","Home","Enter","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","isTypeAheadCharacter","length","match","altKey","ctrlKey","metaKey","TypeAhead","handleActionsVisible","isTargetFromSubtree","Boolean","handleActionsInvisible","isRelatedTargetFromActions","relatedTarget","isBranch","actionsSlot","useMemo","resolveShorthand","asideSlot","expandIconSlot","required","defaultProps","children","createElement","TreeItemChevron","components","root","getNativeElementProps","tabIndex","role","dataTreeItemValueAttrName","onMouseOver","onFocus","onMouseOut","onBlur"],"mappings":"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"}
+{"version":3,"sources":["useTreeItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, resolveShorthand, useControllableState, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { elementContains } from '@fluentui/react-portal';\nimport { useTreeContext_unstable } from '../../contexts/index';\nimport { dataTreeItemValueAttrName } from '../../utils/getTreeItemValueFromElement';\nimport { TreeItemChevron } from '../TreeItemChevron';\nimport { Space } from '@fluentui/keyboard-keys';\nimport { treeDataTypes } from '../../utils/tokens';\n/**\n * Create the state required to render TreeItem.\n *\n * The returned state can be modified with hooks such as useTreeItemStyles_unstable,\n * before being passed to renderTreeItem_unstable.\n *\n * @param props - props from this instance of TreeItem\n * @param ref - reference to root HTMLElement of TreeItem\n */ export function useTreeItem_unstable(props, ref) {\n    var _props_value;\n    const contextLevel = useTreeContext_unstable((ctx)=>ctx.level);\n    const value = useId('fuiTreeItemValue-', (_props_value = props.value) === null || _props_value === void 0 ? void 0 : _props_value.toString());\n    const { onClick , onKeyDown , as ='div' , itemType ='leaf' , 'aria-level': level = contextLevel , expandIcon , aside , ...rest } = props;\n    const requestTreeResponse = useTreeContext_unstable((ctx)=>ctx.requestTreeResponse);\n    const [isActionsVisibleExternal, actions] = isResolvedShorthand(props.actions) ? [\n        props.actions.visible,\n        {\n            ...props.actions,\n            visible: undefined\n        }\n    ] : [\n        undefined,\n        props.actions\n    ];\n    const [isActionsVisible, setActionsVisible] = useControllableState({\n        state: isActionsVisibleExternal,\n        defaultState: false,\n        initialState: false\n    });\n    const [isAsideVisible, setAsideVisible] = React.useState(true);\n    const handleActionsRef = (actionsElement)=>{\n        setAsideVisible(actionsElement === null);\n    };\n    const actionsRef = React.useRef(null);\n    const expandIconRef = React.useRef(null);\n    const layoutRef = React.useRef(null);\n    const subtreeRef = React.useRef(null);\n    const selectionRef = React.useRef(null);\n    const open = useTreeContext_unstable((ctx)=>ctx.openItems.has(value));\n    var _ctx_checkedItems_get;\n    const checked = useTreeContext_unstable((ctx)=>(_ctx_checkedItems_get = ctx.checkedItems.get(value)) !== null && _ctx_checkedItems_get !== void 0 ? _ctx_checkedItems_get : false);\n    const selectionMode = useTreeContext_unstable((ctx)=>ctx.selectionMode);\n    const actionsRefs = useMergedRefs(isResolvedShorthand(actions) ? actions.ref : undefined, handleActionsRef, actionsRef);\n    const expandIconRefs = useMergedRefs(isResolvedShorthand(expandIcon) ? expandIcon.ref : undefined, expandIconRef);\n    const handleClick = useEventCallback((event)=>{\n        onClick === null || onClick === void 0 ? void 0 : onClick(event);\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n        const isEventFromActions = actionsRef.current && elementContains(actionsRef.current, event.target);\n        if (isEventFromActions) {\n            return;\n        }\n        const isEventFromSubtree = subtreeRef.current && elementContains(subtreeRef.current, event.target);\n        if (isEventFromSubtree) {\n            return;\n        }\n        const isEventFromSelection = selectionRef.current && elementContains(selectionRef.current, event.target);\n        if (isEventFromSelection) {\n            return;\n        }\n        const isFromExpandIcon = expandIconRef.current && elementContains(expandIconRef.current, event.target);\n        requestTreeResponse({\n            event,\n            value,\n            itemType,\n            target: event.currentTarget,\n            type: isFromExpandIcon ? treeDataTypes.ExpandIconClick : treeDataTypes.Click\n        });\n    });\n    const handleKeyDown = useEventCallback((event)=>{\n        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);\n        // Ignore keyboard events that do not originate from the current tree item.\n        if (event.isDefaultPrevented() || event.currentTarget !== event.target) {\n            return;\n        }\n        switch(event.key){\n            case Space:\n                if (selectionMode !== 'none') {\n                    var _selectionRef_current;\n                    (_selectionRef_current = selectionRef.current) === null || _selectionRef_current === void 0 ? void 0 : _selectionRef_current.click();\n                    event.preventDefault();\n                }\n                return;\n            case treeDataTypes.End:\n            case treeDataTypes.Home:\n            case treeDataTypes.Enter:\n            case treeDataTypes.ArrowUp:\n            case treeDataTypes.ArrowDown:\n            case treeDataTypes.ArrowLeft:\n            case treeDataTypes.ArrowRight:\n                return requestTreeResponse({\n                    event,\n                    target: event.currentTarget,\n                    value,\n                    itemType,\n                    type: event.key\n                });\n        }\n        const isTypeAheadCharacter = event.key.length === 1 && event.key.match(/\\w/) && !event.altKey && !event.ctrlKey && !event.metaKey;\n        if (isTypeAheadCharacter) {\n            requestTreeResponse({\n                event,\n                target: event.currentTarget,\n                value,\n                itemType,\n                type: treeDataTypes.TypeAhead\n            });\n        }\n    });\n    const handleActionsVisible = useEventCallback((event)=>{\n        const isTargetFromSubtree = Boolean(subtreeRef.current && elementContains(subtreeRef.current, event.target));\n        if (!isTargetFromSubtree) {\n            setActionsVisible(true);\n        }\n    });\n    const handleActionsInvisible = useEventCallback((event)=>{\n        const isTargetFromSubtree = Boolean(subtreeRef.current && elementContains(subtreeRef.current, event.target));\n        const isRelatedTargetFromActions = Boolean(actionsRef.current && elementContains(actionsRef.current, event.relatedTarget));\n        if (isRelatedTargetFromActions) {\n            return setActionsVisible(true);\n        }\n        if (!isTargetFromSubtree) {\n            return setActionsVisible(false);\n        }\n    });\n    const handleChange = useEventCallback((event)=>{\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n        const isEventFromSubtree = subtreeRef.current && elementContains(subtreeRef.current, event.target);\n        if (isEventFromSubtree) {\n            return;\n        }\n        requestTreeResponse({\n            event,\n            value,\n            itemType,\n            type: 'Change',\n            target: event.currentTarget\n        });\n    });\n    const isBranch = itemType === 'branch';\n    const actionsSlot = React.useMemo(()=>isActionsVisible ? resolveShorthand(actions) : undefined, [\n        actions,\n        isActionsVisible\n    ]);\n    if (actionsSlot) {\n        actionsSlot.ref = actionsRefs;\n    }\n    const asideSlot = React.useMemo(()=>isAsideVisible ? resolveShorthand(aside) : undefined, [\n        aside,\n        isAsideVisible\n    ]);\n    const expandIconSlot = React.useMemo(()=>resolveShorthand(expandIcon, {\n            required: isBranch,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(TreeItemChevron, null),\n                'aria-hidden': true\n            }\n        }), [\n        expandIcon,\n        isBranch\n    ]);\n    if (expandIconSlot) {\n        expandIconSlot.ref = expandIconRefs;\n    }\n    return {\n        value,\n        open,\n        subtreeRef,\n        layoutRef,\n        itemType,\n        level,\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps(as, {\n            tabIndex: -1,\n            ...rest,\n            ref,\n            role: 'treeitem',\n            'aria-level': level,\n            [dataTreeItemValueAttrName]: value,\n            'aria-checked': selectionMode === 'multiselect' ? checked : undefined,\n            'aria-selected': selectionMode === 'single' ? checked : undefined,\n            'aria-expanded': isBranch ? open : undefined,\n            onClick: handleClick,\n            onKeyDown: handleKeyDown,\n            onMouseOver: handleActionsVisible,\n            onFocus: handleActionsVisible,\n            onMouseOut: handleActionsInvisible,\n            onBlur: handleActionsInvisible,\n            onChange: handleChange\n        }),\n        actions: actionsSlot,\n        aside: asideSlot,\n        expandIcon: expandIconSlot,\n        selector: selectionMode === 'none' ? undefined : resolveShorthand(selectionMode === 'multiselect' ? props.checkboxIndicator : props.radioIndicator, {\n            required: true,\n            defaultProps: {\n                checked,\n                tabIndex: -1,\n                'aria-hidden': true,\n                ref: selectionRef\n            }\n        })\n    };\n}\n"],"names":["useTreeItem_unstable","props","ref","_props_value","contextLevel","useTreeContext_unstable","ctx","level","value","useId","toString","onClick","onKeyDown","as","itemType","expandIcon","aside","rest","requestTreeResponse","isActionsVisibleExternal","actions","isResolvedShorthand","visible","undefined","isActionsVisible","setActionsVisible","useControllableState","state","defaultState","initialState","isAsideVisible","setAsideVisible","React","useState","handleActionsRef","actionsElement","actionsRef","useRef","expandIconRef","layoutRef","subtreeRef","selectionRef","open","openItems","has","_ctx_checkedItems_get","checked","checkedItems","get","selectionMode","actionsRefs","useMergedRefs","expandIconRefs","handleClick","useEventCallback","event","isDefaultPrevented","isEventFromActions","current","elementContains","target","isEventFromSubtree","isEventFromSelection","isFromExpandIcon","currentTarget","type","treeDataTypes","ExpandIconClick","Click","handleKeyDown","key","Space","_selectionRef_current","click","preventDefault","End","Home","Enter","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","isTypeAheadCharacter","length","match","altKey","ctrlKey","metaKey","TypeAhead","handleActionsVisible","isTargetFromSubtree","Boolean","handleActionsInvisible","isRelatedTargetFromActions","relatedTarget","handleChange","isBranch","actionsSlot","useMemo","resolveShorthand","asideSlot","expandIconSlot","required","defaultProps","children","createElement","TreeItemChevron","components","root","getNativeElementProps","tabIndex","role","dataTreeItemValueAttrName","onMouseOver","onFocus","onMouseOut","onBlur","onChange","selector","checkboxIndicator","radioIndicator"],"mappings":"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"}

package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "useTreeItemContextValues_unstable", {
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function useTreeItemContextValues_unstable(state) {
-    const { value , itemType , layoutRef , subtreeRef , open , actions , aside , expandIcon  } = state;
+    const { value , itemType , layoutRef , subtreeRef , open , actions , aside , expandIcon , selector  } = state;
     /**
    * This context is created with "@fluentui/react-context-selector",
    * there is no sense to memoize it
@@ -23,11 +23,13 @@ function useTreeItemContextValues_unstable(state) {
     const treeItemSlots = _react.useMemo(()=>({
             actions,
             aside,
-            expandIcon
+            expandIcon,
+            selector
         }), [
         actions,
         aside,
-        expandIcon
+        expandIcon,
+        selector
     ]);
     return {
         treeItem,

package/lib-commonjs/components/TreeItem/useTreeItemContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTreeItemContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTreeItemContextValues_unstable(state) {\n    const { value , itemType , layoutRef , subtreeRef , open , actions , aside , expandIcon  } = state;\n    /**\n   * This context is created with \"@fluentui/react-context-selector\",\n   * there is no sense to memoize it\n   */ const treeItem = {\n        value,\n        itemType,\n        layoutRef,\n        subtreeRef,\n        open\n    };\n    const treeItemSlots = React.useMemo(()=>({\n            actions,\n            aside,\n            expandIcon\n        }), [\n        actions,\n        aside,\n        expandIcon\n    ]);\n    return {\n        treeItem,\n        treeItemSlots\n    };\n}\n"],"names":["useTreeItemContextValues_unstable","state","value","itemType","layoutRef","subtreeRef","open","actions","aside","expandIcon","treeItem","treeItemSlots","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,kCAAkCC,KAAK,EAAE;IACrD,MAAM,EAAEC,MAAK,EAAGC,SAAQ,EAAGC,UAAS,EAAGC,WAAU,EAAGC,KAAI,EAAGC,QAAO,EAAGC,MAAK,EAAGC,WAAU,EAAG,GAAGR;IAC7F;;;GAGD,GAAG,MAAMS,WAAW;QACfR;QACAC;QACAC;QACAC;QACAC;IACJ;IACA,MAAMK,gBAAgBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACjCN;YACAC;YACAC;QACJ,CAAA,GAAI;QACJF;QACAC;QACAC;KACH;IACD,OAAO;QACHC;QACAC;IACJ;AACJ"}
+{"version":3,"sources":["useTreeItemContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useTreeItemContextValues_unstable(state) {\n    const { value , itemType , layoutRef , subtreeRef , open , actions , aside , expandIcon , selector  } = state;\n    /**\n   * This context is created with \"@fluentui/react-context-selector\",\n   * there is no sense to memoize it\n   */ const treeItem = {\n        value,\n        itemType,\n        layoutRef,\n        subtreeRef,\n        open\n    };\n    const treeItemSlots = React.useMemo(()=>({\n            actions,\n            aside,\n            expandIcon,\n            selector\n        }), [\n        actions,\n        aside,\n        expandIcon,\n        selector\n    ]);\n    return {\n        treeItem,\n        treeItemSlots\n    };\n}\n"],"names":["useTreeItemContextValues_unstable","state","value","itemType","layoutRef","subtreeRef","open","actions","aside","expandIcon","selector","treeItem","treeItemSlots","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,kCAAkCC,KAAK,EAAE;IACrD,MAAM,EAAEC,MAAK,EAAGC,SAAQ,EAAGC,UAAS,EAAGC,WAAU,EAAGC,KAAI,EAAGC,QAAO,EAAGC,MAAK,EAAGC,WAAU,EAAGC,SAAQ,EAAG,GAAGT;IACxG;;;GAGD,GAAG,MAAMU,WAAW;QACfT;QACAC;QACAC;QACAC;QACAC;IACJ;IACA,MAAMM,gBAAgBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACjCP;YACAC;YACAC;YACAC;QACJ,CAAA,GAAI;QACJH;QACAC;QACAC;QACAC;KACH;IACD,OAAO;QACHC;QACAC;IACJ;AACJ"}

package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js

@@ -11,7 +11,7 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const _reactButton = require("@fluentui/react-button");
 const renderTreeItemLayout_unstable = (state)=>{
     const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), slots.iconBefore && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconBefore, slotProps.iconBefore), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.content, slotProps.content, slotProps.root.children), slots.iconAfter && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconAfter, slotProps.iconAfter), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactButton.ButtonContextProvider, {
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), slots.selector && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.selector, slotProps.selector), slots.iconBefore && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconBefore, slotProps.iconBefore), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.content, slotProps.content, slotProps.root.children), slots.iconAfter && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.iconAfter, slotProps.iconAfter), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactButton.ButtonContextProvider, {
         value: state.buttonContextValue
     }, slots.actions && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.aside, slotProps.aside)));
 };

package/lib-commonjs/components/TreeItemLayout/renderTreeItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTreeItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemLayout\n */ export const renderTreeItemLayout_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), slots.iconBefore && /*#__PURE__*/ createElement(slots.iconBefore, slotProps.iconBefore), /*#__PURE__*/ createElement(slots.content, slotProps.content, slotProps.root.children), slots.iconAfter && /*#__PURE__*/ createElement(slots.iconAfter, slotProps.iconAfter), /*#__PURE__*/ createElement(ButtonContextProvider, {\n        value: state.buttonContextValue\n    }, slots.actions && /*#__PURE__*/ createElement(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ createElement(slots.aside, slotProps.aside)));\n};\n"],"names":["renderTreeItemLayout_unstable","state","slots","slotProps","getSlotsNext","createElement","root","expandIcon","iconBefore","content","children","iconAfter","ButtonContextProvider","value","buttonContextValue","actions","aside"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;6BACS;AAG3B,MAAMA,gCAAgC,CAACC,QAAQ;IACtD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,UAAU,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,UAAU,EAAEJ,UAAUI,UAAU,GAAGL,MAAMM,UAAU,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,UAAU,EAAEL,UAAUK,UAAU,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,OAAO,EAAEN,UAAUM,OAAO,EAAEN,UAAUG,IAAI,CAACI,QAAQ,GAAGR,MAAMS,SAAS,IAAI,WAAW,GAAGN,IAAAA,8BAAa,EAACH,MAAMS,SAAS,EAAER,UAAUQ,SAAS,GAAG,WAAW,GAAGN,IAAAA,8BAAa,EAACO,kCAAqB,EAAE;QAC9cC,OAAOZ,MAAMa,kBAAkB;IACnC,GAAGZ,MAAMa,OAAO,IAAI,WAAW,GAAGV,IAAAA,8BAAa,EAACH,MAAMa,OAAO,EAAEZ,UAAUY,OAAO,GAAGb,MAAMc,KAAK,IAAI,WAAW,GAAGX,IAAAA,8BAAa,EAACH,MAAMc,KAAK,EAAEb,UAAUa,KAAK;AAC9J"}
+{"version":3,"sources":["renderTreeItemLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/**\n * Render the final JSX of TreeItemLayout\n */ export const renderTreeItemLayout_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), slots.selector && /*#__PURE__*/ createElement(slots.selector, slotProps.selector), slots.iconBefore && /*#__PURE__*/ createElement(slots.iconBefore, slotProps.iconBefore), /*#__PURE__*/ createElement(slots.content, slotProps.content, slotProps.root.children), slots.iconAfter && /*#__PURE__*/ createElement(slots.iconAfter, slotProps.iconAfter), /*#__PURE__*/ createElement(ButtonContextProvider, {\n        value: state.buttonContextValue\n    }, slots.actions && /*#__PURE__*/ createElement(slots.actions, slotProps.actions), slots.aside && /*#__PURE__*/ createElement(slots.aside, slotProps.aside)));\n};\n"],"names":["renderTreeItemLayout_unstable","state","slots","slotProps","getSlotsNext","createElement","root","expandIcon","selector","iconBefore","content","children","iconAfter","ButtonContextProvider","value","buttonContextValue","actions","aside"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;6BACS;AAG3B,MAAMA,gCAAgC,CAACC,QAAQ;IACtD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,UAAU,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,UAAU,EAAEJ,UAAUI,UAAU,GAAGL,MAAMM,QAAQ,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,QAAQ,EAAEL,UAAUK,QAAQ,GAAGN,MAAMO,UAAU,IAAI,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMO,UAAU,EAAEN,UAAUM,UAAU,GAAG,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,OAAO,EAAEP,UAAUO,OAAO,EAAEP,UAAUG,IAAI,CAACK,QAAQ,GAAGT,MAAMU,SAAS,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,SAAS,EAAET,UAAUS,SAAS,GAAG,WAAW,GAAGP,IAAAA,8BAAa,EAACQ,kCAAqB,EAAE;QACjiBC,OAAOb,MAAMc,kBAAkB;IACnC,GAAGb,MAAMc,OAAO,IAAI,WAAW,GAAGX,IAAAA,8BAAa,EAACH,MAAMc,OAAO,EAAEb,UAAUa,OAAO,GAAGd,MAAMe,KAAK,IAAI,WAAW,GAAGZ,IAAAA,8BAAa,EAACH,MAAMe,KAAK,EAAEd,UAAUc,KAAK;AAC9J"}

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js

@@ -9,12 +9,14 @@ Object.defineProperty(exports, "useTreeItemLayout_unstable", {
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
-const _treeItemContext = require("../../contexts/treeItemContext");
-const _treeItemSlotsContext = require("../../contexts/treeItemSlotsContext");
+const _contexts = require("../../contexts");
+const _reactCheckbox = require("@fluentui/react-checkbox");
+const _reactRadio = require("@fluentui/react-radio");
 const useTreeItemLayout_unstable = (props, ref)=>{
     const { content , iconAfter , iconBefore , as ='span'  } = props;
-    const { actions , aside , expandIcon  } = (0, _treeItemSlotsContext.useTreeItemSlotsContext_unstable)();
-    const layoutRef = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.layoutRef);
+    const { actions , aside , expandIcon , selector  } = (0, _contexts.useTreeItemSlotsContext_unstable)();
+    const layoutRef = (0, _contexts.useTreeItemContext_unstable)((ctx)=>ctx.layoutRef);
+    const selectionMode = (0, _contexts.useTreeContext_unstable)((ctx)=>ctx.selectionMode);
     return {
         components: {
             root: 'div',
@@ -23,7 +25,9 @@ const useTreeItemLayout_unstable = (props, ref)=>{
             content: 'div',
             iconAfter: 'div',
             actions: 'div',
-            aside: 'div'
+            aside: 'div',
+            // Casting here to a union between checkbox and radio
+            selector: selectionMode === 'multiselect' ? _reactCheckbox.Checkbox : _reactRadio.Radio
         },
         buttonContextValue: {
             size: 'small'
@@ -47,6 +51,7 @@ const useTreeItemLayout_unstable = (props, ref)=>{
         }),
         aside: (0, _reactUtilities.resolveShorthand)(aside),
         actions: (0, _reactUtilities.resolveShorthand)(actions),
-        expandIcon: (0, _reactUtilities.resolveShorthand)(expandIcon)
+        expandIcon: (0, _reactUtilities.resolveShorthand)(expandIcon),
+        selector: (0, _reactUtilities.resolveShorthand)(selector)
     };
 };

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTreeItemLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nimport { useTreeItemSlotsContext_unstable } from '../../contexts/treeItemSlotsContext';\n/**\n * Create the state required to render TreeItemLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemLayoutStyles_unstable,\n * before being passed to renderTreeItemLayout_unstable.\n *\n * @param props - props from this instance of TreeItemLayout\n * @param ref - reference to root HTMLElement of TreeItemLayout\n */ export const useTreeItemLayout_unstable = (props, ref)=>{\n    const { content , iconAfter , iconBefore , as ='span'  } = props;\n    const { actions , aside , expandIcon  } = useTreeItemSlotsContext_unstable();\n    const layoutRef = useTreeItemContext_unstable((ctx)=>ctx.layoutRef);\n    return {\n        components: {\n            root: 'div',\n            expandIcon: 'div',\n            iconBefore: 'div',\n            content: 'div',\n            iconAfter: 'div',\n            actions: 'div',\n            aside: 'div'\n        },\n        buttonContextValue: {\n            size: 'small'\n        },\n        root: getNativeElementProps(as, {\n            ...props,\n            ref: useMergedRefs(ref, layoutRef)\n        }),\n        iconBefore: resolveShorthand(iconBefore, {\n            defaultProps: {\n                'aria-hidden': true\n            }\n        }),\n        content: resolveShorthand(content, {\n            required: true\n        }),\n        iconAfter: resolveShorthand(iconAfter, {\n            defaultProps: {\n                'aria-hidden': true\n            }\n        }),\n        aside: resolveShorthand(aside),\n        actions: resolveShorthand(actions),\n        expandIcon: resolveShorthand(expandIcon)\n    };\n};\n"],"names":["useTreeItemLayout_unstable","props","ref","content","iconAfter","iconBefore","as","actions","aside","expandIcon","useTreeItemSlotsContext_unstable","layoutRef","useTreeItemContext_unstable","ctx","components","root","buttonContextValue","size","getNativeElementProps","useMergedRefs","resolveShorthand","defaultProps","required"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACgD;iCAC3B;sCACK;AAStC,MAAMA,6BAA6B,CAACC,OAAOC,MAAM;IACxD,MAAM,EAAEC,QAAO,EAAGC,UAAS,EAAGC,WAAU,EAAGC,IAAI,OAAM,EAAG,GAAGL;IAC3D,MAAM,EAAEM,QAAO,EAAGC,MAAK,EAAGC,WAAU,EAAG,GAAGC,IAAAA,sDAAgC;IAC1E,MAAMC,YAAYC,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIF,SAAS;IAClE,OAAO;QACHG,YAAY;YACRC,MAAM;YACNN,YAAY;YACZJ,YAAY;YACZF,SAAS;YACTC,WAAW;YACXG,SAAS;YACTC,OAAO;QACX;QACAQ,oBAAoB;YAChBC,MAAM;QACV;QACAF,MAAMG,IAAAA,qCAAqB,EAACZ,IAAI;YAC5B,GAAGL,KAAK;YACRC,KAAKiB,IAAAA,6BAAa,EAACjB,KAAKS;QAC5B;QACAN,YAAYe,IAAAA,gCAAgB,EAACf,YAAY;YACrCgB,cAAc;gBACV,eAAe,IAAI;YACvB;QACJ;QACAlB,SAASiB,IAAAA,gCAAgB,EAACjB,SAAS;YAC/BmB,UAAU,IAAI;QAClB;QACAlB,WAAWgB,IAAAA,gCAAgB,EAAChB,WAAW;YACnCiB,cAAc;gBACV,eAAe,IAAI;YACvB;QACJ;QACAb,OAAOY,IAAAA,gCAAgB,EAACZ;QACxBD,SAASa,IAAAA,gCAAgB,EAACb;QAC1BE,YAAYW,IAAAA,gCAAgB,EAACX;IACjC;AACJ"}
+{"version":3,"sources":["useTreeItemLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';\nimport { useTreeItemContext_unstable, useTreeContext_unstable, useTreeItemSlotsContext_unstable } from '../../contexts';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\n/**\n * Create the state required to render TreeItemLayout.\n *\n * The returned state can be modified with hooks such as useTreeItemLayoutStyles_unstable,\n * before being passed to renderTreeItemLayout_unstable.\n *\n * @param props - props from this instance of TreeItemLayout\n * @param ref - reference to root HTMLElement of TreeItemLayout\n */ export const useTreeItemLayout_unstable = (props, ref)=>{\n    const { content , iconAfter , iconBefore , as ='span'  } = props;\n    const { actions , aside , expandIcon , selector  } = useTreeItemSlotsContext_unstable();\n    const layoutRef = useTreeItemContext_unstable((ctx)=>ctx.layoutRef);\n    const selectionMode = useTreeContext_unstable((ctx)=>ctx.selectionMode);\n    return {\n        components: {\n            root: 'div',\n            expandIcon: 'div',\n            iconBefore: 'div',\n            content: 'div',\n            iconAfter: 'div',\n            actions: 'div',\n            aside: 'div',\n            // Casting here to a union between checkbox and radio\n            selector: selectionMode === 'multiselect' ? Checkbox : Radio\n        },\n        buttonContextValue: {\n            size: 'small'\n        },\n        root: getNativeElementProps(as, {\n            ...props,\n            ref: useMergedRefs(ref, layoutRef)\n        }),\n        iconBefore: resolveShorthand(iconBefore, {\n            defaultProps: {\n                'aria-hidden': true\n            }\n        }),\n        content: resolveShorthand(content, {\n            required: true\n        }),\n        iconAfter: resolveShorthand(iconAfter, {\n            defaultProps: {\n                'aria-hidden': true\n            }\n        }),\n        aside: resolveShorthand(aside),\n        actions: resolveShorthand(actions),\n        expandIcon: resolveShorthand(expandIcon),\n        selector: resolveShorthand(selector)\n    };\n};\n"],"names":["useTreeItemLayout_unstable","props","ref","content","iconAfter","iconBefore","as","actions","aside","expandIcon","selector","useTreeItemSlotsContext_unstable","layoutRef","useTreeItemContext_unstable","ctx","selectionMode","useTreeContext_unstable","components","root","Checkbox","Radio","buttonContextValue","size","getNativeElementProps","useMergedRefs","resolveShorthand","defaultProps","required"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAbM;gCACgD;0BACgC;+BAC9E;4BACH;AASX,MAAMA,6BAA6B,CAACC,OAAOC,MAAM;IACxD,MAAM,EAAEC,QAAO,EAAGC,UAAS,EAAGC,WAAU,EAAGC,IAAI,OAAM,EAAG,GAAGL;IAC3D,MAAM,EAAEM,QAAO,EAAGC,MAAK,EAAGC,WAAU,EAAGC,SAAQ,EAAG,GAAGC,IAAAA,0CAAgC;IACrF,MAAMC,YAAYC,IAAAA,qCAA2B,EAAC,CAACC,MAAMA,IAAIF,SAAS;IAClE,MAAMG,gBAAgBC,IAAAA,iCAAuB,EAAC,CAACF,MAAMA,IAAIC,aAAa;IACtE,OAAO;QACHE,YAAY;YACRC,MAAM;YACNT,YAAY;YACZJ,YAAY;YACZF,SAAS;YACTC,WAAW;YACXG,SAAS;YACTC,OAAO;YACP,qDAAqD;YACrDE,UAAUK,kBAAkB,gBAAgBI,uBAAQ,GAAGC,iBAAK;QAChE;QACAC,oBAAoB;YAChBC,MAAM;QACV;QACAJ,MAAMK,IAAAA,qCAAqB,EAACjB,IAAI;YAC5B,GAAGL,KAAK;YACRC,KAAKsB,IAAAA,6BAAa,EAACtB,KAAKU;QAC5B;QACAP,YAAYoB,IAAAA,gCAAgB,EAACpB,YAAY;YACrCqB,cAAc;gBACV,eAAe,IAAI;YACvB;QACJ;QACAvB,SAASsB,IAAAA,gCAAgB,EAACtB,SAAS;YAC/BwB,UAAU,IAAI;QAClB;QACAvB,WAAWqB,IAAAA,gCAAgB,EAACrB,WAAW;YACnCsB,cAAc;gBACV,eAAe,IAAI;YACvB;QACJ;QACAlB,OAAOiB,IAAAA,gCAAgB,EAACjB;QACxBD,SAASkB,IAAAA,gCAAgB,EAAClB;QAC1BE,YAAYgB,IAAAA,gCAAgB,EAAChB;QAC7BC,UAAUe,IAAAA,gCAAgB,EAACf;IAC/B;AACJ"}

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js

@@ -22,7 +22,8 @@ const treeItemLayoutClassNames = {
     iconAfter: 'fui-TreeItemLayout__iconAfter',
     expandIcon: 'fui-TreeItemLayout__expandIcon',
     aside: 'fui-TreeItemLayout__aside',
-    actions: 'fui-TreeItemLayout__actions'
+    actions: 'fui-TreeItemLayout__actions',
+    selector: 'fui-TreeItemLayout__selector'
 };
 /**
  * Styles for the root slot
@@ -352,7 +353,7 @@ const useIconAfterStyles = /*#__PURE__*/ (0, _react["__styles"])({
     ]
 });
 const useTreeItemLayoutStyles_unstable = (state)=>{
-    const { content , iconAfter , iconBefore , expandIcon , root  } = state;
+    const { content , iconAfter , iconBefore , expandIcon , root , aside , actions , selector  } = state;
     const rootStyles = useRootStyles();
     const actionsStyles = useActionsStyles();
     const asideStyles = useAsideStyles();
@@ -375,14 +376,17 @@ const useTreeItemLayoutStyles_unstable = (state)=>{
     if (iconAfter) {
         iconAfter.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfterStyles[size], iconAfter.className);
     }
-    if (state.actions) {
-        state.actions.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.actions, actionsStyles.base, state.actions.className);
+    if (actions) {
+        actions.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.actions, actionsStyles.base, actions.className);
     }
-    if (state.aside) {
-        state.aside.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.aside, asideStyles.base, state.aside.className);
+    if (aside) {
+        aside.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);
     }
-    if (state.expandIcon) {
-        state.expandIcon.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);
+    if (expandIcon) {
+        expandIcon.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);
+    }
+    if (selector) {
+        selector.className = (0, _react.mergeClasses)(treeItemLayoutClassNames.selector, selector.className);
     }
     return state;
 }; //# sourceMappingURL=useTreeItemLayoutStyles.styles.js.map

package/lib-commonjs/components/TreeItemLayout/useTreeItemLayoutStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTreeItemLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemLayoutClassNames = {\n  root: 'fui-TreeItemLayout',\n  iconBefore: 'fui-TreeItemLayout__iconBefore',\n  content: 'fui-TreeItemLayout__content',\n  iconAfter: 'fui-TreeItemLayout__iconAfter',\n  expandIcon: 'fui-TreeItemLayout__expandIcon',\n  aside: 'fui-TreeItemLayout__aside',\n  actions: 'fui-TreeItemLayout__actions'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sshi5w: \"f1nxs5xn\",\n    B7ck84d: \"f1ewtqcl\",\n    Ijaq50: \"f15ws6j\",\n    Br312pm: \"f135tdbu\",\n    nk6f5a: \"f2e2169\",\n    Bw0ie65: \"f4rqp6x\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    lj723h: \"flvvhsy\",\n    ecr2s2: \"f1wfn5kd\",\n    qya0sb: \"f1ih54s9\",\n    Bi91k9c: \"fnwyq0v\",\n    Jwef8y: \"f1t94bn6\",\n    Becwuud: \"f1jk1nfw\"\n  },\n  leaf: {\n    uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n  },\n  branch: {\n    uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n  },\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  small: {\n    sshi5w: \"f1pha7fy\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  subtle: {},\n  \"subtle-alpha\": {\n    Jwef8y: \"f146ro5n\",\n    ecr2s2: \"fkam630\"\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"fjxutwb\",\n    ecr2s2: \"fophhak\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f15ws6j{-ms-grid-row:layout;grid-row-start:layout;}\", \".f135tdbu{-ms-grid-column:layout;grid-column-start:layout;}\", \".f2e2169{-ms-grid-row-span:layout;grid-row-end:layout;}\", \".f4rqp6x{-ms-grid-column-span:layout;grid-column-end:layout;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n  a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1ih54s9:active .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n  h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1jk1nfw:hover .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    qhf8xq: \"f10pi13n\",\n    Bj3rh1h: \"f19g0ac\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    Bt984gj: \"f122n59\",\n    Bj3rh1h: \"f11zp4z2\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bf4jedk: \"f17fgpbq\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f11d4kpn\",\n    Bh6795r: \"f1jhi6b8\",\n    Bnnss6s: \"fi64zpg\",\n    xawz: \"f1rmlqtg\",\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1jhi6b8{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1rmlqtg{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Styles for the content slot\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n  base: {\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  }\n}, {\n  d: [\".f1g0x7ka{padding-top:0;}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sj55zd: \"fkfq4zb\",\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\nconst useIconBeforeStyles = /*#__PURE__*/__styles({\n  medium: {\n    z189sj: [\"f7x41pl\", \"fruq291\"]\n  },\n  small: {\n    z189sj: [\"ffczdla\", \"fgiv446\"]\n  }\n}, {\n  d: [\".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\"]\n});\nconst useIconAfterStyles = /*#__PURE__*/__styles({\n  medium: {\n    uwmqm3: [\"fruq291\", \"f7x41pl\"]\n  },\n  small: {\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  }\n}, {\n  d: [\".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n  const {\n    content,\n    iconAfter,\n    iconBefore,\n    expandIcon,\n    root\n  } = state;\n  const rootStyles = useRootStyles();\n  const actionsStyles = useActionsStyles();\n  const asideStyles = useAsideStyles();\n  const contentStyles = useContentStyles();\n  const expandIconStyles = useExpandIconStyles();\n  const iconStyles = useIconStyles();\n  const iconBeforeStyles = useIconBeforeStyles();\n  const iconAfterStyles = useIconAfterStyles();\n  const size = useTreeContext_unstable(ctx => ctx.size);\n  const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n  const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n  root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[appearance], rootStyles[size], rootStyles[itemType], root.className);\n  content.className = mergeClasses(treeItemLayoutClassNames.content, contentStyles.base, content.className);\n  if (expandIcon) {\n    expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n  }\n  if (iconBefore) {\n    iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBeforeStyles[size], iconBefore.className);\n  }\n  if (iconAfter) {\n    iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfterStyles[size], iconAfter.className);\n  }\n  if (state.actions) {\n    state.actions.className = mergeClasses(treeItemLayoutClassNames.actions, actionsStyles.base, state.actions.className);\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, state.aside.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.styles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","iconBefore","content","iconAfter","expandIcon","aside","actions","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","B7ck84d","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","qya0sb","Bi91k9c","Jwef8y","Becwuud","leaf","uwmqm3","branch","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","subtle","transparent","De3pzq","d","a","h","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","sj55zd","Bh6795r","Bnnss6s","xawz","useContentStyles","useIconStyles","useIconBeforeStyles","useIconAfterStyles","state","rootStyles","actionsStyles","asideStyles","contentStyles","expandIconStyles","iconStyles","iconBeforeStyles","iconAfterStyles","size","useTreeContext_unstable","ctx","appearance","itemType","useTreeItemContext_unstable","className","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useTreeItemLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemLayoutClassNames = {\n  root: 'fui-TreeItemLayout',\n  iconBefore: 'fui-TreeItemLayout__iconBefore',\n  content: 'fui-TreeItemLayout__content',\n  iconAfter: 'fui-TreeItemLayout__iconAfter',\n  expandIcon: 'fui-TreeItemLayout__expandIcon',\n  aside: 'fui-TreeItemLayout__aside',\n  actions: 'fui-TreeItemLayout__actions',\n  selector: 'fui-TreeItemLayout__selector'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sshi5w: \"f1nxs5xn\",\n    B7ck84d: \"f1ewtqcl\",\n    Ijaq50: \"f15ws6j\",\n    Br312pm: \"f135tdbu\",\n    nk6f5a: \"f2e2169\",\n    Bw0ie65: \"f4rqp6x\",\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    lj723h: \"flvvhsy\",\n    ecr2s2: \"f1wfn5kd\",\n    qya0sb: \"f1ih54s9\",\n    Bi91k9c: \"fnwyq0v\",\n    Jwef8y: \"f1t94bn6\",\n    Becwuud: \"f1jk1nfw\"\n  },\n  leaf: {\n    uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n  },\n  branch: {\n    uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\n  },\n  medium: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  },\n  small: {\n    sshi5w: \"f1pha7fy\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  subtle: {},\n  \"subtle-alpha\": {\n    Jwef8y: \"f146ro5n\",\n    ecr2s2: \"fkam630\"\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"fjxutwb\",\n    ecr2s2: \"fophhak\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1nxs5xn{min-height:32px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f15ws6j{-ms-grid-row:layout;grid-row-start:layout;}\", \".f135tdbu{-ms-grid-column:layout;grid-column-start:layout;}\", \".f2e2169{-ms-grid-row-span:layout;grid-row-end:layout;}\", \".f4rqp6x{-ms-grid-column-span:layout;grid-column-end:layout;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1k1erfc{padding-left:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".faevyjx{padding-right:calc(var(--fluent-TreeItem--level, 1) * var(--spacingHorizontalXXL));}\", \".fo100m9{padding-left:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".f6yw3pu{padding-right:calc((var(--fluent-TreeItem--level, 1) - 1) * var(--spacingHorizontalXXL));}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1pha7fy{min-height:24px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n  a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1ih54s9:active .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\", \".fkam630:active{background-color:var(--colorSubtleBackgroundLightAlphaPressed);}\", \".fophhak:active{background-color:var(--colorTransparentBackgroundPressed);}\"],\n  h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1jk1nfw:hover .fui-TreeItemLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\", \".f146ro5n:hover{background-color:var(--colorSubtleBackgroundLightAlphaHover);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useActionsStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    qhf8xq: \"f10pi13n\",\n    Bj3rh1h: \"f19g0ac\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f10pi13n{position:relative;}\", \".f19g0ac{z-index:1;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"],\n    Bt984gj: \"f122n59\",\n    Bj3rh1h: \"f11zp4z2\",\n    Ijaq50: \"fobksn0\",\n    Br312pm: \"fmy5l6f\",\n    nk6f5a: \"fzqypwc\",\n    Bw0ie65: \"f1tmftl3\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"],\n    i8kkvl: \"f1ufnopg\",\n    Belr9w4: \"f14sijuj\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f11zp4z2{z-index:0;}\", \".fobksn0{-ms-grid-row:aside;grid-row-start:aside;}\", \".fmy5l6f{-ms-grid-column:aside;grid-column-start:aside;}\", \".fzqypwc{-ms-grid-row-span:aside;grid-row-end:aside;}\", \".f1tmftl3{-ms-grid-column-span:aside;grid-column-end:aside;}\", \".f1g0x7ka{padding-top:0;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1qch9an{padding-bottom:0;}\", \".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useExpandIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Brf1p80: \"f4d9j23\",\n    Bf4jedk: \"f17fgpbq\",\n    B7ck84d: \"f1ewtqcl\",\n    sj55zd: \"f11d4kpn\",\n    Bh6795r: \"f1jhi6b8\",\n    Bnnss6s: \"fi64zpg\",\n    xawz: \"f1rmlqtg\",\n    z8tnut: \"f1ywm7hm\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f14wxoun\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}\", \".f17fgpbq{min-width:24px;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f11d4kpn{color:var(--colorNeutralForeground3);}\", \".f1jhi6b8{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;}\", \".fi64zpg{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}\", \".f1rmlqtg{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\"]\n});\n/**\n * Styles for the content slot\n */\nconst useContentStyles = /*#__PURE__*/__styles({\n  base: {\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"ffczdla\", \"fgiv446\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  }\n}, {\n  d: [\".f1g0x7ka{padding-top:0;}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".f1qch9an{padding-bottom:0;}\"]\n});\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    sj55zd: \"fkfq4zb\",\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\"]\n});\nconst useIconBeforeStyles = /*#__PURE__*/__styles({\n  medium: {\n    z189sj: [\"f7x41pl\", \"fruq291\"]\n  },\n  small: {\n    z189sj: [\"ffczdla\", \"fgiv446\"]\n  }\n}, {\n  d: [\".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\"]\n});\nconst useIconAfterStyles = /*#__PURE__*/__styles({\n  medium: {\n    uwmqm3: [\"fruq291\", \"f7x41pl\"]\n  },\n  small: {\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\n  }\n}, {\n  d: [\".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = state => {\n  const {\n    content,\n    iconAfter,\n    iconBefore,\n    expandIcon,\n    root,\n    aside,\n    actions,\n    selector\n  } = state;\n  const rootStyles = useRootStyles();\n  const actionsStyles = useActionsStyles();\n  const asideStyles = useAsideStyles();\n  const contentStyles = useContentStyles();\n  const expandIconStyles = useExpandIconStyles();\n  const iconStyles = useIconStyles();\n  const iconBeforeStyles = useIconBeforeStyles();\n  const iconAfterStyles = useIconAfterStyles();\n  const size = useTreeContext_unstable(ctx => ctx.size);\n  const appearance = useTreeContext_unstable(ctx => ctx.appearance);\n  const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n  root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[appearance], rootStyles[size], rootStyles[itemType], root.className);\n  content.className = mergeClasses(treeItemLayoutClassNames.content, contentStyles.base, content.className);\n  if (expandIcon) {\n    expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n  }\n  if (iconBefore) {\n    iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBeforeStyles[size], iconBefore.className);\n  }\n  if (iconAfter) {\n    iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfterStyles[size], iconAfter.className);\n  }\n  if (actions) {\n    actions.className = mergeClasses(treeItemLayoutClassNames.actions, actionsStyles.base, actions.className);\n  }\n  if (aside) {\n    aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n  }\n  if (expandIcon) {\n    expandIcon.className = mergeClasses(treeItemLayoutClassNames.expandIcon, expandIconStyles.base, expandIcon.className);\n  }\n  if (selector) {\n    selector.className = mergeClasses(treeItemLayoutClassNames.selector, selector.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemLayoutStyles.styles.js.map"],"names":["treeItemLayoutClassNames","useTreeItemLayoutStyles_unstable","root","iconBefore","content","iconAfter","expandIcon","aside","actions","selector","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","B7ck84d","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","lj723h","ecr2s2","qya0sb","Bi91k9c","Jwef8y","Becwuud","leaf","uwmqm3","branch","medium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","subtle","transparent","De3pzq","d","a","h","useActionsStyles","Frg6f3","qhf8xq","Bj3rh1h","z8tnut","z189sj","Byoj8tv","useAsideStyles","i8kkvl","Belr9w4","useExpandIconStyles","Brf1p80","Bf4jedk","sj55zd","Bh6795r","Bnnss6s","xawz","useContentStyles","useIconStyles","useIconBeforeStyles","useIconAfterStyles","state","rootStyles","actionsStyles","asideStyles","contentStyles","expandIconStyles","iconStyles","iconBeforeStyles","iconAfterStyles","size","useTreeContext_unstable","ctx","appearance","itemType","useTreeItemContext_unstable","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/contexts/treeContext.js

@@ -15,9 +15,12 @@ _export(exports, {
 });
 const _reactContextSelector = require("@fluentui/react-context-selector");
 const _immutableSet = require("../utils/ImmutableSet");
+const _immutableMap = require("../utils/ImmutableMap");
 const defaultContextValue = {
     level: 0,
+    selectionMode: 'none',
     openItems: _immutableSet.ImmutableSet.empty,
+    checkedItems: _immutableMap.ImmutableMap.empty,
     requestTreeResponse: noop,
     appearance: 'subtle',
     size: 'medium'