@fluentui/react-breadcrumb 9.3.17 → 9.4.1
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 +29 -2
- package/dist/index.d.ts +84 -7
- package/lib/Breadcrumb.js +1 -1
- package/lib/Breadcrumb.js.map +1 -1
- package/lib/BreadcrumbButton.js +1 -1
- package/lib/BreadcrumbButton.js.map +1 -1
- package/lib/BreadcrumbDivider.js +1 -1
- package/lib/BreadcrumbDivider.js.map +1 -1
- package/lib/BreadcrumbItem.js +1 -1
- package/lib/BreadcrumbItem.js.map +1 -1
- package/lib/components/Breadcrumb/Breadcrumb.types.js +1 -3
- package/lib/components/Breadcrumb/Breadcrumb.types.js.map +1 -1
- package/lib/components/Breadcrumb/BreadcrumbContext.js.map +1 -1
- package/lib/components/Breadcrumb/index.js +2 -1
- package/lib/components/Breadcrumb/index.js.map +1 -1
- package/lib/components/Breadcrumb/renderBreadcrumb.js.map +1 -1
- package/lib/components/Breadcrumb/useBreadcrumb.js +37 -9
- package/lib/components/Breadcrumb/useBreadcrumb.js.map +1 -1
- package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js +1 -3
- package/lib/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -1
- package/lib/components/BreadcrumbButton/index.js +1 -1
- package/lib/components/BreadcrumbButton/index.js.map +1 -1
- package/lib/components/BreadcrumbButton/renderBreadcrumbButton.js.map +1 -1
- package/lib/components/BreadcrumbButton/useBreadcrumbButton.js +27 -14
- package/lib/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -1
- package/lib/components/BreadcrumbDivider/BreadcrumbDivider.types.js +1 -1
- package/lib/components/BreadcrumbDivider/BreadcrumbDivider.types.js.map +1 -1
- package/lib/components/BreadcrumbDivider/index.js +1 -1
- package/lib/components/BreadcrumbDivider/index.js.map +1 -1
- package/lib/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +1 -1
- package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js +18 -4
- package/lib/components/BreadcrumbDivider/useBreadcrumbDivider.js.map +1 -1
- package/lib/components/BreadcrumbItem/BreadcrumbItem.types.js +1 -1
- package/lib/components/BreadcrumbItem/BreadcrumbItem.types.js.map +1 -1
- package/lib/components/BreadcrumbItem/index.js +1 -1
- package/lib/components/BreadcrumbItem/index.js.map +1 -1
- package/lib/components/BreadcrumbItem/renderBreadcrumbItem.js.map +1 -1
- package/lib/components/BreadcrumbItem/useBreadcrumbItem.js +14 -3
- package/lib/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -1
- package/lib/index.js +4 -4
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Breadcrumb.js +9 -0
- package/lib-commonjs/Breadcrumb.js.map +1 -1
- package/lib-commonjs/BreadcrumbButton.js +3 -0
- package/lib-commonjs/BreadcrumbButton.js.map +1 -1
- package/lib-commonjs/BreadcrumbDivider.js +3 -0
- package/lib-commonjs/BreadcrumbDivider.js.map +1 -1
- package/lib-commonjs/BreadcrumbItem.js +3 -0
- package/lib-commonjs/BreadcrumbItem.js.map +1 -1
- package/lib-commonjs/components/Breadcrumb/Breadcrumb.types.js +1 -3
- package/lib-commonjs/components/Breadcrumb/Breadcrumb.types.js.map +1 -1
- package/lib-commonjs/components/Breadcrumb/BreadcrumbContext.js.map +1 -1
- package/lib-commonjs/components/Breadcrumb/index.js +10 -0
- package/lib-commonjs/components/Breadcrumb/index.js.map +1 -1
- package/lib-commonjs/components/Breadcrumb/renderBreadcrumb.js.map +1 -1
- package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js +38 -13
- package/lib-commonjs/components/Breadcrumb/useBreadcrumb.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js +1 -3
- package/lib-commonjs/components/BreadcrumbButton/BreadcrumbButton.types.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbButton/index.js +3 -0
- package/lib-commonjs/components/BreadcrumbButton/index.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbButton/renderBreadcrumbButton.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js +31 -17
- package/lib-commonjs/components/BreadcrumbButton/useBreadcrumbButton.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.js +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/BreadcrumbDivider.types.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/index.js +3 -0
- package/lib-commonjs/components/BreadcrumbDivider/index.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/renderBreadcrumbDivider.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js +23 -7
- package/lib-commonjs/components/BreadcrumbDivider/useBreadcrumbDivider.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.types.js +1 -1
- package/lib-commonjs/components/BreadcrumbItem/BreadcrumbItem.types.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbItem/index.js +3 -0
- package/lib-commonjs/components/BreadcrumbItem/index.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbItem/renderBreadcrumbItem.js.map +1 -1
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js +19 -7
- package/lib-commonjs/components/BreadcrumbItem/useBreadcrumbItem.js.map +1 -1
- package/lib-commonjs/index.js +18 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -7
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderBreadcrumbDivider_unstable: function() {
|
|
19
19
|
return _renderBreadcrumbDivider.renderBreadcrumbDivider_unstable;
|
|
20
20
|
},
|
|
21
|
+
useBreadcrumbDividerBase_unstable: function() {
|
|
22
|
+
return _useBreadcrumbDivider.useBreadcrumbDividerBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useBreadcrumbDividerStyles_unstable: function() {
|
|
22
25
|
return _useBreadcrumbDividerStylesstyles.useBreadcrumbDividerStyles_unstable;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbDivider/index.ts"],"sourcesContent":["export { BreadcrumbDivider } from './BreadcrumbDivider';\nexport type {
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbDivider/index.ts"],"sourcesContent":["export { BreadcrumbDivider } from './BreadcrumbDivider';\nexport type {\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n} from './BreadcrumbDivider.types';\nexport { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';\nexport { useBreadcrumbDivider_unstable, useBreadcrumbDividerBase_unstable } from './useBreadcrumbDivider';\nexport { breadcrumbDividerClassNames, useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';\n"],"names":["BreadcrumbDivider","renderBreadcrumbDivider_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","breadcrumbDividerClassNames","useBreadcrumbDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,oCAAiB;;;eAUjBI,6DAA2B;;;eAF3BH,yDAAgC;;;eACDE,uDAAiC;;;eACnCE,qEAAmC;;;eADhEH,mDAA6B;;;mCATJ,sBAAsB;yCAQP,4BAA4B;sCACI,yBAAyB;kDACzB,sCAAsC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type {
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { BreadcrumbDividerBaseState, BreadcrumbDividerSlots } from './BreadcrumbDivider.types';\n\n/**\n * Render the final JSX of BreadcrumbDivider\n */\nexport const renderBreadcrumbDivider_unstable = (state: BreadcrumbDividerBaseState): JSXElement => {\n assertSlots<BreadcrumbDividerSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderBreadcrumbDivider_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAQjD,MAAMC,mCAAmC,CAACC;QAC/CF,2BAAAA,EAAoCE;IAEpC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
|
|
@@ -3,9 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function _export(target, all) {
|
|
7
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: all[name]
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
_export(exports, {
|
|
13
|
+
useBreadcrumbDividerBase_unstable: function() {
|
|
14
|
+
return useBreadcrumbDividerBase_unstable;
|
|
15
|
+
},
|
|
16
|
+
useBreadcrumbDivider_unstable: function() {
|
|
9
17
|
return useBreadcrumbDivider_unstable;
|
|
10
18
|
}
|
|
11
19
|
});
|
|
@@ -17,8 +25,18 @@ const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
|
|
|
17
25
|
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
18
26
|
const useBreadcrumbDivider_unstable = (props, ref)=>{
|
|
19
27
|
const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
|
|
28
|
+
const state = useBreadcrumbDividerBase_unstable(props, ref);
|
|
20
29
|
const { dir } = (0, _reactsharedcontexts.useFluent_unstable)();
|
|
21
|
-
|
|
30
|
+
return {
|
|
31
|
+
...state,
|
|
32
|
+
root: {
|
|
33
|
+
...state.root,
|
|
34
|
+
children: getDividerIcon(dir)
|
|
35
|
+
},
|
|
36
|
+
size
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
const useBreadcrumbDividerBase_unstable = (props, ref)=>{
|
|
22
40
|
return {
|
|
23
41
|
components: {
|
|
24
42
|
root: 'li'
|
|
@@ -26,12 +44,10 @@ const useBreadcrumbDivider_unstable = (props, ref)=>{
|
|
|
26
44
|
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('li', {
|
|
27
45
|
ref,
|
|
28
46
|
'aria-hidden': true,
|
|
29
|
-
children: icon,
|
|
30
47
|
...props
|
|
31
48
|
}), {
|
|
32
49
|
elementType: 'li'
|
|
33
|
-
})
|
|
34
|
-
size
|
|
50
|
+
})
|
|
35
51
|
};
|
|
36
52
|
};
|
|
37
53
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbDivider/useBreadcrumbDivider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n BreadcrumbDividerProps,\n BreadcrumbDividerState,\n} from './BreadcrumbDivider.types';\nimport { ChevronRightRegular, ChevronLeftRegular } from '@fluentui/react-icons';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\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 */\nexport const useBreadcrumbDivider_unstable = (\n props: BreadcrumbDividerProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbDividerState => {\n const { size } = useBreadcrumbContext_unstable();\n const state = useBreadcrumbDividerBase_unstable(props, ref);\n const { dir } = useFluent();\n\n return {\n ...state,\n root: {\n ...state.root,\n children: getDividerIcon(dir),\n },\n size,\n };\n};\n\n/**\n * Base hook for BreadcrumbDivider component, which manages state related to slots structure and ARIA attributes\n * without design props. Note: size is provided via BreadcrumbContext in the full hook.\n *\n * @param props - props from this instance of BreadcrumbDivider\n * @param ref - reference to root HTMLElement of BreadcrumbDivider\n */\nexport const useBreadcrumbDividerBase_unstable = (\n props: BreadcrumbDividerBaseProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbDividerBaseState => {\n return {\n components: {\n root: 'li',\n },\n root: slot.always(\n getIntrinsicElementProps('li', {\n ref,\n 'aria-hidden': true,\n ...props,\n }),\n { elementType: 'li' },\n ),\n };\n};\n\n/**\n * Get icon of the divider\n *\n * @param dir - RTL or LTR\n */\nfunction getDividerIcon(dir: string) {\n return dir === 'rtl' ? <ChevronLeftRegular /> : <ChevronRightRegular />;\n}\n"],"names":["React","getIntrinsicElementProps","slot","ChevronRightRegular","ChevronLeftRegular","useBreadcrumbContext_unstable","useFluent_unstable","useFluent","useBreadcrumbDivider_unstable","props","ref","size","state","useBreadcrumbDividerBase_unstable","dir","root","children","getDividerIcon","components","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;qCAgDaa;eAAAA;;iCAzBAL;;;;;iEArBU,QAAQ;gCACgB,4BAA4B;4BAOnB,wBAAwB;mCAClC,kCAAkC;qCAChC,kCAAkC;AAW3E,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,GAAGN,oDAAAA;IACjB,MAAMO,QAAQC,kCAAkCJ,OAAOC;IACvD,MAAM,EAAEI,GAAG,EAAE,OAAGP,uCAAAA;IAEhB,OAAO;QACL,GAAGK,KAAK;QACRG,MAAM;YACJ,GAAGH,MAAMG,IAAI;YACbC,UAAUC,eAAeH;QAC3B;QACAH;IACF;AACF,EAAE;AASK,0CAA0C,CAC/CF,OACAC;IAEA,OAAO;QACLQ,YAAY;YACVH,MAAM;QACR;QACAA,MAAMb,oBAAAA,CAAKiB,MAAM,KACflB,wCAAAA,EAAyB,MAAM;YAC7BS;YACA,eAAe;YACf,GAAGD,KAAK;QACV,IACA;YAAEW,aAAa;QAAK;IAExB;AACF,EAAE;AAEF;;;;CAIC,GACD,SAASH,eAAeH,GAAW;IACjC,OAAOA,QAAQ,QAAA,WAAA,GAAQ,OAAA,aAAA,CAACV,8BAAAA,EAAAA,QAAAA,WAAAA,GAAwB,OAAA,aAAA,CAACD,+BAAAA,EAAAA;AACnD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb';\n\nexport type BreadcrumbItemSlots = {\n root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbItem Props\n */\nexport type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;\n\n/**\n * State used in rendering BreadcrumbItem\n */\nexport type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbItem/BreadcrumbItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { BreadcrumbProps } from '../Breadcrumb';\n\nexport type BreadcrumbItemSlots = {\n root: Slot<'li'>;\n};\n\n/**\n * BreadcrumbItem Props\n */\nexport type BreadcrumbItemProps = ComponentProps<BreadcrumbItemSlots> & Pick<BreadcrumbProps, 'size'>;\n\n/**\n * State used in rendering BreadcrumbItem\n */\nexport type BreadcrumbItemState = ComponentState<BreadcrumbItemSlots> & Required<Pick<BreadcrumbItemProps, 'size'>>;\n\n/**\n * BreadcrumbItem base props (same as BreadcrumbItemProps since size is passed through context, not as a design prop)\n */\nexport type BreadcrumbItemBaseProps = Omit<BreadcrumbItemProps, 'size'>;\n\n/**\n * BreadcrumbItem base state (excludes size, which is a design prop injected from context)\n */\nexport type BreadcrumbItemBaseState = Omit<BreadcrumbItemState, 'size'>;\n"],"names":[],"mappings":"AAsBA;;CAEC,GACD,WAAwE"}
|
|
@@ -18,6 +18,9 @@ _export(exports, {
|
|
|
18
18
|
renderBreadcrumbItem_unstable: function() {
|
|
19
19
|
return _renderBreadcrumbItem.renderBreadcrumbItem_unstable;
|
|
20
20
|
},
|
|
21
|
+
useBreadcrumbItemBase_unstable: function() {
|
|
22
|
+
return _useBreadcrumbItem.useBreadcrumbItemBase_unstable;
|
|
23
|
+
},
|
|
21
24
|
useBreadcrumbItemStyles_unstable: function() {
|
|
22
25
|
return _useBreadcrumbItemStylesstyles.useBreadcrumbItemStyles_unstable;
|
|
23
26
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbItem/index.ts"],"sourcesContent":["export { BreadcrumbItem } from './BreadcrumbItem';\nexport type {
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbItem/index.ts"],"sourcesContent":["export { BreadcrumbItem } from './BreadcrumbItem';\nexport type {\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n} from './BreadcrumbItem.types';\nexport { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';\nexport { useBreadcrumbItem_unstable, useBreadcrumbItemBase_unstable } from './useBreadcrumbItem';\nexport { breadcrumbItemClassNames, useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';\n"],"names":["BreadcrumbItem","renderBreadcrumbItem_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","breadcrumbItemClassNames","useBreadcrumbItemStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,8BAAc;;;eAUdI,uDAAwB;;;eAFxBH,mDAA6B;;;eACDE,iDAA8B;;;eAChCE,+DAAgC;;;eAD1DH,6CAA0B;;;gCATJ,mBAAmB;sCAQJ,yBAAyB;mCACI,sBAAsB;+CACtB,mCAAmC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbItem/renderBreadcrumbItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type {
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbItem/renderBreadcrumbItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { BreadcrumbItemBaseState, BreadcrumbItemSlots } from './BreadcrumbItem.types';\n\n/**\n * Render the final JSX of BreadcrumbItem\n */\nexport const renderBreadcrumbItem_unstable = (state: BreadcrumbItemBaseState): JSXElement => {\n assertSlots<BreadcrumbItemSlots>(state);\n\n return <state.root>{state.root.children}</state.root>;\n};\n"],"names":["assertSlots","renderBreadcrumbItem_unstable","state","root","children"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCAErB,4BAA4B;AAQjD,MAAMC,gCAAgC,CAACC;QAC5CF,2BAAAA,EAAiCE;IAEjC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA;kBAAED,MAAMC,IAAI,CAACC,QAAQ;;AACzC,EAAE"}
|
|
@@ -3,18 +3,31 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function _export(target, all) {
|
|
7
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: all[name]
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
_export(exports, {
|
|
13
|
+
useBreadcrumbItemBase_unstable: function() {
|
|
14
|
+
return useBreadcrumbItemBase_unstable;
|
|
15
|
+
},
|
|
16
|
+
useBreadcrumbItem_unstable: function() {
|
|
9
17
|
return useBreadcrumbItem_unstable;
|
|
10
18
|
}
|
|
11
19
|
});
|
|
12
|
-
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
13
|
-
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
20
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
15
21
|
const _BreadcrumbContext = require("../Breadcrumb/BreadcrumbContext");
|
|
16
22
|
const useBreadcrumbItem_unstable = (props, ref)=>{
|
|
17
23
|
const { size } = (0, _BreadcrumbContext.useBreadcrumbContext_unstable)();
|
|
24
|
+
const state = useBreadcrumbItemBase_unstable(props, ref);
|
|
25
|
+
return {
|
|
26
|
+
...state,
|
|
27
|
+
size
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
const useBreadcrumbItemBase_unstable = (props, ref)=>{
|
|
18
31
|
return {
|
|
19
32
|
components: {
|
|
20
33
|
root: 'li'
|
|
@@ -24,7 +37,6 @@ const useBreadcrumbItem_unstable = (props, ref)=>{
|
|
|
24
37
|
...props
|
|
25
38
|
}), {
|
|
26
39
|
elementType: 'li'
|
|
27
|
-
})
|
|
28
|
-
size
|
|
40
|
+
})
|
|
29
41
|
};
|
|
30
42
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {
|
|
1
|
+
{"version":3,"sources":["../src/components/BreadcrumbItem/useBreadcrumbItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type {\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n BreadcrumbItemProps,\n BreadcrumbItemState,\n} from './BreadcrumbItem.types';\nimport { useBreadcrumbContext_unstable } from '../Breadcrumb/BreadcrumbContext';\n\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 */\nexport const useBreadcrumbItem_unstable = (\n props: BreadcrumbItemProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemState => {\n const { size } = useBreadcrumbContext_unstable();\n const state = useBreadcrumbItemBase_unstable(props, ref);\n\n return {\n ...state,\n size,\n };\n};\n\n/**\n * Base hook for BreadcrumbItem component, which manages state related to slots structure\n * without design props. Note: size is provided via BreadcrumbContext in the full hook.\n *\n * @param props - props from this instance of BreadcrumbItem\n * @param ref - reference to root HTMLElement of BreadcrumbItem\n */\nexport const useBreadcrumbItemBase_unstable = (\n props: BreadcrumbItemBaseProps,\n ref: React.Ref<HTMLLIElement>,\n): BreadcrumbItemBaseState => {\n return {\n components: { root: 'li' },\n root: slot.always(\n getIntrinsicElementProps('li', {\n ref,\n ...props,\n }),\n { elementType: 'li' },\n ),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useBreadcrumbContext_unstable","useBreadcrumbItem_unstable","props","ref","size","state","useBreadcrumbItemBase_unstable","components","root","always","elementType"],"mappings":"AAAA;;;;;;;;;;;;IAyCaQ,8BAAAA;;;8BApBAL;;;;gCAlBkC,4BAA4B;mCAO7B,kCAAkC;AAWzE,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAE,OAAGJ,gDAAAA;IACjB,MAAMK,QAAQC,+BAA+BJ,OAAOC;IAEpD,OAAO;QACL,GAAGE,KAAK;QACRD;IACF;AACF,EAAE;AASK,uCAAuC,CAC5CF,OACAC;IAEA,OAAO;QACLI,YAAY;YAAEC,MAAM;QAAK;QACzBA,MAAMT,oBAAAA,CAAKU,MAAM,KACfX,wCAAAA,EAAyB,MAAM;YAC7BK;YACA,GAAGD,KAAK;QACV,IACA;YAAEQ,aAAa;QAAK;IAExB;AACF,EAAE"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -60,21 +60,39 @@ _export(exports, {
|
|
|
60
60
|
truncateBreadcrumbLongName: function() {
|
|
61
61
|
return _index.truncateBreadcrumbLongName;
|
|
62
62
|
},
|
|
63
|
+
useBreadcrumbA11yBehavior_unstable: function() {
|
|
64
|
+
return _Breadcrumb.useBreadcrumbA11yBehavior_unstable;
|
|
65
|
+
},
|
|
66
|
+
useBreadcrumbBase_unstable: function() {
|
|
67
|
+
return _Breadcrumb.useBreadcrumbBase_unstable;
|
|
68
|
+
},
|
|
69
|
+
useBreadcrumbButtonBase_unstable: function() {
|
|
70
|
+
return _BreadcrumbButton.useBreadcrumbButtonBase_unstable;
|
|
71
|
+
},
|
|
63
72
|
useBreadcrumbButtonStyles_unstable: function() {
|
|
64
73
|
return _BreadcrumbButton.useBreadcrumbButtonStyles_unstable;
|
|
65
74
|
},
|
|
66
75
|
useBreadcrumbButton_unstable: function() {
|
|
67
76
|
return _BreadcrumbButton.useBreadcrumbButton_unstable;
|
|
68
77
|
},
|
|
78
|
+
useBreadcrumbContextValues_unstable: function() {
|
|
79
|
+
return _Breadcrumb.useBreadcrumbContextValues_unstable;
|
|
80
|
+
},
|
|
69
81
|
useBreadcrumbContext_unstable: function() {
|
|
70
82
|
return _Breadcrumb.useBreadcrumbContext_unstable;
|
|
71
83
|
},
|
|
84
|
+
useBreadcrumbDividerBase_unstable: function() {
|
|
85
|
+
return _BreadcrumbDivider.useBreadcrumbDividerBase_unstable;
|
|
86
|
+
},
|
|
72
87
|
useBreadcrumbDividerStyles_unstable: function() {
|
|
73
88
|
return _BreadcrumbDivider.useBreadcrumbDividerStyles_unstable;
|
|
74
89
|
},
|
|
75
90
|
useBreadcrumbDivider_unstable: function() {
|
|
76
91
|
return _BreadcrumbDivider.useBreadcrumbDivider_unstable;
|
|
77
92
|
},
|
|
93
|
+
useBreadcrumbItemBase_unstable: function() {
|
|
94
|
+
return _BreadcrumbItem.useBreadcrumbItemBase_unstable;
|
|
95
|
+
},
|
|
78
96
|
useBreadcrumbItemStyles_unstable: function() {
|
|
79
97
|
return _BreadcrumbItem.useBreadcrumbItemStyles_unstable;
|
|
80
98
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Breadcrumb,\n renderBreadcrumb_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbStyles_unstable,\n breadcrumbClassNames,\n} from './Breadcrumb';\nexport type {
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Breadcrumb,\n renderBreadcrumb_unstable,\n useBreadcrumb_unstable,\n useBreadcrumbBase_unstable,\n useBreadcrumbA11yBehavior_unstable,\n useBreadcrumbStyles_unstable,\n useBreadcrumbContextValues_unstable,\n breadcrumbClassNames,\n} from './Breadcrumb';\nexport type {\n BreadcrumbSlots,\n BreadcrumbProps,\n BreadcrumbState,\n BreadcrumbBaseProps,\n BreadcrumbBaseState,\n} from './Breadcrumb';\nexport {\n BreadcrumbDivider,\n breadcrumbDividerClassNames,\n renderBreadcrumbDivider_unstable,\n useBreadcrumbDividerStyles_unstable,\n useBreadcrumbDivider_unstable,\n useBreadcrumbDividerBase_unstable,\n} from './BreadcrumbDivider';\nexport type {\n BreadcrumbDividerProps,\n BreadcrumbDividerSlots,\n BreadcrumbDividerState,\n BreadcrumbDividerBaseProps,\n BreadcrumbDividerBaseState,\n} from './BreadcrumbDivider';\nexport {\n BreadcrumbItem,\n breadcrumbItemClassNames,\n renderBreadcrumbItem_unstable,\n useBreadcrumbItemStyles_unstable,\n useBreadcrumbItem_unstable,\n useBreadcrumbItemBase_unstable,\n} from './BreadcrumbItem';\nexport type {\n BreadcrumbItemProps,\n BreadcrumbItemSlots,\n BreadcrumbItemState,\n BreadcrumbItemBaseProps,\n BreadcrumbItemBaseState,\n} from './BreadcrumbItem';\nexport {\n partitionBreadcrumbItems,\n truncateBreadcrumbLongName,\n truncateBreadcrumLongTooltip,\n isTruncatableBreadcrumbContent,\n} from './utils/index';\nexport type { PartitionBreadcrumbItemsOptions, PartitionBreadcrumbItems } from './utils/index';\nexport {\n BreadcrumbButton,\n breadcrumbButtonClassNames,\n renderBreadcrumbButton_unstable,\n useBreadcrumbButtonStyles_unstable,\n useBreadcrumbButton_unstable,\n useBreadcrumbButtonBase_unstable,\n} from './BreadcrumbButton';\nexport type {\n BreadcrumbButtonProps,\n BreadcrumbButtonSlots,\n BreadcrumbButtonState,\n BreadcrumbButtonBaseProps,\n BreadcrumbButtonBaseState,\n} from './BreadcrumbButton';\nexport { BreadcrumbProvider, useBreadcrumbContext_unstable } from './Breadcrumb';\nexport type { BreadcrumbContextValues } from './Breadcrumb';\n"],"names":["Breadcrumb","renderBreadcrumb_unstable","useBreadcrumb_unstable","useBreadcrumbBase_unstable","useBreadcrumbA11yBehavior_unstable","useBreadcrumbStyles_unstable","useBreadcrumbContextValues_unstable","breadcrumbClassNames","BreadcrumbDivider","breadcrumbDividerClassNames","renderBreadcrumbDivider_unstable","useBreadcrumbDividerStyles_unstable","useBreadcrumbDivider_unstable","useBreadcrumbDividerBase_unstable","BreadcrumbItem","breadcrumbItemClassNames","renderBreadcrumbItem_unstable","useBreadcrumbItemStyles_unstable","useBreadcrumbItem_unstable","useBreadcrumbItemBase_unstable","partitionBreadcrumbItems","truncateBreadcrumbLongName","truncateBreadcrumLongTooltip","isTruncatableBreadcrumbContent","BreadcrumbButton","breadcrumbButtonClassNames","renderBreadcrumbButton_unstable","useBreadcrumbButtonStyles_unstable","useBreadcrumbButton_unstable","useBreadcrumbButtonBase_unstable","BreadcrumbProvider","useBreadcrumbContext_unstable"],"mappings":";;;;;;;;;;;IACEA,UAAU;;;IAsDVwB,gBAAgB;;;;eArChBhB,oCAAiB;;;eAejBM,8BAAc;;;eAoCPgB,8BAAkB;;IAbzBL;2DAA0B;;IAhD1BlB;+CAAoB;;;eAWpBE,8CAA2B;;IAe3BM,wBAAwB;;;kCAiBM;eAA9BQ;;;eAHAH,+BAAwB;;IASxBM;gEAA+B;;;eArC/BhB,mDAAgC;;iCAeH;eAA7BM;;;eAjCAf,qCAAyB;;;eAgDzBqB,mCAA4B;;;eAD5BD,iCAA0B;;;eA5C1BjB,8CAAkC;;;eADlCD,sCAA0B;;;eAwD1B0B,kDAAgC;;;eAFhCF,oDAAkC;;IAClCC,4BAA4B;;;;eApD5BtB,+CAAmC;;IA8DRyB;wDAA6B,QAAQ,eAAe;;;eA9C/ElB,oDAAiC;;;eAFjCF,sDAAmC;;;eACnCC,gDAA6B;;IAgB7BO;6DAA8B;;;eAF9BF,gDAAgC;;;eAChCC,0CAA0B;;;eA/B1Bb,wCAA4B;;;eAH5BH,kCAAsB;;;4BAMjB,eAAe;mCAef,sBAAsB;gCAetB,mBAAmB;uBAanB,gBAAgB;kCAShB,qBAAqB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-breadcrumb",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.4.1",
|
|
4
4
|
"description": "Breadcrumb component for Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,15 +12,15 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui/react-aria": "^9.17.
|
|
16
|
-
"@fluentui/react-button": "^9.
|
|
15
|
+
"@fluentui/react-aria": "^9.17.11",
|
|
16
|
+
"@fluentui/react-button": "^9.9.1",
|
|
17
17
|
"@fluentui/react-icons": "^2.0.245",
|
|
18
|
-
"@fluentui/react-link": "^9.
|
|
18
|
+
"@fluentui/react-link": "^9.8.1",
|
|
19
19
|
"@fluentui/react-shared-contexts": "^9.26.2",
|
|
20
|
-
"@fluentui/react-tabster": "^9.26.
|
|
20
|
+
"@fluentui/react-tabster": "^9.26.14",
|
|
21
21
|
"@fluentui/react-theme": "^9.2.1",
|
|
22
|
-
"@fluentui/react-utilities": "^9.26.
|
|
23
|
-
"@fluentui/react-jsx-runtime": "^9.4.
|
|
22
|
+
"@fluentui/react-utilities": "^9.26.3",
|
|
23
|
+
"@fluentui/react-jsx-runtime": "^9.4.2",
|
|
24
24
|
"@griffel/react": "^1.5.32",
|
|
25
25
|
"@swc/helpers": "^0.5.1"
|
|
26
26
|
},
|