@fluentui/react-tree 9.0.0-beta.2 → 9.0.0-beta.20

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

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTreeItemLayoutStyles_unstable = exports.treeItemLayoutClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-const treeContext_1 = /*#__PURE__*/require("../../contexts/treeContext");
-exports.treeItemLayoutClassNames = {
-  root: 'fui-TreeItemLayout',
-  aside: 'fui-TreeItemLayout__aside',
-  iconAfter: 'fui-TreeItemLayout__iconAfter',
-  iconBefore: 'fui-TreeItemLayout__iconBefore'
-};
-/**
- * Styles for the root slot
- */
-const useRootStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    sshi5w: "f1nxs5xn",
-    Bh6795r: "fqerorx",
-    Bnnss6s: "f1neuvcm",
-    xawz: "f1pztt34"
-  },
-  medium: {
-    i8kkvl: "f1rjii52",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fkhj508",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "f1i3iumi"
-  },
-  small: {
-    i8kkvl: "f1ufnopg",
-    sshi5w: "f1pha7fy",
-    Bahqtrf: "fk6fouc",
-    Be2twd7: "fy9rknc",
-    Bhrd7zp: "figsok6",
-    Bg96gwp: "fwrc4pm"
-  }
-}, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1nxs5xn{min-height:32px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".f1pztt34{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;}", ".f1rjii52{-webkit-column-gap:var(--spacingHorizontalSNudge);column-gap:var(--spacingHorizontalSNudge);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f1pha7fy{min-height:24px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
-});
-/**
- * Styles for the before/after icon slot
- */
-const useIconStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    sj55zd: "fkfq4zb",
-    Bg96gwp: "f106mvju",
-    Be2twd7: "f1pp30po"
-  }
-}, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".fkfq4zb{color:var(--colorNeutralForeground2);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1pp30po{font-size:var(--fontSizeBase500);}"]
-});
-/**
- * Styles for the action icon slot
- */
-const useAsideStyles = /*#__PURE__*/react_1.__styles({
-  base: {
-    mc9l5x: "f22iagw",
-    Bt984gj: "f122n59",
-    Frg6f3: ["fcgxt0o", "f1ujusj6"],
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fw5db7e", "f1uw59to"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1uw59to", "fw5db7e"],
-    i8kkvl: "f1ufnopg",
-    Belr9w4: "f14sijuj"
-  }
-}, {
-  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;}", ".fcgxt0o{margin-left:auto;}", ".f1ujusj6{margin-right:auto;}", ".f1g0x7ka{padding-top:0;}", ".fw5db7e{padding-right:var(--spacingHorizontalM);}", ".f1uw59to{padding-left:var(--spacingHorizontalM);}", ".f1qch9an{padding-bottom:0;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f14sijuj{row-gap:var(--spacingHorizontalXS);}"]
-});
-/**
- * Apply styling to the TreeItemLayout slots based on the state
- */
-const useTreeItemLayoutStyles_unstable = state => {
-  const {
-    iconAfter,
-    iconBefore,
-    aside,
-    root
-  } = state;
-  const rootStyles = useRootStyles();
-  const iconStyles = useIconStyles();
-  const asideStyles = useAsideStyles();
-  const size = treeContext_1.useTreeContext_unstable(ctx => ctx.size);
-  root.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);
-  if (iconBefore) {
-    iconBefore.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);
-  }
-  if (iconAfter) {
-    iconAfter.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);
-  }
-  if (aside) {
-    aside.className = react_1.mergeClasses(exports.treeItemLayoutClassNames.aside, asideStyles.base, aside.className);
-  }
-  return state;
-};
-exports.useTreeItemLayoutStyles_unstable = useTreeItemLayoutStyles_unstable;
-//# sourceMappingURL=useTreeItemLayoutStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["react_1","require","react_theme_1","treeContext_1","exports","treeItemLayoutClassNames","root","aside","iconAfter","iconBefore","useRootStyles","__styles","base","mc9l5x","Bt984gj","sshi5w","Bh6795r","Bnnss6s","xawz","medium","i8kkvl","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","small","d","useIconStyles","sj55zd","useAsideStyles","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","Belr9w4","useTreeItemLayoutStyles_unstable","state","rootStyles","iconStyles","asideStyles","size","useTreeContext_unstable","ctx","className","mergeClasses"],"sources":["../src/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayoutStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TreeItemLayoutSlots, TreeItemLayoutState } from './TreeItemLayout.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { useTreeContext_unstable } from '../../contexts/treeContext';\n\nexport const treeItemLayoutClassNames: SlotClassNames<TreeItemLayoutSlots> = {\n  root: 'fui-TreeItemLayout',\n  aside: 'fui-TreeItemLayout__aside',\n  iconAfter: 'fui-TreeItemLayout__iconAfter',\n  iconBefore: 'fui-TreeItemLayout__iconBefore',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootStyles = makeStyles({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    minHeight: '32px',\n    ...shorthands.flex(1),\n  },\n  medium: {\n    columnGap: tokens.spacingHorizontalSNudge,\n    ...typographyStyles.body1,\n  },\n  small: {\n    columnGap: tokens.spacingHorizontalXS,\n    minHeight: '24px',\n    ...typographyStyles.caption1,\n  },\n});\n\n/**\n * Styles for the before/after icon slot\n */\nconst useIconStyles = makeStyles({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    color: tokens.colorNeutralForeground2,\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n});\n\n/**\n * Styles for the action icon slot\n */\nconst useAsideStyles = makeStyles({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: 'auto',\n    ...shorthands.padding(0, tokens.spacingHorizontalM),\n    ...shorthands.gap(tokens.spacingHorizontalXS),\n  },\n});\n\n/**\n * Apply styling to the TreeItemLayout slots based on the state\n */\nexport const useTreeItemLayoutStyles_unstable = (state: TreeItemLayoutState): TreeItemLayoutState => {\n  const { iconAfter, iconBefore, aside, root } = state;\n  const rootStyles = useRootStyles();\n  const iconStyles = useIconStyles();\n  const asideStyles = useAsideStyles();\n\n  const size = useTreeContext_unstable(ctx => ctx.size);\n\n  root.className = mergeClasses(treeItemLayoutClassNames.root, rootStyles.base, rootStyles[size], root.className);\n\n  if (iconBefore) {\n    iconBefore.className = mergeClasses(treeItemLayoutClassNames.iconBefore, iconStyles.base, iconBefore.className);\n  }\n\n  if (iconAfter) {\n    iconAfter.className = mergeClasses(treeItemLayoutClassNames.iconAfter, iconStyles.base, iconAfter.className);\n  }\n\n  if (aside) {\n    aside.className = mergeClasses(treeItemLayoutClassNames.aside, asideStyles.base, aside.className);\n  }\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AAEaG,OAAA,CAAAC,wBAAwB,GAAwC;EAC3EC,IAAI,EAAE,oBAAoB;EAC1BC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAE,+BAA+B;EAC1CC,UAAU,EAAE;CACb;AAED;;;AAGA,MAAMC,aAAa,gBAAGV,OAAA,CAAAW,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,IAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,KAAA;IAAAL,MAAA;IAAAL,MAAA;IAAAM,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAgB9B;AAEF;;;AAGA,MAAMC,aAAa,gBAAG3B,OAAA,CAAAW,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAc,MAAA;IAAAJ,OAAA;IAAAF,OAAA;EAAA;AAAA;EAAAI,CAAA;AAAA,EAQ9B;AAEF;;;AAGA,MAAMG,cAAc,gBAAG7B,OAAA,CAAAW,QAAU;EAAAC,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAgB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAd,MAAA;IAAAe,OAAA;EAAA;AAAA;EAAAT,CAAA;AAAA,EAQ/B;AAEF;;;AAGO,MAAMU,gCAAgC,GAAIC,KAA0B,IAAyB;EAClG,MAAM;IAAE7B,SAAS;IAAEC,UAAU;IAAEF,KAAK;IAAED;EAAI,CAAE,GAAG+B,KAAK;EACpD,MAAMC,UAAU,GAAG5B,aAAa,EAAE;EAClC,MAAM6B,UAAU,GAAGZ,aAAa,EAAE;EAClC,MAAMa,WAAW,GAAGX,cAAc,EAAE;EAEpC,MAAMY,IAAI,GAAGtC,aAAA,CAAAuC,uBAAuB,CAACC,GAAG,IAAIA,GAAG,CAACF,IAAI,CAAC;EAErDnC,IAAI,CAACsC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACC,IAAI,EAAEgC,UAAU,CAAC1B,IAAI,EAAE0B,UAAU,CAACG,IAAI,CAAC,EAAEnC,IAAI,CAACsC,SAAS,CAAC;EAE/G,IAAInC,UAAU,EAAE;IACdA,UAAU,CAACmC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACI,UAAU,EAAE8B,UAAU,CAAC3B,IAAI,EAAEH,UAAU,CAACmC,SAAS,CAAC;;EAGjH,IAAIpC,SAAS,EAAE;IACbA,SAAS,CAACoC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACG,SAAS,EAAE+B,UAAU,CAAC3B,IAAI,EAAEJ,SAAS,CAACoC,SAAS,CAAC;;EAG9G,IAAIrC,KAAK,EAAE;IACTA,KAAK,CAACqC,SAAS,GAAG5C,OAAA,CAAA6C,YAAY,CAACzC,OAAA,CAAAC,wBAAwB,CAACE,KAAK,EAAEiC,WAAW,CAAC5B,IAAI,EAAEL,KAAK,CAACqC,SAAS,CAAC;;EAGnG,OAAOP,KAAK;AACd,CAAC;AAvBYjC,OAAA,CAAAgC,gCAAgC,GAAAA,gCAAA"}

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

@@ -1,122 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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'
-};
-/**
- * Styles for the root slot
- */
-const useRootStyles = /*#__PURE__*/react_1.__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;}"]
-});
-/**
- * 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"]
-  }
-}, {
-  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"
-  }
-}, {
-  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"
-  }
-}, {
-  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"
-  }
-}, {
-  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"
-  }
-}, {
-  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;
-//# sourceMappingURL=useTreeItemPersonaLayoutStyles.js.map

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

@@ -1 +0,0 @@
-{"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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"}

package/lib-commonjs/utils/createUnfilteredFlatTree.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.flatTreeRootParentId = exports.createUnfilteredFlatTree = void 0;
-/**
- * creates a list of flat tree items
- * and provides a map to access each item by id
- */
-function createUnfilteredFlatTree(flatTreeItemProps) {
-  var _a;
-  const root = createRootFlatTreeItem();
-  const itemsPerId = new Map([[root.id, root]]);
-  const items = [];
-  for (let index = 0; index < flatTreeItemProps.length; index++) {
-    const {
-      parentId = exports.flatTreeRootParentId,
-      ...treeItemProps
-    } = flatTreeItemProps[index];
-    const nextItemProps = flatTreeItemProps[index + 1];
-    const currentParent = itemsPerId.get(parentId);
-    if (!currentParent) {
-      if (process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line no-console
-        console.error(`useFlatTree: item ${flatTreeItemProps[index].id} not properly initialized, make sure provided items are organized`);
-      }
-      break;
-    }
-    const isLeaf = (nextItemProps === null || nextItemProps === void 0 ? void 0 : nextItemProps.parentId) !== treeItemProps.id;
-    const currentLevel = ((_a = currentParent.level) !== null && _a !== void 0 ? _a : 0) + 1;
-    const currentChildrenSize = ++currentParent.childrenSize;
-    const flatTreeItem = {
-      id: treeItemProps.id,
-      getTreeItemProps: () => ({
-        ...treeItemProps,
-        'aria-level': currentLevel,
-        'aria-posinset': currentChildrenSize,
-        'aria-setsize': currentParent.childrenSize,
-        leaf: isLeaf
-      }),
-      level: currentLevel,
-      parentId,
-      childrenSize: 0,
-      index: -1
-    };
-    itemsPerId.set(flatTreeItem.id, flatTreeItem);
-    items.push(flatTreeItem);
-  }
-  return {
-    items,
-    itemsPerId
-  };
-}
-exports.createUnfilteredFlatTree = createUnfilteredFlatTree;
-exports.flatTreeRootParentId = '__fuiFlatTreeRoot';
-function createRootFlatTreeItem() {
-  return {
-    id: exports.flatTreeRootParentId,
-    getTreeItemProps: () => {
-      if (process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line no-console
-        console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');
-      }
-      return {
-        id: exports.flatTreeRootParentId,
-        'aria-setsize': -1,
-        'aria-level': -1,
-        'aria-posinset': -1,
-        leaf: true
-      };
-    },
-    childrenSize: 0,
-    get index() {
-      if (process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line no-console
-        console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');
-      }
-      return -1;
-    },
-    level: 0
-  };
-}
-//# sourceMappingURL=createUnfilteredFlatTree.js.map

package/lib-commonjs/utils/createUnfilteredFlatTree.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createUnfilteredFlatTree","flatTreeItemProps","root","createRootFlatTreeItem","itemsPerId","Map","id","items","index","length","parentId","exports","flatTreeRootParentId","treeItemProps","nextItemProps","currentParent","get","process","env","NODE_ENV","console","error","isLeaf","currentLevel","_a","level","currentChildrenSize","childrenSize","flatTreeItem","getTreeItemProps","leaf","set","push"],"sources":["../src/packages/react-components/react-tree/src/utils/createUnfilteredFlatTree.ts"],"sourcesContent":["import { FlatTreeItem, FlatTreeItemProps } from '../hooks/useFlatTree';\n\n/**\n * @internal\n */\nexport type UnfilteredFlatTree = {\n  items: FlatTreeItem[];\n  itemsPerId: Map<string, FlatTreeItem>;\n};\n\n/**\n * creates a list of flat tree items\n * and provides a map to access each item by id\n */\nexport function createUnfilteredFlatTree(flatTreeItemProps: FlatTreeItemProps[]): UnfilteredFlatTree {\n  const root = createRootFlatTreeItem();\n  const itemsPerId = new Map<string, FlatTreeItem>([[root.id, root]]);\n  const items: FlatTreeItem[] = [];\n\n  for (let index = 0; index < flatTreeItemProps.length; index++) {\n    const { parentId = flatTreeRootParentId, ...treeItemProps } = flatTreeItemProps[index];\n\n    const nextItemProps = flatTreeItemProps[index + 1] as FlatTreeItemProps | undefined;\n    const currentParent = itemsPerId.get(parentId);\n    if (!currentParent) {\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error(\n          `useFlatTree: item ${flatTreeItemProps[index].id} not properly initialized, make sure provided items are organized`,\n        );\n      }\n      break;\n    }\n    const isLeaf = nextItemProps?.parentId !== treeItemProps.id;\n    const currentLevel = (currentParent.level ?? 0) + 1;\n    const currentChildrenSize = ++currentParent.childrenSize;\n\n    const flatTreeItem: FlatTreeItem = {\n      id: treeItemProps.id,\n      getTreeItemProps: () => ({\n        ...treeItemProps,\n        'aria-level': currentLevel,\n        'aria-posinset': currentChildrenSize,\n        'aria-setsize': currentParent.childrenSize,\n        leaf: isLeaf,\n      }),\n      level: currentLevel,\n      parentId,\n      childrenSize: 0,\n      index: -1,\n    };\n    itemsPerId.set(flatTreeItem.id, flatTreeItem);\n    items.push(flatTreeItem);\n  }\n\n  return { items, itemsPerId };\n}\n\nexport const flatTreeRootParentId = '__fuiFlatTreeRoot';\n\nfunction createRootFlatTreeItem(): FlatTreeItem {\n  return {\n    id: flatTreeRootParentId,\n    getTreeItemProps: () => {\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');\n      }\n      return { id: flatTreeRootParentId, 'aria-setsize': -1, 'aria-level': -1, 'aria-posinset': -1, leaf: true };\n    },\n    childrenSize: 0,\n    get index() {\n      if (process.env.NODE_ENV === 'development') {\n        // eslint-disable-next-line no-console\n        console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');\n      }\n      return -1;\n    },\n    level: 0,\n  };\n}\n"],"mappings":";;;;;;AAUA;;;;AAIA,SAAgBA,wBAAwBA,CAACC,iBAAsC;;EAC7E,MAAMC,IAAI,GAAGC,sBAAsB,EAAE;EACrC,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAAuB,CAAC,CAACH,IAAI,CAACI,EAAE,EAAEJ,IAAI,CAAC,CAAC,CAAC;EACnE,MAAMK,KAAK,GAAmB,EAAE;EAEhC,KAAK,IAAIC,KAAK,GAAG,CAAC,EAAEA,KAAK,GAAGP,iBAAiB,CAACQ,MAAM,EAAED,KAAK,EAAE,EAAE;IAC7D,MAAM;MAAEE,QAAQ,GAAGC,OAAA,CAAAC,oBAAoB;MAAE,GAAGC;IAAa,CAAE,GAAGZ,iBAAiB,CAACO,KAAK,CAAC;IAEtF,MAAMM,aAAa,GAAGb,iBAAiB,CAACO,KAAK,GAAG,CAAC,CAAkC;IACnF,MAAMO,aAAa,GAAGX,UAAU,CAACY,GAAG,CAACN,QAAQ,CAAC;IAC9C,IAAI,CAACK,aAAa,EAAE;MAClB,IAAIE,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;QAC1C;QACAC,OAAO,CAACC,KAAK,CACX,qBAAqBpB,iBAAiB,CAACO,KAAK,CAAC,CAACF,EAAE,mEAAmE,CACpH;;MAEH;;IAEF,MAAMgB,MAAM,GAAG,CAAAR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEJ,QAAQ,MAAKG,aAAa,CAACP,EAAE;IAC3D,MAAMiB,YAAY,GAAG,CAAC,CAAAC,EAAA,GAAAT,aAAa,CAACU,KAAK,cAAAD,EAAA,cAAAA,EAAA,GAAI,CAAC,IAAI,CAAC;IACnD,MAAME,mBAAmB,GAAG,EAAEX,aAAa,CAACY,YAAY;IAExD,MAAMC,YAAY,GAAiB;MACjCtB,EAAE,EAAEO,aAAa,CAACP,EAAE;MACpBuB,gBAAgB,EAAEA,CAAA,MAAO;QACvB,GAAGhB,aAAa;QAChB,YAAY,EAAEU,YAAY;QAC1B,eAAe,EAAEG,mBAAmB;QACpC,cAAc,EAAEX,aAAa,CAACY,YAAY;QAC1CG,IAAI,EAAER;OACP,CAAC;MACFG,KAAK,EAAEF,YAAY;MACnBb,QAAQ;MACRiB,YAAY,EAAE,CAAC;MACfnB,KAAK,EAAE,CAAC;KACT;IACDJ,UAAU,CAAC2B,GAAG,CAACH,YAAY,CAACtB,EAAE,EAAEsB,YAAY,CAAC;IAC7CrB,KAAK,CAACyB,IAAI,CAACJ,YAAY,CAAC;;EAG1B,OAAO;IAAErB,KAAK;IAAEH;EAAU,CAAE;AAC9B;AA1CAO,OAAA,CAAAX,wBAAA,GAAAA,wBAAA;AA4CaW,OAAA,CAAAC,oBAAoB,GAAG,mBAAmB;AAEvD,SAAST,sBAAsBA,CAAA;EAC7B,OAAO;IACLG,EAAE,EAAEK,OAAA,CAAAC,oBAAoB;IACxBiB,gBAAgB,EAAEA,CAAA,KAAK;MACrB,IAAIZ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;QAC1C;QACAC,OAAO,CAACC,KAAK,CAAC,wFAAwF,CAAC;;MAEzG,OAAO;QAAEf,EAAE,EAAEK,OAAA,CAAAC,oBAAoB;QAAE,cAAc,EAAE,CAAC,CAAC;QAAE,YAAY,EAAE,CAAC,CAAC;QAAE,eAAe,EAAE,CAAC,CAAC;QAAEkB,IAAI,EAAE;MAAI,CAAE;IAC5G,CAAC;IACDH,YAAY,EAAE,CAAC;IACf,IAAInB,KAAKA,CAAA;MACP,IAAIS,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;QAC1C;QACAC,OAAO,CAACC,KAAK,CAAC,wFAAwF,CAAC;;MAEzG,OAAO,CAAC,CAAC;IACX,CAAC;IACDI,KAAK,EAAE;GACR;AACH"}

package/lib-commonjs/utils/createVisibleFlatTree.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createVisibleFlatTree = void 0;
-const createUnfilteredFlatTree_1 = /*#__PURE__*/require("./createUnfilteredFlatTree");
-const tokens_1 = /*#__PURE__*/require("./tokens");
-/**
- * creates methods that depend on the unfilteredFlatTree and the current available openItems
- */
-function createVisibleFlatTree(unfilteredFlatTree, openItems) {
-  let visibleItems = null;
-  const getNextNavigableItem = data => {
-    var _a, _b, _c, _d;
-    const item = unfilteredFlatTree.itemsPerId.get(data.target.id);
-    if (!item || !visibleItems) {
-      return null;
-    }
-    switch (data.type) {
-      case tokens_1.treeDataTypes.arrowLeft:
-        return item.parentId ? (_a = unfilteredFlatTree.itemsPerId.get(item.parentId)) !== null && _a !== void 0 ? _a : null : null;
-      case tokens_1.treeDataTypes.arrowRight:
-        return (_b = visibleItems[item.index + 1]) !== null && _b !== void 0 ? _b : null;
-      case tokens_1.treeDataTypes.end:
-        return visibleItems[visibleItems.length - 1];
-      case tokens_1.treeDataTypes.home:
-        return visibleItems[0];
-      case tokens_1.treeDataTypes.arrowDown:
-        return (_c = visibleItems[item.index + 1]) !== null && _c !== void 0 ? _c : null;
-      case tokens_1.treeDataTypes.arrowUp:
-        return (_d = visibleItems[item.index - 1]) !== null && _d !== void 0 ? _d : null;
-      default:
-        return null;
-    }
-  };
-  function* makeVisibleItemsGenerator() {
-    var _a;
-    visibleItems = [];
-    for (let index = 0, visibleIndex = 0; index < unfilteredFlatTree.items.length; index++) {
-      const item = unfilteredFlatTree.items[index];
-      const parent = unfilteredFlatTree.itemsPerId.get((_a = item.parentId) !== null && _a !== void 0 ? _a : createUnfilteredFlatTree_1.flatTreeRootParentId);
-      if (!parent) {
-        break;
-      }
-      if (isFlatTreeItemVisible(item, {
-        openItems,
-        unfilteredFlatTree
-      })) {
-        item.index = visibleIndex++;
-        visibleItems.push({
-          ...item
-        });
-        yield item;
-      } else {
-        index += parent.childrenSize - 1 + item.childrenSize;
-      }
-    }
-  }
-  return {
-    getNextNavigableItem,
-    items: () => {
-      return visibleItems || makeVisibleItemsGenerator();
-    }
-  };
-}
-exports.createVisibleFlatTree = createVisibleFlatTree;
-function isFlatTreeItemVisible(item, {
-  openItems,
-  unfilteredFlatTree: flatTree
-}) {
-  if (item.level === 1) {
-    return true;
-  }
-  while (item.parentId && item.parentId !== createUnfilteredFlatTree_1.flatTreeRootParentId) {
-    if (!openItems.has(item.parentId)) {
-      return false;
-    }
-    const parent = flatTree.itemsPerId.get(item.parentId);
-    if (!parent) {
-      return false;
-    }
-    item = parent;
-  }
-  return true;
-}
-//# sourceMappingURL=createVisibleFlatTree.js.map

package/lib-commonjs/utils/createVisibleFlatTree.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createUnfilteredFlatTree_1","require","tokens_1","createVisibleFlatTree","unfilteredFlatTree","openItems","visibleItems","getNextNavigableItem","data","item","itemsPerId","get","target","id","type","treeDataTypes","arrowLeft","parentId","_a","arrowRight","_b","index","end","length","home","arrowDown","_c","arrowUp","_d","makeVisibleItemsGenerator","visibleIndex","items","parent","flatTreeRootParentId","isFlatTreeItemVisible","push","childrenSize","exports","flatTree","level","has"],"sources":["../src/packages/react-components/react-tree/src/utils/createVisibleFlatTree.ts"],"sourcesContent":["import { FlatTree, FlatTreeItem } from '../hooks/useFlatTree';\nimport { TreeItemId, TreeNavigationData_unstable } from '../Tree';\nimport { flatTreeRootParentId, UnfilteredFlatTree } from './createUnfilteredFlatTree';\nimport { ImmutableSet } from './ImmutableSet';\nimport { treeDataTypes } from './tokens';\n\n/**\n * creates methods that depend on the unfilteredFlatTree and the current available openItems\n */\nexport function createVisibleFlatTree(\n  unfilteredFlatTree: UnfilteredFlatTree,\n  openItems: ImmutableSet<TreeItemId>,\n): Pick<FlatTree, 'items' | 'getNextNavigableItem'> {\n  let visibleItems: FlatTreeItem[] | null = null;\n\n  const getNextNavigableItem = (data: TreeNavigationData_unstable): FlatTreeItem | null => {\n    const item = unfilteredFlatTree.itemsPerId.get(data.target.id);\n    if (!item || !visibleItems) {\n      return null;\n    }\n    switch (data.type) {\n      case treeDataTypes.arrowLeft:\n        return item.parentId ? unfilteredFlatTree.itemsPerId.get(item.parentId) ?? null : null;\n      case treeDataTypes.arrowRight:\n        return visibleItems[item.index + 1] ?? null;\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] ?? null;\n      case treeDataTypes.arrowUp:\n        return visibleItems[item.index - 1] ?? null;\n      default:\n        return null;\n    }\n  };\n\n  function* makeVisibleItemsGenerator() {\n    visibleItems = [];\n    for (let index = 0, visibleIndex = 0; index < unfilteredFlatTree.items.length; index++) {\n      const item = unfilteredFlatTree.items[index];\n      const parent = unfilteredFlatTree.itemsPerId.get(item.parentId ?? flatTreeRootParentId);\n      if (!parent) {\n        break;\n      }\n      if (isFlatTreeItemVisible(item, { openItems, unfilteredFlatTree })) {\n        item.index = visibleIndex++;\n        visibleItems.push({ ...item });\n        yield item;\n      } else {\n        index += parent.childrenSize - 1 + item.childrenSize;\n      }\n    }\n  }\n\n  return {\n    getNextNavigableItem,\n    items: () => {\n      return visibleItems || makeVisibleItemsGenerator();\n    },\n  };\n}\n\nfunction isFlatTreeItemVisible(\n  item: FlatTreeItem,\n  {\n    openItems,\n    unfilteredFlatTree: flatTree,\n  }: {\n    openItems: ImmutableSet<TreeItemId>;\n    unfilteredFlatTree: UnfilteredFlatTree;\n  },\n) {\n  if (item.level === 1) {\n    return true;\n  }\n  while (item.parentId && item.parentId !== flatTreeRootParentId) {\n    if (!openItems.has(item.parentId)) {\n      return false;\n    }\n    const parent = flatTree.itemsPerId.get(item.parentId);\n    if (!parent) {\n      return false;\n    }\n    item = parent;\n  }\n\n  return true;\n}\n"],"mappings":"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"}