@fluentui/react-breadcrumb 9.0.0

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.
Files changed (141) hide show
  1. package/CHANGELOG.md +494 -0
  2. package/LICENSE +15 -0
  3. package/README.md +45 -0
  4. package/dist/index.d.ts +259 -0
  5. package/lib/Breadcrumb.js +1 -0
  6. package/lib/Breadcrumb.js.map +1 -0
  7. package/lib/BreadcrumbButton.js +1 -0
  8. package/lib/BreadcrumbButton.js.map +1 -0
  9. package/lib/BreadcrumbDivider.js +1 -0
  10. package/lib/BreadcrumbDivider.js.map +1 -0
  11. package/lib/BreadcrumbItem.js +1 -0
  12. package/lib/BreadcrumbItem.js.map +1 -0
  13. package/lib/components/Breadcrumb/Breadcrumb.js +16 -0
  14. package/lib/components/Breadcrumb/Breadcrumb.js.map +1 -0
  15. package/lib/components/Breadcrumb/Breadcrumb.types.js +1 -0
  16. package/lib/components/Breadcrumb/Breadcrumb.types.js.map +1 -0
  17. package/lib/components/Breadcrumb/BreadcrumbContext.js +16 -0
  18. package/lib/components/Breadcrumb/BreadcrumbContext.js.map +1 -0
  19. package/lib/components/Breadcrumb/index.js +6 -0
  20. package/lib/components/Breadcrumb/index.js.map +1 -0
  21. package/lib/components/Breadcrumb/renderBreadcrumb.js +16 -0
  22. package/lib/components/Breadcrumb/renderBreadcrumb.js.map +1 -0
  23. package/lib/components/Breadcrumb/useBreadcrumb.js +42 -0
  24. package/lib/components/Breadcrumb/useBreadcrumb.js.map +1 -0
  25. package/lib/components/Breadcrumb/useBreadcrumbContextValue.js +9 -0
  26. package/lib/components/Breadcrumb/useBreadcrumbContextValue.js.map +1 -0
  27. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js +18 -0
  28. package/lib/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -0
  29. package/lib/components/BreadcrumbButton/BreadcrumbButton.js +14 -0
  30. package/lib/components/BreadcrumbButton/BreadcrumbButton.js.map +1 -0
  31. package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js +1 -0
  32. package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -0
  33. package/lib/components/BreadcrumbButton/index.js +5 -0
  34. package/lib/components/BreadcrumbButton/index.js.map +1 -0
  35. package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js +6 -0
  36. package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js.map +1 -0
  37. package/lib/components/BreadcrumbButton/useBreadcrumbButton.js +31 -0
  38. package/lib/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -0
  39. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +161 -0
  40. package/lib/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -0
  41. package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js +14 -0
  42. package/lib/components/BreadcrumbDivider/BreadcrumbDivider.js.map +1 -0
  43. package/lib/components/BreadcrumbDivider/BreadcrumbDivider.types.js +1 -0
  44. package/lib/components/BreadcrumbDivider/BreadcrumbDivider.types.js.map +1 -0
  45. package/lib/components/BreadcrumbDivider/index.js +5 -0
  46. package/lib/components/BreadcrumbDivider/index.js.map +1 -0
  47. package/lib/components/BreadcrumbDivider/renderBreadcrumbDivider.js +8 -0
  48. package/lib/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +1 -0
  49. package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js +57 -0
  50. package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js.map +1 -0
  51. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +23 -0
  52. package/lib/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -0
  53. package/lib/components/BreadcrumbItem/BreadcrumbItem.js +15 -0
  54. package/lib/components/BreadcrumbItem/BreadcrumbItem.js.map +1 -0
  55. package/lib/components/BreadcrumbItem/BreadcrumbItem.types.js +1 -0
  56. package/lib/components/BreadcrumbItem/BreadcrumbItem.types.js.map +1 -0
  57. package/lib/components/BreadcrumbItem/index.js +5 -0
  58. package/lib/components/BreadcrumbItem/index.js.map +1 -0
  59. package/lib/components/BreadcrumbItem/renderBreadcrumbItem.js +10 -0
  60. package/lib/components/BreadcrumbItem/renderBreadcrumbItem.js.map +1 -0
  61. package/lib/components/BreadcrumbItem/useBreadcrumbItem.js +26 -0
  62. package/lib/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -0
  63. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +15 -0
  64. package/lib/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -0
  65. package/lib/index.js +6 -0
  66. package/lib/index.js.map +1 -0
  67. package/lib/utils/index.js +2 -0
  68. package/lib/utils/index.js.map +1 -0
  69. package/lib/utils/partitionBreadcrumbItems.js +35 -0
  70. package/lib/utils/partitionBreadcrumbItems.js.map +1 -0
  71. package/lib/utils/truncateBreadcrumb.js +16 -0
  72. package/lib/utils/truncateBreadcrumb.js.map +1 -0
  73. package/lib-commonjs/Breadcrumb.js +6 -0
  74. package/lib-commonjs/Breadcrumb.js.map +1 -0
  75. package/lib-commonjs/BreadcrumbButton.js +6 -0
  76. package/lib-commonjs/BreadcrumbButton.js.map +1 -0
  77. package/lib-commonjs/BreadcrumbDivider.js +6 -0
  78. package/lib-commonjs/BreadcrumbDivider.js.map +1 -0
  79. package/lib-commonjs/BreadcrumbItem.js +6 -0
  80. package/lib-commonjs/BreadcrumbItem.js.map +1 -0
  81. package/lib-commonjs/components/Breadcrumb/Breadcrumb.js +25 -0
  82. package/lib-commonjs/components/Breadcrumb/Breadcrumb.js.map +1 -0
  83. package/lib-commonjs/components/Breadcrumb/Breadcrumb.types.js +4 -0
  84. package/lib-commonjs/components/Breadcrumb/Breadcrumb.types.js.map +1 -0
  85. package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js +32 -0
  86. package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js.map +1 -0
  87. package/lib-commonjs/components/Breadcrumb/index.js +11 -0
  88. package/lib-commonjs/components/Breadcrumb/index.js.map +1 -0
  89. package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.js +24 -0
  90. package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.js.map +1 -0
  91. package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js +45 -0
  92. package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js.map +1 -0
  93. package/lib-commonjs/components/Breadcrumb/useBreadcrumbContextValue.js +20 -0
  94. package/lib-commonjs/components/Breadcrumb/useBreadcrumbContextValue.js.map +1 -0
  95. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js +34 -0
  96. package/lib-commonjs/components/Breadcrumb/useBreadcrumbStyles.styles.js.map +1 -0
  97. package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.js +23 -0
  98. package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.js.map +1 -0
  99. package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js +4 -0
  100. package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -0
  101. package/lib-commonjs/components/BreadcrumbButton/index.js +10 -0
  102. package/lib-commonjs/components/BreadcrumbButton/index.js.map +1 -0
  103. package/lib-commonjs/components/BreadcrumbButton/renderBreadcrumbButton.js +14 -0
  104. package/lib-commonjs/components/BreadcrumbButton/renderBreadcrumbButton.js.map +1 -0
  105. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js +34 -0
  106. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -0
  107. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js +257 -0
  108. package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButtonStyles.styles.js.map +1 -0
  109. package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.js +23 -0
  110. package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.js.map +1 -0
  111. package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.js +4 -0
  112. package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.js.map +1 -0
  113. package/lib-commonjs/components/BreadcrumbDivider/index.js +10 -0
  114. package/lib-commonjs/components/BreadcrumbDivider/index.js.map +1 -0
  115. package/lib-commonjs/components/BreadcrumbDivider/renderBreadcrumbDivider.js +16 -0
  116. package/lib-commonjs/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +1 -0
  117. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js +60 -0
  118. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js.map +1 -0
  119. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js +38 -0
  120. package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDividerStyles.styles.js.map +1 -0
  121. package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.js +23 -0
  122. package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.js.map +1 -0
  123. package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.types.js +4 -0
  124. package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.types.js.map +1 -0
  125. package/lib-commonjs/components/BreadcrumbItem/index.js +10 -0
  126. package/lib-commonjs/components/BreadcrumbItem/index.js.map +1 -0
  127. package/lib-commonjs/components/BreadcrumbItem/renderBreadcrumbItem.js +18 -0
  128. package/lib-commonjs/components/BreadcrumbItem/renderBreadcrumbItem.js.map +1 -0
  129. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js +29 -0
  130. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -0
  131. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js +30 -0
  132. package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItemStyles.styles.js.map +1 -0
  133. package/lib-commonjs/index.js +95 -0
  134. package/lib-commonjs/index.js.map +1 -0
  135. package/lib-commonjs/utils/index.js +26 -0
  136. package/lib-commonjs/utils/index.js.map +1 -0
  137. package/lib-commonjs/utils/partitionBreadcrumbItems.js +39 -0
  138. package/lib-commonjs/utils/partitionBreadcrumbItems.js.map +1 -0
  139. package/lib-commonjs/utils/truncateBreadcrumb.js +37 -0
  140. package/lib-commonjs/utils/truncateBreadcrumb.js.map +1 -0
  141. package/package.json +77 -0
@@ -0,0 +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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"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "BreadcrumbDivider", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return BreadcrumbDivider;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _useBreadcrumbDivider = require("./useBreadcrumbDivider");
14
+ const _renderBreadcrumbDivider = require("./renderBreadcrumbDivider");
15
+ const _useBreadcrumbDividerStylesstyles = require("./useBreadcrumbDividerStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
+ const BreadcrumbDivider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
+ const state = (0, _useBreadcrumbDivider.useBreadcrumbDivider_unstable)(props, ref);
19
+ (0, _useBreadcrumbDividerStylesstyles.useBreadcrumbDividerStyles_unstable)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useBreadcrumbDividerStyles_unstable')(state);
21
+ return (0, _renderBreadcrumbDivider.renderBreadcrumbDivider_unstable)(state);
22
+ });
23
+ BreadcrumbDivider.displayName = 'BreadcrumbDivider';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["BreadcrumbDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';\nimport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nimport { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * A divider component which is used inside the Breadcrumb\n */ export const BreadcrumbDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useBreadcrumbDivider_unstable(props, ref);\n useBreadcrumbDividerStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);\n return renderBreadcrumbDivider_unstable(state);\n});\nBreadcrumbDivider.displayName = 'BreadcrumbDivider';\n"],"names":["BreadcrumbDivider","React","forwardRef","props","ref","state","useBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumbDivider_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;sCACuB;yCACG;kDACG;qCACR;AAGjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ;AAC5C;AACAL,kBAAkBU,WAAW,GAAG"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./BreadcrumbDivider"), exports);
7
+ _export_star._(require("./BreadcrumbDivider.types"), exports);
8
+ _export_star._(require("./renderBreadcrumbDivider"), exports);
9
+ _export_star._(require("./useBreadcrumbDivider"), exports);
10
+ _export_star._(require("./useBreadcrumbDividerStyles.styles"), exports);
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './BreadcrumbDivider';\nexport * from './BreadcrumbDivider.types';\nexport * from './renderBreadcrumbDivider';\nexport * from './useBreadcrumbDivider';\nexport * from './useBreadcrumbDividerStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderBreadcrumbDivider_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return renderBreadcrumbDivider_unstable;
9
+ }
10
+ });
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
13
+ const renderBreadcrumbDivider_unstable = (state)=>{
14
+ (0, _reactutilities.assertSlots)(state);
15
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
16
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderBreadcrumbDivider.js"],"sourcesContent":[" import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of BreadcrumbDivider\n */ export const renderBreadcrumbDivider_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderBreadcrumbDivider_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,mCAAmC,CAACC;IACjDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
@@ -0,0 +1,60 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useBreadcrumbDivider_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useBreadcrumbDivider_unstable;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
14
+ const _reacticons = require("@fluentui/react-icons");
15
+ const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
+ const useBreadcrumbDivider_unstable = (props, ref)=>{
18
+ const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
19
+ const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
20
+ const icon = getDividerIcon(size, dir);
21
+ return {
22
+ components: {
23
+ root: 'li'
24
+ },
25
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('li', {
26
+ ref,
27
+ 'aria-hidden': true,
28
+ children: icon,
29
+ ...props
30
+ }), {
31
+ elementType: 'li'
32
+ })
33
+ };
34
+ };
35
+ const dividerIcons = {
36
+ rtl: {
37
+ small: /*#__PURE__*/ _react.createElement(_reacticons.ChevronLeft12Regular, null),
38
+ medium: /*#__PURE__*/ _react.createElement(_reacticons.ChevronLeft16Regular, null),
39
+ large: /*#__PURE__*/ _react.createElement(_reacticons.ChevronLeft20Regular, null)
40
+ },
41
+ ltr: {
42
+ small: /*#__PURE__*/ _react.createElement(_reacticons.ChevronRight12Regular, null),
43
+ medium: /*#__PURE__*/ _react.createElement(_reacticons.ChevronRight16Regular, null),
44
+ large: /*#__PURE__*/ _react.createElement(_reacticons.ChevronRight20Regular, null)
45
+ }
46
+ };
47
+ /**
48
+ * Get icon of the divider
49
+ *
50
+ * @param size - size of the Breadcrumb
51
+ */ function getDividerIcon(size = 'medium', dir) {
52
+ const dividerIcon = dir === 'rtl' ? dividerIcons.rtl : dividerIcons.ltr;
53
+ if (size === 'small') {
54
+ return dividerIcon.small;
55
+ }
56
+ if (size === 'large') {
57
+ return dividerIcon.large;
58
+ }
59
+ return dividerIcon.medium;
60
+ }
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useBreadcrumbDivider.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { ChevronRight20Regular, ChevronRight16Regular, ChevronRight12Regular, ChevronLeft20Regular, ChevronLeft16Regular, ChevronLeft12Regular } from '@fluentui/react-icons';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Create the state required to render BreadcrumbDivider.\n *\n * The returned state can be modified with hooks such as useBreadcrumbDividerStyles_unstable,\n * before being passed to renderBreadcrumbDivider_unstable.\n *\n * @param props - props from this instance of BreadcrumbDivider\n * @param ref - reference to root HTMLElement of BreadcrumbDivider\n */ export const useBreadcrumbDivider_unstable = (props, ref)=>{\n const { size } = useBreadcrumbContext_unstable();\n const { dir } = useFluent();\n const icon = getDividerIcon(size, dir);\n return {\n components: {\n root: 'li'\n },\n root: slot.always(getIntrinsicElementProps('li', {\n ref,\n 'aria-hidden': true,\n children: icon,\n ...props\n }), {\n elementType: 'li'\n })\n };\n};\nconst dividerIcons = {\n rtl: {\n small: /*#__PURE__*/ React.createElement(ChevronLeft12Regular, null),\n medium: /*#__PURE__*/ React.createElement(ChevronLeft16Regular, null),\n large: /*#__PURE__*/ React.createElement(ChevronLeft20Regular, null)\n },\n ltr: {\n small: /*#__PURE__*/ React.createElement(ChevronRight12Regular, null),\n medium: /*#__PURE__*/ React.createElement(ChevronRight16Regular, null),\n large: /*#__PURE__*/ React.createElement(ChevronRight20Regular, null)\n }\n};\n/**\n * Get icon of the divider\n *\n * @param size - size of the Breadcrumb\n */ function getDividerIcon(size = 'medium', dir) {\n const dividerIcon = dir === 'rtl' ? dividerIcons.rtl : dividerIcons.ltr;\n if (size === 'small') {\n return dividerIcon.small;\n }\n if (size === 'large') {\n return dividerIcon.large;\n }\n return dividerIcon.medium;\n}\n"],"names":["useBreadcrumbDivider_unstable","props","ref","size","useBreadcrumbContext_unstable","dir","useFluent","icon","getDividerIcon","components","root","slot","always","getIntrinsicElementProps","children","elementType","dividerIcons","rtl","small","React","createElement","ChevronLeft12Regular","medium","ChevronLeft16Regular","large","ChevronLeft20Regular","ltr","ChevronRight12Regular","ChevronRight16Regular","ChevronRight20Regular","dividerIcon"],"mappings":";;;;+BAaiBA;;;eAAAA;;;;iEAbM;gCACwB;4BACuG;mCACxG;qCACE;AASrC,MAAMA,gCAAgC,CAACC,OAAOC;IACrD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAA6B;IAC9C,MAAM,EAAEC,GAAG,EAAE,GAAGC,IAAAA,uCAAS;IACzB,MAAMC,OAAOC,eAAeL,MAAME;IAClC,OAAO;QACHI,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,MAAM;YAC7CX;YACA,eAAe;YACfY,UAAUP;YACV,GAAGN,KAAK;QACZ,IAAI;YACAc,aAAa;QACjB;IACJ;AACJ;AACA,MAAMC,eAAe;IACjBC,KAAK;QACDC,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,gCAAoB,EAAE;QAC/DC,QAAQ,WAAW,GAAGH,OAAMC,aAAa,CAACG,gCAAoB,EAAE;QAChEC,OAAO,WAAW,GAAGL,OAAMC,aAAa,CAACK,gCAAoB,EAAE;IACnE;IACAC,KAAK;QACDR,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACO,iCAAqB,EAAE;QAChEL,QAAQ,WAAW,GAAGH,OAAMC,aAAa,CAACQ,iCAAqB,EAAE;QACjEJ,OAAO,WAAW,GAAGL,OAAMC,aAAa,CAACS,iCAAqB,EAAE;IACpE;AACJ;AACA;;;;CAIC,GAAG,SAASrB,eAAeL,OAAO,QAAQ,EAAEE,GAAG;IAC5C,MAAMyB,cAAczB,QAAQ,QAAQW,aAAaC,GAAG,GAAGD,aAAaU,GAAG;IACvE,IAAIvB,SAAS,SAAS;QAClB,OAAO2B,YAAYZ,KAAK;IAC5B;IACA,IAAIf,SAAS,SAAS;QAClB,OAAO2B,YAAYN,KAAK;IAC5B;IACA,OAAOM,YAAYR,MAAM;AAC7B"}
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ breadcrumbDividerClassNames: function() {
13
+ return breadcrumbDividerClassNames;
14
+ },
15
+ useBreadcrumbDividerStyles_unstable: function() {
16
+ return useBreadcrumbDividerStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const breadcrumbDividerClassNames = {
21
+ root: 'fui-BreadcrumbDivider'
22
+ };
23
+ /**
24
+ * Styles for the root slot
25
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
26
+ root: {
27
+ mc9l5x: "f22iagw"
28
+ }
29
+ }, {
30
+ d: [
31
+ ".f22iagw{display:flex;}"
32
+ ]
33
+ });
34
+ const useBreadcrumbDividerStyles_unstable = (state)=>{
35
+ const styles = useStyles();
36
+ state.root.className = (0, _react.mergeClasses)(breadcrumbDividerClassNames.root, styles.root, state.root.className);
37
+ return state;
38
+ }; //# sourceMappingURL=useBreadcrumbDividerStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useBreadcrumbDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const breadcrumbDividerClassNames = {\n root: 'fui-BreadcrumbDivider'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\"]\n});\n/**\n * Apply styling to the BreadcrumbDivider slots based on the state\n */\nexport const useBreadcrumbDividerStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(breadcrumbDividerClassNames.root, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useBreadcrumbDividerStyles.styles.js.map"],"names":["breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable","root","useStyles","__styles","mc9l5x","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,2BAA2B;eAA3BA;;IAgBAC,mCAAmC;eAAnCA;;;uBAjB0B;AAChC,MAAMD,8BAA8B;IACzCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAA0B;AAChC;AAIO,MAAML,sCAAsCM,CAAAA;IACjD,MAAMC,SAASL;IACfI,MAAML,IAAI,CAACO,SAAS,GAAGC,IAAAA,mBAAY,EAACV,4BAA4BE,IAAI,EAAEM,OAAON,IAAI,EAAEK,MAAML,IAAI,CAACO,SAAS;IACvG,OAAOF;AACT,GACA,6DAA6D"}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "BreadcrumbItem", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return BreadcrumbItem;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _useBreadcrumbItem = require("./useBreadcrumbItem");
14
+ const _renderBreadcrumbItem = require("./renderBreadcrumbItem");
15
+ const _useBreadcrumbItemStylesstyles = require("./useBreadcrumbItemStyles.styles");
16
+ const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
17
+ const BreadcrumbItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
+ const state = (0, _useBreadcrumbItem.useBreadcrumbItem_unstable)(props, ref);
19
+ (0, _useBreadcrumbItemStylesstyles.useBreadcrumbItemStyles_unstable)(state);
20
+ (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useBreadcrumbItemStyles_unstable')(state);
21
+ return (0, _renderBreadcrumbItem.renderBreadcrumbItem_unstable)(state);
22
+ });
23
+ BreadcrumbItem.displayName = 'BreadcrumbItem';
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["BreadcrumbItem.js"],"sourcesContent":["import * as React from 'react';\nimport { useBreadcrumbItem_unstable } from './useBreadcrumbItem';\nimport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nimport { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * BreadcrumbItem component is a wrapper for BreadcrumbLink and BreadcrumbButton.\n * It can be used as a non-interactive item.\n */ export const BreadcrumbItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useBreadcrumbItem_unstable(props, ref);\n useBreadcrumbItemStyles_unstable(state);\n useCustomStyleHook_unstable('useBreadcrumbItemStyles_unstable')(state);\n return renderBreadcrumbItem_unstable(state);\n});\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n"],"names":["BreadcrumbItem","React","forwardRef","props","ref","state","useBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useCustomStyleHook_unstable","renderBreadcrumbItem_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;mCACoB;sCACG;+CACG;qCACL;AAIjC,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrE,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ;AACzC;AACAL,eAAeU,WAAW,GAAG"}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ const _export_star = require("@swc/helpers/_/_export_star");
6
+ _export_star._(require("./BreadcrumbItem"), exports);
7
+ _export_star._(require("./BreadcrumbItem.types"), exports);
8
+ _export_star._(require("./renderBreadcrumbItem"), exports);
9
+ _export_star._(require("./useBreadcrumbItem"), exports);
10
+ _export_star._(require("./useBreadcrumbItemStyles.styles"), exports);
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './BreadcrumbItem';\nexport * from './BreadcrumbItem.types';\nexport * from './renderBreadcrumbItem';\nexport * from './useBreadcrumbItem';\nexport * from './useBreadcrumbItemStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "renderBreadcrumbItem_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return renderBreadcrumbItem_unstable;
9
+ }
10
+ });
11
+ const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
+ const _reactutilities = require("@fluentui/react-utilities");
13
+ const renderBreadcrumbItem_unstable = (state)=>{
14
+ (0, _reactutilities.assertSlots)(state);
15
+ return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
16
+ children: state.root.children
17
+ });
18
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["renderBreadcrumbItem.js"],"sourcesContent":[" import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of BreadcrumbItem\n */ export const renderBreadcrumbItem_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {\n children: state.root.children\n });\n};\n"],"names":["renderBreadcrumbItem_unstable","state","assertSlots","_jsx","root","children"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,gCAAgC,CAACC;IAC9CC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE;QAClCC,UAAUJ,MAAMG,IAAI,CAACC,QAAQ;IACjC;AACJ"}
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useBreadcrumbItem_unstable", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return useBreadcrumbItem_unstable;
9
+ }
10
+ });
11
+ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
+ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
+ const _reactutilities = require("@fluentui/react-utilities");
14
+ const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
15
+ const useBreadcrumbItem_unstable = (props, ref)=>{
16
+ const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
17
+ return {
18
+ components: {
19
+ root: 'li'
20
+ },
21
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('li', {
22
+ ref,
23
+ ...props
24
+ }), {
25
+ elementType: 'li'
26
+ }),
27
+ size
28
+ };
29
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useBreadcrumbItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n/**\n * Create the state required to render BreadcrumbItem.\n *\n * The returned state can be modified with hooks such as useBreadcrumbItemStyles_unstable,\n * before being passed to renderBreadcrumbItem_unstable.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */ export const useBreadcrumbItem_unstable = (props, ref)=>{\n const { size } = useBreadcrumbContext_unstable();\n return {\n components: {\n root: 'li'\n },\n root: slot.always(getIntrinsicElementProps('li', {\n ref,\n ...props\n }), {\n elementType: 'li'\n }),\n size\n };\n};\n"],"names":["useBreadcrumbItem_unstable","props","ref","size","useBreadcrumbContext_unstable","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;mCACD;AASnC,MAAMA,6BAA6B,CAACC,OAAOC;IAClD,MAAM,EAAEC,IAAI,EAAE,GAAGC,IAAAA,gDAA6B;IAC9C,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,MAAM;YAC7CP;YACA,GAAGD,KAAK;QACZ,IAAI;YACAS,aAAa;QACjB;QACAP;IACJ;AACJ"}
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ breadcrumbItemClassNames: function() {
13
+ return breadcrumbItemClassNames;
14
+ },
15
+ useBreadcrumbItemStyles_unstable: function() {
16
+ return useBreadcrumbItemStyles_unstable;
17
+ }
18
+ });
19
+ const _react = require("@griffel/react");
20
+ const breadcrumbItemClassNames = {
21
+ root: 'fui-BreadcrumbItem'
22
+ };
23
+ const useBreadcrumbItemResetStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1tl60rs", null, [
24
+ ".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}"
25
+ ]);
26
+ const useBreadcrumbItemStyles_unstable = (state)=>{
27
+ const resetStyles = useBreadcrumbItemResetStyles();
28
+ state.root.className = (0, _react.mergeClasses)(breadcrumbItemClassNames.root, resetStyles, state.root.className);
29
+ return state;
30
+ }; //# sourceMappingURL=useBreadcrumbItemStyles.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useBreadcrumbItemStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const breadcrumbItemClassNames = {\n root: 'fui-BreadcrumbItem'\n};\nconst useBreadcrumbItemResetStyles = /*#__PURE__*/__resetStyles(\"r1tl60rs\", null, [\".r1tl60rs{display:flex;align-items:center;color:var(--colorNeutralForeground2);box-sizing:border-box;text-wrap:nowrap;}\"]);\n/**\n * Apply styling to the BreadcrumbItem slots based on the state\n */\nexport const useBreadcrumbItemStyles_unstable = state => {\n const resetStyles = useBreadcrumbItemResetStyles();\n state.root.className = mergeClasses(breadcrumbItemClassNames.root, resetStyles, state.root.className);\n return state;\n};\n//# sourceMappingURL=useBreadcrumbItemStyles.styles.js.map"],"names":["breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable","root","useBreadcrumbItemResetStyles","__resetStyles","state","resetStyles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;uBAT+B;AAErC,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,+BAA+B,WAAW,GAAEC,IAAAA,oBAAa,EAAC,YAAY,MAAM;IAAC;CAA0H;AAItM,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,cAAcH;IACpBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,aAAaD,MAAMH,IAAI,CAACK,SAAS;IACpG,OAAOF;AACT,GACA,0DAA0D"}
@@ -0,0 +1,95 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ Breadcrumb: function() {
13
+ return _Breadcrumb.Breadcrumb;
14
+ },
15
+ renderBreadcrumb_unstable: function() {
16
+ return _Breadcrumb.renderBreadcrumb_unstable;
17
+ },
18
+ useBreadcrumb_unstable: function() {
19
+ return _Breadcrumb.useBreadcrumb_unstable;
20
+ },
21
+ useBreadcrumbStyles_unstable: function() {
22
+ return _Breadcrumb.useBreadcrumbStyles_unstable;
23
+ },
24
+ breadcrumbClassNames: function() {
25
+ return _Breadcrumb.breadcrumbClassNames;
26
+ },
27
+ BreadcrumbDivider: function() {
28
+ return _BreadcrumbDivider.BreadcrumbDivider;
29
+ },
30
+ breadcrumbDividerClassNames: function() {
31
+ return _BreadcrumbDivider.breadcrumbDividerClassNames;
32
+ },
33
+ renderBreadcrumbDivider_unstable: function() {
34
+ return _BreadcrumbDivider.renderBreadcrumbDivider_unstable;
35
+ },
36
+ useBreadcrumbDividerStyles_unstable: function() {
37
+ return _BreadcrumbDivider.useBreadcrumbDividerStyles_unstable;
38
+ },
39
+ useBreadcrumbDivider_unstable: function() {
40
+ return _BreadcrumbDivider.useBreadcrumbDivider_unstable;
41
+ },
42
+ BreadcrumbItem: function() {
43
+ return _BreadcrumbItem.BreadcrumbItem;
44
+ },
45
+ breadcrumbItemClassNames: function() {
46
+ return _BreadcrumbItem.breadcrumbItemClassNames;
47
+ },
48
+ renderBreadcrumbItem_unstable: function() {
49
+ return _BreadcrumbItem.renderBreadcrumbItem_unstable;
50
+ },
51
+ useBreadcrumbItemStyles_unstable: function() {
52
+ return _BreadcrumbItem.useBreadcrumbItemStyles_unstable;
53
+ },
54
+ useBreadcrumbItem_unstable: function() {
55
+ return _BreadcrumbItem.useBreadcrumbItem_unstable;
56
+ },
57
+ partitionBreadcrumbItems: function() {
58
+ return _index.partitionBreadcrumbItems;
59
+ },
60
+ truncateBreadcrumbLongName: function() {
61
+ return _index.truncateBreadcrumbLongName;
62
+ },
63
+ truncateBreadcrumLongTooltip: function() {
64
+ return _index.truncateBreadcrumLongTooltip;
65
+ },
66
+ isTruncatableBreadcrumbContent: function() {
67
+ return _index.isTruncatableBreadcrumbContent;
68
+ },
69
+ BreadcrumbButton: function() {
70
+ return _BreadcrumbButton.BreadcrumbButton;
71
+ },
72
+ breadcrumbButtonClassNames: function() {
73
+ return _BreadcrumbButton.breadcrumbButtonClassNames;
74
+ },
75
+ renderBreadcrumbButton_unstable: function() {
76
+ return _BreadcrumbButton.renderBreadcrumbButton_unstable;
77
+ },
78
+ useBreadcrumbButtonStyles_unstable: function() {
79
+ return _BreadcrumbButton.useBreadcrumbButtonStyles_unstable;
80
+ },
81
+ useBreadcrumbButton_unstable: function() {
82
+ return _BreadcrumbButton.useBreadcrumbButton_unstable;
83
+ },
84
+ BreadcrumbProvider: function() {
85
+ return _Breadcrumb.BreadcrumbProvider;
86
+ },
87
+ useBreadcrumbContext_unstable: function() {
88
+ return _Breadcrumb.useBreadcrumbContext_unstable;
89
+ }
90
+ });
91
+ const _Breadcrumb = require("./Breadcrumb");
92
+ const _BreadcrumbDivider = require("./BreadcrumbDivider");
93
+ const _BreadcrumbItem = require("./BreadcrumbItem");
94
+ const _index = require("./utils/index");
95
+ const _BreadcrumbButton = require("./BreadcrumbButton");
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export { Breadcrumb, renderBreadcrumb_unstable, useBreadcrumb_unstable, useBreadcrumbStyles_unstable, breadcrumbClassNames } from './Breadcrumb';\nexport { BreadcrumbDivider, breadcrumbDividerClassNames, renderBreadcrumbDivider_unstable, useBreadcrumbDividerStyles_unstable, useBreadcrumbDivider_unstable } from './BreadcrumbDivider';\nexport { BreadcrumbItem, breadcrumbItemClassNames, renderBreadcrumbItem_unstable, useBreadcrumbItemStyles_unstable, useBreadcrumbItem_unstable } from './BreadcrumbItem';\nexport { partitionBreadcrumbItems, truncateBreadcrumbLongName, truncateBreadcrumLongTooltip, isTruncatableBreadcrumbContent } from './utils/index';\nexport { BreadcrumbButton, breadcrumbButtonClassNames, renderBreadcrumbButton_unstable, useBreadcrumbButtonStyles_unstable, useBreadcrumbButton_unstable } from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbStyles_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IACjHC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,cAAc;eAAdA,8BAAc;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACrIC,wBAAwB;eAAxBA,+BAAwB;;IAAEC,0BAA0B;eAA1BA,iCAA0B;;IAAEC,4BAA4B;eAA5BA,mCAA4B;;IAAEC,8BAA8B;eAA9BA,qCAA8B;;IAClHC,gBAAgB;eAAhBA,kCAAgB;;IAAEC,0BAA0B;eAA1BA,4CAA0B;;IAAEC,+BAA+B;eAA/BA,iDAA+B;;IAAEC,kCAAkC;eAAlCA,oDAAkC;;IAAEC,4BAA4B;eAA5BA,8CAA4B;;IAC/IC,kBAAkB;eAAlBA,8BAAkB;;IAAEC,6BAA6B;eAA7BA,yCAA6B;;;4BALwE;mCACmC;gCACf;uBACnB;kCAC6B"}
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ partitionBreadcrumbItems: function() {
13
+ return _partitionBreadcrumbItems.partitionBreadcrumbItems;
14
+ },
15
+ truncateBreadcrumbLongName: function() {
16
+ return _truncateBreadcrumb.truncateBreadcrumbLongName;
17
+ },
18
+ truncateBreadcrumLongTooltip: function() {
19
+ return _truncateBreadcrumb.truncateBreadcrumLongTooltip;
20
+ },
21
+ isTruncatableBreadcrumbContent: function() {
22
+ return _truncateBreadcrumb.isTruncatableBreadcrumbContent;
23
+ }
24
+ });
25
+ const _partitionBreadcrumbItems = require("./partitionBreadcrumbItems");
26
+ const _truncateBreadcrumb = require("./truncateBreadcrumb");
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export { partitionBreadcrumbItems } from './partitionBreadcrumbItems';\nexport { truncateBreadcrumbLongName, truncateBreadcrumLongTooltip, isTruncatableBreadcrumbContent } from './truncateBreadcrumb';\n"],"names":["partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent"],"mappings":";;;;;;;;;;;IAASA,wBAAwB;eAAxBA,kDAAwB;;IACxBC,0BAA0B;eAA1BA,8CAA0B;;IAAEC,4BAA4B;eAA5BA,gDAA4B;;IAAEC,8BAA8B;eAA9BA,kDAA8B;;;0CADxD;oCACgE"}
@@ -0,0 +1,39 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "partitionBreadcrumbItems", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return partitionBreadcrumbItems;
9
+ }
10
+ });
11
+ const DEFAULT_OVERFLOW_INDEX = 1;
12
+ const DEFAULT_MAX_DISPLAYED_ITEMS = 6;
13
+ const partitionBreadcrumbItems = (options)=>{
14
+ let startDisplayedItems;
15
+ let overflowItems;
16
+ let endDisplayedItems;
17
+ const { items = [] } = options;
18
+ const itemsCount = items.length;
19
+ const maxDisplayedItems = getMaxDisplayedItems(options.maxDisplayedItems);
20
+ var _options_overflowIndex;
21
+ let overflowIndex = (_options_overflowIndex = options.overflowIndex) !== null && _options_overflowIndex !== void 0 ? _options_overflowIndex : DEFAULT_OVERFLOW_INDEX;
22
+ startDisplayedItems = items.slice(0, overflowIndex);
23
+ const numberItemsToHide = itemsCount - maxDisplayedItems;
24
+ if (numberItemsToHide > 0) {
25
+ overflowIndex = overflowIndex === maxDisplayedItems ? overflowIndex - 1 : overflowIndex;
26
+ const menuLastItemIdx = overflowIndex + numberItemsToHide;
27
+ startDisplayedItems = startDisplayedItems.slice(0, overflowIndex);
28
+ overflowItems = items.slice(overflowIndex, menuLastItemIdx);
29
+ endDisplayedItems = items.slice(menuLastItemIdx, itemsCount);
30
+ }
31
+ return {
32
+ startDisplayedItems,
33
+ overflowItems,
34
+ endDisplayedItems
35
+ };
36
+ };
37
+ function getMaxDisplayedItems(maxDisplayedItems) {
38
+ return maxDisplayedItems && maxDisplayedItems >= 0 ? maxDisplayedItems : DEFAULT_MAX_DISPLAYED_ITEMS;
39
+ }
@@ -0,0 +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"}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ isTruncatableBreadcrumbContent: function() {
13
+ return isTruncatableBreadcrumbContent;
14
+ },
15
+ truncateBreadcrumbLongName: function() {
16
+ return truncateBreadcrumbLongName;
17
+ },
18
+ truncateBreadcrumLongTooltip: function() {
19
+ return truncateBreadcrumLongTooltip;
20
+ }
21
+ });
22
+ const MAX_NAME_LENGTH = 30;
23
+ const MAX_TOOLTIP_LENGTH = 80;
24
+ const truncateBreadcrumb = (content, maxLength)=>{
25
+ return isTruncatableBreadcrumbContent(content, maxLength) ? content.trim().slice(0, maxLength).concat('...') : content;
26
+ };
27
+ const isTruncatableBreadcrumbContent = (content, maxLength)=>{
28
+ return content.length > maxLength;
29
+ };
30
+ const truncateBreadcrumbLongName = (content, maxLength)=>{
31
+ const truncateLength = maxLength || MAX_NAME_LENGTH;
32
+ return truncateBreadcrumb(content, truncateLength);
33
+ };
34
+ const truncateBreadcrumLongTooltip = (content, maxLength)=>{
35
+ const truncateLength = maxLength || MAX_TOOLTIP_LENGTH;
36
+ return truncateBreadcrumb(content, truncateLength);
37
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["truncateBreadcrumb.js"],"sourcesContent":["const MAX_NAME_LENGTH = 30;\nconst MAX_TOOLTIP_LENGTH = 80;\nconst truncateBreadcrumb = (content, maxLength)=>{\n return isTruncatableBreadcrumbContent(content, maxLength) ? content.trim().slice(0, maxLength).concat('...') : content;\n};\nexport const isTruncatableBreadcrumbContent = (content, maxLength)=>{\n return content.length > maxLength;\n};\nexport const truncateBreadcrumbLongName = (content, maxLength)=>{\n const truncateLength = maxLength || MAX_NAME_LENGTH;\n return truncateBreadcrumb(content, truncateLength);\n};\nexport const truncateBreadcrumLongTooltip = (content, maxLength)=>{\n const truncateLength = maxLength || MAX_TOOLTIP_LENGTH;\n return truncateBreadcrumb(content, truncateLength);\n};\n"],"names":["isTruncatableBreadcrumbContent","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","MAX_NAME_LENGTH","MAX_TOOLTIP_LENGTH","truncateBreadcrumb","content","maxLength","trim","slice","concat","length","truncateLength"],"mappings":";;;;;;;;;;;IAKaA,8BAA8B;eAA9BA;;IAGAC,0BAA0B;eAA1BA;;IAIAC,4BAA4B;eAA5BA;;;AAZb,MAAMC,kBAAkB;AACxB,MAAMC,qBAAqB;AAC3B,MAAMC,qBAAqB,CAACC,SAASC;IACjC,OAAOP,+BAA+BM,SAASC,aAAaD,QAAQE,IAAI,GAAGC,KAAK,CAAC,GAAGF,WAAWG,MAAM,CAAC,SAASJ;AACnH;AACO,MAAMN,iCAAiC,CAACM,SAASC;IACpD,OAAOD,QAAQK,MAAM,GAAGJ;AAC5B;AACO,MAAMN,6BAA6B,CAACK,SAASC;IAChD,MAAMK,iBAAiBL,aAAaJ;IACpC,OAAOE,mBAAmBC,SAASM;AACvC;AACO,MAAMV,+BAA+B,CAACI,SAASC;IAClD,MAAMK,iBAAiBL,aAAaH;IACpC,OAAOC,mBAAmBC,SAASM;AACvC"}