@flipdish/portal-library 5.4.0 → 5.4.1

package/dist/components/PageLayout/index.cjs.js

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

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

@@ -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)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\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 StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\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 }>(() => ({\n  lineHeight: '26px',\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 }) => (\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  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    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 = actionButtonLink?.startsWith('https://');\n  const getActionButtonLink = () => {\n    if (actionButtonWithHttps) {\n      return actionButtonLink;\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>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\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                    </Box>\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                        {/* @ts-expect-error - Button props type mismatch with href/target */}\n                        <Button\n                          data-testid={`Action-button-${actionBtnTitle}`}\n                          fullWidth={true}\n                          href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                          onClick={\n                            !openLinkInNewTab && !actionButtonWithHttps\n                              ? () => navigate(actionButtonLink)\n                              : () => {}\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","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","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","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}
+{"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)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n  [theme.breakpoints.up('laptop')]: {\n    width: '100%',\n    alignItems: 'center',\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 StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\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 }>(() => ({\n  lineHeight: '26px',\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  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    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>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\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                    </Box>\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","up","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","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","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}

package/dist/components/PageLayout/index.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import react__default, { ReactNode, ComponentType } from 'react';
 
 declare const HORIZONTAL_SPACE_CLASSNAME = "horizontal-content-space";
@@ -8,7 +7,7 @@ declare const VERTICAL_SPACE_CLASSNAME = "vertical-content-space";
 declare const maxWidth = 1112;
 declare const PageTitle: ({ title }: {
     title: ReactNode | string;
-}) => react_jsx_runtime.JSX.Element;
+}) => JSX.Element;
 interface Props {
     actionBtnTitle?: string;
     caption?: ReactNode;

package/dist/components/PageLayout/index.js

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

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

@@ -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)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\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 StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\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 }>(() => ({\n  lineHeight: '26px',\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 }) => (\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  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    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 = actionButtonLink?.startsWith('https://');\n  const getActionButtonLink = () => {\n    if (actionButtonWithHttps) {\n      return actionButtonLink;\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>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\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                    </Box>\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                        {/* @ts-expect-error - Button props type mismatch with href/target */}\n                        <Button\n                          data-testid={`Action-button-${actionBtnTitle}`}\n                          fullWidth={true}\n                          href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                          onClick={\n                            !openLinkInNewTab && !actionButtonWithHttps\n                              ? () => navigate(actionButtonLink)\n                              : () => {}\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","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","PageLayout","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","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","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}
+{"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)(({ theme }) => ({\n  paddingTop: theme.spacing(2),\n  [theme.breakpoints.up('laptop')]: {\n    width: '100%',\n    alignItems: 'center',\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 StyledBackButton = styled(IconButton, {\n  shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n  margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n  [theme.breakpoints.only('tablet')]: {\n    marginLeft: theme.spacing(-2),\n  },\n\n  [theme.breakpoints.only('base')]: {\n    marginLeft: theme.spacing(-2),\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 }>(() => ({\n  lineHeight: '26px',\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  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    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>\n                  {(toParent || toPrevious) && (\n                    <Box>\n                      <StyledBackButton\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                    </Box>\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","up","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledAdd","Add","marginRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","component","variant","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","semantic","background","height","PageLayout","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","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","Box","onClick","history","length","ArrowLeft02","gap","Button","href","rel","target","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"mxBAoBO,MAAMA,EAA6B,2BAC7BC,EAAkC,gCAClCC,EAAmC,iCACnCC,EAA2B,yBAC3BC,EAAW,KAGlBC,EAAgBC,EAAO,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,EAAOU,EAAPV,EAAa,EAAGC,YAAO,CACpD,CAACA,EAAME,YAAYC,KAAK,WAAY,CAClCO,MAAO,OACPC,WAAYX,EAAMK,QAAQ,QAIxBO,EAAeb,EAAOU,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,EAAOU,EAAPV,EAAa,EAAGC,YAAO,CAClDW,WAAYX,EAAMK,QAAQ,GAC1B,CAACL,EAAME,YAAYe,GAAG,WAAY,CAChCP,MAAO,OACPI,WAAY,cAIVI,EAAqBnB,EAAOU,EAAPV,EAAa,KAAA,CACtCoB,SAAU,MAGNC,EAAmBrB,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC/CH,WACAkB,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAYC,KAAK,WAAY,CAClCY,cAAef,EAAMK,QAAQ,GAC7BgB,YAAarB,EAAMK,QAAQ,GAC3BiB,aAActB,EAAMK,QAAQ,QAI1BkB,EAAYxB,EAAOyB,EAAPzB,EAAY,EAAGC,YAAO,CACtCyB,YAAazB,EAAMK,QAAQ,OAGvBqB,EAAmB3B,EAAO4B,EAAY,CAC1CC,kBAAoBC,GAAkB,sBAATA,GADN9B,EAG0B,EAAGC,QAAO8B,wBAAmB,CAC9EC,OAAQD,EAAoB9B,EAAMK,SAAQ,IAAO,GAAG,KAAM,KAAQL,EAAMK,SAAQ,IAAM,GAAG,KAAM,KAE/F,CAACL,EAAME,YAAY8B,KAAK,WAAY,CAClCC,WAAYjC,EAAMK,aAGpB,CAACL,EAAME,YAAY8B,KAAK,SAAU,CAChCC,WAAYjC,EAAMK,iBAIhB6B,EAAqBnC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CACjDH,WACAoC,WAAYjC,EAAMK,QAAQ,GAC1BoB,YAAazB,EAAMK,QAAQ,GAC3BU,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAY8B,KAAK,WAAY,CAClCC,WAAY,GACZR,YAAazB,EAAMK,QAAQ,IAG7B,CAACL,EAAME,YAAY8B,KAAK,WAAY,CAClCC,WAAYjC,EAAMK,QAAQ,GAC1BoB,YAAazB,EAAMK,QAAQ,GAC3BR,SAAU,QAGZ,CAACG,EAAME,YAAY8B,KAAK,SAAU,CAChCC,WAAYjC,EAAMK,QAAQ,GAC1BoB,YAAazB,EAAMK,QAAQ,GAC3BR,SAAU,YAIRsC,EAAwBpC,EAAOU,EAAPV,EAAa,KAAA,CACzCqC,QAAS,OACTjB,SAAU,EACVkB,eAAgB,eAEZC,EAAgBvC,EAAOwC,EAAPxC,EAA0C,KAAA,CAC9DyC,WAAY,WAGRC,EAAkB1C,EAAOwC,EAAPxC,EAA0C,KAAA,CAChE2C,WAAY,WAGRC,EAAoB5C,EAAO6C,EAAP7C,EAAgB,EAAGC,YAAO,CAClD6C,aAAc7C,EAAMK,QAAQ,OAGjByC,EAAY,EAAGC,WAC1BC,EAACP,EAAe,CAACQ,UAAU,KAAKC,QAAQ,KAAIC,SACzCJ,IAICK,EAAsBrD,EAAO,MAAPA,EAC1B,EAAGsD,yBAAwBrD,YAAO,CAChCsD,gBAAiBD,EACbrD,EAAMuD,QAAQC,SAASC,WAAW,wBAClCzD,EAAMuD,QAAQC,SAASC,WAAW,mBACtC/C,MAAO,OACPgD,OAAQ,WAiCNC,EAAcC,IAClB,MAAMC,eACJA,EAAcC,QACdA,EAAOX,SACPA,EAAQY,eACRA,EAAcC,cACdA,EAAa/D,MACbA,GAAQ,EAAKgE,UACbA,EAASC,OACTA,EAAMC,WACNA,EAAUC,iBACVA,EAAgBC,iBAChBA,GAAmB,EAAKC,WACxBA,EAAUC,iBACVA,EAAgBC,YAChBA,EAAWzB,MACXA,EACA0B,eAAgBC,EAAcC,WAC9BA,EAAUC,SACVA,EAAQC,eACRA,EAAcC,SACdA,EAAQC,YACRA,GAAc,EAAKC,oBACnBA,EAAmB3B,uBACnBA,GAAyB,EAAK4B,oBAC9BA,GAAmBC,oCACnBA,IACEtB,EACE5D,GAAQmF,IAERC,GAAWC,EAAcrF,GAAME,YAAYC,KAAK,WAEhDmF,GAAUC,EAA0B,yBAA2B,IAC/DC,KAAmCpB,GAAoBA,EAAiBqB,WAAW,YAUnFC,GARAF,GACKpB,OAEgBuB,IAArBvB,EACKwB,EAAaN,GAASlB,GAExB,GAIT,OACEpB,EAACI,EAAmB,CAACC,uBAAwBA,EAAsBF,SACjE0C,EAAC/F,GAAcG,MAAOA,EAAKkD,SAAA,CACxBa,GAAiBhB,EAAC8C,EAAa,CAAA3C,SAAEa,IAEjCM,GAAc,KACfuB,EAAC3D,EAAkB,CAAAiB,SAAA,CAChBmB,GAActB,EAAC+C,EAAM,CAACC,KAAM,GAAI9C,QAAQ,cACvCiB,GACA0B,EAAAI,EAAA,CAAA9C,SAAA,CACE0C,EAACjF,GAAasF,WAAS,EAACpF,WAAW,SAASqF,UAAU,mBACpDnD,EAACvC,EAAI,CAACyF,aAAUE,aAAa,gBAAgBD,UAAU,eACrDnD,EAACb,YACE4B,GAAgBsC,KAAKC,GACpBtD,EAAA,MAAA,CAAAG,SAIGmD,GAFI,kBAAkBC,EAAMC,eAAeF,GAAUA,EAAO1C,QAAQ,gBAAkB0C,EAAO1C,OAAOT,SAAW,oBAOxH0C,EAAC7E,EAAoB,CAACkF,WAAS,EAAA/C,SAAA,EAC3ByB,GAAYD,IACZ3B,EAACyD,EAAG,CAAAtD,SACFH,EAACtB,EAAgB,CAAA,aACJ,OACXuB,UAAW,uBACC,cACZnB,oBAAqB4C,EACrBgC,QAAS,KACH/B,EACFG,GAAS,GACAF,GAAYC,GAEZD,GAAY+B,QAAQC,OAhPhC,EA+OG9B,EAASF,GAITE,GAAS,IAEZ3B,SAEDH,EAAC6D,EAAW,CAAA,OAKlBhB,EAAC3E,EAAkB,CAAAiC,SAAA,CAChBuB,EACC1B,EAAC0B,EAAc,IAEfmB,EAACY,EAAG,CAAC3F,WAAW,SAASsB,QAAQ,OAAO0E,IAAK,EAAC3D,SAAA,CAC5CH,EAACF,EAAS,CAACC,MAAOA,IACjBkC,MAGJnB,GACCd,EAACV,EAAa,CAACW,UAAU,KAAKC,QAAQ,UAASC,SAC5CW,OAKNS,GACCsB,EAAAI,EAAA,CAAA9C,SAAA,CACGiC,IAAYpC,EAAC+C,EAAM,CAACC,KAAM,GAAI9C,QAAQ,aACvCF,EAACxC,EAAsB,CAAA2C,SACrB0C,EAACkB,EAAM,CAAA,cACQ,iBAAiBlD,IAC9BI,WAAW,EACX+C,KAAM3C,GAAoBmB,GAAwBE,GAAwB,GAC1EgB,QACGrC,GAAqBmB,GAIlB,OAHA,KACEV,EAASV,IAIjB6C,IAAK5C,EAAmB,2BAAwBsB,EAChDuB,OAAQ7C,EAAmB,cAAWsB,EACtCzC,QAAQ,YAAWC,SAAA,CAElBqB,GAAexB,EAACzB,GAAUyE,KAAK,OAC/BnC,UAKRmB,GAAqBqB,KAAKC,GACzBT,EAAA,MAAA,CAAA1C,SAAA,CAIGiC,IAAYpC,EAAC+C,EAAM,CAACC,KAAM,GAAI9C,QAAQ,cACrCkC,IAAYpC,EAAC+C,EAAM,CAACC,KAAM,GAAI9C,QAAQ,aACxCF,EAACxC,YAAwB8F,MAJpB,wBAAwBC,EAAMC,eAAeF,GAAUA,EAAO1C,QAAQ,gBAAkB0C,EAAO1C,OAAOT,SAAW,uBAS5H4B,GAAe/B,EAACL,EAAiB,OAGvCkD,EAACsB,GAAmBlD,UAAWA,EAASd,SAAA,CACrCe,EAASlB,EAAC5B,EAAgB,CAAA+B,SAAEe,IAA6B,KAC1DlB,EAACoE,EAAe,CACdC,WAAYrD,EACZsD,uBAAwBpC,YAGxBlC,EAAAiD,EAAA,CAAA9C,SAAGA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "files": [
     "dist"
   ],