@laerdal/life-react-components 1.11.0-dev.11 → 1.11.0-dev.12
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.
|
@@ -81,6 +81,10 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
81
81
|
id: 'homelink',
|
|
82
82
|
variant: "default",
|
|
83
83
|
href: homeUrl,
|
|
84
|
+
onClick: function onClick(e) {
|
|
85
|
+
e.preventDefault();
|
|
86
|
+
navigateHook(homeUrl);
|
|
87
|
+
},
|
|
84
88
|
children: homeLabel
|
|
85
89
|
}), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
86
90
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SystemIcons.ChevronRight, {
|
|
@@ -105,6 +109,10 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
105
109
|
size: chevronSize
|
|
106
110
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
|
|
107
111
|
id: 'link-item-' + (items.length - 3),
|
|
112
|
+
onClick: function onClick(e) {
|
|
113
|
+
e.preventDefault();
|
|
114
|
+
navigateHook(items[items.length - 3].url);
|
|
115
|
+
},
|
|
108
116
|
target: "_self",
|
|
109
117
|
variant: "default",
|
|
110
118
|
href: items[items.length - 3].url,
|
|
@@ -117,6 +125,10 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
117
125
|
size: chevronSize
|
|
118
126
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HyperLink, {
|
|
119
127
|
id: 'link-item-' + (items.length - 2),
|
|
128
|
+
onClick: function onClick(e) {
|
|
129
|
+
e.preventDefault();
|
|
130
|
+
navigateHook(items[items.length - 2].url);
|
|
131
|
+
},
|
|
120
132
|
target: "_self",
|
|
121
133
|
variant: "default",
|
|
122
134
|
href: items[items.length - 2].url,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.cjs","names":["Breadcrumb","items","size","Size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","useNavigate","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","COLORS","neutral_500","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n homeIcon?: boolean;\n homeLabel?: string;\n homeUrl?: string;\n items?: BreadcrumbItem[];\n size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n const navigateHook = useNavigate();\n const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n const navigate = (links: string[]) => {\n navigateHook(links[0]);\n };\n\n const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n\n return (\n <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n {homeIcon ? (\n <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n <SystemIcons.Home size={chevronSize} />\n </IconButton>\n ) : (\n <HyperLink id={'homelink'} variant=\"default\" href={homeUrl}>\n {homeLabel}\n </HyperLink>\n )}\n\n {!!items &&\n items.length > 2 &&\n (items.length > 3 ? (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <DropdownButton\n type={'icon'}\n alignLeft={true}\n items={dropdownItems}\n size={size}\n icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n onClick={navigate}\n />\n </>\n ) : (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 3)} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\n {items[items.length - 3].label}\n </HyperLink>\n </>\n ))}\n\n {!!items && items.length > 1 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 2)} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\n {items[items.length - 2].label}\n </HyperLink>\n </>\n )}\n\n {!!items && items.length > 0 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n </>\n )}\n </BreadcrumbContainer>\n );\n};\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAGA;;AAEA;;;;;;;;;;;;;;AAUA,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD,OAA+F;EAAA,IAA5FC,KAA4F,QAA5FA,KAA4F;EAAA,qBAArFC,IAAqF;EAAA,IAArFA,IAAqF,0BAA9EC,MAAA,CAAKC,KAAyE;EAAA,yBAAlEC,QAAkE;EAAA,IAAlEA,QAAkE,8BAAvD,IAAuD;EAAA,0BAAjDC,SAAiD;EAAA,IAAjDA,SAAiD,+BAArC,MAAqC;EAAA,wBAA7BC,OAA6B;EAAA,IAA7BA,OAA6B,6BAAnB,GAAmB;EAAA,IAAXC,IAAW;EAC1J,IAAMC,YAAY,GAAG,IAAAC,wBAAA,GAArB;EACA,IAAMC,aAA6B,GAAGV,KAAK,GAAGA,KAAK,CAACW,KAAN,CAAY,CAAZ,EAAeX,KAAK,CAACY,MAAN,GAAe,CAA9B,EAAiCC,GAAjC,CAAqC,UAACC,CAAD;IAAA,OAAQ;MAAEC,KAAK,EAAED,CAAC,CAACE,GAAX;MAAgBC,YAAY,EAAEH,CAAC,CAACI;IAAhC,CAAR;EAAA,CAArC,CAAH,GAA4F,EAAvI;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAqB;IACpCZ,YAAY,CAACY,KAAK,CAAC,CAAD,CAAN,CAAZ;EACD,CAFD;;EAIA,IAAMC,WAAW,GAAGpB,IAAI,IAAIC,MAAA,CAAKoB,MAAb,GAAsB,MAAtB,GAA+BrB,IAAI,IAAIC,MAAA,CAAKC,KAAb,GAAqB,MAArB,GAA8B,MAAjF;EAEA,oBACE,sBAAC,4BAAD;IAAqB,IAAI,EAAEF,IAA3B;IAAiC,eAAa;EAA9C,GAAwEM,IAAxE;IAAA,WACGH,QAAQ,gBACP,qBAAC,YAAD;MAAY,EAAE,EAAC,UAAf;MAA0B,OAAO,EAAC,WAAlC;MAA8C,KAAK,EAAC,UAApD;MAA+D,MAAM,EAAE;QAAA,OAAMI,YAAY,CAACF,OAAD,CAAlB;MAAA,CAAvE;MAAA,uBACE,qBAAC,aAAD,CAAa,IAAb;QAAkB,IAAI,EAAEe;MAAxB;IADF,EADO,gBAKP,qBAAC,WAAD;MAAW,EAAE,EAAE,UAAf;MAA2B,OAAO,EAAC,SAAnC;MAA6C,IAAI,EAAEf,OAAnD;MAAA,UACGD;IADH,EANJ,EAWG,CAAC,CAACL,KAAF,IACCA,KAAK,CAACY,MAAN,GAAe,CADhB,KAEEZ,KAAK,CAACY,MAAN,GAAe,CAAf,gBACC;MAAA,wBACE,qBAAC,aAAD,CAAa,YAAb;QAA0B,SAAS,EAAC,aAApC;QAAkD,KAAK,
|
|
1
|
+
{"version":3,"file":"Breadcrumb.cjs","names":["Breadcrumb","items","size","Size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","useNavigate","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","e","preventDefault","COLORS","neutral_500","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n homeIcon?: boolean;\n homeLabel?: string;\n homeUrl?: string;\n items?: BreadcrumbItem[];\n size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n const navigateHook = useNavigate();\n const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n const navigate = (links: string[]) => {\n navigateHook(links[0]);\n };\n\n const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n\n return (\n <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n {homeIcon ? (\n <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n <SystemIcons.Home size={chevronSize} />\n </IconButton>\n ) : (\n <HyperLink id={'homelink'} variant=\"default\" href={homeUrl} onClick={(e) => { e.preventDefault(); navigateHook(homeUrl);}} >\n {homeLabel}\n </HyperLink>\n )}\n\n {!!items &&\n items.length > 2 &&\n (items.length > 3 ? (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <DropdownButton\n type={'icon'}\n alignLeft={true}\n items={dropdownItems}\n size={size}\n icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n onClick={navigate}\n />\n </>\n ) : (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 3)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 3].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\n {items[items.length - 3].label}\n </HyperLink>\n </>\n ))}\n\n {!!items && items.length > 1 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 2)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 2].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\n {items[items.length - 2].label}\n </HyperLink>\n </>\n )}\n\n {!!items && items.length > 0 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n </>\n )}\n </BreadcrumbContainer>\n );\n};\n\nexport default Breadcrumb;\n"],"mappings":"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"}
|
|
@@ -61,6 +61,10 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
61
61
|
id: 'homelink',
|
|
62
62
|
variant: "default",
|
|
63
63
|
href: homeUrl,
|
|
64
|
+
onClick: function onClick(e) {
|
|
65
|
+
e.preventDefault();
|
|
66
|
+
navigateHook(homeUrl);
|
|
67
|
+
},
|
|
64
68
|
children: homeLabel
|
|
65
69
|
}), !!items && items.length > 2 && (items.length > 3 ? /*#__PURE__*/_jsxs(_Fragment, {
|
|
66
70
|
children: [/*#__PURE__*/_jsx(SystemIcons.ChevronRight, {
|
|
@@ -85,6 +89,10 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
85
89
|
size: chevronSize
|
|
86
90
|
}), /*#__PURE__*/_jsx(HyperLink, {
|
|
87
91
|
id: 'link-item-' + (items.length - 3),
|
|
92
|
+
onClick: function onClick(e) {
|
|
93
|
+
e.preventDefault();
|
|
94
|
+
navigateHook(items[items.length - 3].url);
|
|
95
|
+
},
|
|
88
96
|
target: "_self",
|
|
89
97
|
variant: "default",
|
|
90
98
|
href: items[items.length - 3].url,
|
|
@@ -97,6 +105,10 @@ var Breadcrumb = function Breadcrumb(_ref) {
|
|
|
97
105
|
size: chevronSize
|
|
98
106
|
}), /*#__PURE__*/_jsx(HyperLink, {
|
|
99
107
|
id: 'link-item-' + (items.length - 2),
|
|
108
|
+
onClick: function onClick(e) {
|
|
109
|
+
e.preventDefault();
|
|
110
|
+
navigateHook(items[items.length - 2].url);
|
|
111
|
+
},
|
|
100
112
|
target: "_self",
|
|
101
113
|
variant: "default",
|
|
102
114
|
href: items[items.length - 2].url,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainer","LastBreadcrumbItem","Breadcrumb","items","size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","neutral_500","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n homeIcon?: boolean;\n homeLabel?: string;\n homeUrl?: string;\n items?: BreadcrumbItem[];\n size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n const navigateHook = useNavigate();\n const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n const navigate = (links: string[]) => {\n navigateHook(links[0]);\n };\n\n const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n\n return (\n <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n {homeIcon ? (\n <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n <SystemIcons.Home size={chevronSize} />\n </IconButton>\n ) : (\n <HyperLink id={'homelink'} variant=\"default\" href={homeUrl}>\n {homeLabel}\n </HyperLink>\n )}\n\n {!!items &&\n items.length > 2 &&\n (items.length > 3 ? (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <DropdownButton\n type={'icon'}\n alignLeft={true}\n items={dropdownItems}\n size={size}\n icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n onClick={navigate}\n />\n </>\n ) : (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 3)} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\n {items[items.length - 3].label}\n </HyperLink>\n </>\n ))}\n\n {!!items && items.length > 1 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 2)} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\n {items[items.length - 2].label}\n </HyperLink>\n </>\n )}\n\n {!!items && items.length > 0 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n </>\n )}\n </BreadcrumbContainer>\n );\n};\n\nexport default Breadcrumb;\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,IAAT,EAAeC,WAAf,QAAkC,IAAlC;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,SAASC,SAAT,EAAoBC,UAApB,QAAsC,IAAtC;AAEA,OAAOC,cAAP,MAA2B,4BAA3B;AAEA,SAASC,mBAAT,EAA8BC,kBAA9B,QAAwD,UAAxD;;;;;AAUA,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD,OAA+F;EAAA,IAA5FC,KAA4F,QAA5FA,KAA4F;EAAA,qBAArFC,IAAqF;EAAA,IAArFA,IAAqF,0BAA9EV,IAAI,CAACW,KAAyE;EAAA,yBAAlEC,QAAkE;EAAA,IAAlEA,QAAkE,8BAAvD,IAAuD;EAAA,0BAAjDC,SAAiD;EAAA,IAAjDA,SAAiD,+BAArC,MAAqC;EAAA,wBAA7BC,OAA6B;EAAA,IAA7BA,OAA6B,6BAAnB,GAAmB;EAAA,IAAXC,IAAW;;EAC1J,IAAMC,YAAY,GAAGd,WAAW,EAAhC;EACA,IAAMe,aAA6B,GAAGR,KAAK,GAAGA,KAAK,CAACS,KAAN,CAAY,CAAZ,EAAeT,KAAK,CAACU,MAAN,GAAe,CAA9B,EAAiCC,GAAjC,CAAqC,UAACC,CAAD;IAAA,OAAQ;MAAEC,KAAK,EAAED,CAAC,CAACE,GAAX;MAAgBC,YAAY,EAAEH,CAAC,CAACI;IAAhC,CAAR;EAAA,CAArC,CAAH,GAA4F,EAAvI;;EACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAqB;IACpCX,YAAY,CAACW,KAAK,CAAC,CAAD,CAAN,CAAZ;EACD,CAFD;;EAIA,IAAMC,WAAW,GAAGlB,IAAI,IAAIV,IAAI,CAAC6B,MAAb,GAAsB,MAAtB,GAA+BnB,IAAI,IAAIV,IAAI,CAACW,KAAb,GAAqB,MAArB,GAA8B,MAAjF;EAEA,oBACE,MAAC,mBAAD;IAAqB,IAAI,EAAED,IAA3B;IAAiC,eAAa;EAA9C,GAAwEK,IAAxE;IAAA,WACGH,QAAQ,gBACP,KAAC,UAAD;MAAY,EAAE,EAAC,UAAf;MAA0B,OAAO,EAAC,WAAlC;MAA8C,KAAK,EAAC,UAApD;MAA+D,MAAM,EAAE;QAAA,OAAMI,YAAY,CAACF,OAAD,CAAlB;MAAA,CAAvE;MAAA,uBACE,KAAC,WAAD,CAAa,IAAb;QAAkB,IAAI,EAAEc;MAAxB;IADF,EADO,gBAKP,KAAC,SAAD;MAAW,EAAE,EAAE,UAAf;MAA2B,OAAO,EAAC,SAAnC;MAA6C,IAAI,EAAEd,OAAnD;MAAA,UACGD;IADH,EANJ,EAWG,CAAC,CAACJ,KAAF,IACCA,KAAK,CAACU,MAAN,GAAe,CADhB,KAEEV,KAAK,CAACU,MAAN,GAAe,CAAf,gBACC;MAAA,wBACE,KAAC,WAAD,CAAa,YAAb;QAA0B,SAAS,EAAC,aAApC;QAAkD,KAAK,EAAEpB,MAAM,
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","names":["React","COLORS","Size","SystemIcons","useNavigate","HyperLink","IconButton","DropdownButton","BreadcrumbContainer","LastBreadcrumbItem","Breadcrumb","items","size","Small","homeIcon","homeLabel","homeUrl","rest","navigateHook","dropdownItems","slice","length","map","x","value","url","displayLabel","label","navigate","links","chevronSize","Medium","e","preventDefault","neutral_500","neutral_600"],"sources":["../../src/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { COLORS } from '../styles';\nimport { Size, SystemIcons } from '..';\nimport { useNavigate } from 'react-router';\nimport { HyperLink, IconButton } from '..';\nimport { BreadcrumbItem } from './BreadcrumbItem';\nimport DropdownButton from '../Dropdown/DropdownButton';\nimport { DropdownItem } from '../Dropdown/DropdownContent';\nimport { BreadcrumbContainer, LastBreadcrumbItem } from './styles';\n\ntype BreadcrumbProps = React.HTMLAttributes<HTMLDivElement> & {\n homeIcon?: boolean;\n homeLabel?: string;\n homeUrl?: string;\n items?: BreadcrumbItem[];\n size?: Size;\n};\n\nconst Breadcrumb: React.FunctionComponent<BreadcrumbProps> = ({ items, size = Size.Small, homeIcon = true, homeLabel = 'Home', homeUrl = '/', ...rest }) => {\n const navigateHook = useNavigate();\n const dropdownItems: DropdownItem[] = items ? items.slice(0, items.length - 2).map((x) => ({ value: x.url, displayLabel: x.label })) : [];\n const navigate = (links: string[]) => {\n navigateHook(links[0]);\n };\n\n const chevronSize = size == Size.Medium ? '24px' : size == Size.Small ? '20px' : '16px';\n\n return (\n <BreadcrumbContainer size={size} data-testid={'breacrumbContainer'} {...rest}>\n {homeIcon ? (\n <IconButton id=\"homeIcon\" variant=\"secondary\" shape=\"circular\" action={() => navigateHook(homeUrl)}>\n <SystemIcons.Home size={chevronSize} />\n </IconButton>\n ) : (\n <HyperLink id={'homelink'} variant=\"default\" href={homeUrl} onClick={(e) => { e.preventDefault(); navigateHook(homeUrl);}} >\n {homeLabel}\n </HyperLink>\n )}\n\n {!!items &&\n items.length > 2 &&\n (items.length > 3 ? (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <DropdownButton\n type={'icon'}\n alignLeft={true}\n items={dropdownItems}\n size={size}\n icon={<SystemIcons.MoreHorizontal color={COLORS.neutral_600} size=\"20px\" />}\n onClick={navigate}\n />\n </>\n ) : (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 3)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 3].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 3].url}>\n {items[items.length - 3].label}\n </HyperLink>\n </>\n ))}\n\n {!!items && items.length > 1 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <HyperLink id={'link-item-' + (items.length - 2)} onClick={(e) => { e.preventDefault(); navigateHook(items[items.length - 2].url);}} target=\"_self\" variant=\"default\" href={items[items.length - 2].url}>\n {items[items.length - 2].label}\n </HyperLink>\n </>\n )}\n\n {!!items && items.length > 0 && (\n <>\n <SystemIcons.ChevronRight className=\"chevronicon\" color={COLORS.neutral_500} size={chevronSize} />\n <LastBreadcrumbItem size={size}>{items[items.length - 1].label}</LastBreadcrumbItem>\n </>\n )}\n </BreadcrumbContainer>\n );\n};\n\nexport default Breadcrumb;\n"],"mappings":"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"}
|