@fluentui/react-breadcrumb 9.0.3 → 9.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,23 +1,48 @@
1
1
  # Change Log - @fluentui/react-breadcrumb
2
2
 
3
- This log was last generated on Thu, 14 Dec 2023 09:51:37 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 21 Dec 2023 17:00:09 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.5)
8
+
9
+ Thu, 21 Dec 2023 17:00:09 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.4..@fluentui/react-breadcrumb_v9.0.5)
11
+
12
+ ### Patches
13
+
14
+ - fix(breadcrumb): BreadcrumbButton focus border has incorrent width and transition ([PR #30135](https://github.com/microsoft/fluentui/pull/30135) by vkozlova@microsoft.com)
15
+
16
+ ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.4)
17
+
18
+ Mon, 18 Dec 2023 14:40:44 GMT
19
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.3..@fluentui/react-breadcrumb_v9.0.4)
20
+
21
+ ### Patches
22
+
23
+ - partitionBreadcrumbItems miscalculated endDisplayedItems when endDisplayedItems is incorrect when numberOfItemsToHide <= 0 ([PR #30005](https://github.com/microsoft/fluentui/pull/30005) by GordonJSmith@gmail.com)
24
+ - Bump @fluentui/react-aria to v9.6.0 ([PR #30103](https://github.com/microsoft/fluentui/pull/30103) by beachball)
25
+ - Bump @fluentui/react-button to v9.3.59 ([PR #30103](https://github.com/microsoft/fluentui/pull/30103) by beachball)
26
+ - Bump @fluentui/react-link to v9.2.2 ([PR #30103](https://github.com/microsoft/fluentui/pull/30103) by beachball)
27
+ - Bump @fluentui/react-shared-contexts to v9.13.2 ([PR #30103](https://github.com/microsoft/fluentui/pull/30103) by beachball)
28
+ - Bump @fluentui/react-tabster to v9.16.0 ([PR #30103](https://github.com/microsoft/fluentui/pull/30103) by beachball)
29
+ - Bump @fluentui/react-utilities to v9.15.4 ([PR #30103](https://github.com/microsoft/fluentui/pull/30103) by beachball)
30
+ - Bump @fluentui/react-jsx-runtime to v9.0.22 ([PR #30103](https://github.com/microsoft/fluentui/pull/30103) by beachball)
31
+
7
32
  ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.3)
8
33
 
9
- Thu, 14 Dec 2023 09:51:37 GMT
34
+ Thu, 14 Dec 2023 09:58:46 GMT
10
35
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.2..@fluentui/react-breadcrumb_v9.0.3)
11
36
 
12
37
  ### Patches
13
38
 
14
- - Bump @fluentui/react-aria to v9.5.0 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
15
- - Bump @fluentui/react-button to v9.3.58 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
16
- - Bump @fluentui/react-link to v9.2.1 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
17
- - Bump @fluentui/react-shared-contexts to v9.13.1 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
18
- - Bump @fluentui/react-tabster to v9.15.1 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
19
- - Bump @fluentui/react-utilities to v9.15.3 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
20
- - Bump @fluentui/react-jsx-runtime to v9.0.21 ([commit](https://github.com/microsoft/fluentui/commit/80a1b02be2fbbdde916ac87fbf760e442a2295c4) by beachball)
39
+ - Bump @fluentui/react-aria to v9.5.0 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
40
+ - Bump @fluentui/react-button to v9.3.58 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
41
+ - Bump @fluentui/react-link to v9.2.1 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
42
+ - Bump @fluentui/react-shared-contexts to v9.13.1 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
43
+ - Bump @fluentui/react-tabster to v9.15.1 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
44
+ - Bump @fluentui/react-utilities to v9.15.3 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
45
+ - Bump @fluentui/react-jsx-runtime to v9.0.21 ([PR #30056](https://github.com/microsoft/fluentui/pull/30056) by beachball)
21
46
 
22
47
  ## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.2)
23
48
 
@@ -59,11 +59,7 @@ const currentIconStyles = {
59
59
  const useStyles = /*#__PURE__*/__styles({
60
60
  root: {
61
61
  Bf4jedk: "f18p0k4z",
62
- j4b8c3: "fv6wr3j",
63
- icvyot: "f1ern45e",
64
- vrafjx: ["f1n71otn", "f1deefiw"],
65
- oivjwe: "f1h8hb77",
66
- wvpqe5: ["f1deefiw", "f1n71otn"]
62
+ j4b8c3: "fv6wr3j"
67
63
  },
68
64
  small: {
69
65
  Bqenvij: "frvgh55",
@@ -137,7 +133,7 @@ const useStyles = /*#__PURE__*/__styles({
137
133
  Bg96gwp: "faaz57k"
138
134
  }
139
135
  }, {
140
- d: [".f18p0k4z{min-width:unset;}", ".fv6wr3j{text-wrap:nowrap;}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".frvgh55{height:24px;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f16k8034{padding-top:var(--spacingHorizontalSNudge);}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}", ".f1d2rq10{height:32px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbhnoac{height:40px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".ff24m:disabled{background-color:var(--colorTransparentBackground);}", ".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}", ".f1cbpfqp:disabled{cursor:auto;}", ".f1motppv:disabled .fui-Button__icon{color:unset;}", ".fi9vkhg:disabled .fui-Icon-filled{display:none;}", ".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"],
136
+ d: [".f18p0k4z{min-width:unset;}", ".fv6wr3j{text-wrap:nowrap;}", ".frvgh55{height:24px;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f16k8034{padding-top:var(--spacingHorizontalSNudge);}", ".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}", ".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}", ".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}", ".f1d2rq10{height:32px;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".fbhnoac{height:40px;}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f17mpqex{padding-top:var(--spacingHorizontalS);}", ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}", ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}", ".fdvome7{padding-bottom:var(--spacingHorizontalS);}", ".ff24m:disabled{background-color:var(--colorTransparentBackground);}", ".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}", ".f1cbpfqp:disabled{cursor:auto;}", ".f1motppv:disabled .fui-Button__icon{color:unset;}", ".fi9vkhg:disabled .fui-Icon-filled{display:none;}", ".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"],
141
137
  h: [".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}", ".f3p8bqa:hover{color:var(--colorNeutralForeground2);}", ".f14w7a5u:hover{cursor:auto;}", ".f1irjp3o:hover .fui-Button__icon{color:unset;}", ".f19vpps7:hover .fui-Icon-filled{display:none;}", ".fv5swzo:hover .fui-Icon-regular{display:inline;}", ".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}", ".f1xkgyln:hover:active{color:var(--colorNeutralForeground2);}", ".f17wbbfx:hover:active{cursor:auto;}", ".fofxw0a:hover:active .fui-Button__icon{color:unset;}", ".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}", ".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}"]
142
138
  });
143
139
  /**
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","icvyot","vrafjx","oivjwe","wvpqe5","Bahqtrf","Bhrd7zp","z8tnut","z189sj","Byoj8tv","uwmqm3","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */ const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap',\n ...shorthands.border('none')\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n ...shorthands.padding(tokens.spacingHorizontalSNudge)\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingHorizontalSNudge)\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n ...shorthands.padding(tokens.spacingHorizontalS)\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"mappings":"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"}
1
+ {"version":3,"names":["__styles","mergeClasses","shorthands","useButtonStyles_unstable","buttonClassNames","tokens","typographyStyles","iconFilledClassName","iconRegularClassName","breadcrumbButtonClassNames","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","display","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","z8tnut","z189sj","Byoj8tv","uwmqm3","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","h","useBreadcrumbButtonStyles_unstable","state","styles","iconStyles","currentSizeMap","className","size"],"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */ export const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */ const breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = makeStyles({\n base: {\n fontSize: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n height: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n lineHeight: `var(${breadcrumbCSSVars.breadcrumbIconLineHeightVar})`,\n width: `var(${breadcrumbCSSVars.breadcrumbIconSizeVar})`,\n marginRight: tokens.spacingHorizontalXS\n },\n small: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '12px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase200\n },\n medium: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '16px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase400\n },\n large: {\n [breadcrumbCSSVars.breadcrumbIconSizeVar]: '20px',\n [breadcrumbCSSVars.breadcrumbIconLineHeightVar]: tokens.lineHeightBase600\n }\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = makeStyles({\n root: {\n minWidth: 'unset',\n textWrap: 'nowrap'\n },\n small: {\n height: '24px',\n ...typographyStyles.caption1,\n ...shorthands.padding(tokens.spacingHorizontalSNudge)\n },\n medium: {\n height: '32px',\n ...typographyStyles.body1,\n ...shorthands.padding(tokens.spacingHorizontalSNudge)\n },\n large: {\n height: '40px',\n ...typographyStyles.body2,\n ...shorthands.padding(tokens.spacingHorizontalS)\n },\n current: {\n ':hover': {\n ...currentIconStyles\n },\n ':hover:active': {\n ...currentIconStyles\n },\n ':disabled': {\n ...currentIconStyles\n }\n },\n currentSmall: {\n ...typographyStyles.caption1Strong\n },\n currentMedium: {\n ...typographyStyles.body1Strong\n },\n currentLarge: {\n ...typographyStyles.subtitle2\n }\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */ export const useBreadcrumbButtonStyles_unstable = (state)=>{\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n"],"mappings":"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"}
@@ -18,11 +18,15 @@ const DEFAULT_MAX_DISPLAYED_ITEMS = 6;
18
18
  startDisplayedItems = items.slice(0, overflowIndex);
19
19
  const numberItemsToHide = itemsCount - maxDisplayedItems;
20
20
  if (numberItemsToHide > 0) {
21
- overflowIndex = overflowIndex === maxDisplayedItems ? overflowIndex - 1 : overflowIndex;
21
+ overflowIndex = overflowIndex >= maxDisplayedItems ? maxDisplayedItems - 1 : overflowIndex;
22
22
  const menuLastItemIdx = overflowIndex + numberItemsToHide;
23
23
  startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);
24
24
  overflowItems = items.slice(overflowIndex, menuLastItemIdx);
25
- endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);
25
+ if (menuLastItemIdx < itemsCount) {
26
+ endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);
27
+ }
28
+ } else if (overflowIndex < itemsCount) {
29
+ endDisplayedItems = items.slice(overflowIndex, itemsCount);
26
30
  }
27
31
  return {
28
32
  startDisplayedItems,
@@ -1 +1 @@
1
- {"version":3,"sources":["partitionBreadcrumbItems.ts"],"sourcesContent":["const DEFAULT_OVERFLOW_INDEX = 1;\nconst DEFAULT_MAX_DISPLAYED_ITEMS = 6;\n\nexport type PartitionBreadcrumbItemsOptions<T> = {\n items: readonly T[];\n maxDisplayedItems?: number;\n overflowIndex?: number;\n};\n\nexport type PartitionBreadcrumbItems<T> = {\n startDisplayedItems: readonly T[];\n overflowItems?: readonly T[];\n endDisplayedItems?: readonly T[];\n};\n\n/**\n * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.\n *\n * @param options - Configure the partition options\n *\n * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.\n */\nexport const partitionBreadcrumbItems = <T>(\n options: PartitionBreadcrumbItemsOptions<T>,\n): PartitionBreadcrumbItems<T> => {\n let startDisplayedItems;\n let overflowItems;\n let endDisplayedItems;\n\n const { items = [] } = options;\n const itemsCount = items.length;\n const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems);\n let overflowIndex = options.overflowIndex ?? DEFAULT_OVERFLOW_INDEX;\n startDisplayedItems = items.slice(0, overflowIndex);\n\n const numberItemsToHide = itemsCount - maxDisplayedItems;\n\n if (numberItemsToHide > 0) {\n overflowIndex = overflowIndex === maxDisplayedItems ? overflowIndex - 1 : overflowIndex;\n const menuLastItemIdx = overflowIndex + numberItemsToHide;\n\n startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);\n overflowItems = items.slice(overflowIndex, menuLastItemIdx);\n endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);\n }\n\n return {\n startDisplayedItems,\n overflowItems,\n endDisplayedItems,\n };\n};\n\nfunction getMaxDisplayedItems(maxDisplayedItems: number | undefined) {\n return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS;\n}\n"],"names":["DEFAULT_OVERFLOW_INDEX","DEFAULT_MAX_DISPLAYED_ITEMS","partitionBreadcrumbItems","options","startDisplayedItems","overflowItems","endDisplayedItems","items","itemsCount","length","maxDisplayedItems","getMaxDisplayedItems","overflowIndex","slice","numberItemsToHide","menuLastItemIdx"],"mappings":"AAAA,MAAMA,yBAAyB;AAC/B,MAAMC,8BAA8B;AAcpC;;;;;;CAMC,GACD,OAAO,MAAMC,2BAA2B,CACtCC;IAEA,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IAEJ,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGJ;IACvB,MAAMK,aAAaD,MAAME,MAAM;IAC/B,MAAMC,oBAAoBC,qBAAqBR,QAAQO,iBAAiB;QACpDP;IAApB,IAAIS,gBAAgBT,CAAAA,yBAAAA,QAAQS,aAAa,cAArBT,oCAAAA,yBAAyBH;IAC7CI,sBAAsBG,MAAMM,KAAK,CAAC,GAAGD;IAErC,MAAME,oBAAoBN,aAAaE;IAEvC,IAAII,oBAAoB,GAAG;QACzBF,gBAAgBA,kBAAkBF,oBAAoBE,gBAAgB,IAAIA;QAC1E,MAAMG,kBAAkBH,gBAAgBE;QAExCV,sBAAsBA,oBAAoBS,KAAK,CAAC,GAAGD;QACnDP,gBAAgBE,MAAMM,KAAK,CAACD,eAAeG;QAC3CT,oBAAoBC,MAAMM,KAAK,CAACE,iBAAiBP;IACnD;IAEA,OAAO;QACLJ;QACAC;QACAC;IACF;AACF,EAAE;AAEF,SAASK,qBAAqBD,iBAAqC;IACjE,OAAOA,qBAAqBA,qBAAqB,IAAIA,oBAAoBT;AAC3E"}
1
+ {"version":3,"sources":["partitionBreadcrumbItems.ts"],"sourcesContent":["const DEFAULT_OVERFLOW_INDEX = 1;\nconst DEFAULT_MAX_DISPLAYED_ITEMS = 6;\n\nexport type PartitionBreadcrumbItemsOptions<T> = {\n items: readonly T[];\n maxDisplayedItems?: number;\n overflowIndex?: number;\n};\n\nexport type PartitionBreadcrumbItems<T> = {\n startDisplayedItems: readonly T[];\n overflowItems?: readonly T[];\n endDisplayedItems?: readonly T[];\n};\n\n/**\n * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.\n *\n * @param options - Configure the partition options\n *\n * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.\n */\nexport const partitionBreadcrumbItems = <T>(\n options: PartitionBreadcrumbItemsOptions<T>,\n): PartitionBreadcrumbItems<T> => {\n let startDisplayedItems;\n let overflowItems;\n let endDisplayedItems;\n\n const { items = [] } = options;\n const itemsCount = items.length;\n const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems);\n let overflowIndex = options.overflowIndex ?? DEFAULT_OVERFLOW_INDEX;\n startDisplayedItems = items.slice(0, overflowIndex);\n\n const numberItemsToHide = itemsCount - maxDisplayedItems;\n\n if (numberItemsToHide > 0) {\n overflowIndex = overflowIndex >= maxDisplayedItems ? maxDisplayedItems - 1 : overflowIndex;\n const menuLastItemIdx = overflowIndex + numberItemsToHide;\n\n startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);\n overflowItems = items.slice(overflowIndex, menuLastItemIdx);\n if (menuLastItemIdx < itemsCount) {\n endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);\n }\n } else if (overflowIndex < itemsCount) {\n endDisplayedItems = items.slice(overflowIndex, itemsCount);\n }\n\n return {\n startDisplayedItems,\n overflowItems,\n endDisplayedItems,\n };\n};\n\nfunction getMaxDisplayedItems(maxDisplayedItems: number | undefined) {\n return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS;\n}\n"],"names":["DEFAULT_OVERFLOW_INDEX","DEFAULT_MAX_DISPLAYED_ITEMS","partitionBreadcrumbItems","options","startDisplayedItems","overflowItems","endDisplayedItems","items","itemsCount","length","maxDisplayedItems","getMaxDisplayedItems","overflowIndex","slice","numberItemsToHide","menuLastItemIdx"],"mappings":"AAAA,MAAMA,yBAAyB;AAC/B,MAAMC,8BAA8B;AAcpC;;;;;;CAMC,GACD,OAAO,MAAMC,2BAA2B,CACtCC;IAEA,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IAEJ,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGJ;IACvB,MAAMK,aAAaD,MAAME,MAAM;IAC/B,MAAMC,oBAAoBC,qBAAqBR,QAAQO,iBAAiB;QACpDP;IAApB,IAAIS,gBAAgBT,CAAAA,yBAAAA,QAAQS,aAAa,cAArBT,oCAAAA,yBAAyBH;IAC7CI,sBAAsBG,MAAMM,KAAK,CAAC,GAAGD;IAErC,MAAME,oBAAoBN,aAAaE;IAEvC,IAAII,oBAAoB,GAAG;QACzBF,gBAAgBA,iBAAiBF,oBAAoBA,oBAAoB,IAAIE;QAC7E,MAAMG,kBAAkBH,gBAAgBE;QAExCV,sBAAsBA,oBAAoBS,KAAK,CAAC,GAAGD;QACnDP,gBAAgBE,MAAMM,KAAK,CAACD,eAAeG;QAC3C,IAAIA,kBAAkBP,YAAY;YAChCF,oBAAoBC,MAAMM,KAAK,CAACE,iBAAiBP;QACnD;IACF,OAAO,IAAII,gBAAgBJ,YAAY;QACrCF,oBAAoBC,MAAMM,KAAK,CAACD,eAAeJ;IACjD;IAEA,OAAO;QACLJ;QACAC;QACAC;IACF;AACF,EAAE;AAEF,SAASK,qBAAqBD,iBAAqC;IACjE,OAAOA,qBAAqBA,qBAAqB,IAAIA,oBAAoBT;AAC3E"}
@@ -89,17 +89,7 @@ const currentIconStyles = {
89
89
  const useStyles = /*#__PURE__*/ (0, _react.__styles)({
90
90
  root: {
91
91
  Bf4jedk: "f18p0k4z",
92
- j4b8c3: "fv6wr3j",
93
- icvyot: "f1ern45e",
94
- vrafjx: [
95
- "f1n71otn",
96
- "f1deefiw"
97
- ],
98
- oivjwe: "f1h8hb77",
99
- wvpqe5: [
100
- "f1deefiw",
101
- "f1n71otn"
102
- ]
92
+ j4b8c3: "fv6wr3j"
103
93
  },
104
94
  small: {
105
95
  Bqenvij: "frvgh55",
@@ -194,10 +184,6 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
194
184
  d: [
195
185
  ".f18p0k4z{min-width:unset;}",
196
186
  ".fv6wr3j{text-wrap:nowrap;}",
197
- ".f1ern45e{border-top-style:none;}",
198
- ".f1n71otn{border-right-style:none;}",
199
- ".f1deefiw{border-left-style:none;}",
200
- ".f1h8hb77{border-bottom-style:none;}",
201
187
  ".frvgh55{height:24px;}",
202
188
  ".fk6fouc{font-family:var(--fontFamilyBase);}",
203
189
  ".fy9rknc{font-size:var(--fontSizeBase200);}",
@@ -1 +1 @@
1
- {"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n Be2twd7: \"fsj74e5\",\n Bqenvij: \"f1qfv4wv\",\n Bg96gwp: \"f15xapk4\",\n a9b677: \"f17j33op\",\n t21cq0: [\"fm0x6gh\", \"fbyavb5\"]\n },\n small: {\n u3h8gg: \"f1qfi7kw\",\n Biu6dll: \"f1876atl\"\n },\n medium: {\n u3h8gg: \"f1h9446d\",\n Biu6dll: \"f10xfswh\"\n },\n large: {\n u3h8gg: \"f5hcofs\",\n Biu6dll: \"f1a6v6zl\"\n }\n}, {\n d: [\".fsj74e5{font-size:var(--fui-Breadcrumb--icon-size);}\", \".f1qfv4wv{height:var(--fui-Breadcrumb--icon-size);}\", \".f15xapk4{line-height:var(--fui-Breadcrumb--icon-line-height);}\", \".f17j33op{width:var(--fui-Breadcrumb--icon-size);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".f1qfi7kw{--fui-Breadcrumb--icon-size:12px;}\", \".f1876atl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase200);}\", \".f1h9446d{--fui-Breadcrumb--icon-size:16px;}\", \".f10xfswh{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase400);}\", \".f5hcofs{--fui-Breadcrumb--icon-size:20px;}\", \".f1a6v6zl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase600);}\"]\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bf4jedk: \"f18p0k4z\",\n j4b8c3: \"fv6wr3j\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"]\n },\n small: {\n Bqenvij: \"frvgh55\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n z8tnut: \"f16k8034\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1angvds\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n medium: {\n Bqenvij: \"f1d2rq10\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n z8tnut: \"f16k8034\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1angvds\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n large: {\n Bqenvij: \"fbhnoac\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\",\n z8tnut: \"f17mpqex\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"fdvome7\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n current: {\n Jwef8y: \"f9ql6rf\",\n Bi91k9c: \"f3p8bqa\",\n eoavqd: \"f14w7a5u\",\n Bbdnnc7: \"f1irjp3o\",\n Bk3fhr4: \"f19vpps7\",\n Bmfj8id: \"fv5swzo\",\n iro3zm: \"f3h1zc4\",\n B2d53fq: \"f1xkgyln\",\n c3iz72: \"f17wbbfx\",\n x3br3k: \"fofxw0a\",\n em6i61: \"f1ol4fw6\",\n vm6p8p: \"f1q1lw4e\",\n Bszkowt: \"ff24m\",\n Dyrjrp: \"ft5r8e9\",\n ezr58z: \"f1cbpfqp\",\n nhk3du: \"f1motppv\",\n Bfrek18: \"fi9vkhg\",\n G209fr: \"f1fg3nnv\"\n },\n currentSmall: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\"\n },\n currentMedium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n currentLarge: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n }\n}, {\n d: [\".f18p0k4z{min-width:unset;}\", \".fv6wr3j{text-wrap:nowrap;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".frvgh55{height:24px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f16k8034{padding-top:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}\", \".f1d2rq10{height:32px;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\", \".ff24m:disabled{background-color:var(--colorTransparentBackground);}\", \".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}\", \".f1cbpfqp:disabled{cursor:auto;}\", \".f1motppv:disabled .fui-Button__icon{color:unset;}\", \".fi9vkhg:disabled .fui-Icon-filled{display:none;}\", \".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\"],\n h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3p8bqa:hover{color:var(--colorNeutralForeground2);}\", \".f14w7a5u:hover{cursor:auto;}\", \".f1irjp3o:hover .fui-Button__icon{color:unset;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1xkgyln:hover:active{color:var(--colorNeutralForeground2);}\", \".f17wbbfx:hover:active{cursor:auto;}\", \".fofxw0a:hover:active .fui-Button__icon{color:unset;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\"]\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = state => {\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useBreadcrumbButtonStyles.styles.js.map"],"names":["breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","__styles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","tokens","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","buttonClassNames","iconFilledClassName","display","iconRegularClassName","useStyles","Bf4jedk","j4b8c3","icvyot","vrafjx","oivjwe","wvpqe5","Bahqtrf","Bhrd7zp","z8tnut","z189sj","Byoj8tv","uwmqm3","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","h","state","styles","iconStyles","currentSizeMap","className","mergeClasses","size","useButtonStyles_unstable"],"mappings":"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"}
1
+ {"version":3,"sources":["useBreadcrumbButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable, buttonClassNames } from '@fluentui/react-button';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\n/**\n * Static CSS class names used internally for the component slots.\n */\nexport const breadcrumbButtonClassNames = {\n root: 'fui-BreadcrumbButton',\n icon: 'fui-BreadcrumbButton__icon'\n};\n/**\n * CSS variable names used internally for styling in the Breadcrumb.\n */\nconst breadcrumbCSSVars = {\n breadcrumbIconSizeVar: '--fui-Breadcrumb--icon-size',\n breadcrumbIconLineHeightVar: '--fui-Breadcrumb--icon-line-height'\n};\nconst useIconStyles = /*#__PURE__*/__styles({\n base: {\n Be2twd7: \"fsj74e5\",\n Bqenvij: \"f1qfv4wv\",\n Bg96gwp: \"f15xapk4\",\n a9b677: \"f17j33op\",\n t21cq0: [\"fm0x6gh\", \"fbyavb5\"]\n },\n small: {\n u3h8gg: \"f1qfi7kw\",\n Biu6dll: \"f1876atl\"\n },\n medium: {\n u3h8gg: \"f1h9446d\",\n Biu6dll: \"f10xfswh\"\n },\n large: {\n u3h8gg: \"f5hcofs\",\n Biu6dll: \"f1a6v6zl\"\n }\n}, {\n d: [\".fsj74e5{font-size:var(--fui-Breadcrumb--icon-size);}\", \".f1qfv4wv{height:var(--fui-Breadcrumb--icon-size);}\", \".f15xapk4{line-height:var(--fui-Breadcrumb--icon-line-height);}\", \".f17j33op{width:var(--fui-Breadcrumb--icon-size);}\", \".fm0x6gh{margin-right:var(--spacingHorizontalXS);}\", \".fbyavb5{margin-left:var(--spacingHorizontalXS);}\", \".f1qfi7kw{--fui-Breadcrumb--icon-size:12px;}\", \".f1876atl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase200);}\", \".f1h9446d{--fui-Breadcrumb--icon-size:16px;}\", \".f10xfswh{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase400);}\", \".f5hcofs{--fui-Breadcrumb--icon-size:20px;}\", \".f1a6v6zl{--fui-Breadcrumb--icon-line-height:var(--lineHeightBase600);}\"]\n});\nconst defaultButtonStyles = {\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n cursor: 'auto'\n};\nconst currentIconStyles = {\n ...defaultButtonStyles,\n [`& .${buttonClassNames.icon}`]: {\n color: 'unset'\n },\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n }\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n Bf4jedk: \"f18p0k4z\",\n j4b8c3: \"fv6wr3j\"\n },\n small: {\n Bqenvij: \"frvgh55\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\",\n z8tnut: \"f16k8034\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1angvds\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n medium: {\n Bqenvij: \"f1d2rq10\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\",\n z8tnut: \"f16k8034\",\n z189sj: [\"fdw0yi8\", \"fk8j09s\"],\n Byoj8tv: \"f1angvds\",\n uwmqm3: [\"fk8j09s\", \"fdw0yi8\"]\n },\n large: {\n Bqenvij: \"fbhnoac\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"faaz57k\",\n z8tnut: \"f17mpqex\",\n z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n Byoj8tv: \"fdvome7\",\n uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n },\n current: {\n Jwef8y: \"f9ql6rf\",\n Bi91k9c: \"f3p8bqa\",\n eoavqd: \"f14w7a5u\",\n Bbdnnc7: \"f1irjp3o\",\n Bk3fhr4: \"f19vpps7\",\n Bmfj8id: \"fv5swzo\",\n iro3zm: \"f3h1zc4\",\n B2d53fq: \"f1xkgyln\",\n c3iz72: \"f17wbbfx\",\n x3br3k: \"fofxw0a\",\n em6i61: \"f1ol4fw6\",\n vm6p8p: \"f1q1lw4e\",\n Bszkowt: \"ff24m\",\n Dyrjrp: \"ft5r8e9\",\n ezr58z: \"f1cbpfqp\",\n nhk3du: \"f1motppv\",\n Bfrek18: \"fi9vkhg\",\n G209fr: \"f1fg3nnv\"\n },\n currentSmall: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"fwrc4pm\"\n },\n currentMedium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"f1i3iumi\"\n },\n currentLarge: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fod5ikn\",\n Bhrd7zp: \"fl43uef\",\n Bg96gwp: \"faaz57k\"\n }\n}, {\n d: [\".f18p0k4z{min-width:unset;}\", \".fv6wr3j{text-wrap:nowrap;}\", \".frvgh55{height:24px;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f16k8034{padding-top:var(--spacingHorizontalSNudge);}\", \".fdw0yi8{padding-right:var(--spacingHorizontalSNudge);}\", \".fk8j09s{padding-left:var(--spacingHorizontalSNudge);}\", \".f1angvds{padding-bottom:var(--spacingHorizontalSNudge);}\", \".f1d2rq10{height:32px;}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".fbhnoac{height:40px;}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".f17mpqex{padding-top:var(--spacingHorizontalS);}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fdvome7{padding-bottom:var(--spacingHorizontalS);}\", \".ff24m:disabled{background-color:var(--colorTransparentBackground);}\", \".ft5r8e9:disabled{color:var(--colorNeutralForeground2);}\", \".f1cbpfqp:disabled{cursor:auto;}\", \".f1motppv:disabled .fui-Button__icon{color:unset;}\", \".fi9vkhg:disabled .fui-Icon-filled{display:none;}\", \".f1fg3nnv:disabled .fui-Icon-regular{display:inline;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\"],\n h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3p8bqa:hover{color:var(--colorNeutralForeground2);}\", \".f14w7a5u:hover{cursor:auto;}\", \".f1irjp3o:hover .fui-Button__icon{color:unset;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1xkgyln:hover:active{color:var(--colorNeutralForeground2);}\", \".f17wbbfx:hover:active{cursor:auto;}\", \".fofxw0a:hover:active .fui-Button__icon{color:unset;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\"]\n});\n/**\n * Apply styling to the BreadcrumbButton slots based on the state\n */\nexport const useBreadcrumbButtonStyles_unstable = state => {\n const styles = useStyles();\n const iconStyles = useIconStyles();\n const currentSizeMap = {\n small: styles.currentSmall,\n medium: styles.currentMedium,\n large: styles.currentLarge\n };\n state.root.className = mergeClasses(breadcrumbButtonClassNames.root, styles[state.size], styles.root, state.current && currentSizeMap[state.size], state.current && styles.current, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(iconStyles.base, iconStyles[state.size], state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useBreadcrumbButtonStyles.styles.js.map"],"names":["breadcrumbButtonClassNames","useBreadcrumbButtonStyles_unstable","root","icon","breadcrumbCSSVars","breadcrumbIconSizeVar","breadcrumbIconLineHeightVar","useIconStyles","__styles","base","Be2twd7","Bqenvij","Bg96gwp","a9b677","t21cq0","small","u3h8gg","Biu6dll","medium","large","d","defaultButtonStyles","backgroundColor","tokens","colorTransparentBackground","color","colorNeutralForeground2","cursor","currentIconStyles","buttonClassNames","iconFilledClassName","display","iconRegularClassName","useStyles","Bf4jedk","j4b8c3","Bahqtrf","Bhrd7zp","z8tnut","z189sj","Byoj8tv","uwmqm3","current","Jwef8y","Bi91k9c","eoavqd","Bbdnnc7","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","c3iz72","x3br3k","em6i61","vm6p8p","Bszkowt","Dyrjrp","ezr58z","nhk3du","Bfrek18","G209fr","currentSmall","currentMedium","currentLarge","h","state","styles","iconStyles","currentSizeMap","className","mergeClasses","size","useButtonStyles_unstable"],"mappings":"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"}
@@ -22,11 +22,15 @@ const partitionBreadcrumbItems = (options)=>{
22
22
  startDisplayedItems = items.slice(0, overflowIndex);
23
23
  const numberItemsToHide = itemsCount - maxDisplayedItems;
24
24
  if (numberItemsToHide > 0) {
25
- overflowIndex = overflowIndex === maxDisplayedItems ? overflowIndex - 1 : overflowIndex;
25
+ overflowIndex = overflowIndex >= maxDisplayedItems ? maxDisplayedItems - 1 : overflowIndex;
26
26
  const menuLastItemIdx = overflowIndex + numberItemsToHide;
27
27
  startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);
28
28
  overflowItems = items.slice(overflowIndex, menuLastItemIdx);
29
- endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);
29
+ if (menuLastItemIdx < itemsCount) {
30
+ endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);
31
+ }
32
+ } else if (overflowIndex < itemsCount) {
33
+ endDisplayedItems = items.slice(overflowIndex, itemsCount);
30
34
  }
31
35
  return {
32
36
  startDisplayedItems,
@@ -1 +1 @@
1
- {"version":3,"sources":["partitionBreadcrumbItems.js"],"sourcesContent":["const DEFAULT_OVERFLOW_INDEX = 1;\nconst DEFAULT_MAX_DISPLAYED_ITEMS = 6;\n/**\n * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.\n *\n * @param options - Configure the partition options\n *\n * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.\n */ export const partitionBreadcrumbItems = (options)=>{\n let startDisplayedItems;\n let overflowItems;\n let endDisplayedItems;\n const { items = [] } = options;\n const itemsCount = items.length;\n const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems);\n var _options_overflowIndex;\n let overflowIndex = (_options_overflowIndex = options.overflowIndex) !== null && _options_overflowIndex !== void 0 ? _options_overflowIndex : DEFAULT_OVERFLOW_INDEX;\n startDisplayedItems = items.slice(0, overflowIndex);\n const numberItemsToHide = itemsCount - maxDisplayedItems;\n if (numberItemsToHide > 0) {\n overflowIndex = overflowIndex === maxDisplayedItems ? overflowIndex - 1 : overflowIndex;\n const menuLastItemIdx = overflowIndex + numberItemsToHide;\n startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);\n overflowItems = items.slice(overflowIndex, menuLastItemIdx);\n endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);\n }\n return {\n startDisplayedItems,\n overflowItems,\n endDisplayedItems\n };\n};\nfunction getMaxDisplayedItems(maxDisplayedItems) {\n return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS;\n}\n"],"names":["partitionBreadcrumbItems","DEFAULT_OVERFLOW_INDEX","DEFAULT_MAX_DISPLAYED_ITEMS","options","startDisplayedItems","overflowItems","endDisplayedItems","items","itemsCount","length","maxDisplayedItems","getMaxDisplayedItems","_options_overflowIndex","overflowIndex","slice","numberItemsToHide","menuLastItemIdx"],"mappings":";;;;+BAQiBA;;;eAAAA;;;AARjB,MAAMC,yBAAyB;AAC/B,MAAMC,8BAA8B;AAOzB,MAAMF,2BAA2B,CAACG;IACzC,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGJ;IACvB,MAAMK,aAAaD,MAAME,MAAM;IAC/B,MAAMC,oBAAoBC,qBAAqBR,QAAQO,iBAAiB;IACxE,IAAIE;IACJ,IAAIC,gBAAgB,AAACD,CAAAA,yBAAyBT,QAAQU,aAAa,AAAD,MAAO,QAAQD,2BAA2B,KAAK,IAAIA,yBAAyBX;IAC9IG,sBAAsBG,MAAMO,KAAK,CAAC,GAAGD;IACrC,MAAME,oBAAoBP,aAAaE;IACvC,IAAIK,oBAAoB,GAAG;QACvBF,gBAAgBA,kBAAkBH,oBAAoBG,gBAAgB,IAAIA;QAC1E,MAAMG,kBAAkBH,gBAAgBE;QACxCX,sBAAsBA,oBAAoBU,KAAK,CAAC,GAAGD;QACnDR,gBAAgBE,MAAMO,KAAK,CAACD,eAAeG;QAC3CV,oBAAoBC,MAAMO,KAAK,CAACE,iBAAiBR;IACrD;IACA,OAAO;QACHJ;QACAC;QACAC;IACJ;AACJ;AACA,SAASK,qBAAqBD,iBAAiB;IAC3C,OAAOA,qBAAqBA,qBAAqB,IAAIA,oBAAoBR;AAC7E"}
1
+ {"version":3,"sources":["partitionBreadcrumbItems.js"],"sourcesContent":["const DEFAULT_OVERFLOW_INDEX = 1;\nconst DEFAULT_MAX_DISPLAYED_ITEMS = 6;\n/**\n * Get the displayed items and overflowing items based on the array of BreadcrumbItems needed for Breadcrumb.\n *\n * @param options - Configure the partition options\n *\n * @returns Three arrays split into displayed items and overflow items based on maxDisplayedItems.\n */ export const partitionBreadcrumbItems = (options)=>{\n let startDisplayedItems;\n let overflowItems;\n let endDisplayedItems;\n const { items = [] } = options;\n const itemsCount = items.length;\n const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems);\n var _options_overflowIndex;\n let overflowIndex = (_options_overflowIndex = options.overflowIndex) !== null && _options_overflowIndex !== void 0 ? _options_overflowIndex : DEFAULT_OVERFLOW_INDEX;\n startDisplayedItems = items.slice(0, overflowIndex);\n const numberItemsToHide = itemsCount - maxDisplayedItems;\n if (numberItemsToHide > 0) {\n overflowIndex = overflowIndex >= maxDisplayedItems ? maxDisplayedItems - 1 : overflowIndex;\n const menuLastItemIdx = overflowIndex + numberItemsToHide;\n startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);\n overflowItems = items.slice(overflowIndex, menuLastItemIdx);\n if (menuLastItemIdx < itemsCount) {\n endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);\n }\n } else if (overflowIndex < itemsCount) {\n endDisplayedItems = items.slice(overflowIndex, itemsCount);\n }\n return {\n startDisplayedItems,\n overflowItems,\n endDisplayedItems\n };\n};\nfunction getMaxDisplayedItems(maxDisplayedItems) {\n return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS;\n}\n"],"names":["partitionBreadcrumbItems","DEFAULT_OVERFLOW_INDEX","DEFAULT_MAX_DISPLAYED_ITEMS","options","startDisplayedItems","overflowItems","endDisplayedItems","items","itemsCount","length","maxDisplayedItems","getMaxDisplayedItems","_options_overflowIndex","overflowIndex","slice","numberItemsToHide","menuLastItemIdx"],"mappings":";;;;+BAQiBA;;;eAAAA;;;AARjB,MAAMC,yBAAyB;AAC/B,MAAMC,8BAA8B;AAOzB,MAAMF,2BAA2B,CAACG;IACzC,IAAIC;IACJ,IAAIC;IACJ,IAAIC;IACJ,MAAM,EAAEC,QAAQ,EAAE,EAAE,GAAGJ;IACvB,MAAMK,aAAaD,MAAME,MAAM;IAC/B,MAAMC,oBAAoBC,qBAAqBR,QAAQO,iBAAiB;IACxE,IAAIE;IACJ,IAAIC,gBAAgB,AAACD,CAAAA,yBAAyBT,QAAQU,aAAa,AAAD,MAAO,QAAQD,2BAA2B,KAAK,IAAIA,yBAAyBX;IAC9IG,sBAAsBG,MAAMO,KAAK,CAAC,GAAGD;IACrC,MAAME,oBAAoBP,aAAaE;IACvC,IAAIK,oBAAoB,GAAG;QACvBF,gBAAgBA,iBAAiBH,oBAAoBA,oBAAoB,IAAIG;QAC7E,MAAMG,kBAAkBH,gBAAgBE;QACxCX,sBAAsBA,oBAAoBU,KAAK,CAAC,GAAGD;QACnDR,gBAAgBE,MAAMO,KAAK,CAACD,eAAeG;QAC3C,IAAIA,kBAAkBR,YAAY;YAC9BF,oBAAoBC,MAAMO,KAAK,CAACE,iBAAiBR;QACrD;IACJ,OAAO,IAAIK,gBAAgBL,YAAY;QACnCF,oBAAoBC,MAAMO,KAAK,CAACD,eAAeL;IACnD;IACA,OAAO;QACHJ;QACAC;QACAC;IACJ;AACJ;AACA,SAASK,qBAAqBD,iBAAiB;IAC3C,OAAOA,qBAAqBA,qBAAqB,IAAIA,oBAAoBR;AAC7E"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-breadcrumb",
3
- "version": "9.0.3",
3
+ "version": "9.0.5",
4
4
  "description": "Breadcrumb component for Fluent UI React.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -35,15 +35,15 @@
35
35
  "@fluentui/scripts-tasks": "*"
36
36
  },
37
37
  "dependencies": {
38
- "@fluentui/react-aria": "^9.5.0",
39
- "@fluentui/react-button": "^9.3.58",
38
+ "@fluentui/react-aria": "^9.6.0",
39
+ "@fluentui/react-button": "^9.3.59",
40
40
  "@fluentui/react-icons": "^2.0.217",
41
- "@fluentui/react-link": "^9.2.1",
42
- "@fluentui/react-shared-contexts": "^9.13.1",
43
- "@fluentui/react-tabster": "^9.15.1",
41
+ "@fluentui/react-link": "^9.2.2",
42
+ "@fluentui/react-shared-contexts": "^9.13.2",
43
+ "@fluentui/react-tabster": "^9.16.0",
44
44
  "@fluentui/react-theme": "^9.1.16",
45
- "@fluentui/react-utilities": "^9.15.3",
46
- "@fluentui/react-jsx-runtime": "^9.0.21",
45
+ "@fluentui/react-utilities": "^9.15.4",
46
+ "@fluentui/react-jsx-runtime": "^9.0.22",
47
47
  "@griffel/react": "^1.5.14",
48
48
  "@swc/helpers": "^0.5.1"
49
49
  },