@fluentui/react-tree 9.0.0-beta.11 → 9.0.0-beta.13

package/lib-commonjs/components/TreeItemPersonaLayout/{useTreeItemPersonaLayoutStyles.js → useTreeItemPersonaLayoutStyles.styles.js}

@@ -13,27 +13,74 @@ _export(exports, {
     useTreeItemPersonaLayoutStyles_unstable: ()=>useTreeItemPersonaLayoutStyles_unstable
 });
 const _react = require("@griffel/react");
+const _treeItemContext = require("../../contexts/treeItemContext");
 const treeItemPersonaLayoutClassNames = {
     root: 'fui-TreeItemPersonaLayout',
+    expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',
     media: 'fui-TreeItemPersonaLayout__media',
     content: 'fui-TreeItemPersonaLayout__content',
     description: 'fui-TreeItemPersonaLayout__description',
-    aside: 'fui-TreeItemPersonaLayout__aside',
     main: 'fui-TreeItemPersonaLayout__main'
 };
 /**
  * Styles for the root slot
  */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
     base: {
-        a9b677: "fly5x3f",
         mc9l5x: "f22iagw",
-        Bt984gj: "f122n59"
+        Bt984gj: "f122n59",
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fkhj508",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "f1i3iumi",
+        Ijaq50: "f15ws6j",
+        Br312pm: "f135tdbu",
+        nk6f5a: "f2e2169",
+        Bw0ie65: "f4rqp6x",
+        lj723h: "flvvhsy",
+        ecr2s2: "f1wfn5kd",
+        zt0xaq: "f5na5aj",
+        Bi91k9c: "fnwyq0v",
+        Jwef8y: "f1t94bn6",
+        tbva4x: "f1oboesa"
+    },
+    leaf: {
+        uwmqm3: [
+            "f1k1erfc",
+            "faevyjx"
+        ]
+    },
+    branch: {
+        uwmqm3: [
+            "fo100m9",
+            "f6yw3pu"
+        ]
     }
 }, {
     d: [
-        ".fly5x3f{width:100%;}",
         ".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;}"
+        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}",
+        ".f15ws6j{grid-row-start:layout;}",
+        ".f135tdbu{grid-column-start:layout;}",
+        ".f2e2169{grid-row-end:layout;}",
+        ".f4rqp6x{grid-column-end:layout;}",
+        ".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));}"
+    ],
+    a: [
+        ".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}",
+        ".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}",
+        ".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}"
+    ],
+    h: [
+        ".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}",
+        ".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}",
+        ".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}"
     ]
 });
 /**
@@ -102,21 +149,6 @@ const useContentStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fws515f{row-gap:var(--spacingHorizontalNone);}"
     ]
 });
-const useMainStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    base: {
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fkhj508",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "f1i3iumi"
-    }
-}, {
-    d: [
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".fkhj508{font-size:var(--fontSizeBase300);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".f1i3iumi{line-height:var(--lineHeightBase300);}"
-    ]
-});
 const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
     base: {
         Bahqtrf: "fk6fouc",
@@ -132,55 +164,69 @@ const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fwrc4pm{line-height:var(--lineHeightBase200);}"
     ]
 });
-const useAsideStyles = /*#__PURE__*/ (0, _react["__styles"])({
+/**
+ * Styles for the expand icon slot
+ */ const useExpandIconStyles = /*#__PURE__*/ (0, _react["__styles"])({
     base: {
         mc9l5x: "f22iagw",
-        Beiy3e4: "f1vx9l62",
-        Huce71: "fz5stix",
+        Bt984gj: "f122n59",
+        Brf1p80: "f4d9j23",
+        Bf4jedk: "f17fgpbq",
+        B7ck84d: "f1ewtqcl",
+        sj55zd: "f11d4kpn",
+        Bh6795r: "f1jhi6b8",
+        Bnnss6s: "fi64zpg",
+        xawz: "f1rmlqtg",
+        z8tnut: "f1ywm7hm",
         z189sj: [
-            "fw5db7e",
-            "f1uw59to"
+            "fhxju0i",
+            "f1cnd47f"
         ],
-        Bahqtrf: "fk6fouc",
-        Be2twd7: "fy9rknc",
-        Bhrd7zp: "figsok6",
-        Bg96gwp: "fwrc4pm"
+        Byoj8tv: "f14wxoun",
+        uwmqm3: [
+            "f1cnd47f",
+            "fhxju0i"
+        ]
     }
 }, {
     d: [
         ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
-        ".fz5stix{white-space:nowrap;}",
-        ".fw5db7e{padding-right:var(--spacingHorizontalM);}",
-        ".f1uw59to{padding-left:var(--spacingHorizontalM);}",
-        ".fk6fouc{font-family:var(--fontFamilyBase);}",
-        ".fy9rknc{font-size:var(--fontSizeBase200);}",
-        ".figsok6{font-weight:var(--fontWeightRegular);}",
-        ".fwrc4pm{line-height:var(--lineHeightBase200);}"
+        ".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);}"
     ]
 });
 const useTreeItemPersonaLayoutStyles_unstable = (state)=>{
     const rootStyles = useRootStyles();
     const mediaStyles = useMediaStyles();
     const contentStyles = useContentStyles();
-    const mainStyles = useMainStyles();
     const descriptionStyles = useDescriptionStyles();
-    const asideStyles = useAsideStyles();
-    state.root.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.root, rootStyles.base, state.root.className);
+    const expandIconStyles = useExpandIconStyles();
+    const itemType = (0, _treeItemContext.useTreeItemContext_unstable)((ctx)=>ctx.itemType);
+    state.root.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);
     state.media.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);
     if (state.content) {
         state.content.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.content, contentStyles.base, state.content.className);
     }
     if (state.main) {
-        state.main.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.main.className);
+        state.main.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.main, state.main.className);
     }
     if (state.description) {
         state.description.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);
     }
-    if (state.aside) {
-        state.aside.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);
+    if (state.expandIcon) {
+        state.expandIcon.className = (0, _react.mergeClasses)(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);
     }
     return state;
-}; //# sourceMappingURL=useTreeItemPersonaLayoutStyles.js.map
+}; //# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map
 
-//# sourceMappingURL=useTreeItemPersonaLayoutStyles.js.map
+//# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map

package/lib-commonjs/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { treeItemLevelToken } from '../../utils/tokens';\nimport { useTreeItemContext_unstable } from '../../contexts/treeItemContext';\nexport const treeItemPersonaLayoutClassNames = {\n  root: 'fui-TreeItemPersonaLayout',\n  expandIcon: 'fui-TreeItemPersonaLayout__expandIcon',\n  media: 'fui-TreeItemPersonaLayout__media',\n  content: 'fui-TreeItemPersonaLayout__content',\n  description: 'fui-TreeItemPersonaLayout__description',\n  main: 'fui-TreeItemPersonaLayout__main'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    Ijaq50: \"f15ws6j\",\n    Br312pm: \"f135tdbu\",\n    nk6f5a: \"f2e2169\",\n    Bw0ie65: \"f4rqp6x\",\n    lj723h: \"flvvhsy\",\n    ecr2s2: \"f1wfn5kd\",\n    zt0xaq: \"f5na5aj\",\n    Bi91k9c: \"fnwyq0v\",\n    Jwef8y: \"f1t94bn6\",\n    tbva4x: \"f1oboesa\"\n  },\n  leaf: {\n    uwmqm3: [\"f1k1erfc\", \"faevyjx\"]\n  },\n  branch: {\n    uwmqm3: [\"fo100m9\", \"f6yw3pu\"]\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;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f15ws6j{grid-row-start:layout;}\", \".f135tdbu{grid-column-start:layout;}\", \".f2e2169{grid-row-end:layout;}\", \".f4rqp6x{grid-column-end:layout;}\", \".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));}\"],\n  a: [\".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1wfn5kd:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f5na5aj:active .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Pressed);}\"],\n  h: [\".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".f1oboesa:hover .fui-TreeItemPersonaLayout__expandIcon{color:var(--colorNeutralForeground3Hover);}\"]\n});\n/**\n * Styles for the expand icon slot\n */\nconst useMediaStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    a9b677: \"f1szoe96\",\n    Bqenvij: \"f1d2rq10\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fgiv446\", \"ffczdla\"]\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;}\", \".f1szoe96{width:32px;}\", \".f1d2rq10{height:32px;}\", \".f1g0x7ka{padding-top:0;}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f1qch9an{padding-bottom:0;}\", \".fgiv446{padding-left:var(--spacingHorizontalXXS);}\", \".ffczdla{padding-right:var(--spacingHorizontalXXS);}\"]\n});\nconst useContentStyles = /*#__PURE__*/__styles({\n  base: {\n    a9b677: \"fly5x3f\",\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    z8tnut: \"f1ngh7ph\",\n    z189sj: [\"f7x41pl\", \"fruq291\"],\n    Byoj8tv: \"f5o476b\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    i8kkvl: \"f1fps8zv\",\n    Belr9w4: \"fws515f\"\n  }\n}, {\n  d: [\".fly5x3f{width:100%;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f5o476b{padding-bottom:var(--spacingVerticalMNudge);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1fps8zv{-webkit-column-gap:var(--spacingVerticalNone);column-gap:var(--spacingVerticalNone);}\", \".fws515f{row-gap:var(--spacingHorizontalNone);}\"]\n});\nconst useDescriptionStyles = /*#__PURE__*/__styles({\n  base: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  }\n}, {\n  d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\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 * Apply styling to the TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = state => {\n  const rootStyles = useRootStyles();\n  const mediaStyles = useMediaStyles();\n  const contentStyles = useContentStyles();\n  const descriptionStyles = useDescriptionStyles();\n  const expandIconStyles = useExpandIconStyles();\n  const itemType = useTreeItemContext_unstable(ctx => ctx.itemType);\n  state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootStyles.base, rootStyles[itemType], state.root.className);\n  state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);\n  if (state.content) {\n    state.content.className = mergeClasses(treeItemPersonaLayoutClassNames.content, contentStyles.base, state.content.className);\n  }\n  if (state.main) {\n    state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);\n  }\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(treeItemPersonaLayoutClassNames.expandIcon, expandIconStyles.base, state.expandIcon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemPersonaLayoutStyles.styles.js.map"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","expandIcon","media","content","description","main","useRootStyles","__styles","base","mc9l5x","Bt984gj","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Ijaq50","Br312pm","nk6f5a","Bw0ie65","lj723h","ecr2s2","zt0xaq","Bi91k9c","Jwef8y","tbva4x","leaf","uwmqm3","branch","d","a","h","useMediaStyles","a9b677","Bqenvij","z8tnut","z189sj","Byoj8tv","useContentStyles","Beiy3e4","i8kkvl","Belr9w4","useDescriptionStyles","useExpandIconStyles","Brf1p80","Bf4jedk","B7ck84d","sj55zd","Bh6795r","Bnnss6s","xawz","state","rootStyles","mediaStyles","contentStyles","descriptionStyles","expandIconStyles","itemType","useTreeItemContext_unstable","ctx","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/contexts/treeContext.js

@@ -18,8 +18,7 @@ const _immutableSet = require("../utils/ImmutableSet");
 const defaultContextValue = {
     level: 0,
     openItems: _immutableSet.emptyImmutableSet,
-    requestOpenChange: noop,
-    requestNavigation: noop,
+    requestTreeResponse: noop,
     appearance: 'subtle',
     size: 'medium'
 };

package/lib-commonjs/contexts/treeContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/treeContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { emptyImmutableSet } from '../utils/ImmutableSet';\nconst defaultContextValue = {\n  level: 0,\n  openItems: emptyImmutableSet,\n  requestOpenChange: noop,\n  requestNavigation: noop,\n  appearance: 'subtle',\n  size: 'medium'\n};\nfunction noop() {\n  /* noop */}\nexport const TreeContext = /*#__PURE__*/createContext(undefined);\nexport const {\n  Provider: TreeProvider\n} = TreeContext;\nexport const useTreeContext_unstable = selector => useContextSelector(TreeContext, (ctx = defaultContextValue) => selector(ctx));\n//# sourceMappingURL=treeContext.js.map"],"names":["TreeContext","TreeProvider","useTreeContext_unstable","defaultContextValue","level","openItems","emptyImmutableSet","requestOpenChange","noop","requestNavigation","appearance","size","createContext","undefined","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAYaA,WAAW,MAAXA;IAEDC,YAAY,MAAZA;IAECC,uBAAuB,MAAvBA;;sCAhBqC;8BAChB;AAClC,MAAMC,sBAAsB;IAC1BC,OAAO;IACPC,WAAWC,+BAAiB;IAC5BC,mBAAmBC;IACnBC,mBAAmBD;IACnBE,YAAY;IACZC,MAAM;AACR;AACA,SAASH,OAAO;AACd,QAAQ,GAAE;AACL,MAAMR,cAAc,WAAW,GAAEY,IAAAA,mCAAa,EAACC;AAC/C,MAAM,EACXC,UAAUb,aAAY,EACvB,GAAGD;AACG,MAAME,0BAA0Ba,CAAAA,WAAYC,IAAAA,wCAAkB,EAAChB,aAAa,CAACiB,MAAMd,mBAAmB,GAAKY,SAASE,OAC3H,uCAAuC"}
+{"version":3,"sources":["../../lib/contexts/treeContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { emptyImmutableSet } from '../utils/ImmutableSet';\nconst defaultContextValue = {\n  level: 0,\n  openItems: emptyImmutableSet,\n  requestTreeResponse: noop,\n  appearance: 'subtle',\n  size: 'medium'\n};\nfunction noop() {\n  /* noop */}\nexport const TreeContext = /*#__PURE__*/createContext(undefined);\nexport const {\n  Provider: TreeProvider\n} = TreeContext;\nexport const useTreeContext_unstable = selector => useContextSelector(TreeContext, (ctx = defaultContextValue) => selector(ctx));\n//# sourceMappingURL=treeContext.js.map"],"names":["TreeContext","TreeProvider","useTreeContext_unstable","defaultContextValue","level","openItems","emptyImmutableSet","requestTreeResponse","noop","appearance","size","createContext","undefined","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAWaA,WAAW,MAAXA;IAEDC,YAAY,MAAZA;IAECC,uBAAuB,MAAvBA;;sCAfqC;8BAChB;AAClC,MAAMC,sBAAsB;IAC1BC,OAAO;IACPC,WAAWC,+BAAiB;IAC5BC,qBAAqBC;IACrBC,YAAY;IACZC,MAAM;AACR;AACA,SAASF,OAAO;AACd,QAAQ,GAAE;AACL,MAAMR,cAAc,WAAW,GAAEW,IAAAA,mCAAa,EAACC;AAC/C,MAAM,EACXC,UAAUZ,aAAY,EACvB,GAAGD;AACG,MAAME,0BAA0BY,CAAAA,WAAYC,IAAAA,wCAAkB,EAACf,aAAa,CAACgB,MAAMb,mBAAmB,GAAKW,SAASE,OAC3H,uCAAuC"}

package/lib-commonjs/contexts/treeItemContext.js

@@ -15,12 +15,20 @@ _export(exports, {
 });
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactContextSelector = require("@fluentui/react-context-selector");
 const defaultContextValue = {
-    isActionsVisible: false
+    value: undefined,
+    isActionsVisible: false,
+    isAsideVisible: true,
+    actionsRef: /*#__PURE__*/ _react.createRef(),
+    expandIconRef: /*#__PURE__*/ _react.createRef(),
+    layoutRef: /*#__PURE__*/ _react.createRef(),
+    subtreeRef: /*#__PURE__*/ _react.createRef(),
+    itemType: 'leaf',
+    open: false
 };
-const TreeItemContext = /*#__PURE__*/ _react.createContext(undefined);
+const TreeItemContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
 const { Provider: TreeItemProvider  } = TreeItemContext;
-var _React_useContext;
-const useTreeItemContext_unstable = ()=>(_React_useContext = _react.useContext(TreeItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultContextValue; //# sourceMappingURL=treeItemContext.js.map
+const useTreeItemContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(TreeItemContext, (ctx = defaultContextValue)=>selector(ctx)); //# sourceMappingURL=treeItemContext.js.map
 
 //# sourceMappingURL=treeItemContext.js.map

package/lib-commonjs/contexts/treeItemContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/contexts/treeItemContext.js"],"sourcesContent":["import * as React from 'react';\nconst defaultContextValue = {\n  isActionsVisible: false\n};\nexport const TreeItemContext = /*#__PURE__*/React.createContext(undefined);\nexport const {\n  Provider: TreeItemProvider\n} = TreeItemContext;\nvar _React_useContext;\nexport const useTreeItemContext_unstable = () => (_React_useContext = React.useContext(TreeItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : defaultContextValue;\n//# sourceMappingURL=treeItemContext.js.map"],"names":["TreeItemContext","TreeItemProvider","useTreeItemContext_unstable","defaultContextValue","isActionsVisible","React","createContext","undefined","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAIaA,eAAe,MAAfA;IAEDC,gBAAgB,MAAhBA;IAGCC,2BAA2B,MAA3BA;;;6DATU;AACvB,MAAMC,sBAAsB;IAC1BC,kBAAkB,KAAK;AACzB;AACO,MAAMJ,kBAAkB,WAAW,GAAEK,OAAMC,aAAa,CAACC;AACzD,MAAM,EACXC,UAAUP,iBAAgB,EAC3B,GAAGD;AACJ,IAAIS;AACG,MAAMP,8BAA8B,IAAM,AAACO,CAAAA,oBAAoBJ,OAAMK,UAAU,CAACV,gBAAe,MAAO,IAAI,IAAIS,sBAAsB,KAAK,IAAIA,oBAAoBN,mBAAmB,EAC3L,2CAA2C"}
+{"version":3,"sources":["../../lib/contexts/treeItemContext.js"],"sourcesContent":["import * as React from 'react';\nimport { createContext, useContextSelector } from '@fluentui/react-context-selector';\nconst defaultContextValue = {\n  value: undefined,\n  isActionsVisible: false,\n  isAsideVisible: true,\n  actionsRef: /*#__PURE__*/React.createRef(),\n  expandIconRef: /*#__PURE__*/React.createRef(),\n  layoutRef: /*#__PURE__*/React.createRef(),\n  subtreeRef: /*#__PURE__*/React.createRef(),\n  itemType: 'leaf',\n  open: false\n};\nexport const TreeItemContext = /*#__PURE__*/createContext(undefined);\nexport const {\n  Provider: TreeItemProvider\n} = TreeItemContext;\nexport const useTreeItemContext_unstable = selector => useContextSelector(TreeItemContext, (ctx = defaultContextValue) => selector(ctx));\n//# sourceMappingURL=treeItemContext.js.map"],"names":["TreeItemContext","TreeItemProvider","useTreeItemContext_unstable","defaultContextValue","value","undefined","isActionsVisible","isAsideVisible","actionsRef","React","createRef","expandIconRef","layoutRef","subtreeRef","itemType","open","createContext","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAaaA,eAAe,MAAfA;IAEDC,gBAAgB,MAAhBA;IAECC,2BAA2B,MAA3BA;;;6DAjBU;sCAC2B;AAClD,MAAMC,sBAAsB;IAC1BC,OAAOC;IACPC,kBAAkB,KAAK;IACvBC,gBAAgB,IAAI;IACpBC,YAAY,WAAW,GAAEC,OAAMC,SAAS;IACxCC,eAAe,WAAW,GAAEF,OAAMC,SAAS;IAC3CE,WAAW,WAAW,GAAEH,OAAMC,SAAS;IACvCG,YAAY,WAAW,GAAEJ,OAAMC,SAAS;IACxCI,UAAU;IACVC,MAAM,KAAK;AACb;AACO,MAAMf,kBAAkB,WAAW,GAAEgB,IAAAA,mCAAa,EAACX;AACnD,MAAM,EACXY,UAAUhB,iBAAgB,EAC3B,GAAGD;AACG,MAAME,8BAA8BgB,CAAAA,WAAYC,IAAAA,wCAAkB,EAACnB,iBAAiB,CAACoB,MAAMjB,mBAAmB,GAAKe,SAASE,OACnI,2CAA2C"}

package/lib-commonjs/hooks/useFlatTree.js

@@ -36,22 +36,22 @@ function useFlatTree_unstable(flatTreeItemProps, options = {}) {
         event.preventDefault();
     });
     const getNextNavigableItem = (0, _reactUtilities.useEventCallback)((visibleItems, data)=>{
-        const item = flatTreeItems.get(data.target.id);
+        const item = flatTreeItems.get(data.value);
         if (item) {
             switch(data.type){
-                case _tokens.treeDataTypes.typeAhead:
+                case _tokens.treeDataTypes.TypeAhead:
                     return item;
-                case _tokens.treeDataTypes.arrowLeft:
-                    return flatTreeItems.get(item.parentId);
-                case _tokens.treeDataTypes.arrowRight:
+                case _tokens.treeDataTypes.ArrowLeft:
+                    return flatTreeItems.get(item.parentValue);
+                case _tokens.treeDataTypes.ArrowRight:
                     return visibleItems[item.index + 1];
-                case _tokens.treeDataTypes.end:
+                case _tokens.treeDataTypes.End:
                     return visibleItems[visibleItems.length - 1];
-                case _tokens.treeDataTypes.home:
+                case _tokens.treeDataTypes.Home:
                     return visibleItems[0];
-                case _tokens.treeDataTypes.arrowDown:
+                case _tokens.treeDataTypes.ArrowDown:
                     return visibleItems[item.index + 1];
-                case _tokens.treeDataTypes.arrowUp:
+                case _tokens.treeDataTypes.ArrowUp:
                     return visibleItems[item.index - 1];
             }
         }

package/lib-commonjs/hooks/useFlatTree.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useFlatTree.js"],"sourcesContent":["import { useEventCallback } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { createFlatTreeItems, VisibleFlatTreeItemGenerator } from '../utils/createFlatTreeItems';\nimport { treeDataTypes } from '../utils/tokens';\nimport { useFlatTreeNavigation } from './useFlatTreeNavigation';\nimport { useOpenItemsState } from './useOpenItemsState';\n/**\n * this hook provides FlatTree API to manage all required mechanisms to convert a list of items into renderable TreeItems\n * in multiple scenarios including virtualization.\n *\n * !!A flat tree is an unofficial spec for tree!!\n *\n * It should be used on cases where more complex interactions with a Tree is required.\n * On simple scenarios it is advised to simply use a nested structure instead.\n *\n * @param flatTreeItemProps - a list of tree items\n * @param options - in case control over the internal openItems is required\n */\nexport function useFlatTree_unstable(flatTreeItemProps, options = {}) {\n  const [openItems, updateOpenItems] = useOpenItemsState(options);\n  const flatTreeItems = React.useMemo(() => createFlatTreeItems(flatTreeItemProps), [flatTreeItemProps]);\n  const [navigate, navigationRef] = useFlatTreeNavigation(flatTreeItems);\n  const handleOpenChange = useEventCallback((event, data) => {\n    var _options_onOpenChange;\n    (_options_onOpenChange = options.onOpenChange) === null || _options_onOpenChange === void 0 ? void 0 : _options_onOpenChange.call(options, event, data);\n    if (!event.isDefaultPrevented()) {\n      updateOpenItems(data);\n    }\n    event.preventDefault();\n  });\n  const handleNavigation = useEventCallback((event, data) => {\n    var _options_onNavigation_unstable;\n    (_options_onNavigation_unstable = options.onNavigation_unstable) === null || _options_onNavigation_unstable === void 0 ? void 0 : _options_onNavigation_unstable.call(options, event, data);\n    if (!event.isDefaultPrevented()) {\n      navigate(data);\n    }\n    event.preventDefault();\n  });\n  const getNextNavigableItem = useEventCallback((visibleItems, data) => {\n    const item = flatTreeItems.get(data.target.id);\n    if (item) {\n      switch (data.type) {\n        case treeDataTypes.typeAhead:\n          return item;\n        case treeDataTypes.arrowLeft:\n          return flatTreeItems.get(item.parentId);\n        case treeDataTypes.arrowRight:\n          return visibleItems[item.index + 1];\n        case treeDataTypes.end:\n          return visibleItems[visibleItems.length - 1];\n        case treeDataTypes.home:\n          return visibleItems[0];\n        case treeDataTypes.arrowDown:\n          return visibleItems[item.index + 1];\n        case treeDataTypes.arrowUp:\n          return visibleItems[item.index - 1];\n      }\n    }\n  });\n  const getTreeProps = React.useCallback(() => ({\n    ref: navigationRef,\n    openItems,\n    onOpenChange: handleOpenChange,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    onNavigation_unstable: handleNavigation\n  }),\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [openItems]);\n  const items = React.useCallback(() => VisibleFlatTreeItemGenerator(openItems, flatTreeItems), [openItems, flatTreeItems]);\n  return React.useMemo(() => ({\n    navigate,\n    getTreeProps,\n    getNextNavigableItem,\n    items\n  }), [navigate, getTreeProps, getNextNavigableItem, items]);\n}\n//# sourceMappingURL=useFlatTree.js.map"],"names":["useFlatTree_unstable","flatTreeItemProps","options","openItems","updateOpenItems","useOpenItemsState","flatTreeItems","React","useMemo","createFlatTreeItems","navigate","navigationRef","useFlatTreeNavigation","handleOpenChange","useEventCallback","event","data","_options_onOpenChange","onOpenChange","call","isDefaultPrevented","preventDefault","handleNavigation","_options_onNavigation_unstable","onNavigation_unstable","getNextNavigableItem","visibleItems","item","get","target","id","type","treeDataTypes","typeAhead","arrowLeft","parentId","arrowRight","index","end","length","home","arrowDown","arrowUp","getTreeProps","useCallback","ref","items","VisibleFlatTreeItemGenerator"],"mappings":";;;;+BAkBgBA;;aAAAA;;;gCAlBiB;6DACV;qCAC2C;wBACpC;uCACQ;mCACJ;AAa3B,SAASA,qBAAqBC,iBAAiB,EAAEC,UAAU,CAAC,CAAC,EAAE;IACpE,MAAM,CAACC,WAAWC,gBAAgB,GAAGC,IAAAA,oCAAiB,EAACH;IACvD,MAAMI,gBAAgBC,OAAMC,OAAO,CAAC,IAAMC,IAAAA,wCAAmB,EAACR,oBAAoB;QAACA;KAAkB;IACrG,MAAM,CAACS,UAAUC,cAAc,GAAGC,IAAAA,4CAAqB,EAACN;IACxD,MAAMO,mBAAmBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACzD,IAAIC;QACHA,CAAAA,wBAAwBf,QAAQgB,YAAY,AAAD,MAAO,IAAI,IAAID,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBE,IAAI,CAACjB,SAASa,OAAOC,KAAK;QACvJ,IAAI,CAACD,MAAMK,kBAAkB,IAAI;YAC/BhB,gBAAgBY;QAClB,CAAC;QACDD,MAAMM,cAAc;IACtB;IACA,MAAMC,mBAAmBR,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACzD,IAAIO;QACHA,CAAAA,iCAAiCrB,QAAQsB,qBAAqB,AAAD,MAAO,IAAI,IAAID,mCAAmC,KAAK,IAAI,KAAK,IAAIA,+BAA+BJ,IAAI,CAACjB,SAASa,OAAOC,KAAK;QAC3L,IAAI,CAACD,MAAMK,kBAAkB,IAAI;YAC/BV,SAASM;QACX,CAAC;QACDD,MAAMM,cAAc;IACtB;IACA,MAAMI,uBAAuBX,IAAAA,gCAAgB,EAAC,CAACY,cAAcV,OAAS;QACpE,MAAMW,OAAOrB,cAAcsB,GAAG,CAACZ,KAAKa,MAAM,CAACC,EAAE;QAC7C,IAAIH,MAAM;YACR,OAAQX,KAAKe,IAAI;gBACf,KAAKC,qBAAa,CAACC,SAAS;oBAC1B,OAAON;gBACT,KAAKK,qBAAa,CAACE,SAAS;oBAC1B,OAAO5B,cAAcsB,GAAG,CAACD,KAAKQ,QAAQ;gBACxC,KAAKH,qBAAa,CAACI,UAAU;oBAC3B,OAAOV,YAAY,CAACC,KAAKU,KAAK,GAAG,EAAE;gBACrC,KAAKL,qBAAa,CAACM,GAAG;oBACpB,OAAOZ,YAAY,CAACA,aAAaa,MAAM,GAAG,EAAE;gBAC9C,KAAKP,qBAAa,CAACQ,IAAI;oBACrB,OAAOd,YAAY,CAAC,EAAE;gBACxB,KAAKM,qBAAa,CAACS,SAAS;oBAC1B,OAAOf,YAAY,CAACC,KAAKU,KAAK,GAAG,EAAE;gBACrC,KAAKL,qBAAa,CAACU,OAAO;oBACxB,OAAOhB,YAAY,CAACC,KAAKU,KAAK,GAAG,EAAE;YACvC;QACF,CAAC;IACH;IACA,MAAMM,eAAepC,OAAMqC,WAAW,CAAC,IAAO,CAAA;YAC5CC,KAAKlC;YACLR;YACAe,cAAcL;YACd,gEAAgE;YAChEW,uBAAuBF;QACzB,CAAA,GACA,uDAAuD;IACvD;QAACnB;KAAU;IACX,MAAM2C,QAAQvC,OAAMqC,WAAW,CAAC,IAAMG,IAAAA,iDAA4B,EAAC5C,WAAWG,gBAAgB;QAACH;QAAWG;KAAc;IACxH,OAAOC,OAAMC,OAAO,CAAC,IAAO,CAAA;YAC1BE;YACAiC;YACAlB;YACAqB;QACF,CAAA,GAAI;QAACpC;QAAUiC;QAAclB;QAAsBqB;KAAM;AAC3D,EACA,uCAAuC"}
+{"version":3,"sources":["../../lib/hooks/useFlatTree.js"],"sourcesContent":["import { useEventCallback } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { createFlatTreeItems, VisibleFlatTreeItemGenerator } from '../utils/createFlatTreeItems';\nimport { treeDataTypes } from '../utils/tokens';\nimport { useFlatTreeNavigation } from './useFlatTreeNavigation';\nimport { useOpenItemsState } from './useOpenItemsState';\n/**\n * this hook provides FlatTree API to manage all required mechanisms to convert a list of items into renderable TreeItems\n * in multiple scenarios including virtualization.\n *\n * !!A flat tree is an unofficial spec for tree!!\n *\n * It should be used on cases where more complex interactions with a Tree is required.\n * On simple scenarios it is advised to simply use a nested structure instead.\n *\n * @param flatTreeItemProps - a list of tree items\n * @param options - in case control over the internal openItems is required\n */\nexport function useFlatTree_unstable(flatTreeItemProps, options = {}) {\n  const [openItems, updateOpenItems] = useOpenItemsState(options);\n  const flatTreeItems = React.useMemo(() => createFlatTreeItems(flatTreeItemProps), [flatTreeItemProps]);\n  const [navigate, navigationRef] = useFlatTreeNavigation(flatTreeItems);\n  const handleOpenChange = useEventCallback((event, data) => {\n    var _options_onOpenChange;\n    (_options_onOpenChange = options.onOpenChange) === null || _options_onOpenChange === void 0 ? void 0 : _options_onOpenChange.call(options, event, data);\n    if (!event.isDefaultPrevented()) {\n      updateOpenItems(data);\n    }\n    event.preventDefault();\n  });\n  const handleNavigation = useEventCallback((event, data) => {\n    var _options_onNavigation_unstable;\n    (_options_onNavigation_unstable = options.onNavigation_unstable) === null || _options_onNavigation_unstable === void 0 ? void 0 : _options_onNavigation_unstable.call(options, event, data);\n    if (!event.isDefaultPrevented()) {\n      navigate(data);\n    }\n    event.preventDefault();\n  });\n  const getNextNavigableItem = useEventCallback((visibleItems, data) => {\n    const item = flatTreeItems.get(data.value);\n    if (item) {\n      switch (data.type) {\n        case treeDataTypes.TypeAhead:\n          return item;\n        case treeDataTypes.ArrowLeft:\n          return flatTreeItems.get(item.parentValue);\n        case treeDataTypes.ArrowRight:\n          return visibleItems[item.index + 1];\n        case treeDataTypes.End:\n          return visibleItems[visibleItems.length - 1];\n        case treeDataTypes.Home:\n          return visibleItems[0];\n        case treeDataTypes.ArrowDown:\n          return visibleItems[item.index + 1];\n        case treeDataTypes.ArrowUp:\n          return visibleItems[item.index - 1];\n      }\n    }\n  });\n  const getTreeProps = React.useCallback(() => ({\n    ref: navigationRef,\n    openItems,\n    onOpenChange: handleOpenChange,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    onNavigation_unstable: handleNavigation\n  }),\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [openItems]);\n  const items = React.useCallback(() => VisibleFlatTreeItemGenerator(openItems, flatTreeItems), [openItems, flatTreeItems]);\n  return React.useMemo(() => ({\n    navigate,\n    getTreeProps,\n    getNextNavigableItem,\n    items\n  }), [navigate, getTreeProps, getNextNavigableItem, items]);\n}\n//# sourceMappingURL=useFlatTree.js.map"],"names":["useFlatTree_unstable","flatTreeItemProps","options","openItems","updateOpenItems","useOpenItemsState","flatTreeItems","React","useMemo","createFlatTreeItems","navigate","navigationRef","useFlatTreeNavigation","handleOpenChange","useEventCallback","event","data","_options_onOpenChange","onOpenChange","call","isDefaultPrevented","preventDefault","handleNavigation","_options_onNavigation_unstable","onNavigation_unstable","getNextNavigableItem","visibleItems","item","get","value","type","treeDataTypes","TypeAhead","ArrowLeft","parentValue","ArrowRight","index","End","length","Home","ArrowDown","ArrowUp","getTreeProps","useCallback","ref","items","VisibleFlatTreeItemGenerator"],"mappings":";;;;+BAkBgBA;;aAAAA;;;gCAlBiB;6DACV;qCAC2C;wBACpC;uCACQ;mCACJ;AAa3B,SAASA,qBAAqBC,iBAAiB,EAAEC,UAAU,CAAC,CAAC,EAAE;IACpE,MAAM,CAACC,WAAWC,gBAAgB,GAAGC,IAAAA,oCAAiB,EAACH;IACvD,MAAMI,gBAAgBC,OAAMC,OAAO,CAAC,IAAMC,IAAAA,wCAAmB,EAACR,oBAAoB;QAACA;KAAkB;IACrG,MAAM,CAACS,UAAUC,cAAc,GAAGC,IAAAA,4CAAqB,EAACN;IACxD,MAAMO,mBAAmBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACzD,IAAIC;QACHA,CAAAA,wBAAwBf,QAAQgB,YAAY,AAAD,MAAO,IAAI,IAAID,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBE,IAAI,CAACjB,SAASa,OAAOC,KAAK;QACvJ,IAAI,CAACD,MAAMK,kBAAkB,IAAI;YAC/BhB,gBAAgBY;QAClB,CAAC;QACDD,MAAMM,cAAc;IACtB;IACA,MAAMC,mBAAmBR,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAS;QACzD,IAAIO;QACHA,CAAAA,iCAAiCrB,QAAQsB,qBAAqB,AAAD,MAAO,IAAI,IAAID,mCAAmC,KAAK,IAAI,KAAK,IAAIA,+BAA+BJ,IAAI,CAACjB,SAASa,OAAOC,KAAK;QAC3L,IAAI,CAACD,MAAMK,kBAAkB,IAAI;YAC/BV,SAASM;QACX,CAAC;QACDD,MAAMM,cAAc;IACtB;IACA,MAAMI,uBAAuBX,IAAAA,gCAAgB,EAAC,CAACY,cAAcV,OAAS;QACpE,MAAMW,OAAOrB,cAAcsB,GAAG,CAACZ,KAAKa,KAAK;QACzC,IAAIF,MAAM;YACR,OAAQX,KAAKc,IAAI;gBACf,KAAKC,qBAAa,CAACC,SAAS;oBAC1B,OAAOL;gBACT,KAAKI,qBAAa,CAACE,SAAS;oBAC1B,OAAO3B,cAAcsB,GAAG,CAACD,KAAKO,WAAW;gBAC3C,KAAKH,qBAAa,CAACI,UAAU;oBAC3B,OAAOT,YAAY,CAACC,KAAKS,KAAK,GAAG,EAAE;gBACrC,KAAKL,qBAAa,CAACM,GAAG;oBACpB,OAAOX,YAAY,CAACA,aAAaY,MAAM,GAAG,EAAE;gBAC9C,KAAKP,qBAAa,CAACQ,IAAI;oBACrB,OAAOb,YAAY,CAAC,EAAE;gBACxB,KAAKK,qBAAa,CAACS,SAAS;oBAC1B,OAAOd,YAAY,CAACC,KAAKS,KAAK,GAAG,EAAE;gBACrC,KAAKL,qBAAa,CAACU,OAAO;oBACxB,OAAOf,YAAY,CAACC,KAAKS,KAAK,GAAG,EAAE;YACvC;QACF,CAAC;IACH;IACA,MAAMM,eAAenC,OAAMoC,WAAW,CAAC,IAAO,CAAA;YAC5CC,KAAKjC;YACLR;YACAe,cAAcL;YACd,gEAAgE;YAChEW,uBAAuBF;QACzB,CAAA,GACA,uDAAuD;IACvD;QAACnB;KAAU;IACX,MAAM0C,QAAQtC,OAAMoC,WAAW,CAAC,IAAMG,IAAAA,iDAA4B,EAAC3C,WAAWG,gBAAgB;QAACH;QAAWG;KAAc;IACxH,OAAOC,OAAMC,OAAO,CAAC,IAAO,CAAA;YAC1BE;YACAgC;YACAjB;YACAoB;QACF,CAAA,GAAI;QAACnC;QAAUgC;QAAcjB;QAAsBoB;KAAM;AAC3D,EACA,uCAAuC"}

package/lib-commonjs/hooks/useFlatTreeNavigation.js

@@ -23,26 +23,26 @@ function useFlatTreeNavigation(flatTreeItems) {
         }
         const treeItemWalker = treeItemWalkerRef.current;
         switch(data.type){
-            case _tokens.treeDataTypes.click:
+            case _tokens.treeDataTypes.Click:
                 return data.target;
-            case _tokens.treeDataTypes.typeAhead:
+            case _tokens.treeDataTypes.TypeAhead:
                 treeItemWalker.currentElement = data.target;
                 return (0, _nextTypeAheadElement.nextTypeAheadElement)(treeItemWalker, data.event.key);
-            case _tokens.treeDataTypes.arrowLeft:
-                return parentElement(flatTreeItems, data.target, targetDocument);
-            case _tokens.treeDataTypes.arrowRight:
+            case _tokens.treeDataTypes.ArrowLeft:
+                return parentElement(flatTreeItems, data.value);
+            case _tokens.treeDataTypes.ArrowRight:
                 treeItemWalker.currentElement = data.target;
                 return firstChild(data.target, treeItemWalker);
-            case _tokens.treeDataTypes.end:
+            case _tokens.treeDataTypes.End:
                 treeItemWalker.currentElement = treeItemWalker.root;
                 return treeItemWalker.lastChild();
-            case _tokens.treeDataTypes.home:
+            case _tokens.treeDataTypes.Home:
                 treeItemWalker.currentElement = treeItemWalker.root;
                 return treeItemWalker.firstChild();
-            case _tokens.treeDataTypes.arrowDown:
+            case _tokens.treeDataTypes.ArrowDown:
                 treeItemWalker.currentElement = data.target;
                 return treeItemWalker.nextElement();
-            case _tokens.treeDataTypes.arrowUp:
+            case _tokens.treeDataTypes.ArrowUp:
                 treeItemWalker.currentElement = data.target;
                 return treeItemWalker.previousElement();
         }
@@ -71,10 +71,12 @@ function firstChild(target, treeWalker) {
     }
     return null;
 }
-function parentElement(flatTreeItems, target, document) {
-    const flatTreeItem = flatTreeItems.get(target.id);
-    if (flatTreeItem && flatTreeItem.parentId) {
-        return document.getElementById(flatTreeItem.parentId);
+function parentElement(flatTreeItems, value) {
+    const flatTreeItem = flatTreeItems.get(value);
+    if (flatTreeItem === null || flatTreeItem === void 0 ? void 0 : flatTreeItem.parentValue) {
+        const parentItem = flatTreeItems.get(flatTreeItem.parentValue);
+        var _parentItem_ref_current;
+        return (_parentItem_ref_current = parentItem === null || parentItem === void 0 ? void 0 : parentItem.ref.current) !== null && _parentItem_ref_current !== void 0 ? _parentItem_ref_current : null;
     }
     return null;
 } //# sourceMappingURL=useFlatTreeNavigation.js.map

package/lib-commonjs/hooks/useFlatTreeNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useFlatTreeNavigation.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { treeItemFilter } from '../utils/treeItemFilter';\nimport { useHTMLElementWalkerRef } from './useHTMLElementWalker';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nexport function useFlatTreeNavigation(flatTreeItems) {\n  const {\n    targetDocument\n  } = useFluent_unstable();\n  const [treeItemWalkerRef, treeItemWalkerRootRef] = useHTMLElementWalkerRef(treeItemFilter);\n  const [{\n    rove\n  }, rovingRootRef] = useRovingTabIndex(treeItemFilter);\n  function getNextElement(data) {\n    if (!targetDocument || !treeItemWalkerRef.current) {\n      return null;\n    }\n    const treeItemWalker = treeItemWalkerRef.current;\n    switch (data.type) {\n      case treeDataTypes.click:\n        return data.target;\n      case treeDataTypes.typeAhead:\n        treeItemWalker.currentElement = data.target;\n        return nextTypeAheadElement(treeItemWalker, data.event.key);\n      case treeDataTypes.arrowLeft:\n        return parentElement(flatTreeItems, data.target, targetDocument);\n      case treeDataTypes.arrowRight:\n        treeItemWalker.currentElement = data.target;\n        return firstChild(data.target, treeItemWalker);\n      case treeDataTypes.end:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return treeItemWalker.lastChild();\n      case treeDataTypes.home:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return treeItemWalker.firstChild();\n      case treeDataTypes.arrowDown:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.nextElement();\n      case treeDataTypes.arrowUp:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.previousElement();\n    }\n  }\n  const navigate = useEventCallback(data => {\n    const nextElement = getNextElement(data);\n    if (nextElement) {\n      rove(nextElement);\n    }\n  });\n  return [navigate, useMergedRefs(treeItemWalkerRootRef, rovingRootRef)];\n}\nfunction firstChild(target, treeWalker) {\n  const nextElement = treeWalker.nextElement();\n  if (!nextElement) {\n    return null;\n  }\n  const nextElementAriaPosInSet = nextElement.getAttribute('aria-posinset');\n  const nextElementAriaLevel = nextElement.getAttribute('aria-level');\n  const targetAriaLevel = target.getAttribute('aria-level');\n  if (nextElementAriaPosInSet === '1' && Number(nextElementAriaLevel) === Number(targetAriaLevel) + 1) {\n    return nextElement;\n  }\n  return null;\n}\nfunction parentElement(flatTreeItems, target, document) {\n  const flatTreeItem = flatTreeItems.get(target.id);\n  if (flatTreeItem && flatTreeItem.parentId) {\n    return document.getElementById(flatTreeItem.parentId);\n  }\n  return null;\n}\n//# sourceMappingURL=useFlatTreeNavigation.js.map"],"names":["useFlatTreeNavigation","flatTreeItems","targetDocument","useFluent_unstable","treeItemWalkerRef","treeItemWalkerRootRef","useHTMLElementWalkerRef","treeItemFilter","rove","rovingRootRef","useRovingTabIndex","getNextElement","data","current","treeItemWalker","type","treeDataTypes","click","target","typeAhead","currentElement","nextTypeAheadElement","event","key","arrowLeft","parentElement","arrowRight","firstChild","end","root","lastChild","home","arrowDown","nextElement","arrowUp","previousElement","navigate","useEventCallback","useMergedRefs","treeWalker","nextElementAriaPosInSet","getAttribute","nextElementAriaLevel","targetAriaLevel","Number","document","flatTreeItem","get","id","parentId","getElementById"],"mappings":";;;;+BAOgBA;;aAAAA;;qCAPmB;gCACa;sCACX;wBACP;gCACC;sCACS;qCACN;AAC3B,SAASA,sBAAsBC,aAAa,EAAE;IACnD,MAAM,EACJC,eAAc,EACf,GAAGC,IAAAA,uCAAkB;IACtB,MAAM,CAACC,mBAAmBC,sBAAsB,GAAGC,IAAAA,6CAAuB,EAACC,8BAAc;IACzF,MAAM,CAAC,EACLC,KAAI,EACL,EAAEC,cAAc,GAAGC,IAAAA,sCAAiB,EAACH,8BAAc;IACpD,SAASI,eAAeC,IAAI,EAAE;QAC5B,IAAI,CAACV,kBAAkB,CAACE,kBAAkBS,OAAO,EAAE;YACjD,OAAO,IAAI;QACb,CAAC;QACD,MAAMC,iBAAiBV,kBAAkBS,OAAO;QAChD,OAAQD,KAAKG,IAAI;YACf,KAAKC,qBAAa,CAACC,KAAK;gBACtB,OAAOL,KAAKM,MAAM;YACpB,KAAKF,qBAAa,CAACG,SAAS;gBAC1BL,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOG,IAAAA,0CAAoB,EAACP,gBAAgBF,KAAKU,KAAK,CAACC,GAAG;YAC5D,KAAKP,qBAAa,CAACQ,SAAS;gBAC1B,OAAOC,cAAcxB,eAAeW,KAAKM,MAAM,EAAEhB;YACnD,KAAKc,qBAAa,CAACU,UAAU;gBAC3BZ,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOS,WAAWf,KAAKM,MAAM,EAAEJ;YACjC,KAAKE,qBAAa,CAACY,GAAG;gBACpBd,eAAeM,cAAc,GAAGN,eAAee,IAAI;gBACnD,OAAOf,eAAegB,SAAS;YACjC,KAAKd,qBAAa,CAACe,IAAI;gBACrBjB,eAAeM,cAAc,GAAGN,eAAee,IAAI;gBACnD,OAAOf,eAAea,UAAU;YAClC,KAAKX,qBAAa,CAACgB,SAAS;gBAC1BlB,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAemB,WAAW;YACnC,KAAKjB,qBAAa,CAACkB,OAAO;gBACxBpB,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAeqB,eAAe;QACzC;IACF;IACA,MAAMC,WAAWC,IAAAA,gCAAgB,EAACzB,CAAAA,OAAQ;QACxC,MAAMqB,cAActB,eAAeC;QACnC,IAAIqB,aAAa;YACfzB,KAAKyB;QACP,CAAC;IACH;IACA,OAAO;QAACG;QAAUE,IAAAA,6BAAa,EAACjC,uBAAuBI;KAAe;AACxE;AACA,SAASkB,WAAWT,MAAM,EAAEqB,UAAU,EAAE;IACtC,MAAMN,cAAcM,WAAWN,WAAW;IAC1C,IAAI,CAACA,aAAa;QAChB,OAAO,IAAI;IACb,CAAC;IACD,MAAMO,0BAA0BP,YAAYQ,YAAY,CAAC;IACzD,MAAMC,uBAAuBT,YAAYQ,YAAY,CAAC;IACtD,MAAME,kBAAkBzB,OAAOuB,YAAY,CAAC;IAC5C,IAAID,4BAA4B,OAAOI,OAAOF,0BAA0BE,OAAOD,mBAAmB,GAAG;QACnG,OAAOV;IACT,CAAC;IACD,OAAO,IAAI;AACb;AACA,SAASR,cAAcxB,aAAa,EAAEiB,MAAM,EAAE2B,QAAQ,EAAE;IACtD,MAAMC,eAAe7C,cAAc8C,GAAG,CAAC7B,OAAO8B,EAAE;IAChD,IAAIF,gBAAgBA,aAAaG,QAAQ,EAAE;QACzC,OAAOJ,SAASK,cAAc,CAACJ,aAAaG,QAAQ;IACtD,CAAC;IACD,OAAO,IAAI;AACb,EACA,iDAAiD"}
+{"version":3,"sources":["../../lib/hooks/useFlatTreeNavigation.js"],"sourcesContent":["import { useFluent_unstable } from '@fluentui/react-shared-contexts';\nimport { useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { treeItemFilter } from '../utils/treeItemFilter';\nimport { useHTMLElementWalkerRef } from './useHTMLElementWalker';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nexport function useFlatTreeNavigation(flatTreeItems) {\n  const {\n    targetDocument\n  } = useFluent_unstable();\n  const [treeItemWalkerRef, treeItemWalkerRootRef] = useHTMLElementWalkerRef(treeItemFilter);\n  const [{\n    rove\n  }, rovingRootRef] = useRovingTabIndex(treeItemFilter);\n  function getNextElement(data) {\n    if (!targetDocument || !treeItemWalkerRef.current) {\n      return null;\n    }\n    const treeItemWalker = treeItemWalkerRef.current;\n    switch (data.type) {\n      case treeDataTypes.Click:\n        return data.target;\n      case treeDataTypes.TypeAhead:\n        treeItemWalker.currentElement = data.target;\n        return nextTypeAheadElement(treeItemWalker, data.event.key);\n      case treeDataTypes.ArrowLeft:\n        return parentElement(flatTreeItems, data.value);\n      case treeDataTypes.ArrowRight:\n        treeItemWalker.currentElement = data.target;\n        return firstChild(data.target, treeItemWalker);\n      case treeDataTypes.End:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return treeItemWalker.lastChild();\n      case treeDataTypes.Home:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return treeItemWalker.firstChild();\n      case treeDataTypes.ArrowDown:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.nextElement();\n      case treeDataTypes.ArrowUp:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.previousElement();\n    }\n  }\n  const navigate = useEventCallback(data => {\n    const nextElement = getNextElement(data);\n    if (nextElement) {\n      rove(nextElement);\n    }\n  });\n  return [navigate, useMergedRefs(treeItemWalkerRootRef, rovingRootRef)];\n}\nfunction firstChild(target, treeWalker) {\n  const nextElement = treeWalker.nextElement();\n  if (!nextElement) {\n    return null;\n  }\n  const nextElementAriaPosInSet = nextElement.getAttribute('aria-posinset');\n  const nextElementAriaLevel = nextElement.getAttribute('aria-level');\n  const targetAriaLevel = target.getAttribute('aria-level');\n  if (nextElementAriaPosInSet === '1' && Number(nextElementAriaLevel) === Number(targetAriaLevel) + 1) {\n    return nextElement;\n  }\n  return null;\n}\nfunction parentElement(flatTreeItems, value) {\n  const flatTreeItem = flatTreeItems.get(value);\n  if (flatTreeItem === null || flatTreeItem === void 0 ? void 0 : flatTreeItem.parentValue) {\n    const parentItem = flatTreeItems.get(flatTreeItem.parentValue);\n    var _parentItem_ref_current;\n    return (_parentItem_ref_current = parentItem === null || parentItem === void 0 ? void 0 : parentItem.ref.current) !== null && _parentItem_ref_current !== void 0 ? _parentItem_ref_current : null;\n  }\n  return null;\n}\n//# sourceMappingURL=useFlatTreeNavigation.js.map"],"names":["useFlatTreeNavigation","flatTreeItems","targetDocument","useFluent_unstable","treeItemWalkerRef","treeItemWalkerRootRef","useHTMLElementWalkerRef","treeItemFilter","rove","rovingRootRef","useRovingTabIndex","getNextElement","data","current","treeItemWalker","type","treeDataTypes","Click","target","TypeAhead","currentElement","nextTypeAheadElement","event","key","ArrowLeft","parentElement","value","ArrowRight","firstChild","End","root","lastChild","Home","ArrowDown","nextElement","ArrowUp","previousElement","navigate","useEventCallback","useMergedRefs","treeWalker","nextElementAriaPosInSet","getAttribute","nextElementAriaLevel","targetAriaLevel","Number","flatTreeItem","get","parentValue","parentItem","_parentItem_ref_current","ref"],"mappings":"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"}

package/lib-commonjs/hooks/useNestedTreeNavigation.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "useNestedTreeNavigation", {
     enumerable: true,
     get: ()=>useNestedTreeNavigation
 });
+const _reactUtilities = require("@fluentui/react-utilities");
 const _useHTMLElementWalker = require("./useHTMLElementWalker");
 const _nextTypeAheadElement = require("../utils/nextTypeAheadElement");
 const _tokens = require("../utils/tokens");
 const _treeItemFilter = require("../utils/treeItemFilter");
 const _useRovingTabIndexes = require("./useRovingTabIndexes");
-const _reactUtilities = require("@fluentui/react-utilities");
 function useNestedTreeNavigation() {
     const [{ rove  }, rovingRootRef] = (0, _useRovingTabIndexes.useRovingTabIndex)(_treeItemFilter.treeItemFilter);
     const [walkerRef, rootRef] = (0, _useHTMLElementWalker.useHTMLElementWalkerRef)(_treeItemFilter.treeItemFilter);
@@ -21,27 +21,27 @@ function useNestedTreeNavigation() {
         }
         const treeItemWalker = walkerRef.current;
         switch(data.type){
-            case _tokens.treeDataTypes.click:
+            case _tokens.treeDataTypes.Click:
                 return data.target;
-            case _tokens.treeDataTypes.typeAhead:
+            case _tokens.treeDataTypes.TypeAhead:
                 treeItemWalker.currentElement = data.target;
                 return (0, _nextTypeAheadElement.nextTypeAheadElement)(treeItemWalker, data.event.key);
-            case _tokens.treeDataTypes.arrowLeft:
+            case _tokens.treeDataTypes.ArrowLeft:
                 treeItemWalker.currentElement = data.target;
                 return treeItemWalker.parentElement();
-            case _tokens.treeDataTypes.arrowRight:
+            case _tokens.treeDataTypes.ArrowRight:
                 treeItemWalker.currentElement = data.target;
                 return treeItemWalker.firstChild();
-            case _tokens.treeDataTypes.end:
+            case _tokens.treeDataTypes.End:
                 treeItemWalker.currentElement = treeItemWalker.root;
                 return lastChildRecursive(treeItemWalker);
-            case _tokens.treeDataTypes.home:
+            case _tokens.treeDataTypes.Home:
                 treeItemWalker.currentElement = treeItemWalker.root;
                 return treeItemWalker.firstChild();
-            case _tokens.treeDataTypes.arrowDown:
+            case _tokens.treeDataTypes.ArrowDown:
                 treeItemWalker.currentElement = data.target;
                 return treeItemWalker.nextElement();
-            case _tokens.treeDataTypes.arrowUp:
+            case _tokens.treeDataTypes.ArrowUp:
                 treeItemWalker.currentElement = data.target;
                 return treeItemWalker.previousElement();
         }

package/lib-commonjs/hooks/useNestedTreeNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useNestedTreeNavigation.js"],"sourcesContent":["import { useHTMLElementWalkerRef } from './useHTMLElementWalker';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { treeItemFilter } from '../utils/treeItemFilter';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nimport { useMergedRefs } from '@fluentui/react-utilities';\nexport function useNestedTreeNavigation() {\n  const [{\n    rove\n  }, rovingRootRef] = useRovingTabIndex(treeItemFilter);\n  const [walkerRef, rootRef] = useHTMLElementWalkerRef(treeItemFilter);\n  const getNextElement = data => {\n    if (!walkerRef.current) {\n      return;\n    }\n    const treeItemWalker = walkerRef.current;\n    switch (data.type) {\n      case treeDataTypes.click:\n        return data.target;\n      case treeDataTypes.typeAhead:\n        treeItemWalker.currentElement = data.target;\n        return nextTypeAheadElement(treeItemWalker, data.event.key);\n      case treeDataTypes.arrowLeft:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.parentElement();\n      case treeDataTypes.arrowRight:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.firstChild();\n      case treeDataTypes.end:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return lastChildRecursive(treeItemWalker);\n      case treeDataTypes.home:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return treeItemWalker.firstChild();\n      case treeDataTypes.arrowDown:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.nextElement();\n      case treeDataTypes.arrowUp:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.previousElement();\n    }\n  };\n  function navigate(data) {\n    const nextElement = getNextElement(data);\n    if (nextElement) {\n      rove(nextElement);\n    }\n  }\n  return [navigate, useMergedRefs(rootRef, rovingRootRef)];\n}\nfunction lastChildRecursive(walker) {\n  let lastElement = null;\n  let nextElement = null;\n  while (nextElement = walker.lastChild()) {\n    lastElement = nextElement;\n  }\n  return lastElement;\n}\n//# sourceMappingURL=useNestedTreeNavigation.js.map"],"names":["useNestedTreeNavigation","rove","rovingRootRef","useRovingTabIndex","treeItemFilter","walkerRef","rootRef","useHTMLElementWalkerRef","getNextElement","data","current","treeItemWalker","type","treeDataTypes","click","target","typeAhead","currentElement","nextTypeAheadElement","event","key","arrowLeft","parentElement","arrowRight","firstChild","end","root","lastChildRecursive","home","arrowDown","nextElement","arrowUp","previousElement","navigate","useMergedRefs","walker","lastElement","lastChild"],"mappings":";;;;+BAMgBA;;aAAAA;;sCANwB;sCACH;wBACP;gCACC;qCACG;gCACJ;AACvB,SAASA,0BAA0B;IACxC,MAAM,CAAC,EACLC,KAAI,EACL,EAAEC,cAAc,GAAGC,IAAAA,sCAAiB,EAACC,8BAAc;IACpD,MAAM,CAACC,WAAWC,QAAQ,GAAGC,IAAAA,6CAAuB,EAACH,8BAAc;IACnE,MAAMI,iBAAiBC,CAAAA,OAAQ;QAC7B,IAAI,CAACJ,UAAUK,OAAO,EAAE;YACtB;QACF,CAAC;QACD,MAAMC,iBAAiBN,UAAUK,OAAO;QACxC,OAAQD,KAAKG,IAAI;YACf,KAAKC,qBAAa,CAACC,KAAK;gBACtB,OAAOL,KAAKM,MAAM;YACpB,KAAKF,qBAAa,CAACG,SAAS;gBAC1BL,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOG,IAAAA,0CAAoB,EAACP,gBAAgBF,KAAKU,KAAK,CAACC,GAAG;YAC5D,KAAKP,qBAAa,CAACQ,SAAS;gBAC1BV,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAeW,aAAa;YACrC,KAAKT,qBAAa,CAACU,UAAU;gBAC3BZ,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAea,UAAU;YAClC,KAAKX,qBAAa,CAACY,GAAG;gBACpBd,eAAeM,cAAc,GAAGN,eAAee,IAAI;gBACnD,OAAOC,mBAAmBhB;YAC5B,KAAKE,qBAAa,CAACe,IAAI;gBACrBjB,eAAeM,cAAc,GAAGN,eAAee,IAAI;gBACnD,OAAOf,eAAea,UAAU;YAClC,KAAKX,qBAAa,CAACgB,SAAS;gBAC1BlB,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAemB,WAAW;YACnC,KAAKjB,qBAAa,CAACkB,OAAO;gBACxBpB,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAeqB,eAAe;QACzC;IACF;IACA,SAASC,SAASxB,IAAI,EAAE;QACtB,MAAMqB,cAActB,eAAeC;QACnC,IAAIqB,aAAa;YACf7B,KAAK6B;QACP,CAAC;IACH;IACA,OAAO;QAACG;QAAUC,IAAAA,6BAAa,EAAC5B,SAASJ;KAAe;AAC1D;AACA,SAASyB,mBAAmBQ,MAAM,EAAE;IAClC,IAAIC,cAAc,IAAI;IACtB,IAAIN,cAAc,IAAI;IACtB,MAAOA,cAAcK,OAAOE,SAAS,GAAI;QACvCD,cAAcN;IAChB;IACA,OAAOM;AACT,EACA,mDAAmD"}
+{"version":3,"sources":["../../lib/hooks/useNestedTreeNavigation.js"],"sourcesContent":["import { useMergedRefs } from '@fluentui/react-utilities';\nimport { useHTMLElementWalkerRef } from './useHTMLElementWalker';\nimport { nextTypeAheadElement } from '../utils/nextTypeAheadElement';\nimport { treeDataTypes } from '../utils/tokens';\nimport { treeItemFilter } from '../utils/treeItemFilter';\nimport { useRovingTabIndex } from './useRovingTabIndexes';\nexport function useNestedTreeNavigation() {\n  const [{\n    rove\n  }, rovingRootRef] = useRovingTabIndex(treeItemFilter);\n  const [walkerRef, rootRef] = useHTMLElementWalkerRef(treeItemFilter);\n  const getNextElement = data => {\n    if (!walkerRef.current) {\n      return;\n    }\n    const treeItemWalker = walkerRef.current;\n    switch (data.type) {\n      case treeDataTypes.Click:\n        return data.target;\n      case treeDataTypes.TypeAhead:\n        treeItemWalker.currentElement = data.target;\n        return nextTypeAheadElement(treeItemWalker, data.event.key);\n      case treeDataTypes.ArrowLeft:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.parentElement();\n      case treeDataTypes.ArrowRight:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.firstChild();\n      case treeDataTypes.End:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return lastChildRecursive(treeItemWalker);\n      case treeDataTypes.Home:\n        treeItemWalker.currentElement = treeItemWalker.root;\n        return treeItemWalker.firstChild();\n      case treeDataTypes.ArrowDown:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.nextElement();\n      case treeDataTypes.ArrowUp:\n        treeItemWalker.currentElement = data.target;\n        return treeItemWalker.previousElement();\n    }\n  };\n  function navigate(data) {\n    const nextElement = getNextElement(data);\n    if (nextElement) {\n      rove(nextElement);\n    }\n  }\n  return [navigate, useMergedRefs(rootRef, rovingRootRef)];\n}\nfunction lastChildRecursive(walker) {\n  let lastElement = null;\n  let nextElement = null;\n  while (nextElement = walker.lastChild()) {\n    lastElement = nextElement;\n  }\n  return lastElement;\n}\n//# sourceMappingURL=useNestedTreeNavigation.js.map"],"names":["useNestedTreeNavigation","rove","rovingRootRef","useRovingTabIndex","treeItemFilter","walkerRef","rootRef","useHTMLElementWalkerRef","getNextElement","data","current","treeItemWalker","type","treeDataTypes","Click","target","TypeAhead","currentElement","nextTypeAheadElement","event","key","ArrowLeft","parentElement","ArrowRight","firstChild","End","root","lastChildRecursive","Home","ArrowDown","nextElement","ArrowUp","previousElement","navigate","useMergedRefs","walker","lastElement","lastChild"],"mappings":";;;;+BAMgBA;;aAAAA;;gCANc;sCACU;sCACH;wBACP;gCACC;qCACG;AAC3B,SAASA,0BAA0B;IACxC,MAAM,CAAC,EACLC,KAAI,EACL,EAAEC,cAAc,GAAGC,IAAAA,sCAAiB,EAACC,8BAAc;IACpD,MAAM,CAACC,WAAWC,QAAQ,GAAGC,IAAAA,6CAAuB,EAACH,8BAAc;IACnE,MAAMI,iBAAiBC,CAAAA,OAAQ;QAC7B,IAAI,CAACJ,UAAUK,OAAO,EAAE;YACtB;QACF,CAAC;QACD,MAAMC,iBAAiBN,UAAUK,OAAO;QACxC,OAAQD,KAAKG,IAAI;YACf,KAAKC,qBAAa,CAACC,KAAK;gBACtB,OAAOL,KAAKM,MAAM;YACpB,KAAKF,qBAAa,CAACG,SAAS;gBAC1BL,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOG,IAAAA,0CAAoB,EAACP,gBAAgBF,KAAKU,KAAK,CAACC,GAAG;YAC5D,KAAKP,qBAAa,CAACQ,SAAS;gBAC1BV,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAeW,aAAa;YACrC,KAAKT,qBAAa,CAACU,UAAU;gBAC3BZ,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAea,UAAU;YAClC,KAAKX,qBAAa,CAACY,GAAG;gBACpBd,eAAeM,cAAc,GAAGN,eAAee,IAAI;gBACnD,OAAOC,mBAAmBhB;YAC5B,KAAKE,qBAAa,CAACe,IAAI;gBACrBjB,eAAeM,cAAc,GAAGN,eAAee,IAAI;gBACnD,OAAOf,eAAea,UAAU;YAClC,KAAKX,qBAAa,CAACgB,SAAS;gBAC1BlB,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAemB,WAAW;YACnC,KAAKjB,qBAAa,CAACkB,OAAO;gBACxBpB,eAAeM,cAAc,GAAGR,KAAKM,MAAM;gBAC3C,OAAOJ,eAAeqB,eAAe;QACzC;IACF;IACA,SAASC,SAASxB,IAAI,EAAE;QACtB,MAAMqB,cAActB,eAAeC;QACnC,IAAIqB,aAAa;YACf7B,KAAK6B;QACP,CAAC;IACH;IACA,OAAO;QAACG;QAAUC,IAAAA,6BAAa,EAAC5B,SAASJ;KAAe;AAC1D;AACA,SAASyB,mBAAmBQ,MAAM,EAAE;IAClC,IAAIC,cAAc,IAAI;IACtB,IAAIN,cAAc,IAAI;IACtB,MAAOA,cAAcK,OAAOE,SAAS,GAAI;QACvCD,cAAcN;IAChB;IACA,OAAOM;AACT,EACA,mDAAmD"}

package/lib-commonjs/hooks/useOpenItemsState.js

@@ -15,9 +15,7 @@ function useOpenItemsState(props) {
         state: _react.useMemo(()=>props.openItems && (0, _immutableSet.createImmutableSet)(props.openItems), [
             props.openItems
         ]),
-        defaultState: _react.useMemo(()=>props.defaultOpenItems && (0, _immutableSet.createImmutableSet)(props.defaultOpenItems), [
-            props.defaultOpenItems
-        ]),
+        defaultState: props.defaultOpenItems && (()=>(0, _immutableSet.createImmutableSet)(props.defaultOpenItems)),
         initialState: _immutableSet.emptyImmutableSet
     });
     const updateOpenItems = (0, _reactUtilities.useEventCallback)((data)=>setOpenItems((currentOpenItems)=>createNextOpenItems(data, currentOpenItems)));
@@ -27,13 +25,12 @@ function useOpenItemsState(props) {
     ];
 }
 function createNextOpenItems(data, previousOpenItems) {
-    const id = data.target.id;
-    const previousOpenItemsHasId = previousOpenItems.has(id);
+    const previousOpenItemsHasId = previousOpenItems.has(data.value);
     if (data.open ? previousOpenItemsHasId : !previousOpenItemsHasId) {
         return previousOpenItems;
     }
     const nextOpenItems = (0, _immutableSet.createImmutableSet)(previousOpenItems);
-    return data.open ? nextOpenItems.add(id) : nextOpenItems.delete(id);
+    return data.open ? nextOpenItems.add(data.value) : nextOpenItems.delete(data.value);
 } //# sourceMappingURL=useOpenItemsState.js.map
 
 //# sourceMappingURL=useOpenItemsState.js.map

package/lib-commonjs/hooks/useOpenItemsState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../lib/hooks/useOpenItemsState.js"],"sourcesContent":["import { useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { createImmutableSet, emptyImmutableSet } from '../utils/ImmutableSet';\nexport function useOpenItemsState(props) {\n  const [openItems, setOpenItems] = useControllableState({\n    state: React.useMemo(() => props.openItems && createImmutableSet(props.openItems), [props.openItems]),\n    defaultState: React.useMemo(() => props.defaultOpenItems && createImmutableSet(props.defaultOpenItems), [props.defaultOpenItems]),\n    initialState: emptyImmutableSet\n  });\n  const updateOpenItems = useEventCallback(data => setOpenItems(currentOpenItems => createNextOpenItems(data, currentOpenItems)));\n  return [openItems, updateOpenItems];\n}\nfunction createNextOpenItems(data, previousOpenItems) {\n  const id = data.target.id;\n  const previousOpenItemsHasId = previousOpenItems.has(id);\n  if (data.open ? previousOpenItemsHasId : !previousOpenItemsHasId) {\n    return previousOpenItems;\n  }\n  const nextOpenItems = createImmutableSet(previousOpenItems);\n  return data.open ? nextOpenItems.add(id) : nextOpenItems.delete(id);\n}\n//# sourceMappingURL=useOpenItemsState.js.map"],"names":["useOpenItemsState","props","openItems","setOpenItems","useControllableState","state","React","useMemo","createImmutableSet","defaultState","defaultOpenItems","initialState","emptyImmutableSet","updateOpenItems","useEventCallback","data","currentOpenItems","createNextOpenItems","previousOpenItems","id","target","previousOpenItemsHasId","has","open","nextOpenItems","add","delete"],"mappings":";;;;+BAGgBA;;aAAAA;;;gCAHuC;6DAChC;8BAC+B;AAC/C,SAASA,kBAAkBC,KAAK,EAAE;IACvC,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACrDC,OAAOC,OAAMC,OAAO,CAAC,IAAMN,MAAMC,SAAS,IAAIM,IAAAA,gCAAkB,EAACP,MAAMC,SAAS,GAAG;YAACD,MAAMC,SAAS;SAAC;QACpGO,cAAcH,OAAMC,OAAO,CAAC,IAAMN,MAAMS,gBAAgB,IAAIF,IAAAA,gCAAkB,EAACP,MAAMS,gBAAgB,GAAG;YAACT,MAAMS,gBAAgB;SAAC;QAChIC,cAAcC,+BAAiB;IACjC;IACA,MAAMC,kBAAkBC,IAAAA,gCAAgB,EAACC,CAAAA,OAAQZ,aAAaa,CAAAA,mBAAoBC,oBAAoBF,MAAMC;IAC5G,OAAO;QAACd;QAAWW;KAAgB;AACrC;AACA,SAASI,oBAAoBF,IAAI,EAAEG,iBAAiB,EAAE;IACpD,MAAMC,KAAKJ,KAAKK,MAAM,CAACD,EAAE;IACzB,MAAME,yBAAyBH,kBAAkBI,GAAG,CAACH;IACrD,IAAIJ,KAAKQ,IAAI,GAAGF,yBAAyB,CAACA,sBAAsB,EAAE;QAChE,OAAOH;IACT,CAAC;IACD,MAAMM,gBAAgBhB,IAAAA,gCAAkB,EAACU;IACzC,OAAOH,KAAKQ,IAAI,GAAGC,cAAcC,GAAG,CAACN,MAAMK,cAAcE,MAAM,CAACP,GAAG;AACrE,EACA,6CAA6C"}
+{"version":3,"sources":["../../lib/hooks/useOpenItemsState.js"],"sourcesContent":["import { useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { createImmutableSet, emptyImmutableSet } from '../utils/ImmutableSet';\nexport function useOpenItemsState(props) {\n  const [openItems, setOpenItems] = useControllableState({\n    state: React.useMemo(() => props.openItems && createImmutableSet(props.openItems), [props.openItems]),\n    defaultState: props.defaultOpenItems && (() => createImmutableSet(props.defaultOpenItems)),\n    initialState: emptyImmutableSet\n  });\n  const updateOpenItems = useEventCallback(data => setOpenItems(currentOpenItems => createNextOpenItems(data, currentOpenItems)));\n  return [openItems, updateOpenItems];\n}\nfunction createNextOpenItems(data, previousOpenItems) {\n  const previousOpenItemsHasId = previousOpenItems.has(data.value);\n  if (data.open ? previousOpenItemsHasId : !previousOpenItemsHasId) {\n    return previousOpenItems;\n  }\n  const nextOpenItems = createImmutableSet(previousOpenItems);\n  return data.open ? nextOpenItems.add(data.value) : nextOpenItems.delete(data.value);\n}\n//# sourceMappingURL=useOpenItemsState.js.map"],"names":["useOpenItemsState","props","openItems","setOpenItems","useControllableState","state","React","useMemo","createImmutableSet","defaultState","defaultOpenItems","initialState","emptyImmutableSet","updateOpenItems","useEventCallback","data","currentOpenItems","createNextOpenItems","previousOpenItems","previousOpenItemsHasId","has","value","open","nextOpenItems","add","delete"],"mappings":";;;;+BAGgBA;;aAAAA;;;gCAHuC;6DAChC;8BAC+B;AAC/C,SAASA,kBAAkBC,KAAK,EAAE;IACvC,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACrDC,OAAOC,OAAMC,OAAO,CAAC,IAAMN,MAAMC,SAAS,IAAIM,IAAAA,gCAAkB,EAACP,MAAMC,SAAS,GAAG;YAACD,MAAMC,SAAS;SAAC;QACpGO,cAAcR,MAAMS,gBAAgB,IAAK,CAAA,IAAMF,IAAAA,gCAAkB,EAACP,MAAMS,gBAAgB,CAAA;QACxFC,cAAcC,+BAAiB;IACjC;IACA,MAAMC,kBAAkBC,IAAAA,gCAAgB,EAACC,CAAAA,OAAQZ,aAAaa,CAAAA,mBAAoBC,oBAAoBF,MAAMC;IAC5G,OAAO;QAACd;QAAWW;KAAgB;AACrC;AACA,SAASI,oBAAoBF,IAAI,EAAEG,iBAAiB,EAAE;IACpD,MAAMC,yBAAyBD,kBAAkBE,GAAG,CAACL,KAAKM,KAAK;IAC/D,IAAIN,KAAKO,IAAI,GAAGH,yBAAyB,CAACA,sBAAsB,EAAE;QAChE,OAAOD;IACT,CAAC;IACD,MAAMK,gBAAgBf,IAAAA,gCAAkB,EAACU;IACzC,OAAOH,KAAKO,IAAI,GAAGC,cAAcC,GAAG,CAACT,KAAKM,KAAK,IAAIE,cAAcE,MAAM,CAACV,KAAKM,KAAK,CAAC;AACrF,EACA,6CAA6C"}

package/lib-commonjs/index.js

@@ -35,6 +35,11 @@ _export(exports, {
     renderTreeItemPersonaLayout_unstable: ()=>_treeItemPersonaLayout.renderTreeItemPersonaLayout_unstable,
     useTreeItemPersonaLayoutStyles_unstable: ()=>_treeItemPersonaLayout.useTreeItemPersonaLayoutStyles_unstable,
     useTreeItemPersonaLayout_unstable: ()=>_treeItemPersonaLayout.useTreeItemPersonaLayout_unstable,
+    TreeItemAside: ()=>_treeItemAside.TreeItemAside,
+    treeItemAsideClassNames: ()=>_treeItemAside.treeItemAsideClassNames,
+    renderTreeItemAside_unstable: ()=>_treeItemAside.renderTreeItemAside_unstable,
+    useTreeItemAsideStyles_unstable: ()=>_treeItemAside.useTreeItemAsideStyles_unstable,
+    useTreeItemAside_unstable: ()=>_treeItemAside.useTreeItemAside_unstable,
     useFlatTree_unstable: ()=>_index.useFlatTree_unstable,
     flattenTree_unstable: ()=>_flattenTree.flattenTree_unstable
 });
@@ -44,6 +49,7 @@ const _tokens = require("./utils/tokens");
 const _treeItem = require("./TreeItem");
 const _treeItemLayout = require("./TreeItemLayout");
 const _treeItemPersonaLayout = require("./TreeItemPersonaLayout");
+const _treeItemAside = require("./TreeItemAside");
 const _index = require("./hooks/index");
 const _flattenTree = require("./utils/flattenTree");
  //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Tree, treeClassNames, renderTree_unstable, useTreeStyles_unstable, useTree_unstable, useTreeContextValues_unstable } from './Tree';\nexport { TreeProvider, useTreeContext_unstable, useTreeItemContext_unstable, TreeItemProvider } from './contexts';\nexport { treeItemLevelToken } from './utils/tokens';\nexport { TreeItem, treeItemClassNames, renderTreeItem_unstable, useTreeItemStyles_unstable, useTreeItem_unstable } from './TreeItem';\nexport { TreeItemLayout, treeItemLayoutClassNames, renderTreeItemLayout_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable } from './TreeItemLayout';\nexport { TreeItemPersonaLayout, treeItemPersonaLayoutClassNames, renderTreeItemPersonaLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable } from './TreeItemPersonaLayout';\nexport { useFlatTree_unstable } from './hooks/index';\nexport { flattenTree_unstable } from './utils/flattenTree';\n//# sourceMappingURL=index.js.map"],"names":["Tree","treeClassNames","renderTree_unstable","useTreeStyles_unstable","useTree_unstable","useTreeContextValues_unstable","TreeProvider","useTreeContext_unstable","useTreeItemContext_unstable","TreeItemProvider","treeItemLevelToken","TreeItem","treeItemClassNames","renderTreeItem_unstable","useTreeItemStyles_unstable","useTreeItem_unstable","TreeItemLayout","treeItemLayoutClassNames","renderTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","useTreeItemLayout_unstable","TreeItemPersonaLayout","treeItemPersonaLayoutClassNames","renderTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemPersonaLayout_unstable","useFlatTree_unstable","flattenTree_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,cAAc,MAAdA,oBAAc;IAAEC,mBAAmB,MAAnBA,yBAAmB;IAAEC,sBAAsB,MAAtBA,4BAAsB;IAAEC,gBAAgB,MAAhBA,sBAAgB;IAAEC,6BAA6B,MAA7BA,mCAA6B;IAClHC,YAAY,MAAZA,sBAAY;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,2BAA2B,MAA3BA,qCAA2B;IAAEC,gBAAgB,MAAhBA,0BAAgB;IACpFC,kBAAkB,MAAlBA,0BAAkB;IAClBC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,cAAc,MAAdA,8BAAc;IAAEC,wBAAwB,MAAxBA,wCAAwB;IAAEC,6BAA6B,MAA7BA,6CAA6B;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IACrIC,qBAAqB,MAArBA,4CAAqB;IAAEC,+BAA+B,MAA/BA,sDAA+B;IAAEC,oCAAoC,MAApCA,2DAAoC;IAAEC,uCAAuC,MAAvCA,8DAAuC;IAAEC,iCAAiC,MAAjCA,wDAAiC;IACxKC,oBAAoB,MAApBA,2BAAoB;IACpBC,oBAAoB,MAApBA,iCAAoB;;sBAPsG;0BAC9B;wBAClE;0BACqF;gCAC8B;uCACmC;uBACpJ;6BACA;CACrC,iCAAiC"}
+{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Tree, treeClassNames, renderTree_unstable, useTreeStyles_unstable, useTree_unstable, useTreeContextValues_unstable } from './Tree';\nexport { TreeProvider, useTreeContext_unstable, useTreeItemContext_unstable, TreeItemProvider } from './contexts';\nexport { treeItemLevelToken } from './utils/tokens';\nexport { TreeItem, treeItemClassNames, renderTreeItem_unstable, useTreeItemStyles_unstable, useTreeItem_unstable } from './TreeItem';\nexport { TreeItemLayout, treeItemLayoutClassNames, renderTreeItemLayout_unstable, useTreeItemLayoutStyles_unstable, useTreeItemLayout_unstable } from './TreeItemLayout';\nexport { TreeItemPersonaLayout, treeItemPersonaLayoutClassNames, renderTreeItemPersonaLayout_unstable, useTreeItemPersonaLayoutStyles_unstable, useTreeItemPersonaLayout_unstable } from './TreeItemPersonaLayout';\nexport { TreeItemAside, treeItemAsideClassNames, renderTreeItemAside_unstable, useTreeItemAsideStyles_unstable, useTreeItemAside_unstable } from './TreeItemAside';\nexport { useFlatTree_unstable } from './hooks/index';\nexport { flattenTree_unstable } from './utils/flattenTree';\n//# sourceMappingURL=index.js.map"],"names":["Tree","treeClassNames","renderTree_unstable","useTreeStyles_unstable","useTree_unstable","useTreeContextValues_unstable","TreeProvider","useTreeContext_unstable","useTreeItemContext_unstable","TreeItemProvider","treeItemLevelToken","TreeItem","treeItemClassNames","renderTreeItem_unstable","useTreeItemStyles_unstable","useTreeItem_unstable","TreeItemLayout","treeItemLayoutClassNames","renderTreeItemLayout_unstable","useTreeItemLayoutStyles_unstable","useTreeItemLayout_unstable","TreeItemPersonaLayout","treeItemPersonaLayoutClassNames","renderTreeItemPersonaLayout_unstable","useTreeItemPersonaLayoutStyles_unstable","useTreeItemPersonaLayout_unstable","TreeItemAside","treeItemAsideClassNames","renderTreeItemAside_unstable","useTreeItemAsideStyles_unstable","useTreeItemAside_unstable","useFlatTree_unstable","flattenTree_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,MAAJA,UAAI;IAAEC,cAAc,MAAdA,oBAAc;IAAEC,mBAAmB,MAAnBA,yBAAmB;IAAEC,sBAAsB,MAAtBA,4BAAsB;IAAEC,gBAAgB,MAAhBA,sBAAgB;IAAEC,6BAA6B,MAA7BA,mCAA6B;IAClHC,YAAY,MAAZA,sBAAY;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,2BAA2B,MAA3BA,qCAA2B;IAAEC,gBAAgB,MAAhBA,0BAAgB;IACpFC,kBAAkB,MAAlBA,0BAAkB;IAClBC,QAAQ,MAARA,kBAAQ;IAAEC,kBAAkB,MAAlBA,4BAAkB;IAAEC,uBAAuB,MAAvBA,iCAAuB;IAAEC,0BAA0B,MAA1BA,oCAA0B;IAAEC,oBAAoB,MAApBA,8BAAoB;IACvGC,cAAc,MAAdA,8BAAc;IAAEC,wBAAwB,MAAxBA,wCAAwB;IAAEC,6BAA6B,MAA7BA,6CAA6B;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IACrIC,qBAAqB,MAArBA,4CAAqB;IAAEC,+BAA+B,MAA/BA,sDAA+B;IAAEC,oCAAoC,MAApCA,2DAAoC;IAAEC,uCAAuC,MAAvCA,8DAAuC;IAAEC,iCAAiC,MAAjCA,wDAAiC;IACxKC,aAAa,MAAbA,4BAAa;IAAEC,uBAAuB,MAAvBA,sCAAuB;IAAEC,4BAA4B,MAA5BA,2CAA4B;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;IAChIC,oBAAoB,MAApBA,2BAAoB;IACpBC,oBAAoB,MAApBA,iCAAoB;;sBARsG;0BAC9B;wBAClE;0BACqF;gCAC8B;uCACmC;+BACxC;uBAC5G;6BACA;CACrC,iCAAiC"}