npm - @flipdish/portal-library - Versions diffs - 8.0.2 → 8.1.0 - Mend

@flipdish/portal-library 8.0.2 → 8.1.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 (336) hide show

package/dist/components/PageLayout/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport Grid from '../atoms/Grid';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n maxWidth: fluid ? 'none' : maxWidth,\n [theme.breakpoints.down('laptop')]: {\n maxWidth: 'none',\n },\n padding: theme.spacing(2, 4),\n position: 'relative',\n minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n [theme.breakpoints.down('laptop')]: {\n width: '100%',\n paddingTop: theme.spacing(2),\n },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n flexWrap: 'nowrap',\n alignItems: 'flex-start',\n paddingTop: theme.spacing(3),\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(3),\n },\n}));\n\nconst StyledTitleContainer = styled(Grid, {\n shouldForwardProp: (prop) => prop !== 'stackAboveTitle',\n})<{ stackAboveTitle?: boolean }>(({ theme, stackAboveTitle }) => ({\n paddingTop: theme.spacing(2),\n ...(stackAboveTitle ? { flexDirection: 'column', alignItems: 'flex-start' } : {}),\n [theme.breakpoints.up('laptop')]: {\n width: '100%',\n alignItems: stackAboveTitle ? 'flex-start' : 'center',\n ...(stackAboveTitle ? { flexDirection: 'column' } : {}),\n },\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(-2),\n marginRight: theme.spacing(-2),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n maxWidth,\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingBottom: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n marginRight: theme.spacing(1),\n}));\n\nconst StyledBackRow = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n marginBottom: theme.spacing(1),\n marginLeft: theme.spacing(-2),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n shouldForwardProp: (prop) => prop !== 'hasTitleComponent' && prop !== 'alignWithContent',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any; alignWithContent?: boolean }>(\n ({ theme, hasTitleComponent, alignWithContent }) => {\n const marginTop = hasTitleComponent ? theme.spacing(-0.75) : theme.spacing(-1.5);\n const marginBottom = theme.spacing(-1.5);\n const marginRight = theme.spacing(0.5);\n const marginLeft = alignWithContent ? 0 : theme.spacing(-1.5);\n\n return {\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n padding: 0,\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n };\n },\n);\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n maxWidth,\n marginLeft: theme.spacing(6),\n marginRight: theme.spacing(4),\n paddingBottom: theme.spacing(2),\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: 12,\n marginRight: theme.spacing(3),\n },\n\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(3),\n marginRight: theme.spacing(3),\n maxWidth: 'none',\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n maxWidth: 'none',\n },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(({ theme }) => ({\n lineHeight: '26px',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode \| string }): JSX.Element => (\n <StyledPageTitle component=\"h2\" variant=\"h5\">\n {title}\n </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n ({ useAlternateBackground, theme }) => ({\n backgroundColor: useAlternateBackground\n ? theme.palette.semantic.background['background-alternate']\n : theme.palette.semantic.background['background-base'],\n width: '100%',\n height: '100%',\n }),\n);\n\nexport interface Props {\n actionBtnTitle?: string;\n caption?: ReactNode;\n children: ReactNode;\n contextButtons?: ReactNode[];\n documentTitle: string;\n fluid?: boolean;\n fullWidth?: boolean;\n header?: ReactNode;\n hideHeader?: boolean;\n actionButtonLink?: string;\n pageHeader?: ReactNode;\n showActionButton?: boolean;\n showAddIcon?: boolean;\n title: ReactNode;\n titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n titleComponentAfter?: ReactNode;\n toPrevious?: boolean;\n toParent?: string;\n toParentCaption?: string;\n strictToParent?: boolean;\n openLinkInNewTab?: boolean;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n navigate: (to: any) => void;\n hideDivider?: boolean;\n customActionButtons?: ReactNode[];\n useAlternateBackground?: boolean;\n errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n const {\n actionBtnTitle,\n caption,\n children,\n contextButtons,\n documentTitle,\n fluid = false,\n fullWidth,\n header,\n hideHeader,\n actionButtonLink,\n openLinkInNewTab = false,\n pageHeader,\n showActionButton,\n showAddIcon,\n title,\n titleComponent: TitleComponent,\n toPrevious,\n toParent,\n toParentCaption,\n strictToParent,\n navigate,\n hideDivider = false,\n customActionButtons,\n useAlternateBackground = false,\n titleComponentAfter,\n errorBoundarySomethingWentWrongText,\n } = props;\n const theme = useTheme();\n\n const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n const baseUrl = getMicroFrontendAttribute('data-portal-base-url') \|\| '/';\n const actionButtonWithHttps: boolean = !!actionButtonLink && actionButtonLink.startsWith('https://');\n const getActionButtonLink = (): string => {\n if (actionButtonWithHttps) {\n return actionButtonLink as string;\n }\n if (actionButtonLink !== undefined) {\n return joinUrlPaths(baseUrl, actionButtonLink);\n }\n return '';\n };\n const actionButtonLinkFinal = getActionButtonLink();\n\n return (\n <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n <StyledWrapper fluid={fluid}>\n {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n {pageHeader \|\| null}\n <StyledInnerWrapper>\n {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n {!hideHeader && (\n <>\n <StyledHeader container alignItems=\"center\" direction=\"column\">\n <Grid container alignContent=\"space-between\" direction=\"row\">\n <StyledHeaderContainer>\n {contextButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] \|\| button.props?.children : 'fallback'}`}\n >\n {button}\n </div>\n ))}\n </StyledHeaderContainer>\n </Grid>\n <StyledTitleContainer container stackAboveTitle={!!toParentCaption}>\n {(toParent \|\| toPrevious) && (\n <StyledBackRow>\n <StyledBackButton\n alignWithContent={!!toParentCaption}\n aria-label=\"Back\"\n component={'button'}\n data-testid=\"back_button\"\n hasTitleComponent={!!TitleComponent}\n onClick={() => {\n if (toPrevious) {\n navigate(-1);\n } else if (toParent && strictToParent) {\n navigate(toParent);\n } else if (toParent && history.length < historyMinLength) {\n navigate(toParent);\n } else {\n navigate(-1);\n }\n }}\n >\n <ArrowLeft02 />\n </StyledBackButton>\n {toParentCaption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {toParentCaption}\n </StyledCaption>\n )}\n </StyledBackRow>\n )}\n\n <StyledTitleSection>\n {TitleComponent ? (\n <TitleComponent />\n ) : (\n <Box alignItems=\"center\" display=\"flex\" gap={2}>\n <PageTitle title={title} />\n {titleComponentAfter}\n </Box>\n )}\n {caption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {caption}\n </StyledCaption>\n )}\n </StyledTitleSection>\n\n {showActionButton && (\n <>\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n <StyledActionButtonGrid>\n <Button\n data-testid={`Action-button-${actionBtnTitle}`}\n fullWidth={true}\n href={openLinkInNewTab \|\| actionButtonWithHttps ? actionButtonLinkFinal : ''}\n onClick={\n !openLinkInNewTab && !actionButtonWithHttps\n ? (): void => {\n navigate(actionButtonLink);\n }\n : (): void => {}\n }\n rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n target={openLinkInNewTab ? '_blank' : undefined}\n variant=\"contained\"\n >\n {showAddIcon && <StyledAdd size=\"sm\" />}\n {actionBtnTitle}\n </Button>\n </StyledActionButtonGrid>\n </>\n )}\n {customActionButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] \|\| button.props?.children : 'fallback'}`}\n >\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n <StyledActionButtonGrid>{button}</StyledActionButtonGrid>\n </div>\n ))}\n </StyledTitleContainer>\n </StyledHeader>\n {!hideDivider && <StyledPageDivider />}\n </>\n )}\n <FullWidthContainer fullWidth={fullWidth}>\n {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n <FDErrorBoundary\n identifier={documentTitle}\n somethingWentWrongText={errorBoundarySomethingWentWrongText}\n >\n {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n <>{children}</>\n </FDErrorBoundary>\n </FullWidthContainer>\n </StyledInnerWrapper>\n </StyledWrapper>\n </StyledPageContainer>\n );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","shouldForwardProp","prop","stackAboveTitle","flexDirection","up","only","marginLeft","marginRight","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","StyledBackRow","Box","display","justifyContent","marginBottom","StyledBackButton","IconButton","hasTitleComponent","alignWithContent","marginTop","StyledInnerWrapper","StyledHeaderContainer","StyledCaption","Typography","lineHeight","color","palette","semantic","text","StyledPageTitle","fontWeight","StyledPageDivider","Divider","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","background","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","toParentCaption","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","alignContent","map","button","React","isValidElement","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"mvBAoBO,MAIMA,EAAW,KAGlBC,EAAgBC,EAAAA,OAAO,MAAPA,EAAkC,EAAGC,QAAOC,YAAO,CACvEJ,SAAUI,EAAQ,OAASJ,EAC3B,CAACG,EAAME,YAAYC,KAAK,WAAY,CAClCN,SAAU,QAEZO,QAASJ,EAAMK,QAAQ,EAAG,GAC1BC,SAAU,WACVC,UAAW,YAGPC,EAAyBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAO,CACpD,CAACA,EAAME,YAAYC,KAAK,WAAY,CAClCO,MAAO,OACPC,WAAYX,EAAMK,QAAQ,QAIxBO,EAAeb,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAO,CAC1Ca,SAAU,SACVC,WAAY,aACZH,WAAYX,EAAMK,QAAQ,GAC1BU,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAYC,KAAK,WAAY,CAClCQ,WAAYX,EAAMK,QAAQ,GAC1BU,cAAef,EAAMK,QAAQ,QAI3BW,EAAuBjB,EAAAA,OAAOU,EAAM,CACxCQ,kBAAoBC,GAAkB,oBAATA,GADFnB,EAEK,EAAGC,QAAOmB,sBAAiB,CAC3DR,WAAYX,EAAMK,QAAQ,MACtBc,EAAkB,CAAEC,cAAe,SAAUN,WAAY,cAAiB,GAC9E,CAACd,EAAME,YAAYmB,GAAG,WAAY,CAChCX,MAAO,OACPI,WAAYK,EAAkB,aAAe,YACzCA,EAAkB,CAAEC,cAAe,UAAa,CAAA,GAEtD,CAACpB,EAAME,YAAYoB,KAAK,WAAY,CAClCC,WAAYvB,EAAMK,YAClBmB,YAAaxB,EAAMK,YACnBe,cAAe,SACfN,WAAY,cAEd,CAACd,EAAME,YAAYoB,KAAK,SAAU,CAChCC,WAAYvB,EAAMK,YAClBmB,YAAaxB,EAAMK,YACnBe,cAAe,SACfN,WAAY,kBAIVW,EAAqB1B,EAAAA,OAAOU,EAAPV,EAAa,KAAA,CACtC2B,SAAU,MAGNC,EAAmB5B,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC/CH,WACAkB,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAYC,KAAK,WAAY,CAClCY,cAAef,EAAMK,QAAQ,GAC7BuB,YAAa5B,EAAMK,QAAQ,GAC3BwB,aAAc7B,EAAMK,QAAQ,QAI1ByB,EAAY/B,EAAAA,OAAOgC,EAAPhC,EAAY,EAAGC,YAAO,CACtCwB,YAAaxB,EAAMK,QAAQ,OAGvB2B,EAAgBjC,EAAAA,OAAOkC,EAAPlC,EAAY,EAAGC,YAAO,CAC1CkC,QAAS,OACTpB,WAAY,SACZqB,eAAgB,aAChBC,aAAcpC,EAAMK,QAAQ,GAC5BkB,WAAYvB,EAAMK,gBAGdgC,EAAmBtC,EAAAA,OAAOuC,EAAY,CAC1CrB,kBAAoBC,GAAkB,sBAATA,GAAyC,qBAATA,GADtCnB,EAIvB,EAAGC,QAAOuC,oBAAmBC,uBAC3B,MAAMC,EAAYF,EAAoBvC,EAAMK,SAAQ,KAASL,EAAMK,cAC7D+B,EAAepC,EAAMK,cAI3B,MAAO,CACLoC,YACAjB,YALkBxB,EAAMK,QAAQ,IAMhC+B,eACAb,WANiBiB,EAAmB,EAAIxC,EAAMK,SAAQ,KAOtDD,QAAS,EAET,CAACJ,EAAME,YAAYoB,KAAK,WAAY,CAClCC,WAAYiB,EAAmB,EAAIxC,EAAMK,SAAQ,IAGnD,CAACL,EAAME,YAAYoB,KAAK,SAAU,CAChCC,WAAYiB,EAAmB,EAAIxC,EAAMK,SAAQ,QAMnDqC,EAAqB3C,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CACjDH,WACA0B,WAAYvB,EAAMK,QAAQ,GAC1BmB,YAAaxB,EAAMK,QAAQ,GAC3BU,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAYoB,KAAK,WAAY,CAClCC,WAAY,GACZC,YAAaxB,EAAMK,QAAQ,IAG7B,CAACL,EAAME,YAAYoB,KAAK,WAAY,CAClCC,WAAYvB,EAAMK,QAAQ,GAC1BmB,YAAaxB,EAAMK,QAAQ,GAC3BR,SAAU,QAGZ,CAACG,EAAME,YAAYoB,KAAK,SAAU,CAChCC,WAAYvB,EAAMK,QAAQ,GAC1BmB,YAAaxB,EAAMK,QAAQ,GAC3BR,SAAU,YAIR8C,EAAwB5C,EAAAA,OAAOU,EAAPV,EAAa,KAAA,CACzCmC,QAAS,OACTR,SAAU,EACVS,eAAgB,eAEZS,EAAgB7C,EAAAA,OAAO8C,EAAP9C,EAA0C,EAAGC,YAAO,CACxE8C,WAAY,OACZC,MAAO/C,EAAMgD,QAAQC,SAASC,KAAK,iBAG/BC,EAAkBpD,EAAAA,OAAO8C,EAAP9C,EAA0C,KAAA,CAChEqD,WAAY,WAGRC,EAAoBtD,EAAAA,OAAOuD,EAAPvD,EAAgB,EAAGC,YAAO,CAClDoC,aAAcpC,EAAMK,QAAQ,OAGjBkD,EAAY,EAAGC,WAC1BC,EAAAA,IAACN,EAAe,CAACO,UAAU,KAAKC,QAAQ,KAAIC,SACzCJ,IAICK,EAAsB9D,EAAAA,OAAO,MAAPA,EAC1B,EAAG+D,yBAAwB9D,YAAO,CAChC+D,gBAAiBD,EACb9D,EAAMgD,QAAQC,SAASe,WAAW,wBAClChE,EAAMgD,QAAQC,SAASe,WAAW,mBACtCtD,MAAO,OACPuD,OAAQ,8CAzK8B,mEACK,6FACC,kEACR,yCAwMpBC,IAClB,MAAMC,eACJA,EAAcC,QACdA,EAAOR,SACPA,EAAQS,eACRA,EAAcC,cACdA,EAAarE,MACbA,GAAQ,EAAKsE,UACbA,EAASC,OACTA,EAAMC,WACNA,EAAUC,iBACVA,EAAgBC,iBAChBA,GAAmB,EAAKC,WACxBA,EAAUC,iBACVA,EAAgBC,YAChBA,EAAWtB,MACXA,EACAuB,eAAgBC,EAAcC,WAC9BA,EAAUC,SACVA,EAAQC,gBACRA,EAAeC,eACfA,EAAcC,SACdA,EAAQC,YACRA,GAAc,EAAKC,oBACnBA,EAAmBzB,uBACnBA,GAAyB,EAAK0B,oBAC9BA,GAAmBC,oCACnBA,IACEvB,EACElE,GAAQ0F,EAAAA,WAERC,GAAWC,EAAc5F,GAAME,YAAYC,KAAK,WAEhD0F,GAAUC,EAAAA,0BAA0B,yBAA2B,IAC/DC,KAAmCrB,GAAoBA,EAAiBsB,WAAW,YAUnFC,GARAF,GACKrB,OAEgBwB,IAArBxB,EACKyB,EAAAA,aAAaN,GAASnB,GAExB,GAIT,OACEjB,EAAAA,IAACI,GAAoBC,uBAAwBA,EAAsBF,SACjEwC,EAAAA,KAACtG,EAAa,CAACG,MAAOA,YACnBqE,GAAiBb,EAAAA,IAAC4C,EAAa,CAAAzC,SAAEU,IAEjCM,GAAc,KACfwB,EAAAA,KAAC1D,EAAkB,CAAAkB,SAAA,CAChBgB,GAAcnB,EAAAA,IAAC6C,EAAM,CAACC,KAAM,GAAI5C,QAAQ,cACvCc,GACA2B,EAAAA,KAAAI,EAAAA,SAAA,CAAA5C,SAAA,CACEwC,EAAAA,KAACxF,EAAY,CAAC6F,WAAS,EAAC3F,WAAW,SAAS4F,UAAU,mBACpDjD,EAAAA,IAAChD,EAAI,CAACgG,aAAUE,aAAa,gBAAgBD,UAAU,MAAK9C,SAC1DH,EAAAA,IAACd,YACE0B,GAAgBuC,KAAKC,GACpBpD,EAAAA,oBAIGoD,GAFI,kBAAkBC,EAAMC,eAAeF,GAAUA,EAAO3C,QAAQ,gBAAkB2C,EAAO3C,OAAON,SAAW,oBAOxHwC,EAAAA,KAACpF,GAAqByF,WAAS,EAACtF,kBAAmBgE,aAC/CD,GAAYD,IACdmB,EAAAA,KAACpE,EAAa,CAAA4B,SAAA,CACVH,EAAAA,IAACpB,EAAgB,CACfG,mBAAoB2C,eACT,OACXzB,UAAW,uBACC,cACZnB,oBAAqByC,EACrBgC,QAAS,KACH/B,EACFI,GAAS,GACAH,GAAYE,GAEZF,GAAY+B,QAAQC,OAzRhC,EAwRG7B,EAASH,GAITG,GAAS,IAEZzB,SAEDH,EAAAA,IAAC0D,EAAW,CAAA,KAEbhC,GACC1B,MAACb,EAAa,CAACc,UAAU,KAAKC,QAAQ,UAASC,SAC5CuB,OAMTiB,OAAC3E,EAAkB,CAAAmC,SAAA,CAChBoB,EACCvB,EAAAA,IAACuB,EAAc,IAEfoB,OAACnE,EAAG,CAACnB,WAAW,SAASoB,QAAQ,OAAOkF,IAAK,EAACxD,SAAA,CAC5CH,EAAAA,IAACF,EAAS,CAACC,MAAOA,IACjBgC,MAGJpB,GACCX,EAAAA,IAACb,EAAa,CAACc,UAAU,KAAKC,QAAQ,UAASC,SAC5CQ,OAKNS,GACCuB,EAAAA,KAAAI,EAAAA,SAAA,CAAA5C,SAAA,CACG+B,IAAYlC,MAAC6C,EAAM,CAACC,KAAM,GAAI5C,QAAQ,aACvCF,MAACjD,EAAsB,CAAAoD,SACrBwC,EAAAA,KAACiB,EAAM,CAAA,cACQ,iBAAiBlD,IAC9BI,WAAW,EACX+C,KAAM3C,GAAoBoB,GAAwBE,GAAwB,GAC1Ee,QACGrC,GAAqBoB,GAIlB,OAHA,KACEV,EAASX,IAIjB6C,IAAK5C,EAAmB,2BAAwBuB,EAChDsB,OAAQ7C,EAAmB,cAAWuB,EACtCvC,QAAQ,YAAWC,SAAA,CAElBkB,GAAerB,EAAAA,IAAC3B,GAAUyE,KAAK,OAC/BpC,UAKRoB,GAAqBqB,KAAKC,GACzBT,EAAAA,KAAA,MAAA,CAAAxC,SAAA,CAIG+B,IAAYlC,EAAAA,IAAC6C,EAAM,CAACC,KAAM,GAAI5C,QAAQ,cACrCgC,IAAYlC,EAAAA,IAAC6C,EAAM,CAACC,KAAM,GAAI5C,QAAQ,aACxCF,EAAAA,IAACjD,YAAwBqG,MAJpB,wBAAwBC,EAAMC,eAAeF,GAAUA,EAAO3C,QAAQ,gBAAkB2C,EAAO3C,OAAON,SAAW,uBAS5H0B,GAAe7B,EAAAA,IAACJ,EAAiB,OAGvC+C,EAAAA,KAACqB,GAAmBlD,UAAWA,EAASX,SAAA,CACrCY,EAASf,EAAAA,IAAC9B,EAAgB,CAAAiC,SAAEY,IAA6B,KAC1Df,EAAAA,IAACiE,EAAe,CACdC,WAAYrD,EACZsD,uBAAwBnC,YAGxBhC,EAAAA,IAAA+C,WAAA,CAAA5C,SAAGA"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport Grid from '../atoms/Grid';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n maxWidth: fluid ? 'none' : maxWidth,\n [theme.breakpoints.down('laptop')]: {\n maxWidth: 'none',\n },\n padding: theme.spacing(2, 4),\n position: 'relative',\n minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n [theme.breakpoints.down('laptop')]: {\n width: '100%',\n paddingTop: theme.spacing(2),\n },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n flexWrap: 'nowrap',\n alignItems: 'flex-start',\n paddingTop: theme.spacing(3),\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(3),\n },\n}));\n\nconst StyledTitleContainer = styled(Grid, {\n shouldForwardProp: (prop) => prop !== 'stackAboveTitle',\n})<{ stackAboveTitle?: boolean }>(({ theme, stackAboveTitle }) => ({\n paddingTop: theme.spacing(2),\n ...(stackAboveTitle ? { flexDirection: 'column', alignItems: 'flex-start' } : {}),\n [theme.breakpoints.up('laptop')]: {\n width: '100%',\n alignItems: stackAboveTitle ? 'flex-start' : 'center',\n ...(stackAboveTitle ? { flexDirection: 'column' } : {}),\n },\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(-2),\n marginRight: theme.spacing(-2),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n maxWidth,\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingBottom: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n marginRight: theme.spacing(1),\n}));\n\nconst StyledBackRow = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n marginBottom: theme.spacing(1),\n marginLeft: theme.spacing(-2),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n shouldForwardProp: (prop) => prop !== 'hasTitleComponent' && prop !== 'alignWithContent',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any; alignWithContent?: boolean }>(({\n theme,\n hasTitleComponent,\n alignWithContent,\n}) => {\n const marginTop = hasTitleComponent ? theme.spacing(-0.75) : theme.spacing(-1.5);\n const marginBottom = theme.spacing(-1.5);\n const marginRight = theme.spacing(0.5);\n const marginLeft = alignWithContent ? 0 : theme.spacing(-1.5);\n\n return {\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n padding: 0,\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n };\n});\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n maxWidth,\n marginLeft: theme.spacing(6),\n marginRight: theme.spacing(4),\n paddingBottom: theme.spacing(2),\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: 12,\n marginRight: theme.spacing(3),\n },\n\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(3),\n marginRight: theme.spacing(3),\n maxWidth: 'none',\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n maxWidth: 'none',\n },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(({ theme }) => ({\n lineHeight: '26px',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode \| string }): JSX.Element => (\n <StyledPageTitle component=\"h2\" variant=\"h5\">\n {title}\n </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n ({ useAlternateBackground, theme }) => ({\n backgroundColor: useAlternateBackground\n ? theme.palette.semantic.background['background-alternate']\n : theme.palette.semantic.background['background-base'],\n width: '100%',\n height: '100%',\n }),\n);\n\nexport interface Props {\n actionBtnTitle?: string;\n caption?: ReactNode;\n children: ReactNode;\n contextButtons?: ReactNode[];\n documentTitle: string;\n fluid?: boolean;\n fullWidth?: boolean;\n header?: ReactNode;\n hideHeader?: boolean;\n actionButtonLink?: string;\n pageHeader?: ReactNode;\n showActionButton?: boolean;\n showAddIcon?: boolean;\n title: ReactNode;\n titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n titleComponentAfter?: ReactNode;\n toPrevious?: boolean;\n toParent?: string;\n toParentCaption?: string;\n strictToParent?: boolean;\n openLinkInNewTab?: boolean;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n navigate: (to: any) => void;\n hideDivider?: boolean;\n customActionButtons?: ReactNode[];\n useAlternateBackground?: boolean;\n errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n const {\n actionBtnTitle,\n caption,\n children,\n contextButtons,\n documentTitle,\n fluid = false,\n fullWidth,\n header,\n hideHeader,\n actionButtonLink,\n openLinkInNewTab = false,\n pageHeader,\n showActionButton,\n showAddIcon,\n title,\n titleComponent: TitleComponent,\n toPrevious,\n toParent,\n toParentCaption,\n strictToParent,\n navigate,\n hideDivider = false,\n customActionButtons,\n useAlternateBackground = false,\n titleComponentAfter,\n errorBoundarySomethingWentWrongText,\n } = props;\n const theme = useTheme();\n\n const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n const baseUrl = getMicroFrontendAttribute('data-portal-base-url') \|\| '/';\n const actionButtonWithHttps: boolean = !!actionButtonLink && actionButtonLink.startsWith('https://');\n const getActionButtonLink = (): string => {\n if (actionButtonWithHttps) {\n return actionButtonLink as string;\n }\n if (actionButtonLink !== undefined) {\n return joinUrlPaths(baseUrl, actionButtonLink);\n }\n return '';\n };\n const actionButtonLinkFinal = getActionButtonLink();\n\n return (\n <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n <StyledWrapper fluid={fluid}>\n {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n {pageHeader \|\| null}\n <StyledInnerWrapper>\n {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n {!hideHeader && (\n <>\n <StyledHeader container alignItems=\"center\" direction=\"column\">\n <Grid container alignContent=\"space-between\" direction=\"row\">\n <StyledHeaderContainer>\n {contextButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`context-button-${React.isValidElement(button) ? button.props?.['data-fd'] \|\| button.props?.children : 'fallback'}`}\n >\n {button}\n </div>\n ))}\n </StyledHeaderContainer>\n </Grid>\n <StyledTitleContainer container stackAboveTitle={!!toParentCaption}>\n {(toParent \|\| toPrevious) && (\n <StyledBackRow>\n <StyledBackButton\n alignWithContent={!!toParentCaption}\n aria-label=\"Back\"\n component={'button'}\n data-fd=\"back_button\"\n hasTitleComponent={!!TitleComponent}\n onClick={() => {\n if (toPrevious) {\n navigate(-1);\n } else if (toParent && strictToParent) {\n navigate(toParent);\n } else if (toParent && history.length < historyMinLength) {\n navigate(toParent);\n } else {\n navigate(-1);\n }\n }}\n >\n <ArrowLeft02 />\n </StyledBackButton>\n {toParentCaption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {toParentCaption}\n </StyledCaption>\n )}\n </StyledBackRow>\n )}\n\n <StyledTitleSection>\n {TitleComponent ? (\n <TitleComponent />\n ) : (\n <Box alignItems=\"center\" display=\"flex\" gap={2}>\n <PageTitle title={title} />\n {titleComponentAfter}\n </Box>\n )}\n {caption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {caption}\n </StyledCaption>\n )}\n </StyledTitleSection>\n\n {showActionButton && (\n <>\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n <StyledActionButtonGrid>\n <Button\n data-fd={`Action-button-${actionBtnTitle}`}\n fullWidth={true}\n href={openLinkInNewTab \|\| actionButtonWithHttps ? actionButtonLinkFinal : ''}\n onClick={\n !openLinkInNewTab && !actionButtonWithHttps\n ? (): void => {\n navigate(actionButtonLink);\n }\n : (): void => {}\n }\n rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n target={openLinkInNewTab ? '_blank' : undefined}\n variant=\"contained\"\n >\n {showAddIcon && <StyledAdd size=\"sm\" />}\n {actionBtnTitle}\n </Button>\n </StyledActionButtonGrid>\n </>\n )}\n {customActionButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-fd'] \|\| button.props?.children : 'fallback'}`}\n >\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n <StyledActionButtonGrid>{button}</StyledActionButtonGrid>\n </div>\n ))}\n </StyledTitleContainer>\n </StyledHeader>\n {!hideDivider && <StyledPageDivider />}\n </>\n )}\n <FullWidthContainer fullWidth={fullWidth}>\n {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n <FDErrorBoundary\n identifier={documentTitle}\n somethingWentWrongText={errorBoundarySomethingWentWrongText}\n >\n {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n <>{children}</>\n </FDErrorBoundary>\n </FullWidthContainer>\n </StyledInnerWrapper>\n </StyledWrapper>\n </StyledPageContainer>\n );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","shouldForwardProp","prop","stackAboveTitle","flexDirection","up","only","marginLeft","marginRight","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","StyledBackRow","Box","display","justifyContent","marginBottom","StyledBackButton","IconButton","hasTitleComponent","alignWithContent","marginTop","StyledInnerWrapper","StyledHeaderContainer","StyledCaption","Typography","lineHeight","color","palette","semantic","text","StyledPageTitle","fontWeight","StyledPageDivider","Divider","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","background","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","toParentCaption","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","alignContent","map","button","React","isValidElement","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}

package/dist/components/PageLayout/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as i,Fragment as n}from"react/jsx-runtime";import e from"react";import a from"@mui/material/Box";import o from"@mui/material/Button";import r from"@mui/material/Divider";import l from"@mui/material/IconButton";import{styled as c,useTheme as p}from"@mui/material/styles";import s from"@mui/material/Typography";import d from"@mui/material/useMediaQuery";import m from"../../icons/Add/index.js";import g from"../../icons/ArrowLeft02/index.js";import{getMicroFrontendAttribute as h}from"../../utilities/renderUtilities.js";import{joinUrlPaths as u}from"../../utilities/validation.js";import f from"@mui/material/Grid2";import b from"../FDErrorBoundary/index.js";import x from"../Spacer/index.js";import k from"./DocumentTitle.js";import v from"./FullWidthContainer.js";const B="horizontal-content-space",w="left-horizontal-content-space",W="right-horizontal-content-space",y="vertical-content-space",T=1112,C=c("div")((({theme:t,fluid:i})=>({maxWidth:i?"none":T,[t.breakpoints.down("laptop")]:{maxWidth:"none"},padding:t.spacing(2,4),position:"relative",minHeight:"100vh"}))),L=c(f)((({theme:t})=>({[t.breakpoints.down("laptop")]:{width:"100%",paddingTop:t.spacing(2)}}))),A=c(f)((({theme:t})=>({flexWrap:"nowrap",alignItems:"flex-start",paddingTop:t.spacing(3),paddingBottom:t.spacing(3),[t.breakpoints.down("laptop")]:{paddingTop:t.spacing(2),paddingBottom:t.spacing(3)}}))),j=c(f,{shouldForwardProp:t=>"stackAboveTitle"!==t})((({theme:t,stackAboveTitle:i})=>({paddingTop:t.spacing(2),...i?{flexDirection:"column",alignItems:"flex-start"}:{},[t.breakpoints.up("laptop")]:{width:"100%",alignItems:i?"flex-start":"center",...i?{flexDirection:"column"}:{}},[t.breakpoints.only("mobile")]:{marginLeft:t.spacing(-3),marginRight:t.spacing(-3),flexDirection:"column",alignItems:"flex-start"},[t.breakpoints.only("base")]:{marginLeft:t.spacing(-2),marginRight:t.spacing(-2),flexDirection:"column",alignItems:"flex-start"}}))),I=c(f)((()=>({flexGrow:1}))),R=c("div")((({theme:t})=>({maxWidth:T,paddingBottom:t.spacing(3),[t.breakpoints.down("laptop")]:{paddingBottom:t.spacing(2),paddingLeft:t.spacing(2),paddingRight:t.spacing(2)}}))),z=c(m)((({theme:t})=>({marginRight:t.spacing(1)}))),D=c(a)((({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",marginBottom:t.spacing(1),marginLeft:t.spacing(-2)}))),P=c(l,{shouldForwardProp:t=>"hasTitleComponent"!==t&&"alignWithContent"!==t})((({theme:t,hasTitleComponent:i,alignWithContent:n})=>{const e=i?t.spacing(-.75):t.spacing(-1.5),a=t.spacing(-1.5);return{marginTop:e,marginRight:t.spacing(.5),marginBottom:a,marginLeft:n?0:t.spacing(-1.5),padding:0,[t.breakpoints.only("tablet")]:{marginLeft:n?0:t.spacing(-2)},[t.breakpoints.only("base")]:{marginLeft:n?0:t.spacing(-2)}}})),F=c("div")((({theme:t})=>({maxWidth:T,marginLeft:t.spacing(6),marginRight:t.spacing(4),paddingBottom:t.spacing(2),[t.breakpoints.only("tablet")]:{marginLeft:12,marginRight:t.spacing(3)},[t.breakpoints.only("mobile")]:{marginLeft:t.spacing(3),marginRight:t.spacing(3),maxWidth:"none"},[t.breakpoints.only("base")]:{marginLeft:t.spacing(2),marginRight:t.spacing(2),maxWidth:"none"}}))),H=c(f)((()=>({display:"flex",flexGrow:1,justifyContent:"flex-end"}))),E=c(s)((({theme:t})=>({lineHeight:"26px",color:t.palette.semantic.text["text-weak"]}))),G=c(s)((()=>({fontWeight:"bold"}))),$=c(r)((({theme:t})=>({marginBottom:t.spacing(4)}))),S=({title:i})=>t(G,{component:"h2",variant:"h5",children:i}),V=c("div")((({useAlternateBackground:t,theme:i})=>({backgroundColor:t?i.palette.semantic.background["background-alternate"]:i.palette.semantic.background["background-base"],width:"100%",height:"100%"}))),_=r=>{const{actionBtnTitle:l,caption:c,children:s,contextButtons:m,documentTitle:B,fluid:w=!1,fullWidth:W,header:y,hideHeader:T,actionButtonLink:G,openLinkInNewTab:_=!1,pageHeader:M,showActionButton:N,showAddIcon:Q,title:U,titleComponent:q,toPrevious:J,toParent:K,toParentCaption:O,strictToParent:X,navigate:Y,hideDivider:Z=!1,customActionButtons:tt,useAlternateBackground:it=!1,titleComponentAfter:nt,errorBoundarySomethingWentWrongText:et}=r,at=p(),ot=d(at.breakpoints.down("tablet")),rt=h("data-portal-base-url")||"/",lt=!!G&&G.startsWith("https://"),ct=lt?G:void 0!==G?u(rt,G):"";return t(V,{useAlternateBackground:it,children:i(C,{fluid:w,children:[B&&t(k,{children:B}),M||null,i(F,{children:[M&&t(x,{size:16,variant:"vertical"}),!T&&i(n,{children:[i(A,{container:!0,alignItems:"center",direction:"column",children:[t(f,{container:!0,alignContent:"space-between",direction:"row",children:t(H,{children:m?.map((i=>t("div",{children:i},`context-button-${e.isValidElement(i)?i.props?.["data-testid"]||i.props?.children:"fallback"}`)))})}),i(j,{container:!0,stackAboveTitle:!!O,children:[(K||J)&&i(D,{children:[t(P,{alignWithContent:!!O,"aria-label":"Back",component:"button","data-testid":"back_button",hasTitleComponent:!!q,onClick:()=>{J?Y(-1):K&&X||K&&history.length<3?Y(K):Y(-1)},children:t(g,{})}),O&&t(E,{component:"h3",variant:"caption",children:O})]}),i(I,{children:[q?t(q,{}):i(a,{alignItems:"center",display:"flex",gap:2,children:[t(S,{title:U}),nt]}),c&&t(E,{component:"h3",variant:"caption",children:c})]}),N&&i(n,{children:[ot&&t(x,{size:56,variant:"vertical"}),t(L,{children:i(o,{"data-testid":`Action-button-${l}`,fullWidth:!0,href:_||lt?ct:"",onClick:_||lt?()=>{}:()=>{Y(G)},rel:_?"noopener noreferrer":void 0,target:_?"_blank":void 0,variant:"contained",children:[Q&&t(z,{size:"sm"}),l]})})]}),tt?.map((n=>i("div",{children:[ot&&t(x,{size:56,variant:"vertical"}),!ot&&t(x,{size:16,variant:"vertical"}),t(L,{children:n})]},`custom-action-button-${e.isValidElement(n)?n.props?.["data-testid"]||n.props?.children:"fallback"}`)))]})]}),!Z&&t($,{})]}),i(v,{fullWidth:W,children:[y?t(R,{children:y}):null,t(b,{identifier:B,somethingWentWrongText:et,children:t(n,{children:s})})]})]})]})})};export{B as HORIZONTAL_SPACE_CLASSNAME,w as LEFT_HORIZONTAL_SPACE_CLASSNAME,S as PageTitle,W as RIGHT_HORIZONTAL_SPACE_CLASSNAME,y as VERTICAL_SPACE_CLASSNAME,_ as default,T as maxWidth};
+import{jsx as t,jsxs as i,Fragment as n}from"react/jsx-runtime";import e from"react";import a from"@mui/material/Box";import o from"@mui/material/Button";import r from"@mui/material/Divider";import l from"@mui/material/IconButton";import{styled as c,useTheme as p}from"@mui/material/styles";import d from"@mui/material/Typography";import m from"@mui/material/useMediaQuery";import s from"../../icons/Add/index.js";import g from"../../icons/ArrowLeft02/index.js";import{getMicroFrontendAttribute as h}from"../../utilities/renderUtilities.js";import{joinUrlPaths as f}from"../../utilities/validation.js";import u from"@mui/material/Grid2";import b from"../FDErrorBoundary/index.js";import x from"../Spacer/index.js";import k from"./DocumentTitle.js";import v from"./FullWidthContainer.js";const B="horizontal-content-space",w="left-horizontal-content-space",W="right-horizontal-content-space",y="vertical-content-space",T=1112,C=c("div")((({theme:t,fluid:i})=>({maxWidth:i?"none":T,[t.breakpoints.down("laptop")]:{maxWidth:"none"},padding:t.spacing(2,4),position:"relative",minHeight:"100vh"}))),L=c(u)((({theme:t})=>({[t.breakpoints.down("laptop")]:{width:"100%",paddingTop:t.spacing(2)}}))),A=c(u)((({theme:t})=>({flexWrap:"nowrap",alignItems:"flex-start",paddingTop:t.spacing(3),paddingBottom:t.spacing(3),[t.breakpoints.down("laptop")]:{paddingTop:t.spacing(2),paddingBottom:t.spacing(3)}}))),j=c(u,{shouldForwardProp:t=>"stackAboveTitle"!==t})((({theme:t,stackAboveTitle:i})=>({paddingTop:t.spacing(2),...i?{flexDirection:"column",alignItems:"flex-start"}:{},[t.breakpoints.up("laptop")]:{width:"100%",alignItems:i?"flex-start":"center",...i?{flexDirection:"column"}:{}},[t.breakpoints.only("mobile")]:{marginLeft:t.spacing(-3),marginRight:t.spacing(-3),flexDirection:"column",alignItems:"flex-start"},[t.breakpoints.only("base")]:{marginLeft:t.spacing(-2),marginRight:t.spacing(-2),flexDirection:"column",alignItems:"flex-start"}}))),I=c(u)((()=>({flexGrow:1}))),R=c("div")((({theme:t})=>({maxWidth:T,paddingBottom:t.spacing(3),[t.breakpoints.down("laptop")]:{paddingBottom:t.spacing(2),paddingLeft:t.spacing(2),paddingRight:t.spacing(2)}}))),z=c(s)((({theme:t})=>({marginRight:t.spacing(1)}))),D=c(a)((({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",marginBottom:t.spacing(1),marginLeft:t.spacing(-2)}))),P=c(l,{shouldForwardProp:t=>"hasTitleComponent"!==t&&"alignWithContent"!==t})((({theme:t,hasTitleComponent:i,alignWithContent:n})=>{const e=i?t.spacing(-.75):t.spacing(-1.5),a=t.spacing(-1.5);return{marginTop:e,marginRight:t.spacing(.5),marginBottom:a,marginLeft:n?0:t.spacing(-1.5),padding:0,[t.breakpoints.only("tablet")]:{marginLeft:n?0:t.spacing(-2)},[t.breakpoints.only("base")]:{marginLeft:n?0:t.spacing(-2)}}})),F=c("div")((({theme:t})=>({maxWidth:T,marginLeft:t.spacing(6),marginRight:t.spacing(4),paddingBottom:t.spacing(2),[t.breakpoints.only("tablet")]:{marginLeft:12,marginRight:t.spacing(3)},[t.breakpoints.only("mobile")]:{marginLeft:t.spacing(3),marginRight:t.spacing(3),maxWidth:"none"},[t.breakpoints.only("base")]:{marginLeft:t.spacing(2),marginRight:t.spacing(2),maxWidth:"none"}}))),H=c(u)((()=>({display:"flex",flexGrow:1,justifyContent:"flex-end"}))),E=c(d)((({theme:t})=>({lineHeight:"26px",color:t.palette.semantic.text["text-weak"]}))),G=c(d)((()=>({fontWeight:"bold"}))),$=c(r)((({theme:t})=>({marginBottom:t.spacing(4)}))),S=({title:i})=>t(G,{component:"h2",variant:"h5",children:i}),V=c("div")((({useAlternateBackground:t,theme:i})=>({backgroundColor:t?i.palette.semantic.background["background-alternate"]:i.palette.semantic.background["background-base"],width:"100%",height:"100%"}))),_=r=>{const{actionBtnTitle:l,caption:c,children:d,contextButtons:s,documentTitle:B,fluid:w=!1,fullWidth:W,header:y,hideHeader:T,actionButtonLink:G,openLinkInNewTab:_=!1,pageHeader:M,showActionButton:N,showAddIcon:Q,title:U,titleComponent:q,toPrevious:J,toParent:K,toParentCaption:O,strictToParent:X,navigate:Y,hideDivider:Z=!1,customActionButtons:tt,useAlternateBackground:it=!1,titleComponentAfter:nt,errorBoundarySomethingWentWrongText:et}=r,at=p(),ot=m(at.breakpoints.down("tablet")),rt=h("data-portal-base-url")||"/",lt=!!G&&G.startsWith("https://"),ct=lt?G:void 0!==G?f(rt,G):"";return t(V,{useAlternateBackground:it,children:i(C,{fluid:w,children:[B&&t(k,{children:B}),M||null,i(F,{children:[M&&t(x,{size:16,variant:"vertical"}),!T&&i(n,{children:[i(A,{container:!0,alignItems:"center",direction:"column",children:[t(u,{container:!0,alignContent:"space-between",direction:"row",children:t(H,{children:s?.map((i=>t("div",{children:i},`context-button-${e.isValidElement(i)?i.props?.["data-fd"]||i.props?.children:"fallback"}`)))})}),i(j,{container:!0,stackAboveTitle:!!O,children:[(K||J)&&i(D,{children:[t(P,{alignWithContent:!!O,"aria-label":"Back",component:"button","data-fd":"back_button",hasTitleComponent:!!q,onClick:()=>{J?Y(-1):K&&X||K&&history.length<3?Y(K):Y(-1)},children:t(g,{})}),O&&t(E,{component:"h3",variant:"caption",children:O})]}),i(I,{children:[q?t(q,{}):i(a,{alignItems:"center",display:"flex",gap:2,children:[t(S,{title:U}),nt]}),c&&t(E,{component:"h3",variant:"caption",children:c})]}),N&&i(n,{children:[ot&&t(x,{size:56,variant:"vertical"}),t(L,{children:i(o,{"data-fd":`Action-button-${l}`,fullWidth:!0,href:_||lt?ct:"",onClick:_||lt?()=>{}:()=>{Y(G)},rel:_?"noopener noreferrer":void 0,target:_?"_blank":void 0,variant:"contained",children:[Q&&t(z,{size:"sm"}),l]})})]}),tt?.map((n=>i("div",{children:[ot&&t(x,{size:56,variant:"vertical"}),!ot&&t(x,{size:16,variant:"vertical"}),t(L,{children:n})]},`custom-action-button-${e.isValidElement(n)?n.props?.["data-fd"]||n.props?.children:"fallback"}`)))]})]}),!Z&&t($,{})]}),i(v,{fullWidth:W,children:[y?t(R,{children:y}):null,t(b,{identifier:B,somethingWentWrongText:et,children:t(n,{children:d})})]})]})]})})};export{B as HORIZONTAL_SPACE_CLASSNAME,w as LEFT_HORIZONTAL_SPACE_CLASSNAME,S as PageTitle,W as RIGHT_HORIZONTAL_SPACE_CLASSNAME,y as VERTICAL_SPACE_CLASSNAME,_ as default,T as maxWidth};
 //# sourceMappingURL=index.js.map

package/dist/components/PageLayout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport Grid from '../atoms/Grid';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n maxWidth: fluid ? 'none' : maxWidth,\n [theme.breakpoints.down('laptop')]: {\n maxWidth: 'none',\n },\n padding: theme.spacing(2, 4),\n position: 'relative',\n minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n [theme.breakpoints.down('laptop')]: {\n width: '100%',\n paddingTop: theme.spacing(2),\n },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n flexWrap: 'nowrap',\n alignItems: 'flex-start',\n paddingTop: theme.spacing(3),\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(3),\n },\n}));\n\nconst StyledTitleContainer = styled(Grid, {\n shouldForwardProp: (prop) => prop !== 'stackAboveTitle',\n})<{ stackAboveTitle?: boolean }>(({ theme, stackAboveTitle }) => ({\n paddingTop: theme.spacing(2),\n ...(stackAboveTitle ? { flexDirection: 'column', alignItems: 'flex-start' } : {}),\n [theme.breakpoints.up('laptop')]: {\n width: '100%',\n alignItems: stackAboveTitle ? 'flex-start' : 'center',\n ...(stackAboveTitle ? { flexDirection: 'column' } : {}),\n },\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(-2),\n marginRight: theme.spacing(-2),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n maxWidth,\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingBottom: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n marginRight: theme.spacing(1),\n}));\n\nconst StyledBackRow = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n marginBottom: theme.spacing(1),\n marginLeft: theme.spacing(-2),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n shouldForwardProp: (prop) => prop !== 'hasTitleComponent' && prop !== 'alignWithContent',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any; alignWithContent?: boolean }>(\n ({ theme, hasTitleComponent, alignWithContent }) => {\n const marginTop = hasTitleComponent ? theme.spacing(-0.75) : theme.spacing(-1.5);\n const marginBottom = theme.spacing(-1.5);\n const marginRight = theme.spacing(0.5);\n const marginLeft = alignWithContent ? 0 : theme.spacing(-1.5);\n\n return {\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n padding: 0,\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n };\n },\n);\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n maxWidth,\n marginLeft: theme.spacing(6),\n marginRight: theme.spacing(4),\n paddingBottom: theme.spacing(2),\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: 12,\n marginRight: theme.spacing(3),\n },\n\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(3),\n marginRight: theme.spacing(3),\n maxWidth: 'none',\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n maxWidth: 'none',\n },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(({ theme }) => ({\n lineHeight: '26px',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode \| string }): JSX.Element => (\n <StyledPageTitle component=\"h2\" variant=\"h5\">\n {title}\n </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n ({ useAlternateBackground, theme }) => ({\n backgroundColor: useAlternateBackground\n ? theme.palette.semantic.background['background-alternate']\n : theme.palette.semantic.background['background-base'],\n width: '100%',\n height: '100%',\n }),\n);\n\nexport interface Props {\n actionBtnTitle?: string;\n caption?: ReactNode;\n children: ReactNode;\n contextButtons?: ReactNode[];\n documentTitle: string;\n fluid?: boolean;\n fullWidth?: boolean;\n header?: ReactNode;\n hideHeader?: boolean;\n actionButtonLink?: string;\n pageHeader?: ReactNode;\n showActionButton?: boolean;\n showAddIcon?: boolean;\n title: ReactNode;\n titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n titleComponentAfter?: ReactNode;\n toPrevious?: boolean;\n toParent?: string;\n toParentCaption?: string;\n strictToParent?: boolean;\n openLinkInNewTab?: boolean;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n navigate: (to: any) => void;\n hideDivider?: boolean;\n customActionButtons?: ReactNode[];\n useAlternateBackground?: boolean;\n errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n const {\n actionBtnTitle,\n caption,\n children,\n contextButtons,\n documentTitle,\n fluid = false,\n fullWidth,\n header,\n hideHeader,\n actionButtonLink,\n openLinkInNewTab = false,\n pageHeader,\n showActionButton,\n showAddIcon,\n title,\n titleComponent: TitleComponent,\n toPrevious,\n toParent,\n toParentCaption,\n strictToParent,\n navigate,\n hideDivider = false,\n customActionButtons,\n useAlternateBackground = false,\n titleComponentAfter,\n errorBoundarySomethingWentWrongText,\n } = props;\n const theme = useTheme();\n\n const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n const baseUrl = getMicroFrontendAttribute('data-portal-base-url') \|\| '/';\n const actionButtonWithHttps: boolean = !!actionButtonLink && actionButtonLink.startsWith('https://');\n const getActionButtonLink = (): string => {\n if (actionButtonWithHttps) {\n return actionButtonLink as string;\n }\n if (actionButtonLink !== undefined) {\n return joinUrlPaths(baseUrl, actionButtonLink);\n }\n return '';\n };\n const actionButtonLinkFinal = getActionButtonLink();\n\n return (\n <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n <StyledWrapper fluid={fluid}>\n {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n {pageHeader \|\| null}\n <StyledInnerWrapper>\n {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n {!hideHeader && (\n <>\n <StyledHeader container alignItems=\"center\" direction=\"column\">\n <Grid container alignContent=\"space-between\" direction=\"row\">\n <StyledHeaderContainer>\n {contextButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] \|\| button.props?.children : 'fallback'}`}\n >\n {button}\n </div>\n ))}\n </StyledHeaderContainer>\n </Grid>\n <StyledTitleContainer container stackAboveTitle={!!toParentCaption}>\n {(toParent \|\| toPrevious) && (\n <StyledBackRow>\n <StyledBackButton\n alignWithContent={!!toParentCaption}\n aria-label=\"Back\"\n component={'button'}\n data-testid=\"back_button\"\n hasTitleComponent={!!TitleComponent}\n onClick={() => {\n if (toPrevious) {\n navigate(-1);\n } else if (toParent && strictToParent) {\n navigate(toParent);\n } else if (toParent && history.length < historyMinLength) {\n navigate(toParent);\n } else {\n navigate(-1);\n }\n }}\n >\n <ArrowLeft02 />\n </StyledBackButton>\n {toParentCaption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {toParentCaption}\n </StyledCaption>\n )}\n </StyledBackRow>\n )}\n\n <StyledTitleSection>\n {TitleComponent ? (\n <TitleComponent />\n ) : (\n <Box alignItems=\"center\" display=\"flex\" gap={2}>\n <PageTitle title={title} />\n {titleComponentAfter}\n </Box>\n )}\n {caption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {caption}\n </StyledCaption>\n )}\n </StyledTitleSection>\n\n {showActionButton && (\n <>\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n <StyledActionButtonGrid>\n <Button\n data-testid={`Action-button-${actionBtnTitle}`}\n fullWidth={true}\n href={openLinkInNewTab \|\| actionButtonWithHttps ? actionButtonLinkFinal : ''}\n onClick={\n !openLinkInNewTab && !actionButtonWithHttps\n ? (): void => {\n navigate(actionButtonLink);\n }\n : (): void => {}\n }\n rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n target={openLinkInNewTab ? '_blank' : undefined}\n variant=\"contained\"\n >\n {showAddIcon && <StyledAdd size=\"sm\" />}\n {actionBtnTitle}\n </Button>\n </StyledActionButtonGrid>\n </>\n )}\n {customActionButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] \|\| button.props?.children : 'fallback'}`}\n >\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n <StyledActionButtonGrid>{button}</StyledActionButtonGrid>\n </div>\n ))}\n </StyledTitleContainer>\n </StyledHeader>\n {!hideDivider && <StyledPageDivider />}\n </>\n )}\n <FullWidthContainer fullWidth={fullWidth}>\n {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n <FDErrorBoundary\n identifier={documentTitle}\n somethingWentWrongText={errorBoundarySomethingWentWrongText}\n >\n {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n <>{children}</>\n </FDErrorBoundary>\n </FullWidthContainer>\n </StyledInnerWrapper>\n </StyledWrapper>\n </StyledPageContainer>\n );\n};\n\nexport default PageLayout;\n"],"names":["HORIZONTAL_SPACE_CLASSNAME","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","shouldForwardProp","prop","stackAboveTitle","flexDirection","up","only","marginLeft","marginRight","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","StyledBackRow","Box","display","justifyContent","marginBottom","StyledBackButton","IconButton","hasTitleComponent","alignWithContent","marginTop","StyledInnerWrapper","StyledHeaderContainer","StyledCaption","Typography","lineHeight","color","palette","semantic","text","StyledPageTitle","fontWeight","StyledPageDivider","Divider","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","background","height","PageLayout","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","toParentCaption","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","alignContent","map","button","React","isValidElement","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Add from '../../icons/Add';\nimport ArrowLeft02 from '../../icons/ArrowLeft02';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport Grid from '../atoms/Grid';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Spacer from '../Spacer';\nimport DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\n\nexport const HORIZONTAL_SPACE_CLASSNAME = 'horizontal-content-space';\nexport const LEFT_HORIZONTAL_SPACE_CLASSNAME = 'left-horizontal-content-space';\nexport const RIGHT_HORIZONTAL_SPACE_CLASSNAME = 'right-horizontal-content-space';\nexport const VERTICAL_SPACE_CLASSNAME = 'vertical-content-space';\nexport const maxWidth = 1112;\nconst historyMinLength = 3;\n\nconst StyledWrapper = styled('div')<{ fluid: boolean }>(({ theme, fluid }) => ({\n maxWidth: fluid ? 'none' : maxWidth,\n [theme.breakpoints.down('laptop')]: {\n maxWidth: 'none',\n },\n padding: theme.spacing(2, 4),\n position: 'relative',\n minHeight: '100vh',\n}));\n\nconst StyledActionButtonGrid = styled(Grid)(({ theme }) => ({\n [theme.breakpoints.down('laptop')]: {\n width: '100%',\n paddingTop: theme.spacing(2),\n },\n}));\n\nconst StyledHeader = styled(Grid)(({ theme }) => ({\n flexWrap: 'nowrap',\n alignItems: 'flex-start',\n paddingTop: theme.spacing(3),\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(3),\n },\n}));\n\nconst StyledTitleContainer = styled(Grid, {\n shouldForwardProp: (prop) => prop !== 'stackAboveTitle',\n})<{ stackAboveTitle?: boolean }>(({ theme, stackAboveTitle }) => ({\n paddingTop: theme.spacing(2),\n ...(stackAboveTitle ? { flexDirection: 'column', alignItems: 'flex-start' } : {}),\n [theme.breakpoints.up('laptop')]: {\n width: '100%',\n alignItems: stackAboveTitle ? 'flex-start' : 'center',\n ...(stackAboveTitle ? { flexDirection: 'column' } : {}),\n },\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(-2),\n marginRight: theme.spacing(-2),\n flexDirection: 'column',\n alignItems: 'flex-start',\n },\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n maxWidth,\n paddingBottom: theme.spacing(3),\n\n [theme.breakpoints.down('laptop')]: {\n paddingBottom: theme.spacing(2),\n paddingLeft: theme.spacing(2),\n paddingRight: theme.spacing(2),\n },\n}));\n\nconst StyledAdd = styled(Add)(({ theme }) => ({\n marginRight: theme.spacing(1),\n}));\n\nconst StyledBackRow = styled(Box)(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n marginBottom: theme.spacing(1),\n marginLeft: theme.spacing(-2),\n}));\n\nconst StyledBackButton = styled(IconButton, {\n shouldForwardProp: (prop) => prop !== 'hasTitleComponent' && prop !== 'alignWithContent',\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any; alignWithContent?: boolean }>(({\n theme,\n hasTitleComponent,\n alignWithContent,\n}) => {\n const marginTop = hasTitleComponent ? theme.spacing(-0.75) : theme.spacing(-1.5);\n const marginBottom = theme.spacing(-1.5);\n const marginRight = theme.spacing(0.5);\n const marginLeft = alignWithContent ? 0 : theme.spacing(-1.5);\n\n return {\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n padding: 0,\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: alignWithContent ? 0 : theme.spacing(-2),\n },\n };\n});\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n maxWidth,\n marginLeft: theme.spacing(6),\n marginRight: theme.spacing(4),\n paddingBottom: theme.spacing(2),\n\n [theme.breakpoints.only('tablet')]: {\n marginLeft: 12,\n marginRight: theme.spacing(3),\n },\n\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(3),\n marginRight: theme.spacing(3),\n maxWidth: 'none',\n },\n\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(2),\n marginRight: theme.spacing(2),\n maxWidth: 'none',\n },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n display: 'flex',\n flexGrow: 1,\n justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(({ theme }) => ({\n lineHeight: '26px',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: ReactNode \| string }): JSX.Element => (\n <StyledPageTitle component=\"h2\" variant=\"h5\">\n {title}\n </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(\n ({ useAlternateBackground, theme }) => ({\n backgroundColor: useAlternateBackground\n ? theme.palette.semantic.background['background-alternate']\n : theme.palette.semantic.background['background-base'],\n width: '100%',\n height: '100%',\n }),\n);\n\nexport interface Props {\n actionBtnTitle?: string;\n caption?: ReactNode;\n children: ReactNode;\n contextButtons?: ReactNode[];\n documentTitle: string;\n fluid?: boolean;\n fullWidth?: boolean;\n header?: ReactNode;\n hideHeader?: boolean;\n actionButtonLink?: string;\n pageHeader?: ReactNode;\n showActionButton?: boolean;\n showAddIcon?: boolean;\n title: ReactNode;\n titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n titleComponentAfter?: ReactNode;\n toPrevious?: boolean;\n toParent?: string;\n toParentCaption?: string;\n strictToParent?: boolean;\n openLinkInNewTab?: boolean;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n navigate: (to: any) => void;\n hideDivider?: boolean;\n customActionButtons?: ReactNode[];\n useAlternateBackground?: boolean;\n errorBoundarySomethingWentWrongText: string;\n}\n\nconst PageLayout = (props: Props): JSX.Element => {\n const {\n actionBtnTitle,\n caption,\n children,\n contextButtons,\n documentTitle,\n fluid = false,\n fullWidth,\n header,\n hideHeader,\n actionButtonLink,\n openLinkInNewTab = false,\n pageHeader,\n showActionButton,\n showAddIcon,\n title,\n titleComponent: TitleComponent,\n toPrevious,\n toParent,\n toParentCaption,\n strictToParent,\n navigate,\n hideDivider = false,\n customActionButtons,\n useAlternateBackground = false,\n titleComponentAfter,\n errorBoundarySomethingWentWrongText,\n } = props;\n const theme = useTheme();\n\n const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n\n const baseUrl = getMicroFrontendAttribute('data-portal-base-url') \|\| '/';\n const actionButtonWithHttps: boolean = !!actionButtonLink && actionButtonLink.startsWith('https://');\n const getActionButtonLink = (): string => {\n if (actionButtonWithHttps) {\n return actionButtonLink as string;\n }\n if (actionButtonLink !== undefined) {\n return joinUrlPaths(baseUrl, actionButtonLink);\n }\n return '';\n };\n const actionButtonLinkFinal = getActionButtonLink();\n\n return (\n <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n <StyledWrapper fluid={fluid}>\n {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n {pageHeader \|\| null}\n <StyledInnerWrapper>\n {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n {!hideHeader && (\n <>\n <StyledHeader container alignItems=\"center\" direction=\"column\">\n <Grid container alignContent=\"space-between\" direction=\"row\">\n <StyledHeaderContainer>\n {contextButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`context-button-${React.isValidElement(button) ? button.props?.['data-fd'] \|\| button.props?.children : 'fallback'}`}\n >\n {button}\n </div>\n ))}\n </StyledHeaderContainer>\n </Grid>\n <StyledTitleContainer container stackAboveTitle={!!toParentCaption}>\n {(toParent \|\| toPrevious) && (\n <StyledBackRow>\n <StyledBackButton\n alignWithContent={!!toParentCaption}\n aria-label=\"Back\"\n component={'button'}\n data-fd=\"back_button\"\n hasTitleComponent={!!TitleComponent}\n onClick={() => {\n if (toPrevious) {\n navigate(-1);\n } else if (toParent && strictToParent) {\n navigate(toParent);\n } else if (toParent && history.length < historyMinLength) {\n navigate(toParent);\n } else {\n navigate(-1);\n }\n }}\n >\n <ArrowLeft02 />\n </StyledBackButton>\n {toParentCaption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {toParentCaption}\n </StyledCaption>\n )}\n </StyledBackRow>\n )}\n\n <StyledTitleSection>\n {TitleComponent ? (\n <TitleComponent />\n ) : (\n <Box alignItems=\"center\" display=\"flex\" gap={2}>\n <PageTitle title={title} />\n {titleComponentAfter}\n </Box>\n )}\n {caption && (\n <StyledCaption component=\"h3\" variant=\"caption\">\n {caption}\n </StyledCaption>\n )}\n </StyledTitleSection>\n\n {showActionButton && (\n <>\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n <StyledActionButtonGrid>\n <Button\n data-fd={`Action-button-${actionBtnTitle}`}\n fullWidth={true}\n href={openLinkInNewTab \|\| actionButtonWithHttps ? actionButtonLinkFinal : ''}\n onClick={\n !openLinkInNewTab && !actionButtonWithHttps\n ? (): void => {\n navigate(actionButtonLink);\n }\n : (): void => {}\n }\n rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n target={openLinkInNewTab ? '_blank' : undefined}\n variant=\"contained\"\n >\n {showAddIcon && <StyledAdd size=\"sm\" />}\n {actionBtnTitle}\n </Button>\n </StyledActionButtonGrid>\n </>\n )}\n {customActionButtons?.map((button) => (\n <div\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-fd'] \|\| button.props?.children : 'fallback'}`}\n >\n {isMobile && <Spacer size={56} variant=\"vertical\" />}\n {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n <StyledActionButtonGrid>{button}</StyledActionButtonGrid>\n </div>\n ))}\n </StyledTitleContainer>\n </StyledHeader>\n {!hideDivider && <StyledPageDivider />}\n </>\n )}\n <FullWidthContainer fullWidth={fullWidth}>\n {header ? <StyledTopSection>{header}</StyledTopSection> : null}\n <FDErrorBoundary\n identifier={documentTitle}\n somethingWentWrongText={errorBoundarySomethingWentWrongText}\n >\n {/* eslint-disable-next-line react/jsx-no-useless-fragment */}\n <>{children}</>\n </FDErrorBoundary>\n </FullWidthContainer>\n </StyledInnerWrapper>\n </StyledWrapper>\n </StyledPageContainer>\n );\n};\n\nexport default PageLayout;\n"],"names":["HORIZONTAL_SPACE_CLASSNAME","LEFT_HORIZONTAL_SPACE_CLASSNAME","RIGHT_HORIZONTAL_SPACE_CLASSNAME","VERTICAL_SPACE_CLASSNAME","maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","shouldForwardProp","prop","stackAboveTitle","flexDirection","up","only","marginLeft","marginRight","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","StyledBackRow","Box","display","justifyContent","marginBottom","StyledBackButton","IconButton","hasTitleComponent","alignWithContent","marginTop","StyledInnerWrapper","StyledHeaderContainer","StyledCaption","Typography","lineHeight","color","palette","semantic","text","StyledPageTitle","fontWeight","StyledPageDivider","Divider","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","background","height","PageLayout","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","toParentCaption","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","_jsxs","DocumentTitle","Spacer","size","_Fragment","container","direction","alignContent","map","button","React","isValidElement","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}

package/dist/components/atoms/BadgeCount/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("@mui/material/Typography");const s=t.styled("span")((({theme:e,emphasis:t="strong"})=>({minWidth:24,maxWidth:"fit-content",height:24,borderRadius:16,background:"strong"===t?e.palette.semantic.fill["fill-error-strong"]:e.palette.semantic.fill["fill-error-weak"],border:"strong"===t?"none":`1px solid ${e.palette.semantic.stroke["stroke-error-weak"]}`,color:"strong"===t?e.palette.semantic.text["text-inverse-strong"]:e.palette.semantic.text["text-error"],display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",boxSizing:"border-box",pointerEvents:"none"})));module.exports=({children:t,className:i,emphasis:a="strong","data-testid":n})=>e.jsx(s,{className:i,"data-testid":n,emphasis:a,children:e.jsx(r,{variant:"caption",children:t})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("@mui/material/Typography");const s=t.styled("span")((({theme:e,emphasis:t="strong"})=>({minWidth:24,maxWidth:"fit-content",height:24,borderRadius:16,background:"strong"===t?e.palette.semantic.fill["fill-error-strong"]:e.palette.semantic.fill["fill-error-weak"],border:"strong"===t?"none":`1px solid ${e.palette.semantic.stroke["stroke-error-weak"]}`,color:"strong"===t?e.palette.semantic.text["text-inverse-strong"]:e.palette.semantic.text["text-error"],display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",boxSizing:"border-box",pointerEvents:"none"}))),i=({children:t,className:i,emphasis:a="strong",fdKey:n})=>e.jsx(s,{className:i,"data-fd":n,emphasis:a,children:e.jsx(r,{variant:"caption",children:t})});exports.BadgeCount=i,exports.default=i;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/BadgeCount/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n children?: React.ReactNode;\n className?: string;\n emphasis?: 'strong' \| 'weak';\n ~~'data-testid'~~?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n minWidth: 24,\n maxWidth: 'fit-content',\n height: 24,\n borderRadius: 16,\n background: emphasis === 'strong' ? theme.palette.semantic.fill['fill-error-strong'] : theme.palette.semantic.fill['fill-error-weak'],\n border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n color: emphasis === 'strong' ? theme.palette.semantic.text['text-inverse-strong'] : theme.palette.semantic.text['text-error'],\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0 8px',\n boxSizing: 'border-box',\n pointerEvents: 'none',\n}));\n\~~nconst~~ BadgeCount: React.FC<BadgeCountProps> = ({ children, className, emphasis = 'strong'~~, 'data-testid': dataTestId~~ }) => (\n <StyledCount className={className} data-~~testid~~={~~dataTestId~~} emphasis={emphasis}>\n <Typography variant=\"caption\">{children}</Typography>\n </StyledCount>\n);\n\nexport default BadgeCount;"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","children","className","~~dataTestId~~","_jsx","Typography","variant"],"mappings":"~~wHAWA~~,MAAMA,EAAcC,EAAAA,OAAO,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAU,CACjFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,~~WAAyB~~,WAAbL,~~EAAwBD~~,EAAMO,QAAQC,SAASC,KAAK,~~qBAAuBT~~,EAAMO,QAAQC,SAASC,KAAK,~~mBACnHC~~,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,~~MAAoB~~,WAAbX,~~EAAwBD~~,EAAMO,QAAQC,SAASK,KAAK,~~uBAAyBb~~,EAAMO,QAAQC,SAASK,KAAK,~~cAChHC~~,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,~~0BAG6B~~,~~EAAGC~~,~~WAAUC~~,~~YAAWpB~~,WAAW,~~SAAU~~,~~cAAeqB~~,~~KACxGC,~~EAAAA,~~IAACzB~~,~~GAAYuB~~,UAAWA,EAAS,~~cAAeC~~,~~EAAYrB~~,SAAUA,~~EAAQmB~~,~~SAC5EG~~,EAAAA,IAACC,EAAU,CAACC,QAAQ,UAASL,SAAEA"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n children?: React.ReactNode;\n className?: string;\n emphasis?: 'strong' \| 'weak';\n fdKey?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n minWidth: 24,\n maxWidth: 'fit-content',\n height: 24,\n borderRadius: 16,\n background:\n emphasis === 'strong'\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.fill['fill-error-weak'],\n border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n color:\n emphasis === 'strong'\n ? theme.palette.semantic.text['text-inverse-strong']\n : theme.palette.semantic.text['text-error'],\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0 8px',\n boxSizing: 'border-box',\n pointerEvents: 'none',\n}));\n\nexport const BadgeCount: React.FC<BadgeCountProps> = ({\n children,\n className,\n emphasis = 'strong',\n fdKey,\n}) => (\n <StyledCount className={className} data-fd={fdKey} emphasis={emphasis}>\n <Typography variant=\"caption\">{children}</Typography>\n </StyledCount>\n);\n\nexport default BadgeCount;\n"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","BadgeCount","children","className","fdKey","_jsx","Typography","variant"],"mappings":"+KAWA,MAAMA,EAAcC,EAAAA,OAAO,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAU,CACjFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,WACe,WAAbL,EACID,EAAMO,QAAQC,SAASC,KAAK,qBAC5BT,EAAMO,QAAQC,SAASC,KAAK,mBAClCC,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,MACe,WAAbX,EACID,EAAMO,QAAQC,SAASK,KAAK,uBAC5Bb,EAAMO,QAAQC,SAASK,KAAK,cAClCC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,WAGJC,EAAwC,EACnDC,WACAC,YACArB,WAAW,SACXsB,WAEAC,EAAAA,IAAC1B,GAAYwB,UAAWA,EAAS,UAAWC,EAAOtB,SAAUA,EAAQoB,SACnEG,EAAAA,IAACC,EAAU,CAACC,QAAQ,UAASL,SAAEA"}

package/dist/components/atoms/BadgeCount/index.d.ts CHANGED Viewed

@@ -2,9 +2,9 @@ interface BadgeCountProps {
     children?: React.ReactNode;
     className?: string;
     emphasis?: 'strong' | 'weak';
-    'data-testid'?: string;
+    fdKey?: string;
 }
 declare const BadgeCount: React.FC<BadgeCountProps>;
-export { BadgeCount as default };
+export { BadgeCount, BadgeCount as default };
 export type { BadgeCountProps };

package/dist/components/atoms/BadgeCount/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{styled as e}from"@mui/material/styles";import r from"@mui/material/Typography";const i=e("span")((({theme:t,emphasis:e="strong"})=>({minWidth:24,maxWidth:"fit-content",height:24,borderRadius:16,background:"strong"===e?t.palette.semantic.fill["fill-error-strong"]:t.palette.semantic.fill["fill-error-weak"],border:"strong"===e?"none":`1px solid ${t.palette.semantic.stroke["stroke-error-weak"]}`,color:"strong"===e?t.palette.semantic.text["text-inverse-strong"]:t.palette.semantic.text["text-error"],display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",boxSizing:"border-box",pointerEvents:"none"}))),a=({children:e,className:a,emphasis:s="strong","data-testid":n})=>t(i,{className:a,"data-testid":n,emphasis:s,children:t(r,{variant:"caption",children:e})});export{a as default};
+import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";import r from"@mui/material/Typography";const i=t("span")((({theme:e,emphasis:t="strong"})=>({minWidth:24,maxWidth:"fit-content",height:24,borderRadius:16,background:"strong"===t?e.palette.semantic.fill["fill-error-strong"]:e.palette.semantic.fill["fill-error-weak"],border:"strong"===t?"none":`1px solid ${e.palette.semantic.stroke["stroke-error-weak"]}`,color:"strong"===t?e.palette.semantic.text["text-inverse-strong"]:e.palette.semantic.text["text-error"],display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",boxSizing:"border-box",pointerEvents:"none"}))),a=({children:t,className:a,emphasis:n="strong",fdKey:o})=>e(i,{className:a,"data-fd":o,emphasis:n,children:e(r,{variant:"caption",children:t})});export{a as BadgeCount,a as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/BadgeCount/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n children?: React.ReactNode;\n className?: string;\n emphasis?: 'strong' \| 'weak';\n ~~'data-testid'~~?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n minWidth: 24,\n maxWidth: 'fit-content',\n height: 24,\n borderRadius: 16,\n background: emphasis === 'strong' ? theme.palette.semantic.fill['fill-error-strong'] : theme.palette.semantic.fill['fill-error-weak'],\n border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n color: emphasis === 'strong' ? theme.palette.semantic.text['text-inverse-strong'] : theme.palette.semantic.text['text-error'],\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0 8px',\n boxSizing: 'border-box',\n pointerEvents: 'none',\n}));\n\~~nconst~~ BadgeCount: React.FC<BadgeCountProps> = ({ children, className, emphasis = 'strong'~~, 'data-testid': dataTestId~~ }) => (\n <StyledCount className={className} data-~~testid~~={~~dataTestId~~} emphasis={emphasis}>\n <Typography variant=\"caption\">{children}</Typography>\n </StyledCount>\n);\n\nexport default BadgeCount;"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","BadgeCount","children","className","~~dataTestId~~","_jsx","Typography","variant"],"mappings":"8HAWA,MAAMA,EAAcC,EAAO,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAU,CACjFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,~~WAAyB~~,WAAbL,~~EAAwBD~~,EAAMO,QAAQC,SAASC,KAAK,~~qBAAuBT~~,EAAMO,QAAQC,SAASC,KAAK,~~mBACnHC~~,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,~~MAAoB~~,WAAbX,~~EAAwBD~~,EAAMO,QAAQC,SAASK,KAAK,~~uBAAyBb~~,EAAMO,QAAQC,SAASK,KAAK,~~cAChHC~~,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,~~WAGXC~~,EAAwC,~~EAAGC~~,~~WAAUC~~,~~YAAWrB~~,WAAW,~~SAAU~~,~~cAAesB~~,~~KACxGC,~~EAAC1B,GAAYwB,UAAWA,EAAS,~~cAAeC~~,~~EAAYtB~~,SAAUA,EAAQoB,~~SAC5EG~~,EAACC,EAAU,CAACC,QAAQ,UAASL,SAAEA"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n children?: React.ReactNode;\n className?: string;\n emphasis?: 'strong' \| 'weak';\n fdKey?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n minWidth: 24,\n maxWidth: 'fit-content',\n height: 24,\n borderRadius: 16,\n background:\n emphasis === 'strong'\n ? theme.palette.semantic.fill['fill-error-strong']\n : theme.palette.semantic.fill['fill-error-weak'],\n border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n color:\n emphasis === 'strong'\n ? theme.palette.semantic.text['text-inverse-strong']\n : theme.palette.semantic.text['text-error'],\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0 8px',\n boxSizing: 'border-box',\n pointerEvents: 'none',\n}));\n\nexport const BadgeCount: React.FC<BadgeCountProps> = ({\n children,\n className,\n emphasis = 'strong',\n fdKey,\n}) => (\n <StyledCount className={className} data-fd={fdKey} emphasis={emphasis}>\n <Typography variant=\"caption\">{children}</Typography>\n </StyledCount>\n);\n\nexport default BadgeCount;\n"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","BadgeCount","children","className","fdKey","_jsx","Typography","variant"],"mappings":"8HAWA,MAAMA,EAAcC,EAAO,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAU,CACjFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,WACe,WAAbL,EACID,EAAMO,QAAQC,SAASC,KAAK,qBAC5BT,EAAMO,QAAQC,SAASC,KAAK,mBAClCC,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,MACe,WAAbX,EACID,EAAMO,QAAQC,SAASK,KAAK,uBAC5Bb,EAAMO,QAAQC,SAASK,KAAK,cAClCC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,WAGJC,EAAwC,EACnDC,WACAC,YACArB,WAAW,SACXsB,WAEAC,EAAC1B,GAAYwB,UAAWA,EAAS,UAAWC,EAAOtB,SAAUA,EAAQoB,SACnEG,EAACC,EAAU,CAACC,QAAQ,UAASL,SAAEA"}

package/dist/components/atoms/BadgeDot/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");const s=require("@mui/material/styles").styled("span")((({theme:e,size:s="small"})=>{let t=8;return"medium"===s&&(t=12),"large"===s&&(t=16),{display:"inline-block",width:t,height:t,borderRadius:"50%",background:e.palette.semantic.fill["fill-error-strong"],pointerEvents:"none"}}));module.exports=({className:t,"data-testid":i,size:a="small"})=>e.jsx(s,{className:t,"data-testid":i,size:a});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const s=require("@mui/material/styles").styled("span")((({theme:e,size:s="small"})=>{let t=8;return"medium"===s&&(t=12),"large"===s&&(t=16),{display:"inline-block",width:t,height:t,borderRadius:"50%",background:e.palette.semantic.fill["fill-error-strong"],pointerEvents:"none"}})),t=({className:t,fdKey:r,size:a="small"})=>e.jsx(s,{className:t,"data-fd":r,size:a});exports.BadgeDot=t,exports.default=t;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/BadgeDot/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeDot/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nexport interface BadgeDotProps {\n className?: string;\n ~~'data-testid'~~?: string;\n size?: 'large' \| 'medium' \| 'small';\n}\n\nconst StyledDot = styled('span')<BadgeDotProps>(({ theme, size = 'small' }) => {\n let dimension = 8;\n if (size === 'medium') dimension = 12;\n if (size === 'large') dimension = 16;\n return {\n display: 'inline-block',\n width: dimension,\n height: dimension,\n borderRadius: '50%',\n background: theme.palette.semantic.fill['fill-error-strong'],\n pointerEvents: 'none',\n };\n});\n\~~nconst~~ BadgeDot: React.FC<BadgeDotProps> = ({ className, ~~'data-testid': dataTestId~~, size = 'small' }) => (\n <StyledDot className={className} data-~~testid~~={~~dataTestId~~} size={size} />\n);\n\nexport default BadgeDot;"],"names":["StyledDot","styled","theme","size","dimension","display","width","height","borderRadius","background","palette","semantic","fill","pointerEvents","className","~~dataTestId~~","_jsx"],"mappings":"~~gDAQA~~,MAAMA,kCAAYC,OAAO,OAAPA,EAA8B,EAAGC,QAAOC,OAAO,YAC/D,IAAIC,EAAY,EAGhB,MAFa,WAATD,IAAmBC,EAAY,IACtB,UAATD,IAAkBC,EAAY,IAC3B,CACLC,QAAS,eACTC,MAAOF,EACPG,OAAQH,EACRI,aAAc,MACdC,WAAYP,EAAMQ,QAAQC,SAASC,KAAK,qBACxCC,cAAe,~~0BAIuB~~,EAAGC,~~YAAW~~,~~cAAeC~~,~~EAAYZ,~~OAAO,~~WACxFa~~,EAAAA,~~IAAChB~~,EAAS,~~CAACc~~,UAAWA,EAAS,~~cAAeC~~,~~EAAYZ~~,KAAMA"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeDot/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nexport interface BadgeDotProps {\n className?: string;\n fdKey?: string;\n size?: 'large' \| 'medium' \| 'small';\n}\n\nconst StyledDot = styled('span')<BadgeDotProps>(({ theme, size = 'small' }) => {\n let dimension = 8;\n if (size === 'medium') dimension = 12;\n if (size === 'large') dimension = 16;\n return {\n display: 'inline-block',\n width: dimension,\n height: dimension,\n borderRadius: '50%',\n background: theme.palette.semantic.fill['fill-error-strong'],\n pointerEvents: 'none',\n };\n});\n\nexport const BadgeDot: React.FC<BadgeDotProps> = ({ className, fdKey, size = 'small' }) => (\n <StyledDot className={className} data-fd={fdKey} size={size} />\n);\n\nexport default BadgeDot;\n"],"names":["StyledDot","styled","theme","size","dimension","display","width","height","borderRadius","background","palette","semantic","fill","pointerEvents","BadgeDot","className","fdKey","_jsx"],"mappings":"uGAQA,MAAMA,kCAAYC,OAAO,OAAPA,EAA8B,EAAGC,QAAOC,OAAO,YAC/D,IAAIC,EAAY,EAGhB,MAFa,WAATD,IAAmBC,EAAY,IACtB,UAATD,IAAkBC,EAAY,IAC3B,CACLC,QAAS,eACTC,MAAOF,EACPG,OAAQH,EACRI,aAAc,MACdC,WAAYP,EAAMQ,QAAQC,SAASC,KAAK,qBACxCC,cAAe,WAINC,EAAoC,EAAGC,YAAWC,QAAOb,OAAO,WAC3Ec,EAAAA,IAACjB,EAAS,CAACe,UAAWA,EAAS,UAAWC,EAAOb,KAAMA"}

package/dist/components/atoms/BadgeDot/index.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 interface BadgeDotProps {
     className?: string;
-    'data-testid'?: string;
+    fdKey?: string;
     size?: 'large' | 'medium' | 'small';
 }
 declare const BadgeDot: React.FC<BadgeDotProps>;
-export { BadgeDot as default };
+export { BadgeDot, BadgeDot as default };
 export type { BadgeDotProps };

package/dist/components/atoms/BadgeDot/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";const a=t("span")((({theme:e,size:t="small"})=>{let a=8;return"medium"===t&&(a=12),"large"===t&&(a=16),{display:"inline-block",width:a,height:a,borderRadius:"50%",background:e.palette.semantic.fill["fill-error-strong"],pointerEvents:"none"}})),s=({className:t,"data-testid":s,size:i="small"})=>e(a,{className:t,"data-testid":s,size:i});export{s as default};
+import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";const a=t("span")((({theme:e,size:t="small"})=>{let a=8;return"medium"===t&&(a=12),"large"===t&&(a=16),{display:"inline-block",width:a,height:a,borderRadius:"50%",background:e.palette.semantic.fill["fill-error-strong"],pointerEvents:"none"}})),s=({className:t,fdKey:s,size:i="small"})=>e(a,{className:t,"data-fd":s,size:i});export{s as BadgeDot,s as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/BadgeDot/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BadgeDot/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nexport interface BadgeDotProps {\n className?: string;\n ~~'data-testid'~~?: string;\n size?: 'large' \| 'medium' \| 'small';\n}\n\nconst StyledDot = styled('span')<BadgeDotProps>(({ theme, size = 'small' }) => {\n let dimension = 8;\n if (size === 'medium') dimension = 12;\n if (size === 'large') dimension = 16;\n return {\n display: 'inline-block',\n width: dimension,\n height: dimension,\n borderRadius: '50%',\n background: theme.palette.semantic.fill['fill-error-strong'],\n pointerEvents: 'none',\n };\n});\n\~~nconst~~ BadgeDot: React.FC<BadgeDotProps> = ({ className, ~~'data-testid': dataTestId~~, size = 'small' }) => (\n <StyledDot className={className} data-~~testid~~={~~dataTestId~~} size={size} />\n);\n\nexport default BadgeDot;"],"names":["StyledDot","styled","theme","size","dimension","display","width","height","borderRadius","background","palette","semantic","fill","pointerEvents","BadgeDot","className","~~dataTestId~~","_jsx"],"mappings":"sFAQA,MAAMA,EAAYC,EAAO,OAAPA,EAA8B,EAAGC,QAAOC,OAAO,YAC/D,IAAIC,EAAY,EAGhB,MAFa,WAATD,IAAmBC,EAAY,IACtB,UAATD,IAAkBC,EAAY,IAC3B,CACLC,QAAS,eACTC,MAAOF,EACPG,OAAQH,EACRI,aAAc,MACdC,WAAYP,EAAMQ,QAAQC,SAASC,KAAK,qBACxCC,cAAe,~~WAIbC~~,EAAoC,EAAGC,~~YAAW~~,~~cAAeC~~,~~EAAYb,~~OAAO,~~WACxFc~~,EAACjB,EAAS,CAACe,UAAWA,EAAS,~~cAAeC~~,~~EAAYb~~,KAAMA"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BadgeDot/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nexport interface BadgeDotProps {\n className?: string;\n fdKey?: string;\n size?: 'large' \| 'medium' \| 'small';\n}\n\nconst StyledDot = styled('span')<BadgeDotProps>(({ theme, size = 'small' }) => {\n let dimension = 8;\n if (size === 'medium') dimension = 12;\n if (size === 'large') dimension = 16;\n return {\n display: 'inline-block',\n width: dimension,\n height: dimension,\n borderRadius: '50%',\n background: theme.palette.semantic.fill['fill-error-strong'],\n pointerEvents: 'none',\n };\n});\n\nexport const BadgeDot: React.FC<BadgeDotProps> = ({ className, fdKey, size = 'small' }) => (\n <StyledDot className={className} data-fd={fdKey} size={size} />\n);\n\nexport default BadgeDot;\n"],"names":["StyledDot","styled","theme","size","dimension","display","width","height","borderRadius","background","palette","semantic","fill","pointerEvents","BadgeDot","className","fdKey","_jsx"],"mappings":"sFAQA,MAAMA,EAAYC,EAAO,OAAPA,EAA8B,EAAGC,QAAOC,OAAO,YAC/D,IAAIC,EAAY,EAGhB,MAFa,WAATD,IAAmBC,EAAY,IACtB,UAATD,IAAkBC,EAAY,IAC3B,CACLC,QAAS,eACTC,MAAOF,EACPG,OAAQH,EACRI,aAAc,MACdC,WAAYP,EAAMQ,QAAQC,SAASC,KAAK,qBACxCC,cAAe,WAINC,EAAoC,EAAGC,YAAWC,QAAOb,OAAO,WAC3Ec,EAACjB,EAAS,CAACe,UAAWA,EAAS,UAAWC,EAAOb,KAAMA"}

package/dist/components/atoms/BreadCrumbs/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Breadcrumbs"),a=require("@mui/material/styles"),i=require("@mui/material/useMediaQuery"),l=require("../Link/index.cjs.js"),n=require("../../../icons/ArrowLeft02/index.cjs.js"),s=require("../../../themes/typography.cjs.js");const o=a.styled(r)((({theme:e})=>({"& .MuiBreadcrumbs-separator":{color:e.palette.semantic.text["text-weak"],marginLeft:e.spacing(1),marginRight:e.spacing(1)}}))),u=a.styled("button")((({theme:e})=>({display:"inline-flex",alignItems:"center",background:"none",border:"none",color:e.palette.semantic.text["text-weak"],cursor:"pointer",padding:e.spacing(.5),borderRadius:e.radius?.["radius-4"]||"4px",transition:"background-color 0.2s ease-in-out",fontFamily:s.typography.b1Weak.fontFamily,fontSize:s.typography.b1Weak.fontSize,lineHeight:s.typography.b1Weak.lineHeight,fontWeight:s.typography.b1Weak.fontWeight,letterSpacing:s.typography.b1Weak.letterSpacing,"&:hover":{backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:focus-visible":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}}))),p=a.styled("span")((({theme:e})=>({fontSize:s.typography.b1Weak.fontSize,lineHeight:s.typography.b1Weak.lineHeight,color:e.palette.semantic.text["text-weak"],fontWeight:s.typography.b1Weak.fontWeight,fontFamily:s.typography.b1Weak.fontFamily,letterSpacing:s.typography.b1Weak.letterSpacing}))),c=t.memo((({items:r,type:s="default",className:c,"data-testid":h,ariaLabel:d,ariaLabelEllipsis:b})=>{const[g,f]=t.useState(!1),y=a.useTheme(),m=i(y.breakpoints.down("tablet"));if(!r?.length)return null;const k=[];if(("collapsed"===s||"default"===s&&m)&&r.length>2&&!g){const t=r[0],a=r[r.length-1];if(!t||!a)return null;k.push(e.jsx(l.Link,{fdKey:`breadcrumb-${t.label}`,href:t.href,iconLeft:e.jsx(n,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`first-${t.label}-${t.href||""}`)),k.push(e.jsx(u,{"aria-label":b??void 0,onClick:()=>f(!0),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),f(!0))},type:"button",children:"..."},"ellipsis")),k.push(e.jsx(p,{"aria-current":"page",children:a.label},`current-${a.label}-${a.href||""}`))}else{const t=r.map(((t,a)=>{const i=0===a;return a===r.length-1?e.jsx(p,{"aria-current":"page",children:t.label},`current-${t.label}-${t.href||""}`):i?e.jsx(l.Link,{fdKey:`breadcrumb-${t.label}`,href:t.href,iconLeft:e.jsx(n,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`first-${t.label}-${t.href||""}`):e.jsx(l.Link,{fdKey:`breadcrumb-${t.label}`,href:t.href,size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`middle-${t.label}-${t.href||""}`)}));k.push(...t)}return e.jsx(o,{"aria-label":d??void 0,className:c,"data-testid":h,separator:"/",children:k})}));c.displayName="BreadCrumbs",module.exports=c;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Breadcrumbs"),a=require("@mui/material/styles"),i=require("@mui/material/useMediaQuery"),l=require("../Link/index.cjs.js"),n=require("../../../icons/ArrowLeft02/index.cjs.js"),s=require("../../../themes/typography.cjs.js");const o=a.styled(r)((({theme:e})=>({"& .MuiBreadcrumbs-separator":{color:e.palette.semantic.text["text-weak"],marginLeft:e.spacing(1),marginRight:e.spacing(1)}}))),u=a.styled("button")((({theme:e})=>({display:"inline-flex",alignItems:"center",background:"none",border:"none",color:e.palette.semantic.text["text-weak"],cursor:"pointer",padding:e.spacing(.5),borderRadius:e.radius?.["radius-4"]||"4px",transition:"background-color 0.2s ease-in-out",fontFamily:s.typography.b1Weak.fontFamily,fontSize:s.typography.b1Weak.fontSize,lineHeight:s.typography.b1Weak.lineHeight,fontWeight:s.typography.b1Weak.fontWeight,letterSpacing:s.typography.b1Weak.letterSpacing,"&:hover":{backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:focus-visible":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}}))),p=a.styled("span")((({theme:e})=>({fontSize:s.typography.b1Weak.fontSize,lineHeight:s.typography.b1Weak.lineHeight,color:e.palette.semantic.text["text-weak"],fontWeight:s.typography.b1Weak.fontWeight,fontFamily:s.typography.b1Weak.fontFamily,letterSpacing:s.typography.b1Weak.letterSpacing}))),c=t.memo((({ariaLabel:r,ariaLabelEllipsis:s,className:c,fdKey:h,items:d,type:b="default"})=>{const[f,g]=t.useState(!1),y=a.useTheme(),m=i(y.breakpoints.down("tablet"));if(!d?.length)return null;const k=[];if(("collapsed"===b||"default"===b&&m)&&d.length>2&&!f){const t=d[0],r=d[d.length-1];if(!t||!r)return null;k.push(e.jsx(l.Link,{fdKey:`breadcrumb-${t.label}`,href:t.href,iconLeft:e.jsx(n,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`first-${t.label}-${t.href||""}`)),k.push(e.jsx(u,{"aria-label":s??void 0,onClick:()=>g(!0),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g(!0))},type:"button",children:"..."},"ellipsis")),k.push(e.jsx(p,{"aria-current":"page",children:r.label},`current-${r.label}-${r.href||""}`))}else{const t=d.map(((t,r)=>{const a=0===r;return r===d.length-1?e.jsx(p,{"aria-current":"page",children:t.label},`current-${t.label}-${t.href||""}`):a?e.jsx(l.Link,{fdKey:`breadcrumb-${t.label}`,href:t.href,iconLeft:e.jsx(n,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`first-${t.label}-${t.href||""}`):e.jsx(l.Link,{fdKey:`breadcrumb-${t.label}`,href:t.href,size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`middle-${t.label}-${t.href||""}`)}));k.push(...t)}return e.jsx(o,{"aria-label":r??void 0,className:c,"data-fd":h,separator:"/",children:k})}));c.displayName="BreadCrumbs",module.exports=c;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/BreadCrumbs/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BreadCrumbs/index.tsx"],"sourcesContent":["import { memo, useState } from 'react';\n\nimport BreadcrumbsMUI from '@mui/material/Breadcrumbs';\nimport { styled, useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Link from '@fd/components/atoms/Link';\nimport ArrowLeft02Icon from '@fd/icons/ArrowLeft02';\nimport { typography } from '@fd/themes/typography';\n\nexport interface BreadcrumbItem {\n label: string;\n href?: string;\n}\n\nexport type BreadCrumbsType = 'collapsed' \| 'default';\n\nexport interface BreadCrumbsProps {\n ~~items:~~ ~~BreadcrumbItem[]~~;\n ~~type~~?: ~~BreadCrumbsType~~;\n className?: string;\n ~~'data-testid'~~?: string;\n ~~ariaLabel?:~~ ~~string~~;\n ~~ariaLabelEllipsis~~?: ~~string~~;\n}\n\nconst StyledBreadcrumbs = styled(BreadcrumbsMUI)(({ theme }) => ({\n '& .MuiBreadcrumbs-separator': {\n color: theme.palette.semantic.text['text-weak'],\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n },\n}));\n\nconst StyledEllipsisButton = styled('button')(({ theme }) => ({\n display: 'inline-flex',\n alignItems: 'center',\n background: 'none',\n border: 'none',\n color: theme.palette.semantic.text['text-weak'],\n cursor: 'pointer',\n padding: theme.spacing(0.5),\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'background-color 0.2s ease-in-out',\n fontFamily: typography.b1Weak.fontFamily,\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n fontWeight: typography.b1Weak.fontWeight,\n letterSpacing: typography.b1Weak.letterSpacing,\n\n '&:hover': {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n\n '&:focus-visible': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n}));\n\nconst StyledCurrentPage = styled('span')(({ theme }) => ({\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n color: theme.palette.semantic.text['text-weak'],\n fontWeight: typography.b1Weak.fontWeight,\n fontFamily: typography.b1Weak.fontFamily,\n letterSpacing: typography.b1Weak.letterSpacing,\n}));\n\nconst BreadCrumbs = memo(\n ({\n items~~,\n~~ type = 'default'~~,\n className,\n 'data-testid':~~ ~~dataTestId,\n ariaLabel,\n ariaLabelEllipsis,\n~~ }: BreadCrumbsProps) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const theme = useTheme();\n const isSmallScreen = useMediaQuery(theme.breakpoints.down('tablet'));\n\n if (!items?.length) {\n return null;\n }\n\n const shouldCollapse =\n (type === 'collapsed' \|\| (type === 'default' && isSmallScreen)) && items.length > 2 && !isExpanded;\n\n // Build breadcrumb items array\n const breadcrumbItems: React.ReactNode[] = [];\n\n if (shouldCollapse) {\n const firstItem = items[0];\n const lastItem = items[items.length - 1];\n if (!firstItem \|\| !lastItem) {\n return null;\n }\n // First item\n breadcrumbItems.push(\n <Link\n key={`first-${firstItem.label}-${firstItem.href \|\| ''}`}\n fdKey={`breadcrumb-${firstItem.label}`}\n href={firstItem.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {firstItem.label}\n </Link>,\n );\n\n // Ellipsis\n breadcrumbItems.push(\n <StyledEllipsisButton\n key=\"ellipsis\"\n aria-label={ariaLabelEllipsis ?? undefined}\n onClick={() => setIsExpanded(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n setIsExpanded(true);\n }\n }}\n type=\"button\"\n >\n ...\n </StyledEllipsisButton>,\n );\n\n // Last item\n breadcrumbItems.push(\n <StyledCurrentPage key={`current-${lastItem.label}-${lastItem.href \|\| ''}`} aria-current=\"page\">\n {lastItem.label}\n </StyledCurrentPage>,\n );\n } else {\n // Default/expanded mode: show all items\n const allItems = items.map((item, index) => {\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n if (isLast) {\n return (\n <StyledCurrentPage key={`current-${item.label}-${item.href \|\| ''}`} aria-current=\"page\">\n {item.label}\n </StyledCurrentPage>\n );\n }\n if (isFirst) {\n return (\n <Link\n key={`first-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n }\n return (\n <Link\n key={`middle-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n });\n breadcrumbItems.push(...allItems);\n }\n\n return (\n <StyledBreadcrumbs\n aria-label={ariaLabel ?? undefined}\n className={className}\n data-~~testid~~={~~dataTestId~~}\n separator=\"/\"\n >\n {breadcrumbItems}\n </StyledBreadcrumbs>\n );\n },\n);\n\nBreadCrumbs.displayName = 'BreadCrumbs';\n\nexport default BreadCrumbs;\n"],"names":["StyledBreadcrumbs","styled","BreadcrumbsMUI","theme","color","palette","semantic","text","marginLeft","spacing","marginRight","StyledEllipsisButton","display","alignItems","background","border","cursor","padding","borderRadius","radius","transition","fontFamily","typography","b1Weak","fontSize","lineHeight","fontWeight","letterSpacing","backgroundColor","fill","outline","stroke","outlineOffset","StyledCurrentPage","BreadCrumbs","memo","~~items~~","~~type~~","className","~~dataTestId~~","~~ariaLabel~~","~~ariaLabelEllipsis~~","isExpanded","setIsExpanded","useState","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","length","breadcrumbItems","firstItem","lastItem","push","_jsx","Link","~~fdKey","~~label","href","iconLeft","ArrowLeft02Icon","size","tone","underline","weight","undefined","onClick","onKeyDown","e","key","preventDefault","children","allItems","map","item","index","isFirst","separator","displayName"],"mappings":"2TA0BA,MAAMA,EAAoBC,EAAAA,OAAOC,EAAPD,EAAuB,EAAGE,YAAO,CACzD,8BAA+B,CAC7BC,MAAOD,EAAME,QAAQC,SAASC,KAAK,aACnCC,WAAYL,EAAMM,QAAQ,GAC1BC,YAAaP,EAAMM,QAAQ,QAIzBE,EAAuBV,EAAAA,OAAO,SAAPA,EAAiB,EAAGE,YAAO,CACtDS,QAAS,cACTC,WAAY,SACZC,WAAY,OACZC,OAAQ,OACRX,MAAOD,EAAME,QAAQC,SAASC,KAAK,aACnCS,OAAQ,UACRC,QAASd,EAAMM,QAAQ,IACvBS,aAAcf,EAAMgB,SAAS,aAAe,MAC5CC,WAAY,oCACZC,WAAYC,EAAAA,WAAWC,OAAOF,WAC9BG,SAAUF,EAAAA,WAAWC,OAAOC,SAC5BC,WAAYH,EAAAA,WAAWC,OAAOE,WAC9BC,WAAYJ,EAAAA,WAAWC,OAAOG,WAC9BC,cAAeL,EAAAA,WAAWC,OAAOI,cAEjC,UAAW,CACTC,gBAAiBzB,EAAME,QAAQC,SAASuB,KAAK,eAG/C,kBAAmB,CACjBC,QAAS,aAAa3B,EAAME,QAAQC,SAASyB,OAAO,kBACpDC,cAAe,WAIbC,EAAoBhC,EAAAA,OAAO,OAAPA,EAAe,EAAGE,YAAO,CACjDqB,SAAUF,EAAAA,WAAWC,OAAOC,SAC5BC,WAAYH,EAAAA,WAAWC,OAAOE,WAC9BrB,MAAOD,EAAME,QAAQC,SAASC,KAAK,aACnCmB,WAAYJ,EAAAA,WAAWC,OAAOG,WAC9BL,WAAYC,EAAAA,WAAWC,OAAOF,WAC9BM,cAAeL,EAAAA,WAAWC,OAAOI,kBAG7BO,EAAcC,EAAAA,MAClB,~~EACEC~~,~~QACAC~~,~~OAAO~~,~~UACPC~~,~~YACA~~,~~cAAeC~~,~~EACfC~~,~~YACAC~~,~~wBAEA,~~MAAOC,EAAYC,GAAiBC,EAAAA,UAAS,GACvCzC,EAAQ0C,EAAAA,WACRC,EAAgBC,EAAc5C,EAAM6C,YAAYC,KAAK,WAE3D,~~IAAKb~~,~~GAAOc~~,OACV,OAAO,KAGT,MAIMC,EAAqC,GAE3C,IALY,~~cAATd~~,GAAkC,YAATA,~~GAAsBS~~,~~IAAmBV~~,~~EAAMc~~,OAAS,IAAMR,EAKtE,CAClB,MAAMU,~~EAAYhB~~,EAAM,~~GAClBiB~~,~~EAAWjB~~,EAAMA,~~EAAMc~~,OAAS,GACtC,IAAKE,IAAcC,EACjB,OAAO,KAGTF,EAAgBG,KACdC,EAAAA,IAACC,EAAAA,KAAI,~~CAEHC~~,MAAO,~~cAAcL~~,~~EAAUM~~,QAC/BC,~~KAAMP~~,~~EAAUO~~,KAChBC,~~SAAUL~~,EAAAA,~~IAACM~~,EAAe,CAACC,KAAK,OAChCA,KAAK,OACLC,KAAK,eACLC,WAAW,EACXC,OAAO,~~mBAENb~~,~~EAAUM~~,OATN,~~SAASN~~,~~EAAUM~~,~~SAASN~~,~~EAAUO~~,MAAQ,~~OAcvDR~~,EAAgBG,KACdC,EAAAA,IAAC5C,~~gBAEa8B~~,~~QAAqByB~~,EACjCC,QAAS,~~IAAMxB~~,GAAc,~~GAC7ByB~~,UAAYC,IACI,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,~~iBACF5B~~,GAAc,~~KAGlBN~~,KAAK,yBATD,~~aAgBRc~~,EAAgBG,KACdC,EAAAA,IAACtB,kBAAwF,~~OAAMuC~~,~~SAC5FnB~~,~~EAASK~~,OADY,~~WAAWL~~,~~EAASK~~,~~SAASL~~,~~EAASM~~,MAAQ,MAI1E,KAAO,CAEL,MAAMc,~~EAAWrC~~,~~EAAMsC~~,KAAI,CAACC,EAAMC,KAChC,MAAMC,EAAoB,IAAVD,EAGhB,OAFeA,~~IAAUxC~~,~~EAAMc~~,OAAS,EAIpCK,EAAAA,IAACtB,EAAiB,CAAA,eAA+D,~~OAAMuC~~,SACpFG,EAAKjB,OADgB,WAAWiB,EAAKjB,SAASiB,EAAKhB,MAAQ,MAK9DkB,~~EAEAtB~~,EAAAA,IAACC,EAAAA,KAAI,~~CAEHC~~,MAAO,~~cAAckB~~,EAAKjB,QAC1BC,KAAMgB,EAAKhB,KACXC,~~SAAUL~~,EAAAA,~~IAACM~~,EAAe,CAACC,KAAK,OAChCA,KAAK,OACLC,KAAK,eACLC,WAAW,EACXC,OAAO,UAASO,SAEfG,EAAKjB,OATD,SAASiB,EAAKjB,SAASiB,EAAKhB,MAAQ,~~MAc7CJ~~,EAAAA,IAACC,EAAAA,KAAI,~~CAEHC~~,MAAO,~~cAAckB~~,EAAKjB,QAC1BC,KAAMgB,EAAKhB,KACXG,KAAK,OACLC,KAAK,eACLC,WAAW,EACXC,OAAO,UAASO,SAEfG,EAAKjB,OARD,UAAUiB,EAAKjB,SAASiB,EAAKhB,MAAQ,~~SAYhDR~~,EAAgBG,~~QAAQmB~~,EAC1B,CAEA,~~OACElB~~,EAAAA,IAACvD,EAAiB,CAAA,~~aACJwC~~,~~QAAa0B~~,~~EACzB5B~~,UAAWA,EAAS,~~cACPC~~,~~EACbuC~~,UAAU,IAAGN,~~SAEZrB~~,OAMTjB,~~EAAY6C~~,YAAc"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BreadCrumbs/index.tsx"],"sourcesContent":["import { memo, useState } from 'react';\n\nimport BreadcrumbsMUI from '@mui/material/Breadcrumbs';\nimport { styled, useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Link from '@fd/components/atoms/Link';\nimport ArrowLeft02Icon from '@fd/icons/ArrowLeft02';\nimport { typography } from '@fd/themes/typography';\n\nexport interface BreadcrumbItem {\n label: string;\n href?: string;\n}\n\nexport type BreadCrumbsType = 'collapsed' \| 'default';\n\nexport interface BreadCrumbsProps {\n ariaLabel?: string;\n ariaLabelEllipsis?: string;\n className?: string;\n fdKey?: string;\n items: BreadcrumbItem[];\n type?: BreadCrumbsType;\n}\n\nconst StyledBreadcrumbs = styled(BreadcrumbsMUI)(({ theme }) => ({\n '& .MuiBreadcrumbs-separator': {\n color: theme.palette.semantic.text['text-weak'],\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n },\n}));\n\nconst StyledEllipsisButton = styled('button')(({ theme }) => ({\n display: 'inline-flex',\n alignItems: 'center',\n background: 'none',\n border: 'none',\n color: theme.palette.semantic.text['text-weak'],\n cursor: 'pointer',\n padding: theme.spacing(0.5),\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'background-color 0.2s ease-in-out',\n fontFamily: typography.b1Weak.fontFamily,\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n fontWeight: typography.b1Weak.fontWeight,\n letterSpacing: typography.b1Weak.letterSpacing,\n\n '&:hover': {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n\n '&:focus-visible': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n}));\n\nconst StyledCurrentPage = styled('span')(({ theme }) => ({\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n color: theme.palette.semantic.text['text-weak'],\n fontWeight: typography.b1Weak.fontWeight,\n fontFamily: typography.b1Weak.fontFamily,\n letterSpacing: typography.b1Weak.letterSpacing,\n}));\n\nconst BreadCrumbs = memo(\n ({ ariaLabel, ariaLabelEllipsis, className, fdKey, items, type = 'default' }: BreadCrumbsProps) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const theme = useTheme();\n const isSmallScreen = useMediaQuery(theme.breakpoints.down('tablet'));\n\n if (!items?.length) {\n return null;\n }\n\n const shouldCollapse =\n (type === 'collapsed' \|\| (type === 'default' && isSmallScreen)) && items.length > 2 && !isExpanded;\n\n // Build breadcrumb items array\n const breadcrumbItems: React.ReactNode[] = [];\n\n if (shouldCollapse) {\n const firstItem = items[0];\n const lastItem = items[items.length - 1];\n if (!firstItem \|\| !lastItem) {\n return null;\n }\n // First item\n breadcrumbItems.push(\n <Link\n key={`first-${firstItem.label}-${firstItem.href \|\| ''}`}\n fdKey={`breadcrumb-${firstItem.label}`}\n href={firstItem.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {firstItem.label}\n </Link>,\n );\n\n // Ellipsis\n breadcrumbItems.push(\n <StyledEllipsisButton\n key=\"ellipsis\"\n aria-label={ariaLabelEllipsis ?? undefined}\n onClick={() => setIsExpanded(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n setIsExpanded(true);\n }\n }}\n type=\"button\"\n >\n ...\n </StyledEllipsisButton>,\n );\n\n // Last item\n breadcrumbItems.push(\n <StyledCurrentPage key={`current-${lastItem.label}-${lastItem.href \|\| ''}`} aria-current=\"page\">\n {lastItem.label}\n </StyledCurrentPage>,\n );\n } else {\n // Default/expanded mode: show all items\n const allItems = items.map((item, index) => {\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n if (isLast) {\n return (\n <StyledCurrentPage key={`current-${item.label}-${item.href \|\| ''}`} aria-current=\"page\">\n {item.label}\n </StyledCurrentPage>\n );\n }\n if (isFirst) {\n return (\n <Link\n key={`first-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n }\n return (\n <Link\n key={`middle-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n });\n breadcrumbItems.push(...allItems);\n }\n\n return (\n <StyledBreadcrumbs\n aria-label={ariaLabel ?? undefined}\n className={className}\n data-fd={fdKey}\n separator=\"/\"\n >\n {breadcrumbItems}\n </StyledBreadcrumbs>\n );\n },\n);\n\nBreadCrumbs.displayName = 'BreadCrumbs';\n\nexport default BreadCrumbs;\n"],"names":["StyledBreadcrumbs","styled","BreadcrumbsMUI","theme","color","palette","semantic","text","marginLeft","spacing","marginRight","StyledEllipsisButton","display","alignItems","background","border","cursor","padding","borderRadius","radius","transition","fontFamily","typography","b1Weak","fontSize","lineHeight","fontWeight","letterSpacing","backgroundColor","fill","outline","stroke","outlineOffset","StyledCurrentPage","BreadCrumbs","memo","ariaLabel","ariaLabelEllipsis","className","fdKey","items","type","isExpanded","setIsExpanded","useState","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","length","breadcrumbItems","firstItem","lastItem","push","_jsx","Link","label","href","iconLeft","ArrowLeft02Icon","size","tone","underline","weight","undefined","onClick","onKeyDown","e","key","preventDefault","children","allItems","map","item","index","isFirst","separator","displayName"],"mappings":"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"}

package/dist/components/atoms/BreadCrumbs/index.d.ts CHANGED Viewed

@@ -7,14 +7,14 @@ interface BreadcrumbItem {
 }
 type BreadCrumbsType = 'collapsed' | 'default';
 interface BreadCrumbsProps {
-    items: BreadcrumbItem[];
-    type?: BreadCrumbsType;
-    className?: string;
-    'data-testid'?: string;
     ariaLabel?: string;
     ariaLabelEllipsis?: string;
+    className?: string;
+    fdKey?: string;
+    items: BreadcrumbItem[];
+    type?: BreadCrumbsType;
 }
-declare const BreadCrumbs: react.MemoExoticComponent<({ items, type, className, "data-testid": dataTestId, ariaLabel, ariaLabelEllipsis, }: BreadCrumbsProps) => react_jsx_runtime.JSX.Element | null>;
+declare const BreadCrumbs: react.MemoExoticComponent<({ ariaLabel, ariaLabelEllipsis, className, fdKey, items, type }: BreadCrumbsProps) => react_jsx_runtime.JSX.Element | null>;
 export { BreadCrumbs as default };
 export type { BreadCrumbsProps, BreadCrumbsType, BreadcrumbItem };

package/dist/components/atoms/BreadCrumbs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{memo as t,useState as r}from"react";import a from"@mui/material/Breadcrumbs";import{styled as i,useTheme as l}from"@mui/material/styles";import n from"@mui/material/useMediaQuery";import{Link as o}from"../Link/index.js";import s from"../../../icons/ArrowLeft02/index.js";import{typography as c}from"../../../themes/typography.js";const f=i(a)((({theme:e})=>({"& .MuiBreadcrumbs-separator":{color:e.palette.semantic.text["text-weak"],marginLeft:e.spacing(1),marginRight:e.spacing(1)}}))),u=i("button")((({theme:e})=>({display:"inline-flex",alignItems:"center",background:"none",border:"none",color:e.palette.semantic.text["text-weak"],cursor:"pointer",padding:e.spacing(.5),borderRadius:e.radius?.["radius-4"]||"4px",transition:"background-color 0.2s ease-in-out",fontFamily:c.b1Weak.fontFamily,fontSize:c.b1Weak.fontSize,lineHeight:c.b1Weak.lineHeight,fontWeight:c.b1Weak.fontWeight,letterSpacing:c.b1Weak.letterSpacing,"&:hover":{backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:focus-visible":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}}))),m=i("span")((({theme:e})=>({fontSize:c.b1Weak.fontSize,lineHeight:c.b1Weak.lineHeight,color:e.palette.semantic.text["text-weak"],fontWeight:c.b1Weak.fontWeight,fontFamily:c.b1Weak.fontFamily,letterSpacing:c.b1Weak.letterSpacing}))),d=t((({items:t,type:a="default",className:i,"data-testid":c,ariaLabel:d,ariaLabelEllipsis:b})=>{const[p,h]=r(!1),g=l(),k=n(g.breakpoints.down("tablet"));if(!t?.length)return null;const y=[];if(("collapsed"===a||"default"===a&&k)&&t.length>2&&!p){const r=t[0],a=t[t.length-1];if(!r||!a)return null;y.push(e(o,{fdKey:`breadcrumb-${r.label}`,href:r.href,iconLeft:e(s,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:r.label},`first-${r.label}-${r.href||""}`)),y.push(e(u,{"aria-label":b??void 0,onClick:()=>h(!0),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h(!0))},type:"button",children:"..."},"ellipsis")),y.push(e(m,{"aria-current":"page",children:a.label},`current-${a.label}-${a.href||""}`))}else{const r=t.map(((r,a)=>{const i=0===a;return a===t.length-1?e(m,{"aria-current":"page",children:r.label},`current-${r.label}-${r.href||""}`):i?e(o,{fdKey:`breadcrumb-${r.label}`,href:r.href,iconLeft:e(s,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:r.label},`first-${r.label}-${r.href||""}`):e(o,{fdKey:`breadcrumb-${r.label}`,href:r.href,size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:r.label},`middle-${r.label}-${r.href||""}`)}));y.push(...r)}return e(f,{"aria-label":d??void 0,className:i,"data-testid":c,separator:"/",children:y})}));d.displayName="BreadCrumbs";export{d as default};
+import{jsx as e}from"react/jsx-runtime";import{memo as t,useState as r}from"react";import a from"@mui/material/Breadcrumbs";import{styled as i,useTheme as l}from"@mui/material/styles";import n from"@mui/material/useMediaQuery";import{Link as o}from"../Link/index.js";import s from"../../../icons/ArrowLeft02/index.js";import{typography as f}from"../../../themes/typography.js";const c=i(a)((({theme:e})=>({"& .MuiBreadcrumbs-separator":{color:e.palette.semantic.text["text-weak"],marginLeft:e.spacing(1),marginRight:e.spacing(1)}}))),u=i("button")((({theme:e})=>({display:"inline-flex",alignItems:"center",background:"none",border:"none",color:e.palette.semantic.text["text-weak"],cursor:"pointer",padding:e.spacing(.5),borderRadius:e.radius?.["radius-4"]||"4px",transition:"background-color 0.2s ease-in-out",fontFamily:f.b1Weak.fontFamily,fontSize:f.b1Weak.fontSize,lineHeight:f.b1Weak.lineHeight,fontWeight:f.b1Weak.fontWeight,letterSpacing:f.b1Weak.letterSpacing,"&:hover":{backgroundColor:e.palette.semantic.fill["fill-hover"]},"&:focus-visible":{outline:`2px solid ${e.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"}}))),m=i("span")((({theme:e})=>({fontSize:f.b1Weak.fontSize,lineHeight:f.b1Weak.lineHeight,color:e.palette.semantic.text["text-weak"],fontWeight:f.b1Weak.fontWeight,fontFamily:f.b1Weak.fontFamily,letterSpacing:f.b1Weak.letterSpacing}))),d=t((({ariaLabel:t,ariaLabelEllipsis:a,className:i,fdKey:f,items:d,type:b="default"})=>{const[p,h]=r(!1),g=l(),k=n(g.breakpoints.down("tablet"));if(!d?.length)return null;const y=[];if(("collapsed"===b||"default"===b&&k)&&d.length>2&&!p){const t=d[0],r=d[d.length-1];if(!t||!r)return null;y.push(e(o,{fdKey:`breadcrumb-${t.label}`,href:t.href,iconLeft:e(s,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`first-${t.label}-${t.href||""}`)),y.push(e(u,{"aria-label":a??void 0,onClick:()=>h(!0),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),h(!0))},type:"button",children:"..."},"ellipsis")),y.push(e(m,{"aria-current":"page",children:r.label},`current-${r.label}-${r.href||""}`))}else{const t=d.map(((t,r)=>{const a=0===r;return r===d.length-1?e(m,{"aria-current":"page",children:t.label},`current-${t.label}-${t.href||""}`):a?e(o,{fdKey:`breadcrumb-${t.label}`,href:t.href,iconLeft:e(s,{size:"sm"}),size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`first-${t.label}-${t.href||""}`):e(o,{fdKey:`breadcrumb-${t.label}`,href:t.href,size:"body",tone:"Neutral Weak",underline:!1,weight:"regular",children:t.label},`middle-${t.label}-${t.href||""}`)}));y.push(...t)}return e(c,{"aria-label":t??void 0,className:i,"data-fd":f,separator:"/",children:y})}));d.displayName="BreadCrumbs";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/BreadCrumbs/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BreadCrumbs/index.tsx"],"sourcesContent":["import { memo, useState } from 'react';\n\nimport BreadcrumbsMUI from '@mui/material/Breadcrumbs';\nimport { styled, useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Link from '@fd/components/atoms/Link';\nimport ArrowLeft02Icon from '@fd/icons/ArrowLeft02';\nimport { typography } from '@fd/themes/typography';\n\nexport interface BreadcrumbItem {\n label: string;\n href?: string;\n}\n\nexport type BreadCrumbsType = 'collapsed' \| 'default';\n\nexport interface BreadCrumbsProps {\n ~~items:~~ ~~BreadcrumbItem[]~~;\n ~~type~~?: ~~BreadCrumbsType~~;\n className?: string;\n ~~'data-testid'~~?: string;\n ~~ariaLabel?:~~ ~~string~~;\n ~~ariaLabelEllipsis~~?: ~~string~~;\n}\n\nconst StyledBreadcrumbs = styled(BreadcrumbsMUI)(({ theme }) => ({\n '& .MuiBreadcrumbs-separator': {\n color: theme.palette.semantic.text['text-weak'],\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n },\n}));\n\nconst StyledEllipsisButton = styled('button')(({ theme }) => ({\n display: 'inline-flex',\n alignItems: 'center',\n background: 'none',\n border: 'none',\n color: theme.palette.semantic.text['text-weak'],\n cursor: 'pointer',\n padding: theme.spacing(0.5),\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'background-color 0.2s ease-in-out',\n fontFamily: typography.b1Weak.fontFamily,\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n fontWeight: typography.b1Weak.fontWeight,\n letterSpacing: typography.b1Weak.letterSpacing,\n\n '&:hover': {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n\n '&:focus-visible': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n}));\n\nconst StyledCurrentPage = styled('span')(({ theme }) => ({\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n color: theme.palette.semantic.text['text-weak'],\n fontWeight: typography.b1Weak.fontWeight,\n fontFamily: typography.b1Weak.fontFamily,\n letterSpacing: typography.b1Weak.letterSpacing,\n}));\n\nconst BreadCrumbs = memo(\n ({\n items~~,\n~~ type = 'default'~~,\n className,\n 'data-testid':~~ ~~dataTestId,\n ariaLabel,\n ariaLabelEllipsis,\n~~ }: BreadCrumbsProps) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const theme = useTheme();\n const isSmallScreen = useMediaQuery(theme.breakpoints.down('tablet'));\n\n if (!items?.length) {\n return null;\n }\n\n const shouldCollapse =\n (type === 'collapsed' \|\| (type === 'default' && isSmallScreen)) && items.length > 2 && !isExpanded;\n\n // Build breadcrumb items array\n const breadcrumbItems: React.ReactNode[] = [];\n\n if (shouldCollapse) {\n const firstItem = items[0];\n const lastItem = items[items.length - 1];\n if (!firstItem \|\| !lastItem) {\n return null;\n }\n // First item\n breadcrumbItems.push(\n <Link\n key={`first-${firstItem.label}-${firstItem.href \|\| ''}`}\n fdKey={`breadcrumb-${firstItem.label}`}\n href={firstItem.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {firstItem.label}\n </Link>,\n );\n\n // Ellipsis\n breadcrumbItems.push(\n <StyledEllipsisButton\n key=\"ellipsis\"\n aria-label={ariaLabelEllipsis ?? undefined}\n onClick={() => setIsExpanded(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n setIsExpanded(true);\n }\n }}\n type=\"button\"\n >\n ...\n </StyledEllipsisButton>,\n );\n\n // Last item\n breadcrumbItems.push(\n <StyledCurrentPage key={`current-${lastItem.label}-${lastItem.href \|\| ''}`} aria-current=\"page\">\n {lastItem.label}\n </StyledCurrentPage>,\n );\n } else {\n // Default/expanded mode: show all items\n const allItems = items.map((item, index) => {\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n if (isLast) {\n return (\n <StyledCurrentPage key={`current-${item.label}-${item.href \|\| ''}`} aria-current=\"page\">\n {item.label}\n </StyledCurrentPage>\n );\n }\n if (isFirst) {\n return (\n <Link\n key={`first-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n }\n return (\n <Link\n key={`middle-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n });\n breadcrumbItems.push(...allItems);\n }\n\n return (\n <StyledBreadcrumbs\n aria-label={ariaLabel ?? undefined}\n className={className}\n data-~~testid~~={~~dataTestId~~}\n separator=\"/\"\n >\n {breadcrumbItems}\n </StyledBreadcrumbs>\n );\n },\n);\n\nBreadCrumbs.displayName = 'BreadCrumbs';\n\nexport default BreadCrumbs;\n"],"names":["StyledBreadcrumbs","styled","BreadcrumbsMUI","theme","color","palette","semantic","text","marginLeft","spacing","marginRight","StyledEllipsisButton","display","alignItems","background","border","cursor","padding","borderRadius","radius","transition","fontFamily","typography","b1Weak","fontSize","lineHeight","fontWeight","letterSpacing","backgroundColor","fill","outline","stroke","outlineOffset","StyledCurrentPage","BreadCrumbs","memo","~~items~~","~~type~~","className","~~dataTestId~~","~~ariaLabel~~","~~ariaLabelEllipsis~~","isExpanded","setIsExpanded","useState","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","length","breadcrumbItems","firstItem","lastItem","push","_jsx","Link","~~fdKey","~~label","href","iconLeft","ArrowLeft02Icon","size","tone","underline","weight","undefined","onClick","onKeyDown","e","key","preventDefault","children","allItems","map","item","index","isFirst","separator","displayName"],"mappings":"yXA0BA,MAAMA,EAAoBC,EAAOC,EAAPD,EAAuB,EAAGE,YAAO,CACzD,8BAA+B,CAC7BC,MAAOD,EAAME,QAAQC,SAASC,KAAK,aACnCC,WAAYL,EAAMM,QAAQ,GAC1BC,YAAaP,EAAMM,QAAQ,QAIzBE,EAAuBV,EAAO,SAAPA,EAAiB,EAAGE,YAAO,CACtDS,QAAS,cACTC,WAAY,SACZC,WAAY,OACZC,OAAQ,OACRX,MAAOD,EAAME,QAAQC,SAASC,KAAK,aACnCS,OAAQ,UACRC,QAASd,EAAMM,QAAQ,IACvBS,aAAcf,EAAMgB,SAAS,aAAe,MAC5CC,WAAY,oCACZC,WAAYC,EAAWC,OAAOF,WAC9BG,SAAUF,EAAWC,OAAOC,SAC5BC,WAAYH,EAAWC,OAAOE,WAC9BC,WAAYJ,EAAWC,OAAOG,WAC9BC,cAAeL,EAAWC,OAAOI,cAEjC,UAAW,CACTC,gBAAiBzB,EAAME,QAAQC,SAASuB,KAAK,eAG/C,kBAAmB,CACjBC,QAAS,aAAa3B,EAAME,QAAQC,SAASyB,OAAO,kBACpDC,cAAe,WAIbC,EAAoBhC,EAAO,OAAPA,EAAe,EAAGE,YAAO,CACjDqB,SAAUF,EAAWC,OAAOC,SAC5BC,WAAYH,EAAWC,OAAOE,WAC9BrB,MAAOD,EAAME,QAAQC,SAASC,KAAK,aACnCmB,WAAYJ,EAAWC,OAAOG,WAC9BL,WAAYC,EAAWC,OAAOF,WAC9BM,cAAeL,EAAWC,OAAOI,kBAG7BO,EAAcC,GAClB,~~EACEC~~,~~QACAC~~,~~OAAO~~,~~UACPC~~,~~YACA~~,~~cAAeC~~,~~EACfC~~,~~YACAC~~,~~wBAEA,~~MAAOC,EAAYC,GAAiBC,GAAS,GACvCzC,EAAQ0C,IACRC,EAAgBC,EAAc5C,EAAM6C,YAAYC,KAAK,WAE3D,~~IAAKb~~,~~GAAOc~~,OACV,OAAO,KAGT,MAIMC,EAAqC,GAE3C,IALY,~~cAATd~~,GAAkC,YAATA,~~GAAsBS~~,~~IAAmBV~~,~~EAAMc~~,OAAS,IAAMR,EAKtE,CAClB,MAAMU,~~EAAYhB~~,EAAM,~~GAClBiB~~,~~EAAWjB~~,EAAMA,~~EAAMc~~,OAAS,GACtC,IAAKE,IAAcC,EACjB,OAAO,KAGTF,EAAgBG,KACdC,EAACC,EAAI,~~CAEHC~~,MAAO,~~cAAcL~~,~~EAAUM~~,QAC/BC,~~KAAMP~~,~~EAAUO~~,KAChBC,~~SAAUL~~,~~EAACM~~,EAAe,CAACC,KAAK,OAChCA,KAAK,OACLC,KAAK,eACLC,WAAW,EACXC,OAAO,~~mBAENb~~,~~EAAUM~~,OATN,~~SAASN~~,~~EAAUM~~,~~SAASN~~,~~EAAUO~~,MAAQ,~~OAcvDR~~,EAAgBG,KACdC,EAAC5C,~~gBAEa8B~~,~~QAAqByB~~,EACjCC,QAAS,~~IAAMxB~~,GAAc,~~GAC7ByB~~,UAAYC,IACI,UAAVA,EAAEC,KAA6B,MAAVD,EAAEC,MACzBD,EAAEE,~~iBACF5B~~,GAAc,~~KAGlBN~~,KAAK,yBATD,~~aAgBRc~~,EAAgBG,KACdC,EAACtB,kBAAwF,~~OAAMuC~~,~~SAC5FnB~~,~~EAASK~~,OADY,~~WAAWL~~,~~EAASK~~,~~SAASL~~,~~EAASM~~,MAAQ,MAI1E,KAAO,CAEL,MAAMc,~~EAAWrC~~,~~EAAMsC~~,KAAI,CAACC,EAAMC,KAChC,MAAMC,EAAoB,IAAVD,EAGhB,OAFeA,~~IAAUxC~~,~~EAAMc~~,OAAS,EAIpCK,EAACtB,EAAiB,CAAA,eAA+D,~~OAAMuC~~,SACpFG,EAAKjB,OADgB,WAAWiB,EAAKjB,SAASiB,EAAKhB,MAAQ,MAK9DkB,~~EAEAtB~~,EAACC,EAAI,~~CAEHC~~,MAAO,~~cAAckB~~,EAAKjB,QAC1BC,KAAMgB,EAAKhB,KACXC,~~SAAUL~~,~~EAACM~~,EAAe,CAACC,KAAK,OAChCA,KAAK,OACLC,KAAK,eACLC,WAAW,EACXC,OAAO,UAASO,SAEfG,EAAKjB,OATD,SAASiB,EAAKjB,SAASiB,EAAKhB,MAAQ,~~MAc7CJ~~,EAACC,EAAI,~~CAEHC~~,MAAO,~~cAAckB~~,EAAKjB,QAC1BC,KAAMgB,EAAKhB,KACXG,KAAK,OACLC,KAAK,eACLC,WAAW,EACXC,OAAO,UAASO,SAEfG,EAAKjB,OARD,UAAUiB,EAAKjB,SAASiB,EAAKhB,MAAQ,~~SAYhDR~~,EAAgBG,~~QAAQmB~~,EAC1B,CAEA,~~OACElB~~,EAACvD,EAAiB,CAAA,~~aACJwC~~,~~QAAa0B~~,~~EACzB5B~~,UAAWA,EAAS,~~cACPC~~,~~EACbuC~~,UAAU,IAAGN,~~SAEZrB~~,OAMTjB,~~EAAY6C~~,YAAc"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BreadCrumbs/index.tsx"],"sourcesContent":["import { memo, useState } from 'react';\n\nimport BreadcrumbsMUI from '@mui/material/Breadcrumbs';\nimport { styled, useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Link from '@fd/components/atoms/Link';\nimport ArrowLeft02Icon from '@fd/icons/ArrowLeft02';\nimport { typography } from '@fd/themes/typography';\n\nexport interface BreadcrumbItem {\n label: string;\n href?: string;\n}\n\nexport type BreadCrumbsType = 'collapsed' \| 'default';\n\nexport interface BreadCrumbsProps {\n ariaLabel?: string;\n ariaLabelEllipsis?: string;\n className?: string;\n fdKey?: string;\n items: BreadcrumbItem[];\n type?: BreadCrumbsType;\n}\n\nconst StyledBreadcrumbs = styled(BreadcrumbsMUI)(({ theme }) => ({\n '& .MuiBreadcrumbs-separator': {\n color: theme.palette.semantic.text['text-weak'],\n marginLeft: theme.spacing(1),\n marginRight: theme.spacing(1),\n },\n}));\n\nconst StyledEllipsisButton = styled('button')(({ theme }) => ({\n display: 'inline-flex',\n alignItems: 'center',\n background: 'none',\n border: 'none',\n color: theme.palette.semantic.text['text-weak'],\n cursor: 'pointer',\n padding: theme.spacing(0.5),\n borderRadius: theme.radius?.['radius-4'] \|\| '4px',\n transition: 'background-color 0.2s ease-in-out',\n fontFamily: typography.b1Weak.fontFamily,\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n fontWeight: typography.b1Weak.fontWeight,\n letterSpacing: typography.b1Weak.letterSpacing,\n\n '&:hover': {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n },\n\n '&:focus-visible': {\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n outlineOffset: '2px',\n },\n}));\n\nconst StyledCurrentPage = styled('span')(({ theme }) => ({\n fontSize: typography.b1Weak.fontSize,\n lineHeight: typography.b1Weak.lineHeight,\n color: theme.palette.semantic.text['text-weak'],\n fontWeight: typography.b1Weak.fontWeight,\n fontFamily: typography.b1Weak.fontFamily,\n letterSpacing: typography.b1Weak.letterSpacing,\n}));\n\nconst BreadCrumbs = memo(\n ({ ariaLabel, ariaLabelEllipsis, className, fdKey, items, type = 'default' }: BreadCrumbsProps) => {\n const [isExpanded, setIsExpanded] = useState(false);\n const theme = useTheme();\n const isSmallScreen = useMediaQuery(theme.breakpoints.down('tablet'));\n\n if (!items?.length) {\n return null;\n }\n\n const shouldCollapse =\n (type === 'collapsed' \|\| (type === 'default' && isSmallScreen)) && items.length > 2 && !isExpanded;\n\n // Build breadcrumb items array\n const breadcrumbItems: React.ReactNode[] = [];\n\n if (shouldCollapse) {\n const firstItem = items[0];\n const lastItem = items[items.length - 1];\n if (!firstItem \|\| !lastItem) {\n return null;\n }\n // First item\n breadcrumbItems.push(\n <Link\n key={`first-${firstItem.label}-${firstItem.href \|\| ''}`}\n fdKey={`breadcrumb-${firstItem.label}`}\n href={firstItem.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {firstItem.label}\n </Link>,\n );\n\n // Ellipsis\n breadcrumbItems.push(\n <StyledEllipsisButton\n key=\"ellipsis\"\n aria-label={ariaLabelEllipsis ?? undefined}\n onClick={() => setIsExpanded(true)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n setIsExpanded(true);\n }\n }}\n type=\"button\"\n >\n ...\n </StyledEllipsisButton>,\n );\n\n // Last item\n breadcrumbItems.push(\n <StyledCurrentPage key={`current-${lastItem.label}-${lastItem.href \|\| ''}`} aria-current=\"page\">\n {lastItem.label}\n </StyledCurrentPage>,\n );\n } else {\n // Default/expanded mode: show all items\n const allItems = items.map((item, index) => {\n const isFirst = index === 0;\n const isLast = index === items.length - 1;\n\n if (isLast) {\n return (\n <StyledCurrentPage key={`current-${item.label}-${item.href \|\| ''}`} aria-current=\"page\">\n {item.label}\n </StyledCurrentPage>\n );\n }\n if (isFirst) {\n return (\n <Link\n key={`first-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n iconLeft={<ArrowLeft02Icon size=\"sm\" />}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n }\n return (\n <Link\n key={`middle-${item.label}-${item.href \|\| ''}`}\n fdKey={`breadcrumb-${item.label}`}\n href={item.href}\n size=\"body\"\n tone=\"Neutral Weak\"\n underline={false}\n weight=\"regular\"\n >\n {item.label}\n </Link>\n );\n });\n breadcrumbItems.push(...allItems);\n }\n\n return (\n <StyledBreadcrumbs\n aria-label={ariaLabel ?? undefined}\n className={className}\n data-fd={fdKey}\n separator=\"/\"\n >\n {breadcrumbItems}\n </StyledBreadcrumbs>\n );\n },\n);\n\nBreadCrumbs.displayName = 'BreadCrumbs';\n\nexport default BreadCrumbs;\n"],"names":["StyledBreadcrumbs","styled","BreadcrumbsMUI","theme","color","palette","semantic","text","marginLeft","spacing","marginRight","StyledEllipsisButton","display","alignItems","background","border","cursor","padding","borderRadius","radius","transition","fontFamily","typography","b1Weak","fontSize","lineHeight","fontWeight","letterSpacing","backgroundColor","fill","outline","stroke","outlineOffset","StyledCurrentPage","BreadCrumbs","memo","ariaLabel","ariaLabelEllipsis","className","fdKey","items","type","isExpanded","setIsExpanded","useState","useTheme","isSmallScreen","useMediaQuery","breakpoints","down","length","breadcrumbItems","firstItem","lastItem","push","_jsx","Link","label","href","iconLeft","ArrowLeft02Icon","size","tone","underline","weight","undefined","onClick","onKeyDown","e","key","preventDefault","children","allItems","map","item","index","isFirst","separator","displayName"],"mappings":"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"}