npm - @flipdish/portal-library - Versions diffs - 8.5.7 → 8.6.0 - Mend

@flipdish/portal-library 8.5.7 → 8.6.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 (2302) hide show

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

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import"react";import{useTheme as a,styled as n}from"@mui/material/styles";const r=({children:r,className:t="",fullWidth:e,fullSize:m,noTopSpace:s})=>{const o=a(),p=n("div")((()=>({...e&&{marginLeft:-20,marginRight:-20},...m&&{[o.breakpoints.up("mobile")]:{marginLeft:o.spacing(-3),marginRight:o.spacing(-3)}},...s&&{marginTop:`${o.spacing(-3)} !important`,[o.breakpoints.only("base")]:{marginTop:`${o.spacing(-2)} !important`}},[o.breakpoints.only("mobile")]:{marginLeft:o.spacing(-3),marginRight:o.spacing(-3)},[o.breakpoints.only("base")]:{marginLeft:o.spacing(-2),marginRight:o.spacing(-2)}})));return i(p,{className:t,children:r})};export{r as default};
+import{jsx as i}from"react/jsx-runtime";import"react";import{useTheme as a,styled as n}from"@mui/material/styles";const r=({children:r,className:t="",fullWidth:e,fullSize:m,noTopSpace:s})=>{const o=a(),p=n("div")(()=>({...e&&{marginLeft:-20,marginRight:-20},...m&&{[o.breakpoints.up("mobile")]:{marginLeft:o.spacing(-3),marginRight:o.spacing(-3)}},...s&&{marginTop:`${o.spacing(-3)} !important`,[o.breakpoints.only("base")]:{marginTop:`${o.spacing(-2)} !important`}},[o.breakpoints.only("mobile")]:{marginLeft:o.spacing(-3),marginRight:o.spacing(-3)},[o.breakpoints.only("base")]:{marginLeft:o.spacing(-2),marginRight:o.spacing(-2)}}));return i(p,{className:t,children:r})};export{r as default};
 //# sourceMappingURL=FullWidthContainer.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FullWidthContainer.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n className?: string;\n children: ReactNode;\n fullWidth?: boolean;\n fullSize?: boolean;\n noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n const theme = useTheme<Theme>();\n\n const FullWidthDiv = styled('div')(() => ({\n // Base styles\n ...(fullWidth && {\n marginLeft: -20,\n marginRight: -20,\n }),\n ...(fullSize && {\n [theme.breakpoints.up('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n },\n }),\n ...(noTopSpace && {\n marginTop: `${theme.spacing(-3)} !important`,\n [theme.breakpoints.only('base')]: {\n marginTop: `${theme.spacing(-2)} !important`,\n },\n }),\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n },\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(-2),\n marginRight: theme.spacing(-2),\n },\n }));\n\n return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["FullWidthContainer","children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"kHAYA,MAAMA,EAAqB,EAAGC,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,IAERC,EAAeC,EAAO,MAAPA,~~EAAc~~,KAAA,IAE7BN,GAAa,CACfO,YAAY,GACZC,aAAa,OAEXP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAQ,gBAC5B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAQ,kBAGhC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,~~iBAIvB~~,OAAOG,EAACT,EAAY,CAACN,UAAWA,EAASD,SAAGA"}
1	+ {"version":3,"file":"FullWidthContainer.js","sources":["../../../src/components/PageLayout/FullWidthContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled, type Theme, useTheme } from '@mui/material/styles';\n\ninterface Props {\n className?: string;\n children: ReactNode;\n fullWidth?: boolean;\n fullSize?: boolean;\n noTopSpace?: boolean;\n}\n\nconst FullWidthContainer = ({ children, className = '', fullWidth, fullSize, noTopSpace }: Props) => {\n const theme = useTheme<Theme>();\n\n const FullWidthDiv = styled('div')(() => ({\n // Base styles\n ...(fullWidth && {\n marginLeft: -20,\n marginRight: -20,\n }),\n ...(fullSize && {\n [theme.breakpoints.up('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n },\n }),\n ...(noTopSpace && {\n marginTop: `${theme.spacing(-3)} !important`,\n [theme.breakpoints.only('base')]: {\n marginTop: `${theme.spacing(-2)} !important`,\n },\n }),\n [theme.breakpoints.only('mobile')]: {\n marginLeft: theme.spacing(-3),\n marginRight: theme.spacing(-3),\n },\n [theme.breakpoints.only('base')]: {\n marginLeft: theme.spacing(-2),\n marginRight: theme.spacing(-2),\n },\n }));\n\n return <FullWidthDiv className={className}>{children}</FullWidthDiv>;\n};\n\nexport default FullWidthContainer;\n"],"names":["FullWidthContainer","children","className","fullWidth","fullSize","noTopSpace","theme","useTheme","FullWidthDiv","styled","marginLeft","marginRight","breakpoints","up","spacing","marginTop","only","_jsx"],"mappings":"kHAYA,MAAMA,EAAqB,EAAGC,WAAUC,YAAY,GAAIC,YAAWC,WAAUC,iBAC3E,MAAMC,EAAQC,IAERC,EAAeC,EAAO,MAAPA,CAAc,KAAA,IAE7BN,GAAa,CACfO,YAAY,GACZC,aAAa,OAEXP,GAAY,CACd,CAACE,EAAMM,YAAYC,GAAG,WAAY,CAChCH,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,iBAGnBT,GAAc,CAChBU,UAAW,GAAGT,EAAMQ,SAAQ,gBAC5B,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCD,UAAW,GAAGT,EAAMQ,SAAQ,kBAGhC,CAACR,EAAMM,YAAYI,KAAK,WAAY,CAClCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,aAErB,CAACR,EAAMM,YAAYI,KAAK,SAAU,CAChCN,WAAYJ,EAAMQ,YAClBH,YAAaL,EAAMQ,gBAIvB,OAAOG,EAACT,EAAY,CAACN,UAAWA,EAASD,SAAGA"}

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

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

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,\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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"}
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 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};
+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,\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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"}
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/PortalMock/index.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/AppBar"),r=require("@mui/material/Box"),i=require("@mui/material/CssBaseline"),a=require("@mui/material/Drawer"),l=require("@mui/material/styles"),o=require("@mui/material/Typography");const n=198,s=l.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"65px",color:e.palette.semantic.text["text-weak"],borderBottom:`2px solid ${e.palette.semantic.stroke["stroke-weak"]}`,width:"100%",position:"relative",[e.breakpoints.down("tablet")]:{width:"100%"}}))),d=l.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"100%",color:e.palette.semantic.text["text-weak"]}))),p=l.styled(t)((({theme:e})=>({width:e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%",left:"198px",[e.breakpoints.down("tablet")]:{left:"0",width:"100%"},boxShadow:"none",position:"fixed",top:0,right:0}))),h=l.styled(a)`
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/AppBar"),r=require("@mui/material/Box"),i=require("@mui/material/CssBaseline"),a=require("@mui/material/Drawer"),l=require("@mui/material/styles"),o=require("@mui/material/Typography");const n=198,s=l.styled("div")(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"65px",color:e.palette.semantic.text["text-weak"],borderBottom:`2px solid ${e.palette.semantic.stroke["stroke-weak"]}`,width:"100%",position:"relative",[e.breakpoints.down("tablet")]:{width:"100%"}})),d=l.styled("div")(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"100%",color:e.palette.semantic.text["text-weak"]})),p=l.styled(t)(({theme:e})=>({width:e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%",left:"198px",[e.breakpoints.down("tablet")]:{left:"0",width:"100%"},boxShadow:"none",position:"fixed",top:0,right:0})),h=l.styled(a)`
   display: ${({theme:e})=>e.breakpoints.up("tablet")?"block":"none"};
   & .MuiDrawer-paper {
     box-sizing: border-box;
@@ -6,7 +6,7 @@
     border-color: ${({theme:e})=>e.palette.semantic.stroke["stroke-weak"]};
     border-width: 2px;
   }
-`,c=l.styled(r)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),x=l.styled(r)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}}))),b=l.styled(r)((()=>({display:"flex",height:"100vh",overflow:"hidden"}))),m=l.styled(o)`
+`,c=l.styled(r)(({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}})),x=l.styled(r)(({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}})),b=l.styled(r)(()=>({display:"flex",height:"100vh",overflow:"hidden"})),m=l.styled(o)`
   font-weight: bold;
 `;module.exports=({children:t,loadedFromPortal:r})=>{if(r)return e.jsx(e.Fragment,{children:t});const a=e.jsx(d,{children:e.jsx(m,{children:"Sidebar"})});return e.jsxs(b,{children:[e.jsx(i,{}),e.jsx(p,{children:e.jsx(s,{id:"header",children:e.jsx(m,{children:"Header"})})}),e.jsx(c,{"aria-label":"mailbox folders",as:"nav",children:e.jsx(h,{open:!0,variant:"permanent",children:a})}),e.jsx(x,{as:"main",children:t})]})};
 //# sourceMappingURL=index.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","overflow","StylesBoxContainer","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,~~EAAc~~,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,~~YAILI~~,EAAgBlB,EAAAA,OAAO,MAAPA,~~EAAc~~,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,~~iBAG~~/BQ,EAAenB,EAAAA,OAAOoB,EAAPpB,~~EAAe~~,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,~~MAGHC~~,EAAe1B,EAAAA,OAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAAA,OAAO6B,EAAP7B,~~EAAY~~,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,~~YAIP6B~~,EAAgB/B,EAAAA,OAAO6B,EAAP7B,~~EAAY~~,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,SAAU,OACVzB,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,~~YAITE~~,EAAqBnC,EAAAA,OAAO6B,EAAP7B,~~EAAY~~,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACRyB,SAAU,~~aAGNE~~,EAAuBpC,EAAAA,OAAOqC,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAA,IAAAC,EAAAA,SAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAAAA,IAACtB,EAAa,CAAAoB,SACZE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEK,OAACR,EAAkB,CAAAG,SAAA,CACjBE,EAAAA,IAACI,EAAW,CAAA,GACZJ,EAAAA,IAACrB,EAAY,CAAAmB,SACXE,EAAAA,IAACzC,GAAa8C,GAAG,SAAQP,SACvBE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAAAA,IAACZ,EAAY,CAAA,aAAY,kBAAkBkB,GAAG,MAAKR,SACjDE,EAAAA,IAACd,EAAY,CAACqB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAAAA,IAACT,EAAa,CAACe,GAAG,OAAMR,SAAEA"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","overflow","StylesBoxContainer","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,CAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,WAILI,EAAgBlB,EAAAA,OAAO,MAAPA,CAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,gBAG/BQ,EAAenB,EAAAA,OAAOoB,EAAPpB,CAAe,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,KAGHC,EAAe1B,EAAAA,OAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAAA,OAAO6B,EAAP7B,CAAY,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,WAIP6B,EAAgB/B,EAAAA,OAAO6B,EAAP7B,CAAY,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,SAAU,OACVzB,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,WAITE,EAAqBnC,EAAAA,OAAO6B,EAAP7B,CAAY,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACRyB,SAAU,YAGNE,EAAuBpC,EAAAA,OAAOqC,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAA,IAAAC,EAAAA,SAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAAAA,IAACtB,EAAa,CAAAoB,SACZE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEK,OAACR,EAAkB,CAAAG,SAAA,CACjBE,EAAAA,IAACI,EAAW,CAAA,GACZJ,EAAAA,IAACrB,EAAY,CAAAmB,SACXE,EAAAA,IAACzC,GAAa8C,GAAG,SAAQP,SACvBE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAAAA,IAACZ,EAAY,CAAA,aAAY,kBAAkBkB,GAAG,MAAKR,SACjDE,EAAAA,IAACd,EAAY,CAACqB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAAAA,IAACT,EAAa,CAACe,GAAG,OAAMR,SAAEA"}

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

@@ -1,4 +1,4 @@
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"@mui/material/AppBar";import a from"@mui/material/Box";import o from"@mui/material/CssBaseline";import n from"@mui/material/Drawer";import{styled as l}from"@mui/material/styles";import p from"@mui/material/Typography";const d=198,m=l("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"65px",color:e.palette.semantic.text["text-weak"],borderBottom:`2px solid ${e.palette.semantic.stroke["stroke-weak"]}`,width:"100%",position:"relative",[e.breakpoints.down("tablet")]:{width:"100%"}}))),s=l("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"100%",color:e.palette.semantic.text["text-weak"]}))),h=l(i)((({theme:e})=>({width:e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%",left:"198px",[e.breakpoints.down("tablet")]:{left:"0",width:"100%"},boxShadow:"none",position:"fixed",top:0,right:0}))),c=l(n)`
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"@mui/material/AppBar";import a from"@mui/material/Box";import o from"@mui/material/CssBaseline";import n from"@mui/material/Drawer";import{styled as l}from"@mui/material/styles";import p from"@mui/material/Typography";const d=198,m=l("div")(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"65px",color:e.palette.semantic.text["text-weak"],borderBottom:`2px solid ${e.palette.semantic.stroke["stroke-weak"]}`,width:"100%",position:"relative",[e.breakpoints.down("tablet")]:{width:"100%"}})),s=l("div")(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"100%",color:e.palette.semantic.text["text-weak"]})),h=l(i)(({theme:e})=>({width:e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%",left:"198px",[e.breakpoints.down("tablet")]:{left:"0",width:"100%"},boxShadow:"none",position:"fixed",top:0,right:0})),c=l(n)`
   display: ${({theme:e})=>e.breakpoints.up("tablet")?"block":"none"};
   & .MuiDrawer-paper {
     box-sizing: border-box;
@@ -6,7 +6,7 @@ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"@m
     border-color: ${({theme:e})=>e.palette.semantic.stroke["stroke-weak"]};
     border-width: 2px;
   }
-`,b=l(a)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),k=l(a)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}}))),x=l(a)((()=>({display:"flex",height:"100vh",overflow:"hidden"}))),u=l(p)`
+`,b=l(a)(({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}})),k=l(a)(({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}})),x=l(a)(()=>({display:"flex",height:"100vh",overflow:"hidden"})),u=l(p)`
   font-weight: bold;
 `,w=({children:i,loadedFromPortal:a})=>{if(a)return e(t,{children:i});const n=e(s,{children:e(u,{children:"Sidebar"})});return r(x,{children:[e(o,{}),e(h,{children:e(m,{id:"header",children:e(u,{children:"Header"})})}),e(b,{"aria-label":"mailbox folders",as:"nav",children:e(c,{open:!0,variant:"permanent",children:n})}),e(k,{as:"main",children:i})]})};export{w as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","overflow","StylesBoxContainer","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,~~EAAc~~,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,~~YAILI~~,EAAgBlB,EAAO,MAAPA,~~EAAc~~,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,~~iBAG~~/BQ,EAAenB,EAAOoB,EAAPpB,~~EAAe~~,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,~~MAGHC~~,EAAe1B,EAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAO6B,EAAP7B,~~EAAY~~,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,~~YAIP6B~~,EAAgB/B,EAAO6B,EAAP7B,~~EAAY~~,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,SAAU,OACVzB,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,~~YAITE~~,EAAqBnC,EAAO6B,EAAP7B,~~EAAY~~,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACRyB,SAAU,~~aAGNE~~,EAAuBpC,EAAOqC,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACvB,EAAa,CAAAqB,SACZE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACT,EAAkB,CAAAI,SAAA,CACjBE,EAACI,EAAW,CAAA,GACZJ,EAACtB,EAAY,CAAAoB,SACXE,EAAC1C,GAAa+C,GAAG,SAAQP,SACvBE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACb,EAAY,CAAA,aAAY,kBAAkBmB,GAAG,MAAKR,SACjDE,EAACf,EAAY,CAACsB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAACV,EAAa,CAACgB,GAAG,OAAMR,SAAEA"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","overflow","StylesBoxContainer","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,CAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,WAILI,EAAgBlB,EAAO,MAAPA,CAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,gBAG/BQ,EAAenB,EAAOoB,EAAPpB,CAAe,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,KAGHC,EAAe1B,EAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAO6B,EAAP7B,CAAY,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,WAIP6B,EAAgB/B,EAAO6B,EAAP7B,CAAY,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,SAAU,OACVzB,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,WAITE,EAAqBnC,EAAO6B,EAAP7B,CAAY,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACRyB,SAAU,YAGNE,EAAuBpC,EAAOqC,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACvB,EAAa,CAAAqB,SACZE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACT,EAAkB,CAAAI,SAAA,CACjBE,EAACI,EAAW,CAAA,GACZJ,EAACtB,EAAY,CAAAoB,SACXE,EAAC1C,GAAa+C,GAAG,SAAQP,SACvBE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACb,EAAY,CAAA,aAAY,kBAAkBmB,GAAG,MAAKR,SACjDE,EAACf,EAAY,CAACsB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAACV,EAAa,CAACgB,GAAG,OAAMR,SAAEA"}

package/dist/components/Spacer/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");const i=require("@mui/material/styles").styled("div")((({size:e=8,variant:i,children:r})=>{const a={padding:r?`${e}px`:void 0};return r?"horizontal"===i?a.margin=`${e}px 0`:"vertical"===i&&(a.margin=`0 ${e}px`):"horizontal"===i?a.height=`${e}px`:"vertical"===i&&(a.width=`${e}px`),a}));module.exports=({className:r,variant:a,size:t=8,children:s})=>e.jsx(i,{className:r,size:t,variant:a,children:s});
+"use strict";var e=require("react/jsx-runtime");require("react");const i=require("@mui/material/styles").styled("div")(({size:e=8,variant:i,children:r})=>{const a={padding:r?`${e}px`:void 0};return r?"horizontal"===i?a.margin=`${e}px 0`:"vertical"===i&&(a.margin=`0 ${e}px`):"horizontal"===i?a.height=`${e}px`:"vertical"===i&&(a.width=`${e}px`),a});module.exports=({className:r,variant:a,size:t=8,children:s})=>e.jsx(i,{className:r,size:t,variant:a,children:s});
 //# sourceMappingURL=index.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n className?: string;\n variant?: 'horizontal' \| 'vertical';\n size?: 4 \| 8 \| 16 \| 24 \| 32 \| 40 \| 56;\n children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n ~~// eslint-disable-next-line @typescript-eslint/no-explicit-any\n~~ const style: ~~any~~ = {\n padding: children ? `${size}px` : undefined,\n };\n\n if (!children) {\n if (variant === 'horizontal') {\n style.height = `${size}px`;\n } else if (variant === 'vertical') {\n style.width = `${size}px`;\n }\n } else if (variant === 'horizontal') {\n style.margin = `${size}px 0`;\n } else if (variant === 'vertical') {\n style.margin = `0 ${size}px`;\n }\n\n return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n return (\n <SpacerDiv className={className} size={size} variant={variant}>\n {children}\n </SpacerDiv>\n );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","~~margin","height","width","~~className","_jsx"],"mappings":"iEAWA,MAAMA,kCAAYC,OAAO,MAAPA,~~EAA4B~~,EAAGC,OAAO,EAAGC,UAASC,~~eAEhE~~,MAAMC,~~EAAa~~,~~CACfC~~,QAASF,EAAW,GAAGF,WAAWK,~~GAetC~~,OAZKH,EAMkB,eAAZD,~~EACPE~~,~~EAAMG~~,~~OAAS~~,~~GAAGN~~,~~QACC~~,aAAZC,~~IACPE~~,~~EAAMG~~,~~OAAS~~,~~KAAKN~~,~~OARJ~~,eAAZC,~~EACAE~~,~~EAAMI~~,~~OAAS~~,~~GAAGP~~,~~MACC~~,aAAZC,~~IACPE~~,~~EAAMK~~,~~MAAQ~~,~~GAAGR~~,~~OAQlBG~~,~~oBAGI~~,~~EAAGM~~,~~YAAWR~~,UAASD,OAAO,EAAGE,~~cAExCQ~~,~~MAACZ~~,~~GAAUW~~,UAAWA,~~EAAWT~~,KAAMA,EAAMC,QAASA,~~WACjDC~~"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n className?: string;\n variant?: 'horizontal' \| 'vertical';\n size?: 4 \| 8 \| 16 \| 24 \| 32 \| 40 \| 56;\n children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n const style: Record<string, string \| undefined> = {\n padding: children ? `${size}px` : undefined,\n };\n\n if (!children) {\n if (variant === 'horizontal') {\n style['height'] = `${size}px`;\n } else if (variant === 'vertical') {\n style['width'] = `${size}px`;\n }\n } else if (variant === 'horizontal') {\n style['margin'] = `${size}px 0`;\n } else if (variant === 'vertical') {\n style['margin'] = `0 ${size}px`;\n }\n\n return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n return (\n <SpacerDiv className={className} size={size} variant={variant}>\n {children}\n </SpacerDiv>\n );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","className","_jsx"],"mappings":"iEAWA,MAAMA,kCAAYC,OAAO,MAAPA,CAA4B,EAAGC,OAAO,EAAGC,UAASC,eAClE,MAAMC,EAA4C,CAChDC,QAASF,EAAW,GAAGF,WAAWK,GAepC,OAZKH,EAMkB,eAAZD,EACTE,EAAc,OAAI,GAAGH,QACA,aAAZC,IACTE,EAAc,OAAI,KAAKH,OARP,eAAZC,EACFE,EAAc,OAAI,GAAGH,MACA,aAAZC,IACTE,EAAa,MAAI,GAAGH,OAQjBG,mBAGM,EAAGG,YAAWL,UAASD,OAAO,EAAGE,cAE5CK,MAACT,GAAUQ,UAAWA,EAAWN,KAAMA,EAAMC,QAASA,WACnDC"}

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

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import"react";import{styled as r}from"@mui/material/styles";const a=r("div")((({size:i=8,variant:r,children:a})=>{const t={padding:a?`${i}px`:void 0};return a?"horizontal"===r?t.margin=`${i}px 0`:"vertical"===r&&(t.margin=`0 ${i}px`):"horizontal"===r?t.height=`${i}px`:"vertical"===r&&(t.width=`${i}px`),t})),t=({className:r,variant:t,size:e=8,children:n})=>i(a,{className:r,size:e,variant:t,children:n});export{t as default};
+import{jsx as i}from"react/jsx-runtime";import"react";import{styled as r}from"@mui/material/styles";const a=r("div")(({size:i=8,variant:r,children:a})=>{const t={padding:a?`${i}px`:void 0};return a?"horizontal"===r?t.margin=`${i}px 0`:"vertical"===r&&(t.margin=`0 ${i}px`):"horizontal"===r?t.height=`${i}px`:"vertical"===r&&(t.width=`${i}px`),t}),t=({className:r,variant:t,size:e=8,children:n})=>i(a,{className:r,size:e,variant:t,children:n});export{t as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n className?: string;\n variant?: 'horizontal' \| 'vertical';\n size?: 4 \| 8 \| 16 \| 24 \| 32 \| 40 \| 56;\n children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n ~~// eslint-disable-next-line @typescript-eslint/no-explicit-any\n~~ const style: ~~any~~ = {\n padding: children ? `${size}px` : undefined,\n };\n\n if (!children) {\n if (variant === 'horizontal') {\n style.height = `${size}px`;\n } else if (variant === 'vertical') {\n style.width = `${size}px`;\n }\n } else if (variant === 'horizontal') {\n style.margin = `${size}px 0`;\n } else if (variant === 'vertical') {\n style.margin = `0 ${size}px`;\n }\n\n return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n return (\n <SpacerDiv className={className} size={size} variant={variant}>\n {children}\n </SpacerDiv>\n );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","~~margin","height","width","~~Spacer","className","_jsx"],"mappings":"oGAWA,MAAMA,EAAYC,EAAO,MAAPA,~~EAA4B~~,EAAGC,OAAO,EAAGC,UAASC,~~eAEhE~~,MAAMC,~~EAAa~~,~~CACfC~~,QAASF,EAAW,GAAGF,WAAWK,~~GAetC~~,OAZKH,EAMkB,eAAZD,~~EACPE~~,~~EAAMG~~,~~OAAS~~,~~GAAGN~~,~~QACC~~,aAAZC,~~IACPE~~,~~EAAMG~~,~~OAAS~~,~~KAAKN~~,~~OARJ~~,eAAZC,~~EACAE~~,~~EAAMI~~,~~OAAS~~,~~GAAGP~~,~~MACC~~,aAAZC,~~IACPE~~,~~EAAMK~~,~~MAAQ~~,~~GAAGR~~,~~OAQlBG~~,~~KAGLM~~,EAAS,EAAGC,~~YAAWT~~,UAASD,OAAO,EAAGE,~~cAExCS~~,~~EAACb~~,~~GAAUY~~,UAAWA,~~EAAWV~~,KAAMA,EAAMC,QAASA,~~WACjDC~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Spacer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nexport interface ISpacerProps {\n className?: string;\n variant?: 'horizontal' \| 'vertical';\n size?: 4 \| 8 \| 16 \| 24 \| 32 \| 40 \| 56;\n children?: ReactNode;\n}\n\nconst SpacerDiv = styled('div')<ISpacerProps>(({ size = 8, variant, children }) => {\n const style: Record<string, string \| undefined> = {\n padding: children ? `${size}px` : undefined,\n };\n\n if (!children) {\n if (variant === 'horizontal') {\n style['height'] = `${size}px`;\n } else if (variant === 'vertical') {\n style['width'] = `${size}px`;\n }\n } else if (variant === 'horizontal') {\n style['margin'] = `${size}px 0`;\n } else if (variant === 'vertical') {\n style['margin'] = `0 ${size}px`;\n }\n\n return style;\n});\n\nconst Spacer = ({ className, variant, size = 8, children }: ISpacerProps) => {\n return (\n <SpacerDiv className={className} size={size} variant={variant}>\n {children}\n </SpacerDiv>\n );\n};\n\nexport default Spacer;\n"],"names":["SpacerDiv","styled","size","variant","children","style","padding","undefined","Spacer","className","_jsx"],"mappings":"oGAWA,MAAMA,EAAYC,EAAO,MAAPA,CAA4B,EAAGC,OAAO,EAAGC,UAASC,eAClE,MAAMC,EAA4C,CAChDC,QAASF,EAAW,GAAGF,WAAWK,GAepC,OAZKH,EAMkB,eAAZD,EACTE,EAAc,OAAI,GAAGH,QACA,aAAZC,IACTE,EAAc,OAAI,KAAKH,OARP,eAAZC,EACFE,EAAc,OAAI,GAAGH,MACA,aAAZC,IACTE,EAAa,MAAI,GAAGH,OAQjBG,IAGHG,EAAS,EAAGC,YAAWN,UAASD,OAAO,EAAGE,cAE5CM,EAACV,GAAUS,UAAWA,EAAWP,KAAMA,EAAMC,QAASA,WACnDC"}

package/dist/components/Tooltip/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Tooltip"),i=require("@mui/material/IconButton"),t=require("../../icons/InformationCircle/index.cjs.js");const l={small:"sm",medium:"md",large:"lg"};exports.ICON_SIZES=["small","medium","large"],exports.default=({text:s,iconSize:m="small"})=>e.jsx(r,{title:s,children:e.jsx(i,{children:e.jsx(t,{size:l[m]})})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/IconButton"),i=require("@mui/material/Tooltip"),t=require("../../icons/InformationCircle/index.cjs.js");const l={small:"sm",medium:"md",large:"lg"};exports.ICON_SIZES=["small","medium","large"],exports.default=({text:s,iconSize:m="small"})=>e.jsx(i,{title:s,children:e.jsx(r,{children:e.jsx(t,{size:l[m]})})});
 //# sourceMappingURL=index.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import ~~MuiTooltip~~ from '@mui/material/~~Tooltip~~';\nimport ~~IconButton~~ from '@mui/material/~~IconButton~~';\nimport ~~InfoOutlinedIcon~~ from '../../icons/~~InformationCircle~~';\nimport ~~type~~ ~~{ IconSize }~~ from '../../icons/~~helpers/withSvgIcon~~';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport ~~type~~ TooltipProps = {\n text: string;\n iconSize?: TooltopIconSize;\n};\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n small: 'sm',\n medium: 'md',\n large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n <MuiTooltip title={text}>\n <IconButton>\n <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n </IconButton>\n </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["sizeMapping","small","medium","large","text","iconSize","_jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"~~wOAKO~~,MAQDA,EAAiD,~~CACnDC~~,MAAO,KACPC,OAAQ,KACRC,MAAO,~~yBAXe~~,CAAC,QAAS,SAAU,yBAc9B,EAAGC,OAAMC,WAAW,~~WAChCC~~,EAAAA,IAACC,EAAU,CAACC,MAAOJ,~~WACfE~~,MAACG,EAAU,CAAAC,~~SACPJ~~,EAAAA,IAACK,EAAgB,CAACC,KAAMZ,EAAYK"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport MuiTooltip from '@mui/material/Tooltip';\n\nimport type { IconSize } from '../../icons/helpers/withSvgIcon';\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport interface TooltipProps {\n text: string;\n iconSize?: TooltopIconSize;\n}\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n small: 'sm',\n medium: 'md',\n large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n <MuiTooltip title={text}>\n <IconButton>\n <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n </IconButton>\n </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["sizeMapping","small","medium","large","text","iconSize","_jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"wOAMO,MAQDA,EAAiD,CACrDC,MAAO,KACPC,OAAQ,KACRC,MAAO,yBAXiB,CAAC,QAAS,SAAU,yBAc9B,EAAGC,OAAMC,WAAW,WAClCC,EAAAA,IAACC,EAAU,CAACC,MAAOJ,WACjBE,MAACG,EAAU,CAAAC,SACTJ,EAAAA,IAACK,EAAgB,CAACC,KAAMZ,EAAYK"}

package/dist/components/Tooltip/index.d.ts CHANGED Viewed

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 declare const ICON_SIZES: readonly ["small", "medium", "large"];
 type TooltopIconSize = (typeof ICON_SIZES)[number];
-type TooltipProps = {
+interface TooltipProps {
     text: string;
     iconSize?: TooltopIconSize;
-};
+}
 declare const Tooltip: ({ text, iconSize }: TooltipProps) => react_jsx_runtime.JSX.Element;
 export { ICON_SIZES, Tooltip as default };

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

@@ -1,2 +1,2 @@
-import{jsx as m}from"react/jsx-runtime";import i from"@mui/material/Tooltip";import r from"@mui/material/IconButton";import t from"../../icons/InformationCircle/index.js";const e=["small","medium","large"],o={small:"sm",medium:"md",large:"lg"},l=({text:e,iconSize:l="small"})=>m(i,{title:e,children:m(r,{children:m(t,{size:o[l]})})});export{e as ICON_SIZES,l as default};
+import{jsx as m}from"react/jsx-runtime";import i from"@mui/material/IconButton";import r from"@mui/material/Tooltip";import t from"../../icons/InformationCircle/index.js";const e=["small","medium","large"],o={small:"sm",medium:"md",large:"lg"},l=({text:e,iconSize:l="small"})=>m(r,{title:e,children:m(i,{children:m(t,{size:o[l]})})});export{e as ICON_SIZES,l as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import ~~MuiTooltip~~ from '@mui/material/~~Tooltip~~';\nimport ~~IconButton~~ from '@mui/material/~~IconButton~~';\nimport ~~InfoOutlinedIcon~~ from '../../icons/~~InformationCircle~~';\nimport ~~type~~ ~~{ IconSize }~~ from '../../icons/~~helpers/withSvgIcon~~';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport ~~type~~ TooltipProps = {\n text: string;\n iconSize?: TooltopIconSize;\n};\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n small: 'sm',\n medium: 'md',\n large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n <MuiTooltip title={text}>\n <IconButton>\n <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n </IconButton>\n </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["ICON_SIZES","sizeMapping","small","medium","large","Tooltip","text","iconSize","_jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"~~2KAKO~~,MAAMA,EAAa,CAAC,QAAS,SAAU,SAQxCC,EAAiD,~~CACnDC~~,MAAO,KACPC,OAAQ,KACRC,MAAO,~~MAGLC~~,EAAU,EAAGC,OAAMC,WAAW,~~WAChCC~~,EAACC,EAAU,CAACC,MAAOJ,~~WACfE~~,EAACG,EAAU,CAAAC,~~SACPJ~~,EAACK,EAAgB,CAACC,KAAMb,EAAYM"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Tooltip/index.tsx"],"sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport MuiTooltip from '@mui/material/Tooltip';\n\nimport type { IconSize } from '../../icons/helpers/withSvgIcon';\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\n\nexport const ICON_SIZES = ['small', 'medium', 'large'] as const;\nexport type TooltopIconSize = (typeof ICON_SIZES)[number];\n\nexport interface TooltipProps {\n text: string;\n iconSize?: TooltopIconSize;\n}\n\nconst sizeMapping: Record<TooltopIconSize, IconSize> = {\n small: 'sm',\n medium: 'md',\n large: 'lg',\n};\n\nconst Tooltip = ({ text, iconSize = 'small' }: TooltipProps) => (\n <MuiTooltip title={text}>\n <IconButton>\n <InfoOutlinedIcon size={sizeMapping[iconSize]} />\n </IconButton>\n </MuiTooltip>\n);\n\nexport default Tooltip;\n"],"names":["ICON_SIZES","sizeMapping","small","medium","large","Tooltip","text","iconSize","_jsx","MuiTooltip","title","IconButton","children","InfoOutlinedIcon","size"],"mappings":"2KAMO,MAAMA,EAAa,CAAC,QAAS,SAAU,SAQxCC,EAAiD,CACrDC,MAAO,KACPC,OAAQ,KACRC,MAAO,MAGHC,EAAU,EAAGC,OAAMC,WAAW,WAClCC,EAACC,EAAU,CAACC,MAAOJ,WACjBE,EAACG,EAAU,CAAAC,SACTJ,EAACK,EAAgB,CAACC,KAAMb,EAAYM"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/Avatar"),r=require("../../../themes/tokens/typography/font-family.cjs.js"),i=require("../../../themes/tokens/typography/font-size.cjs.js"),o=require("../../../themes/typography.cjs.js");const a=require("@mui/material/styles").styled(t,{shouldForwardProp:e=>"size"!==e&&"type"!==e})((({theme:e,size:t="medium",type:a})=>{const s={small:i.fontSize.desktop.caption,medium:i.fontSize.desktop.h4,large:i.fontSize.desktop.h3},l={small:"32",medium:"48",large:"64"}[t],n="photo"!==a?{borderRadius:"8px"}:{};return{fontStyle:"normal",fontWeight:600,fontFamily:r.fontFamily.desktop.body,fontSize:s[t],color:e.palette.grey[700],backgroundColor:"#f5f5f5",width:`${l}px`,height:`${l}px`,border:"1px solid #ddd",...n,[e.breakpoints.down("tablet")]:{...o.getMobileTextStyle({small:"caption",medium:"h4",large:"h3"}[t])}}}));module.exports=t=>{const{type:r,fdKey:i}=t;return e.jsx(a,{alt:t.alt,"aria-hidden":"icon"===t.type,"aria-label":(()=>{if("initials"===r)return t.ariaLabel})(),"data-fd":i,size:t.size,src:(()=>{switch(r){case"logo":case"photo":return t.src;default:return}})(),type:t.type,variant:"photo"===r?"circular":"rounded",children:(()=>{switch(r){case"icon":return t.icon;case"initials":return t.initials;default:return null}})()})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/Avatar"),r=require("../../../themes/tokens/typography/font-family.cjs.js"),i=require("../../../themes/tokens/typography/font-size.cjs.js"),o=require("../../../themes/typography.cjs.js");const a=require("@mui/material/styles").styled(t,{shouldForwardProp:e=>"size"!==e&&"type"!==e})(({theme:e,size:t="medium",type:a})=>{const s={small:i.fontSize.desktop.caption,medium:i.fontSize.desktop.h4,large:i.fontSize.desktop.h3},l={small:"32",medium:"48",large:"64"}[t],n="photo"!==a?{borderRadius:"8px"}:{};return{fontStyle:"normal",fontWeight:600,fontFamily:r.fontFamily.desktop.body,fontSize:s[t],color:e.palette.grey[700],backgroundColor:"#f5f5f5",width:`${l}px`,height:`${l}px`,border:"1px solid #ddd",...n,[e.breakpoints.down("tablet")]:{...o.getMobileTextStyle({small:"caption",medium:"h4",large:"h3"}[t])}}});module.exports=t=>{const{type:r,fdKey:i}=t;return e.jsx(a,{alt:t.alt,"aria-hidden":"icon"===t.type,"aria-label":(()=>{if("initials"===r)return t.ariaLabel})(),"data-fd":i,size:t.size,src:(()=>{switch(r){case"logo":case"photo":return t.src;default:return}})(),type:t.type,variant:"photo"===r?"circular":"rounded",children:(()=>{switch(r){case"icon":return t.icon;case"initials":return t.initials;default:return null}})()})};
 //# sourceMappingURL=index.cjs.js.map