@fluentui/react-tree 9.0.0-beta.4 → 9.0.0-beta.6

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

@@ -1,122 +1,186 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    treeItemPersonaLayoutClassNames: ()=>treeItemPersonaLayoutClassNames,
+    useTreeItemPersonaLayoutStyles_unstable: ()=>useTreeItemPersonaLayoutStyles_unstable
 });
-exports.useTreeItemPersonaLayoutStyles_unstable = exports.treeItemPersonaLayoutClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-exports.treeItemPersonaLayoutClassNames = {
-  root: 'fui-TreeItemPersonaLayout',
-  media: 'fui-TreeItemPersonaLayout__media',
-  content: 'fui-TreeItemPersonaLayout__content',
-  description: 'fui-TreeItemPersonaLayout__description',
-  aside: 'fui-TreeItemPersonaLayout__aside',
-  main: 'fui-TreeItemPersonaLayout__main'
+const _react = require("@griffel/react");
+const treeItemPersonaLayoutClassNames = {
+    root: 'fui-TreeItemPersonaLayout',
+    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__*/react_1.__styles({
-  base: {
-    a9b677: "fly5x3f",
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59"
-  }
+ */ const useRootStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        a9b677: "fly5x3f",
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59"
+    }
 }, {
-  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;}"]
+    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;}"
+    ]
 });
 /**
  * Styles for the expand icon slot
- */
-const useMediaStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    a9b677: "f1szoe96",
-    Bqenvij: "f1d2rq10",
-    z8tnut: "f1g0x7ka",
-    z189sj: ["f7x41pl", "fruq291"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["fgiv446", "ffczdla"]
-  }
+ */ const useMediaStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Bt984gj: "f122n59",
+        a9b677: "f1szoe96",
+        Bqenvij: "f1d2rq10",
+        z8tnut: "f1g0x7ka",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f1qch9an",
+        uwmqm3: [
+            "fgiv446",
+            "ffczdla"
+        ]
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
-const useContentStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    a9b677: "fly5x3f",
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62",
-    z8tnut: "f1ngh7ph",
-    z189sj: ["f7x41pl", "fruq291"],
-    Byoj8tv: "f5o476b",
-    uwmqm3: ["f1f5gg8d", "f1vdfbxk"],
-    i8kkvl: "f1fps8zv",
-    Belr9w4: "fws515f"
-  }
+const useContentStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        a9b677: "fly5x3f",
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        z8tnut: "f1ngh7ph",
+        z189sj: [
+            "f7x41pl",
+            "fruq291"
+        ],
+        Byoj8tv: "f5o476b",
+        uwmqm3: [
+            "f1f5gg8d",
+            "f1vdfbxk"
+        ],
+        i8kkvl: "f1fps8zv",
+        Belr9w4: "fws515f"
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
-const useMainStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  }
+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);}"]
+    d: [
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fkhj508{font-size:var(--fontSizeBase300);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".f1i3iumi{line-height:var(--lineHeightBase300);}"
+    ]
 });
-const useDescriptionStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  }
+const useDescriptionStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm"
+    }
 }, {
-  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
+    d: [
+        ".fk6fouc{font-family:var(--fontFamilyBase);}",
+        ".fy9rknc{font-size:var(--fontSizeBase200);}",
+        ".figsok6{font-weight:var(--fontWeightRegular);}",
+        ".fwrc4pm{line-height:var(--lineHeightBase200);}"
+    ]
 });
-const useAsideStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62",
-    Huce71: "fz5stix",
-    z189sj: ["fw5db7e", "f1uw59to"],
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  }
+const useAsideStyles = /*#__PURE__*/ (0, _react["__styles"])({
+    base: {
+        mc9l5x: "f22iagw",
+        Beiy3e4: "f1vx9l62",
+        Huce71: "fz5stix",
+        z189sj: [
+            "fw5db7e",
+            "f1uw59to"
+        ],
+        Bahqtrf: "fk6fouc",
+        Be2twd7: "fy9rknc",
+        Bhrd7zp: "figsok6",
+        Bg96gwp: "fwrc4pm"
+    }
 }, {
-  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);}"]
+    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);}"
+    ]
 });
-/**
- * Apply styling to the TreeItemPersonaLayout slots based on the state
- */
-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 = react_1.mergeClasses(exports.treeItemPersonaLayoutClassNames.root, rootStyles.base, state.root.className);
-  state.media.className = react_1.mergeClasses(exports.treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);
-  if (state.content) {
-    state.content.className = react_1.mergeClasses(exports.treeItemPersonaLayoutClassNames.content, contentStyles.base, state.content.className);
-  }
-  if (state.main) {
-    state.main.className = react_1.mergeClasses(exports.treeItemPersonaLayoutClassNames.main, mainStyles.base, state.main.className);
-  }
-  if (state.description) {
-    state.description.className = react_1.mergeClasses(exports.treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);
-  }
-  if (state.aside) {
-    state.aside.className = react_1.mergeClasses(exports.treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);
-  }
-  return state;
-};
-exports.useTreeItemPersonaLayoutStyles_unstable = useTreeItemPersonaLayoutStyles_unstable;
+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);
+    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);
+    }
+    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);
+    }
+    return state;
+}; //# sourceMappingURL=useTreeItemPersonaLayoutStyles.js.map
+
 //# sourceMappingURL=useTreeItemPersonaLayoutStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","react_theme_1","exports","treeItemPersonaLayoutClassNames","root","media","content","description","aside","main","useRootStyles","__styles","base","a9b677","mc9l5x","Bt984gj","d","useMediaStyles","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","useContentStyles","Beiy3e4","i8kkvl","Belr9w4","useMainStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useDescriptionStyles","useAsideStyles","Huce71","useTreeItemPersonaLayoutStyles_unstable","state","rootStyles","mediaStyles","contentStyles","mainStyles","descriptionStyles","asideStyles","className","mergeClasses"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.ts"],"sourcesContent":["import type { TreeItemPersonaLayoutSlots, TreeItemPersonaLayoutState } from './TreeItemPersonaLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\n\nexport const treeItemPersonaLayoutClassNames: SlotClassNames<TreeItemPersonaLayoutSlots> = {\n  root: 'fui-TreeItemPersonaLayout',\n  media: 'fui-TreeItemPersonaLayout__media',\n  content: 'fui-TreeItemPersonaLayout__content',\n  description: 'fui-TreeItemPersonaLayout__description',\n  aside: 'fui-TreeItemPersonaLayout__aside',\n  main: 'fui-TreeItemPersonaLayout__main',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n  },\n});\n\n/**\n * Styles for the expand icon slot\n */\nconst useMediaStyles = makeStyles({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    width: '32px',\n    height: '32px',\n    ...shorthands.padding(0, tokens.spacingHorizontalXS, 0, tokens.spacingHorizontalXXS),\n  },\n});\n\nconst useContentStyles = makeStyles({\n  base: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    ...shorthands.padding(\n      tokens.spacingVerticalMNudge,\n      tokens.spacingHorizontalXS,\n      tokens.spacingVerticalMNudge,\n      tokens.spacingHorizontalS,\n    ),\n    ...shorthands.gap(tokens.spacingVerticalNone, tokens.spacingHorizontalNone),\n  },\n});\nconst useMainStyles = makeStyles({\n  base: {\n    ...typographyStyles.body1,\n  },\n});\nconst useDescriptionStyles = makeStyles({\n  base: {\n    ...typographyStyles.caption1,\n  },\n});\nconst useAsideStyles = makeStyles({\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    whiteSpace: 'nowrap',\n    paddingRight: tokens.spacingHorizontalM,\n    ...typographyStyles.caption1,\n  },\n});\n\n/**\n * Apply styling to the TreeItemPersonaLayout slots based on the state\n */\nexport const useTreeItemPersonaLayoutStyles_unstable = (\n  state: TreeItemPersonaLayoutState,\n): TreeItemPersonaLayoutState => {\n  const rootStyles = useRootStyles();\n  const mediaStyles = useMediaStyles();\n  const contentStyles = useContentStyles();\n  const mainStyles = useMainStyles();\n  const descriptionStyles = useDescriptionStyles();\n  const asideStyles = useAsideStyles();\n\n  state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootStyles.base, state.root.className);\n\n  state.media.className = mergeClasses(treeItemPersonaLayoutClassNames.media, mediaStyles.base, state.media.className);\n\n  if (state.content) {\n    state.content.className = mergeClasses(\n      treeItemPersonaLayoutClassNames.content,\n      contentStyles.base,\n      state.content.className,\n    );\n  }\n  if (state.main) {\n    state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(\n      treeItemPersonaLayoutClassNames.description,\n      descriptionStyles.base,\n      state.description.className,\n    );\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(\n      treeItemPersonaLayoutClassNames.aside,\n      asideStyles.base,\n      state.aside.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../../../lib/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const treeItemPersonaLayoutClassNames = {\n  root: 'fui-TreeItemPersonaLayout',\n  media: 'fui-TreeItemPersonaLayout__media',\n  content: 'fui-TreeItemPersonaLayout__content',\n  description: 'fui-TreeItemPersonaLayout__description',\n  aside: 'fui-TreeItemPersonaLayout__aside',\n  main: 'fui-TreeItemPersonaLayout__main'\n};\n/**\n * Styles for the root slot\n */\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    a9b677: \"fly5x3f\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  }\n}, {\n  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;}\"]\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 useMainStyles = /*#__PURE__*/__styles({\n  base: {\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\"\n  }\n}, {\n  d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\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});\nconst useAsideStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\",\n    Huce71: \"fz5stix\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".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);}\"]\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 mainStyles = useMainStyles();\n  const descriptionStyles = useDescriptionStyles();\n  const asideStyles = useAsideStyles();\n  state.root.className = mergeClasses(treeItemPersonaLayoutClassNames.root, rootStyles.base, 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, mainStyles.base, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(treeItemPersonaLayoutClassNames.description, descriptionStyles.base, state.description.className);\n  }\n  if (state.aside) {\n    state.aside.className = mergeClasses(treeItemPersonaLayoutClassNames.aside, asideStyles.base, state.aside.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTreeItemPersonaLayoutStyles.js.map"],"names":["treeItemPersonaLayoutClassNames","useTreeItemPersonaLayoutStyles_unstable","root","media","content","description","aside","main","useRootStyles","__styles","base","a9b677","mc9l5x","Bt984gj","d","useMediaStyles","Bqenvij","z8tnut","z189sj","Byoj8tv","uwmqm3","useContentStyles","Beiy3e4","i8kkvl","Belr9w4","useMainStyles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useDescriptionStyles","useAsideStyles","Huce71","state","rootStyles","mediaStyles","contentStyles","mainStyles","descriptionStyles","asideStyles","className","mergeClasses"],"mappings":"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"}

package/lib-commonjs/contexts/index.js

@@ -1,9 +1,10 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./treeContext"), exports);
-tslib_1.__exportStar(require("./treeItemContext"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./treeContext"), exports);
+_exportStar(require("./treeItemContext"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tree/src/contexts/index.ts"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA"}
+{"version":3,"sources":["../../lib/contexts/index.js"],"sourcesContent":["export * from './treeContext';\nexport * from './treeItemContext';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;CACd,iCAAiC"}

package/lib-commonjs/contexts/treeContext.js

@@ -1,24 +1,32 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TreeContext: ()=>TreeContext,
+    TreeProvider: ()=>TreeProvider,
+    useTreeContext_unstable: ()=>useTreeContext_unstable
 });
-exports.useTreeContext_unstable = exports.TreeProvider = exports.TreeContext = void 0;
-const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
-const ImmutableSet_1 = /*#__PURE__*/require("../utils/ImmutableSet");
+const _reactContextSelector = require("@fluentui/react-context-selector");
+const _immutableSet = require("../utils/ImmutableSet");
 const defaultContextValue = {
-  level: 0,
-  openItems: ImmutableSet_1.emptyImmutableSet,
-  requestOpenChange: noop,
-  requestNavigation: noop,
-  appearance: 'subtle',
-  size: 'medium'
+    level: 0,
+    openItems: _immutableSet.emptyImmutableSet,
+    requestOpenChange: noop,
+    requestNavigation: noop,
+    appearance: 'subtle',
+    size: 'medium'
 };
 function noop() {
-  /* noop */
-}
-exports.TreeContext = /*#__PURE__*/react_context_selector_1.createContext(undefined);
-exports.TreeProvider = exports.TreeContext.Provider;
-const useTreeContext_unstable = selector => react_context_selector_1.useContextSelector(exports.TreeContext, (ctx = defaultContextValue) => selector(ctx));
-exports.useTreeContext_unstable = useTreeContext_unstable;
+/* noop */ }
+const TreeContext = /*#__PURE__*/ (0, _reactContextSelector.createContext)(undefined);
+const { Provider: TreeProvider  } = TreeContext;
+const useTreeContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(TreeContext, (ctx = defaultContextValue)=>selector(ctx)); //# sourceMappingURL=treeContext.js.map
+
 //# sourceMappingURL=treeContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_context_selector_1","require","ImmutableSet_1","defaultContextValue","level","openItems","emptyImmutableSet","requestOpenChange","noop","requestNavigation","appearance","size","exports","TreeContext","createContext","undefined","TreeProvider","Provider","useTreeContext_unstable","selector","useContextSelector","ctx"],"sources":["../src/packages/react-components/react-tree/src/contexts/treeContext.ts"],"sourcesContent":["import { Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport { TreeItemId, TreeOpenChangeData, TreeNavigationData_unstable } from '../Tree';\nimport { emptyImmutableSet, ImmutableSet } from '../utils/ImmutableSet';\n\nexport type TreeContextValue = {\n  level: number;\n  appearance: 'subtle' | 'subtle-alpha' | 'transparent';\n  size: 'small' | 'medium';\n  openItems: ImmutableSet<TreeItemId>;\n  /**\n   * Requests dialog main component to update it's internal open state\n   */\n  requestOpenChange(data: TreeOpenChangeData): void;\n  requestNavigation(data: TreeNavigationData_unstable): void;\n};\n\nconst defaultContextValue: TreeContextValue = {\n  level: 0,\n  openItems: emptyImmutableSet,\n  requestOpenChange: noop,\n  requestNavigation: noop,\n  appearance: 'subtle',\n  size: 'medium',\n};\n\nfunction noop() {\n  /* noop */\n}\n\nexport const TreeContext: Context<TreeContextValue | undefined> = createContext<TreeContextValue | undefined>(\n  undefined,\n);\n\nexport const { Provider: TreeProvider } = TreeContext;\nexport const useTreeContext_unstable = <T>(selector: ContextSelector<TreeContextValue, T>): T =>\n  useContextSelector(TreeContext, (ctx = defaultContextValue) => selector(ctx));\n"],"mappings":";;;;;;AAAA,MAAAA,wBAAA,gBAAAC,OAAA;AAEA,MAAAC,cAAA,gBAAAD,OAAA;AAcA,MAAME,mBAAmB,GAAqB;EAC5CC,KAAK,EAAE,CAAC;EACRC,SAAS,EAAEH,cAAA,CAAAI,iBAAiB;EAC5BC,iBAAiB,EAAEC,IAAI;EACvBC,iBAAiB,EAAED,IAAI;EACvBE,UAAU,EAAE,QAAQ;EACpBC,IAAI,EAAE;CACP;AAED,SAASH,IAAIA,CAAA;EACX;AAAA;AAGWI,OAAA,CAAAC,WAAW,gBAA0Cb,wBAAA,CAAAc,aAAa,CAC7EC,SAAS,CACV;AAEwBH,OAAA,CAAAI,YAAY,GAAKJ,OAAA,CAAAC,WAAW,CAAAI,QAAA;AAC9C,MAAMC,uBAAuB,GAAOC,QAA8C,IACvFnB,wBAAA,CAAAoB,kBAAkB,CAACR,OAAA,CAAAC,WAAW,EAAE,CAACQ,GAAG,GAAGlB,mBAAmB,KAAKgB,QAAQ,CAACE,GAAG,CAAC,CAAC;AADlET,OAAA,CAAAM,uBAAuB,GAAAA,uBAAA"}
+{"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"}

package/lib-commonjs/contexts/treeItemContext.js

@@ -1,18 +1,26 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    TreeItemContext: ()=>TreeItemContext,
+    TreeItemProvider: ()=>TreeItemProvider,
+    useTreeItemContext_unstable: ()=>useTreeItemContext_unstable
 });
-exports.useTreeItemContext_unstable = exports.TreeItemProvider = exports.TreeItemContext = void 0;
-const React = /*#__PURE__*/require("react");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const defaultContextValue = {
-  isActionsVisible: false
+    isActionsVisible: false
 };
-exports.TreeItemContext = /*#__PURE__*/React.createContext(undefined);
-exports.TreeItemProvider = exports.TreeItemContext.Provider;
-const useTreeItemContext_unstable = () => {
-  var _a;
-  return (_a = React.useContext(exports.TreeItemContext)) !== null && _a !== void 0 ? _a : defaultContextValue;
-};
-exports.useTreeItemContext_unstable = useTreeItemContext_unstable;
+const TreeItemContext = /*#__PURE__*/ _react.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
+
 //# sourceMappingURL=treeItemContext.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","defaultContextValue","isActionsVisible","exports","TreeItemContext","createContext","undefined","TreeItemProvider","Provider","useTreeItemContext_unstable","_a","useContext"],"sources":["../src/packages/react-components/react-tree/src/contexts/treeItemContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type TreeItemContextValue = {\n  isActionsVisible: boolean;\n};\n\nconst defaultContextValue: TreeItemContextValue = {\n  isActionsVisible: false,\n};\n\nexport const TreeItemContext: React.Context<TreeItemContextValue | undefined> = React.createContext<\n  TreeItemContextValue | undefined\n>(undefined);\n\nexport const { Provider: TreeItemProvider } = TreeItemContext;\nexport const useTreeItemContext_unstable = (): TreeItemContextValue =>\n  React.useContext(TreeItemContext) ?? defaultContextValue;\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAMA,MAAMC,mBAAmB,GAAyB;EAChDC,gBAAgB,EAAE;CACnB;AAEYC,OAAA,CAAAC,eAAe,gBAAoDL,KAAK,CAACM,aAAa,CAEjGC,SAAS,CAAC;AAEaH,OAAA,CAAAI,gBAAgB,GAAKJ,OAAA,CAAAC,eAAe,CAAAI,QAAA;AACtD,MAAMC,2BAA2B,GAAGA,CAAA,KAA2B;EAAA,IAAAC,EAAA;EACpE,QAAAA,EAAA,GAAAX,KAAK,CAACY,UAAU,CAACR,OAAA,CAAAC,eAAe,CAAC,cAAAM,EAAA,cAAAA,EAAA,GAAIT,mBAAmB;AAAA;AAD7CE,OAAA,CAAAM,2BAA2B,GAAAA,2BAAA"}
+{"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"}

package/lib-commonjs/hooks/index.js

@@ -1,10 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./useFlatTree"), exports);
-tslib_1.__exportStar(require("./useNestedTreeNavigation"), exports);
-tslib_1.__exportStar(require("./useOpenItemsState"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./useFlatTree"), exports);
+_exportStar(require("./useNestedTreeNavigation"), exports);
+_exportStar(require("./useOpenItemsState"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-tree/src/hooks/index.ts"],"sourcesContent":["export * from './useFlatTree';\nexport * from './useNestedTreeNavigation';\nexport * from './useOpenItemsState';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA"}
+{"version":3,"sources":["../../lib/hooks/index.js"],"sourcesContent":["export * from './useFlatTree';\nexport * from './useNestedTreeNavigation';\nexport * from './useOpenItemsState';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/hooks/useFlatTree.js

@@ -1,56 +1,50 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useFlatTree_unstable", {
+    enumerable: true,
+    get: ()=>useFlatTree_unstable
 });
-exports.useFlatTree_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const React = /*#__PURE__*/require("react");
-const createUnfilteredFlatTree_1 = /*#__PURE__*/require("../utils/createUnfilteredFlatTree");
-const createVisibleFlatTree_1 = /*#__PURE__*/require("../utils/createVisibleFlatTree");
-const useFlatTreeNavigation_1 = /*#__PURE__*/require("./useFlatTreeNavigation");
-const useOpenItemsState_1 = /*#__PURE__*/require("./useOpenItemsState");
-/**
- * this hook provides FlatTree API to manage all required mechanisms to convert a list of items into renderable TreeItems
- * in multiple scenarios including virtualization.
- *
- * !!A flat tree is an unofficial spec for tree!!
- *
- * It should be used on cases where more complex interactions with a Tree is required.
- * On simple scenarios it is advised to simply use a nested structure instead.
- *
- * @param items - a list of tree items
- * @param options - in case control over the internal openItems is required
- */
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _reactUtilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _createUnfilteredFlatTree = require("../utils/createUnfilteredFlatTree");
+const _createVisibleFlatTree = require("../utils/createVisibleFlatTree");
+const _useFlatTreeNavigation = require("./useFlatTreeNavigation");
+const _useOpenItemsState = require("./useOpenItemsState");
 function useFlatTree_unstable(items, options = {}) {
-  const [openItems, updateOpenItems] = useOpenItemsState_1.useOpenItemsState(options);
-  const unfilteredFlatTree = React.useMemo(() => createUnfilteredFlatTree_1.createUnfilteredFlatTree(items), [items]);
-  const [navigate, navigationRef] = useFlatTreeNavigation_1.useFlatTreeNavigation(unfilteredFlatTree);
-  const visibleFlatTree = React.useMemo(() => createVisibleFlatTree_1.createVisibleFlatTree(unfilteredFlatTree, openItems), [unfilteredFlatTree, openItems]);
-  const handleOpenChange = react_utilities_1.useEventCallback((event, data) => {
-    event.preventDefault();
-    updateOpenItems(data);
-  });
-  const handleNavigation = react_utilities_1.useEventCallback((event, data) => {
-    event.preventDefault();
-    navigate(data);
-  });
-  const flatTree = {
-    ...visibleFlatTree,
-    getTreeProps: () => ({
-      ref: navigationRef,
-      openItems,
-      onOpenChange: handleOpenChange,
-      // eslint-disable-next-line @typescript-eslint/naming-convention
-      onNavigation_unstable: handleNavigation
-    }),
-    navigate,
-    getItem: id => {
-      var _a;
-      return (_a = unfilteredFlatTree.itemsPerId.get(id)) !== null && _a !== void 0 ? _a : null;
-    }
-  };
-  return flatTree;
-}
-exports.useFlatTree_unstable = useFlatTree_unstable;
+    const [openItems, updateOpenItems] = (0, _useOpenItemsState.useOpenItemsState)(options);
+    const unfilteredFlatTree = _react.useMemo(()=>(0, _createUnfilteredFlatTree.createUnfilteredFlatTree)(items), [
+        items
+    ]);
+    const [navigate, navigationRef] = (0, _useFlatTreeNavigation.useFlatTreeNavigation)(unfilteredFlatTree);
+    const visibleFlatTree = _react.useMemo(()=>(0, _createVisibleFlatTree.createVisibleFlatTree)(unfilteredFlatTree, openItems), [
+        unfilteredFlatTree,
+        openItems
+    ]);
+    const handleOpenChange = (0, _reactUtilities.useEventCallback)((event, data)=>{
+        event.preventDefault();
+        updateOpenItems(data);
+    });
+    const handleNavigation = (0, _reactUtilities.useEventCallback)((event, data)=>{
+        event.preventDefault();
+        navigate(data);
+    });
+    var _unfilteredFlatTree_itemsPerId_get;
+    const flatTree = {
+        ...visibleFlatTree,
+        getTreeProps: ()=>({
+                ref: navigationRef,
+                openItems,
+                onOpenChange: handleOpenChange,
+                // eslint-disable-next-line @typescript-eslint/naming-convention
+                onNavigation_unstable: handleNavigation
+            }),
+        navigate,
+        getItem: (id)=>(_unfilteredFlatTree_itemsPerId_get = unfilteredFlatTree.itemsPerId.get(id)) !== null && _unfilteredFlatTree_itemsPerId_get !== void 0 ? _unfilteredFlatTree_itemsPerId_get : null
+    };
+    return flatTree;
+} //# sourceMappingURL=useFlatTree.js.map
+
 //# sourceMappingURL=useFlatTree.js.map