@flipdish/portal-library 2.0.1 → 2.0.2

package/dist/components/GenericDatePickerField/GenericDateFieldBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericDateFieldBase.js","sources":["../../../src/components/GenericDatePickerField/GenericDateFieldBase.tsx"],"sourcesContent":["import { type FieldProps, Field } from 'formik';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { type TextFieldVariants } from '@mui/material/TextField';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport moment from 'moment';\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\n\nconst StyledPickerBase = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    '& > div': {\n        width: '100%',\n    },\n}));\n\nexport type GenericDateFieldBaseProps = {\n    label: string;\n    placeholder?: string;\n    fieldName: string;\n    description?: string;\n    validation?: (value: string) => string | undefined;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldVariants;\n    disabled?: boolean;\n    disablePast?: boolean;\n    disablefuture?: boolean;\n    onChange?: (dateTime: moment.Moment) => void;\n    showHelperTextWhenValid?: boolean;\n    pickerComponent: typeof DatePicker | typeof DateTimePicker;\n};\n\nconst GenericDateFieldBase = ({\n    label,\n    fieldName,\n    description,\n    validation,\n    variant = 'standard',\n    layout,\n    onChange,\n    disabled = false,\n    disablePast = false,\n    disablefuture = false,\n    placeholder = undefined,\n    showHelperTextWhenValid = false,\n    pickerComponent: PickerComponent,\n}: GenericDateFieldBaseProps) => {\n    const theme = useTheme();\n\n    const renderField = () => {\n        return (\n            <Field name={fieldName} validate={validation}>\n                {({ field, form }: FieldProps) => {\n                    const { errors, touched, isSubmitting } = form;\n                    const fieldError = errors[field.name] as string | undefined;\n                    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n                    const helperText = useRenderValidText({\n                        fieldError,\n                        showError,\n                        touched: !!touched[field.name],\n                        value: field.value,\n                    });\n\n                    return (\n                        <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n                            <StyledPickerBase>\n                                <PickerComponent\n                                    label={variant === 'standard' ? undefined : label}\n                                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                                    value={moment.isMoment(field.value) ? field.value : moment(field.value)}\n                                    onChange={(value) => {\n                                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                                        const momentValue = moment.isMoment(value) ? value : moment(value);\n                                        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                        form.setFieldValue(field.name, momentValue);\n                                        if (onChange) {\n                                            onChange(momentValue);\n                                        }\n                                    }}\n                                    name={fieldName}\n                                    slotProps={{\n                                        textField: {\n                                            variant,\n                                            placeholder,\n                                            error: showError,\n                                            helperText: (() => {\n                                                if (showError) return helperText;\n                                                if (showHelperTextWhenValid) return helperText;\n                                                return undefined;\n                                            })(),\n                                            FormHelperTextProps: {\n                                                children: ' ',\n                                                style: { textAlign: 'right' },\n                                            },\n                                        },\n                                    }}\n                                    disabled={isSubmitting || disabled}\n                                    disablePast={disablePast}\n                                    disableFuture={disablefuture}\n                                />\n                            </StyledPickerBase>\n                            {description && (\n                                <Typography variant=\"caption\" sx={{ color: theme.palette.text.secondary }}>\n                                    {description}\n                                </Typography>\n                            )}\n                        </Box>\n                    );\n                }}\n            </Field>\n        );\n    };\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {variant === 'standard' && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericDateFieldBase;\n"],"names":["StyledPickerBase","styled","theme","marginTop","spacing","width","GenericDateFieldBase","label","fieldName","description","validation","variant","layout","onChange","disabled","disablePast","disablefuture","placeholder","showHelperTextWhenValid","pickerComponent","PickerComponent","useTheme","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","_jsxs","Box","sx","paddingRight","undefined","moment","isMoment","momentValue","setFieldValue","slotProps","textField","error","FormHelperTextProps","style","textAlign","disableFuture","Typography","color","palette","text","secondary","_Fragment","component","FormItemLayout"],"mappings":"mdAWA,MAAMA,EAAmBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACnDC,UAAWD,EAAME,QAAQ,GACzB,UAAW,CACPC,MAAO,YAoBTC,EAAuB,EACzBC,QACAC,YACAC,cACAC,aACAC,UAAU,WACVC,SACAC,WACAC,YAAW,EACXC,eAAc,EACdC,iBAAgB,EAChBC,cACAC,2BAA0B,EAC1BC,gBAAiBC,MAEjB,MAAMlB,EAAQmB,IAERC,EAAc,IAEZC,EAACC,GAAMC,KAAMjB,EAAWkB,SAAUhB,EAAUiB,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EAAmB,CAClCH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,QAGjB,OACIC,EAACC,GAAIC,GAAI,CAAEC,aAAyB,eAAX7B,EAA0B,OAAS,GAAGe,SAAA,CAC3DJ,EAACvB,EAAgB,CAAA2B,SACbJ,EAACH,EAAe,CACZb,MAAmB,aAAZI,OAAyB+B,EAAYnC,EAE5C8B,MAAOM,EAAOC,SAAShB,EAAMS,OAAST,EAAMS,MAAQM,EAAOf,EAAMS,OACjExB,SAAWwB,IAEP,MAAMQ,EAAcF,EAAOC,SAASP,GAASA,EAAQM,EAAON,GAE5DR,EAAKiB,cAAclB,EAAMH,KAAMoB,GAC3BhC,GACAA,EAASgC,EACZ,EAELpB,KAAMjB,EACNuC,UAAW,CACPC,UAAW,CACPrC,UACAM,cACAgC,MAAOf,EACPC,WACQD,GACAhB,EADkBiB,OACtB,EAGJe,oBAAqB,CACjBvB,SAAU,IACVwB,MAAO,CAAEC,UAAW,YAIhCtC,SAAUkB,GAAgBlB,EAC1BC,YAAaA,EACbsC,cAAerC,MAGtBP,GACGc,EAAC+B,EAAU,CAAC3C,QAAQ,UAAU6B,GAAI,CAAEe,MAAOrD,EAAMsD,QAAQC,KAAKC,WAAW/B,SACpElB,MAIf,IAMlB,MAAe,aAAXG,EAEI0B,EAAAqB,EAAA,CAAAhC,SAAA,CACiB,aAAZhB,GACGY,EAAC+B,EAAU,CAAC3C,QAAQ,YAAYiD,UAAU,KAAKL,MAAM,cAChD5B,SAAApB,IAGRe,OAKNC,EAACsC,EAAc,CAACtD,MAAOA,EAAQoB,SAAAL,KAA+B"}
+{"version":3,"file":"GenericDateFieldBase.js","sources":["../../../src/components/GenericDatePickerField/GenericDateFieldBase.tsx"],"sourcesContent":["import { type FieldProps, Field } from 'formik';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { type TextFieldVariants } from '@mui/material/TextField';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport moment from 'moment';\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\n\nconst StyledPickerBase = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    '& > div': {\n        width: '100%',\n    },\n}));\n\nexport type GenericDateFieldBaseProps = {\n    label: string;\n    placeholder?: string;\n    fieldName: string;\n    description?: string;\n    validation?: (value: string) => string | undefined;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldVariants;\n    disabled?: boolean;\n    disablePast?: boolean;\n    disablefuture?: boolean;\n    onChange?: (dateTime: moment.Moment) => void;\n    showHelperTextWhenValid?: boolean;\n    pickerComponent: typeof DatePicker | typeof DateTimePicker;\n};\n\nconst GenericDateFieldBase = ({\n    label,\n    fieldName,\n    description,\n    validation,\n    variant = 'standard',\n    layout,\n    onChange,\n    disabled = false,\n    disablePast = false,\n    disablefuture = false,\n    placeholder = undefined,\n    showHelperTextWhenValid = false,\n    pickerComponent: PickerComponent,\n}: GenericDateFieldBaseProps) => {\n    const theme = useTheme();\n\n    const renderField = () => {\n        return (\n            <Field name={fieldName} validate={validation}>\n                {({ field, form }: FieldProps) => {\n                    const { errors, touched, isSubmitting } = form;\n                    const fieldError = errors[field.name] as string | undefined;\n                    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n                    const helperText = useRenderValidText(\n                        {\n                            fieldError,\n                            showError,\n                            touched: !!touched[field.name],\n                            value: field.value,\n                        },\n                        'Valid',\n                    );\n\n                    return (\n                        <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n                            <StyledPickerBase>\n                                <PickerComponent\n                                    label={variant === 'standard' ? undefined : label}\n                                    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                                    value={moment.isMoment(field.value) ? field.value : moment(field.value)}\n                                    onChange={(value) => {\n                                        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                                        const momentValue = moment.isMoment(value) ? value : moment(value);\n                                        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                        form.setFieldValue(field.name, momentValue);\n                                        if (onChange) {\n                                            onChange(momentValue);\n                                        }\n                                    }}\n                                    name={fieldName}\n                                    slotProps={{\n                                        textField: {\n                                            variant,\n                                            placeholder,\n                                            error: showError,\n                                            helperText: (() => {\n                                                if (showError) return helperText;\n                                                if (showHelperTextWhenValid) return helperText;\n                                                return undefined;\n                                            })(),\n                                            FormHelperTextProps: {\n                                                children: ' ',\n                                                style: { textAlign: 'right' },\n                                            },\n                                        },\n                                    }}\n                                    disabled={isSubmitting || disabled}\n                                    disablePast={disablePast}\n                                    disableFuture={disablefuture}\n                                />\n                            </StyledPickerBase>\n                            {description && (\n                                <Typography variant=\"caption\" sx={{ color: theme.palette.text.secondary }}>\n                                    {description}\n                                </Typography>\n                            )}\n                        </Box>\n                    );\n                }}\n            </Field>\n        );\n    };\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {variant === 'standard' && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericDateFieldBase;\n"],"names":["StyledPickerBase","styled","theme","marginTop","spacing","width","GenericDateFieldBase","label","fieldName","description","validation","variant","layout","onChange","disabled","disablePast","disablefuture","placeholder","showHelperTextWhenValid","pickerComponent","PickerComponent","useTheme","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","_jsxs","Box","sx","paddingRight","undefined","moment","isMoment","momentValue","setFieldValue","slotProps","textField","error","FormHelperTextProps","style","textAlign","disableFuture","Typography","color","palette","text","secondary","_Fragment","component","FormItemLayout"],"mappings":"mdAWA,MAAMA,EAAmBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACnDC,UAAWD,EAAME,QAAQ,GACzB,UAAW,CACPC,MAAO,YAoBTC,EAAuB,EACzBC,QACAC,YACAC,cACAC,aACAC,UAAU,WACVC,SACAC,WACAC,YAAW,EACXC,eAAc,EACdC,iBAAgB,EAChBC,cACAC,2BAA0B,EAC1BC,gBAAiBC,MAEjB,MAAMlB,EAAQmB,IAERC,EAAc,IAEZC,EAACC,GAAMC,KAAMjB,EAAWkB,SAAUhB,EAAUiB,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EACf,CACIH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,OAEjB,SAGJ,OACIC,EAACC,GAAIC,GAAI,CAAEC,aAAyB,eAAX7B,EAA0B,OAAS,GAAGe,SAAA,CAC3DJ,EAACvB,EAAgB,CAAA2B,SACbJ,EAACH,EAAe,CACZb,MAAmB,aAAZI,OAAyB+B,EAAYnC,EAE5C8B,MAAOM,EAAOC,SAAShB,EAAMS,OAAST,EAAMS,MAAQM,EAAOf,EAAMS,OACjExB,SAAWwB,IAEP,MAAMQ,EAAcF,EAAOC,SAASP,GAASA,EAAQM,EAAON,GAE5DR,EAAKiB,cAAclB,EAAMH,KAAMoB,GAC3BhC,GACAA,EAASgC,EACZ,EAELpB,KAAMjB,EACNuC,UAAW,CACPC,UAAW,CACPrC,UACAM,cACAgC,MAAOf,EACPC,WACQD,GACAhB,EADkBiB,OACtB,EAGJe,oBAAqB,CACjBvB,SAAU,IACVwB,MAAO,CAAEC,UAAW,YAIhCtC,SAAUkB,GAAgBlB,EAC1BC,YAAaA,EACbsC,cAAerC,MAGtBP,GACGc,EAAC+B,EAAU,CAAC3C,QAAQ,UAAU6B,GAAI,CAAEe,MAAOrD,EAAMsD,QAAQC,KAAKC,WAAW/B,SACpElB,MAIf,IAMlB,MAAe,aAAXG,EAEI0B,EAAAqB,EAAA,CAAAhC,SAAA,CACiB,aAAZhB,GACGY,EAAC+B,EAAU,CAAC3C,QAAQ,YAAYiD,UAAU,KAAKL,MAAM,cAChD5B,SAAApB,IAGRe,OAKNC,EAACsC,EAAc,CAACtD,MAAOA,EAAQoB,SAAAL,KAA+B"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("formik"),i=require("../Form/FormItemLayout/index.cjs.js"),a=require("@mui/material/Box"),o=require("@mui/material/Typography"),t=require("../../custom-hooks/useRenderValidText.cjs.js"),l=require("@mui/material/Radio"),s=require("@mui/material/FormControlLabel"),n=require("@mui/material/RadioGroup");require("react");var u=require("../Spacer/index.cjs.js"),d=require("@mui/material/styles");const m=d.styled(a)((({theme:e})=>({marginLeft:e.spacing(4)}))),h=d.styled(o,{shouldForwardProp:e=>"showError"!==e})((({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"}))),c=({field:r,form:i,onChange:o,options:d,layout:c,showHelperTextWhenValid:x=!1})=>{const{errors:j,touched:p,isSubmitting:v}=i,g=j[r.name],q=!!g&&p[r.name],b=t({fieldError:g,showError:q,touched:!!p[r.name],value:r.value});return e.jsxs(a,{sx:{paddingRight:"horizontal"===c?"16px":0},children:[e.jsx(n,{name:"radio-buttons-group",value:r.value,onChange:e=>{i.setFieldValue(r.name,e.target.value),o&&o(e)},children:d.map((i=>e.jsxs("div",{children:[e.jsx(s,{value:i.value,control:e.jsx(l,{}),label:i.label,disabled:v||i.disabled}),i.selectedContent&&r.value===i.value&&e.jsxs(m,{children:[i.selectedContent,e.jsx(u,{size:8,variant:"horizontal"})]})]},i.value)))}),e.jsx(h,{showError:q,children:q||x?b:void 0})]})};module.exports=({label:a,fieldName:t,layout:l,onChange:s,options:n,showHelperTextWhenValid:u=!1})=>{const d=()=>e.jsx(r.Field,{name:t,children:r=>e.jsx(c,{...r,onChange:s,options:n,layout:l,showHelperTextWhenValid:u})});return"vertical"===l?e.jsxs(e.Fragment,{children:[a&&e.jsx(o,{variant:"subtitle1",component:"h3",color:"textPrimary",children:a}),d()]}):e.jsx(i,{label:a,children:d()})};
+"use strict";var e=require("react/jsx-runtime"),r=require("formik"),i=require("../Form/FormItemLayout/index.cjs.js"),a=require("@mui/material/Box"),o=require("@mui/material/Typography"),t=require("../../custom-hooks/useRenderValidText.cjs.js"),l=require("@mui/material/Radio"),s=require("@mui/material/FormControlLabel"),n=require("@mui/material/RadioGroup");require("react");var u=require("../Spacer/index.cjs.js"),d=require("@mui/material/styles");const m=d.styled(a)((({theme:e})=>({marginLeft:e.spacing(4)}))),h=d.styled(o,{shouldForwardProp:e=>"showError"!==e})((({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"}))),c=({field:r,form:i,onChange:o,options:d,layout:c,showHelperTextWhenValid:x=!1})=>{const{errors:j,touched:p,isSubmitting:v}=i,g=j[r.name],q=!!g&&p[r.name],b=t({fieldError:g,showError:q,touched:!!p[r.name],value:r.value},"Valid");return e.jsxs(a,{sx:{paddingRight:"horizontal"===c?"16px":0},children:[e.jsx(n,{name:"radio-buttons-group",value:r.value,onChange:e=>{i.setFieldValue(r.name,e.target.value),o&&o(e)},children:d.map((i=>e.jsxs("div",{children:[e.jsx(s,{value:i.value,control:e.jsx(l,{}),label:i.label,disabled:v||i.disabled}),i.selectedContent&&r.value===i.value&&e.jsxs(m,{children:[i.selectedContent,e.jsx(u,{size:8,variant:"horizontal"})]})]},i.value)))}),e.jsx(h,{showError:q,children:q||x?b:void 0})]})};module.exports=({label:a,fieldName:t,layout:l,onChange:s,options:n,showHelperTextWhenValid:u=!1})=>{const d=()=>e.jsx(r.Field,{name:t,children:r=>e.jsx(c,{...r,onChange:s,options:n,layout:l,showHelperTextWhenValid:u})});return"vertical"===l?e.jsxs(e.Fragment,{children:[a&&e.jsx(o,{variant:"subtitle1",component:"h3",color:"textPrimary",children:a}),d()]}):e.jsx(i,{label:a,children:d()})};
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type FieldProps, Field } from 'formik';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport Radio from '@mui/material/Radio';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { type ChangeEvent, type ReactNode } from 'react';\nimport Spacer from '../Spacer';\nimport { styled } from '@mui/material/styles';\n\ntype Props = {\n    label?: string;\n    fieldName: string;\n    layout?: 'horizontal' | 'vertical';\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: {\n        label: string;\n        value: string;\n        disabled?: boolean;\n        selectedContent?: ReactNode;\n    }[];\n};\n\ntype RadioButtonsComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: Props['options'];\n    layout?: 'horizontal' | 'vertical';\n};\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n    marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n    shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError: boolean }>(({ theme, showError }) => ({\n    color: showError ? theme.palette.error.main : 'inherit',\n    textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({ field, form, onChange, options, layout, showHelperTextWhenValid = false }: RadioButtonsComponentProps) => {\n    const { errors, touched, isSubmitting } = form;\n    const fieldError = errors[field.name] as string | undefined;\n    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n    const helperText = useRenderValidText({\n        fieldError,\n        showError,\n        touched: !!touched[field.name],\n        value: field.value,\n    });\n\n    return (\n        <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n            <RadioGroup\n                name=\"radio-buttons-group\"\n                value={field.value}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                    form.setFieldValue(field.name, e.target.value);\n                    if (onChange) {\n                        onChange(e);\n                    }\n                }}\n            >\n                {options.map((option) => (\n                    <div key={option.value}>\n                        <FormControlLabel value={option.value} control={<Radio />} label={option.label} disabled={isSubmitting || option.disabled} />\n                        {option.selectedContent && field.value === option.value && (\n                            <StyledSelectedContent>\n                                {option.selectedContent}\n                                <Spacer size={8} variant=\"horizontal\" />\n                            </StyledSelectedContent>\n                        )}\n                    </div>\n                ))}\n            </RadioGroup>\n            <StyledHelperText showError={showError}>\n                {(() => {\n                    if (showError) return helperText;\n                    if (showHelperTextWhenValid) return helperText;\n                    return undefined;\n                })()}\n            </StyledHelperText>\n        </Box>\n    );\n};\n\nconst GenericRadioButtons = ({ label, fieldName, layout, onChange, options, showHelperTextWhenValid = false }: Props) => {\n    const renderField = () => (\n        <Field name={fieldName}>\n            {(fieldProps: FieldProps) => (\n                <RadioButtonsComponent\n                    {...fieldProps}\n                    onChange={onChange}\n                    options={options}\n                    layout={layout}\n                    showHelperTextWhenValid={showHelperTextWhenValid}\n                />\n            )}\n        </Field>\n    );\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {label && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldError","name","helperText","useRenderValidText","value","_jsxs","jsxs","sx","paddingRight","children","_jsx","RadioGroup","e","setFieldValue","target","map","option","FormControlLabel","control","Radio","label","disabled","selectedContent","Spacer","size","variant","jsx","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"kcAmCA,MAAMA,EAAwBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CACtDC,WAAYD,EAAME,QAAQ,OAGxBC,EAAmBL,EAAMA,OAACM,EAAY,CACxCC,kBAAoBC,GAAkB,cAATA,GADRR,EAEE,EAAGE,QAAOO,gBAAiB,CAClDC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGTC,EAAwB,EAAGC,QAAOC,OAAMC,WAAUC,UAASC,SAAQC,2BAA0B,MAC/F,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaH,EAAON,EAAMU,MAC1BjB,IAAcgB,GAAeF,EAAQP,EAAMU,MAC3CC,EAAaC,EAAmB,CAClCH,aACAhB,YACAc,UAAWA,EAAQP,EAAMU,MACzBG,MAAOb,EAAMa,QAGjB,OACIC,EAACC,KAAA9B,GAAI+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,GAAGc,SAAA,CAC3DC,MAACC,EAAU,CACPV,KAAK,sBACLG,MAAOb,EAAMa,MACbX,SAAWmB,IAEPpB,EAAKqB,cAActB,EAAMU,KAAMW,EAAEE,OAAOV,OACpCX,GACAA,EAASmB,EACZ,EACJH,SAEAf,EAAQqB,KAAKC,GACVX,EAAAA,KACI,MAAA,CAAAI,SAAA,CAAAC,EAAAA,IAACO,EAAiB,CAAAb,MAAOY,EAAOZ,MAAOc,QAASR,EAAAA,IAACS,MAAUC,MAAOJ,EAAOI,MAAOC,SAAUtB,GAAgBiB,EAAOK,WAChHL,EAAOM,iBAAmB/B,EAAMa,QAAUY,EAAOZ,OAC9CC,EAAAA,KAAC/B,EAAqB,CAAAmC,SAAA,CACjBO,EAAOM,gBACRZ,EAAAA,IAACa,GAAOC,KAAM,EAAGC,QAAQ,oBAL3BT,EAAOZ,WAWzBM,EAAAgB,IAAC9C,EAAiB,CAAAI,UAAWA,EAASyB,SAE1BzB,GACAY,EADkBM,OACtB,MAKd,iBAGsB,EAAGkB,QAAOO,YAAWhC,SAAQF,WAAUC,UAASE,2BAA0B,MAClG,MAAMgC,EAAc,IAChBlB,MAACmB,EAAAA,MAAK,CAAC5B,KAAM0B,WACPG,GACEpB,EAAAA,IAACpB,MACOwC,EACJrC,SAAUA,EACVC,QAASA,EACTC,OAAQA,EACRC,wBAAyBA,MAMzC,MAAe,aAAXD,EAEIU,EAAAC,KAAAyB,WAAA,CAAAtB,SAAA,CACKW,GACGV,MAAC7B,EAAU,CAAC4C,QAAQ,YAAYO,UAAU,KAAK/C,MAAM,cAAawB,SAC7DW,IAGRQ,OAKNlB,EAAAgB,IAACO,EAAc,CAACb,MAAOA,EAAQX,SAAAmB,KAA+B"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type FieldProps, Field } from 'formik';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport Radio from '@mui/material/Radio';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { type ChangeEvent, type ReactNode } from 'react';\nimport Spacer from '../Spacer';\nimport { styled } from '@mui/material/styles';\n\ntype Props = {\n    label?: string;\n    fieldName: string;\n    layout?: 'horizontal' | 'vertical';\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: {\n        label: string;\n        value: string;\n        disabled?: boolean;\n        selectedContent?: ReactNode;\n    }[];\n};\n\ntype RadioButtonsComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: Props['options'];\n    layout?: 'horizontal' | 'vertical';\n};\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n    marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n    shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError: boolean }>(({ theme, showError }) => ({\n    color: showError ? theme.palette.error.main : 'inherit',\n    textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({ field, form, onChange, options, layout, showHelperTextWhenValid = false }: RadioButtonsComponentProps) => {\n    const { errors, touched, isSubmitting } = form;\n    const fieldError = errors[field.name] as string | undefined;\n    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n    const helperText = useRenderValidText(\n        {\n            fieldError,\n            showError,\n            touched: !!touched[field.name],\n            value: field.value,\n        },\n        'Valid',\n    );\n\n    return (\n        <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n            <RadioGroup\n                name=\"radio-buttons-group\"\n                value={field.value}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                    form.setFieldValue(field.name, e.target.value);\n                    if (onChange) {\n                        onChange(e);\n                    }\n                }}\n            >\n                {options.map((option) => (\n                    <div key={option.value}>\n                        <FormControlLabel value={option.value} control={<Radio />} label={option.label} disabled={isSubmitting || option.disabled} />\n                        {option.selectedContent && field.value === option.value && (\n                            <StyledSelectedContent>\n                                {option.selectedContent}\n                                <Spacer size={8} variant=\"horizontal\" />\n                            </StyledSelectedContent>\n                        )}\n                    </div>\n                ))}\n            </RadioGroup>\n            <StyledHelperText showError={showError}>\n                {(() => {\n                    if (showError) return helperText;\n                    if (showHelperTextWhenValid) return helperText;\n                    return undefined;\n                })()}\n            </StyledHelperText>\n        </Box>\n    );\n};\n\nconst GenericRadioButtons = ({ label, fieldName, layout, onChange, options, showHelperTextWhenValid = false }: Props) => {\n    const renderField = () => (\n        <Field name={fieldName}>\n            {(fieldProps: FieldProps) => (\n                <RadioButtonsComponent\n                    {...fieldProps}\n                    onChange={onChange}\n                    options={options}\n                    layout={layout}\n                    showHelperTextWhenValid={showHelperTextWhenValid}\n                />\n            )}\n        </Field>\n    );\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {label && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldError","name","helperText","useRenderValidText","value","_jsxs","jsxs","sx","paddingRight","children","_jsx","RadioGroup","e","setFieldValue","target","map","option","FormControlLabel","control","Radio","label","disabled","selectedContent","Spacer","size","variant","jsx","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"kcAmCA,MAAMA,EAAwBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CACtDC,WAAYD,EAAME,QAAQ,OAGxBC,EAAmBL,EAAMA,OAACM,EAAY,CACxCC,kBAAoBC,GAAkB,cAATA,GADRR,EAEE,EAAGE,QAAOO,gBAAiB,CAClDC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGTC,EAAwB,EAAGC,QAAOC,OAAMC,WAAUC,UAASC,SAAQC,2BAA0B,MAC/F,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaH,EAAON,EAAMU,MAC1BjB,IAAcgB,GAAeF,EAAQP,EAAMU,MAC3CC,EAAaC,EACf,CACIH,aACAhB,YACAc,UAAWA,EAAQP,EAAMU,MACzBG,MAAOb,EAAMa,OAEjB,SAGJ,OACIC,EAACC,KAAA9B,GAAI+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,GAAGc,SAAA,CAC3DC,MAACC,EAAU,CACPV,KAAK,sBACLG,MAAOb,EAAMa,MACbX,SAAWmB,IAEPpB,EAAKqB,cAActB,EAAMU,KAAMW,EAAEE,OAAOV,OACpCX,GACAA,EAASmB,EACZ,EACJH,SAEAf,EAAQqB,KAAKC,GACVX,EAAAA,KACI,MAAA,CAAAI,SAAA,CAAAC,EAAAA,IAACO,EAAiB,CAAAb,MAAOY,EAAOZ,MAAOc,QAASR,EAAAA,IAACS,MAAUC,MAAOJ,EAAOI,MAAOC,SAAUtB,GAAgBiB,EAAOK,WAChHL,EAAOM,iBAAmB/B,EAAMa,QAAUY,EAAOZ,OAC9CC,EAAAA,KAAC/B,EAAqB,CAAAmC,SAAA,CACjBO,EAAOM,gBACRZ,EAAAA,IAACa,GAAOC,KAAM,EAAGC,QAAQ,oBAL3BT,EAAOZ,WAWzBM,EAAAgB,IAAC9C,EAAiB,CAAAI,UAAWA,EAASyB,SAE1BzB,GACAY,EADkBM,OACtB,MAKd,iBAGsB,EAAGkB,QAAOO,YAAWhC,SAAQF,WAAUC,UAASE,2BAA0B,MAClG,MAAMgC,EAAc,IAChBlB,MAACmB,EAAAA,MAAK,CAAC5B,KAAM0B,WACPG,GACEpB,EAAAA,IAACpB,MACOwC,EACJrC,SAAUA,EACVC,QAASA,EACTC,OAAQA,EACRC,wBAAyBA,MAMzC,MAAe,aAAXD,EAEIU,EAAAC,KAAAyB,WAAA,CAAAtB,SAAA,CACKW,GACGV,MAAC7B,EAAU,CAAC4C,QAAQ,YAAYO,UAAU,KAAK/C,MAAM,cAAawB,SAC7DW,IAGRQ,OAKNlB,EAAAgB,IAACO,EAAc,CAACb,MAAOA,EAAQX,SAAAmB,KAA+B"}

package/dist/components/GenericRadioButtons/index.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{Field as t}from"formik";import i from"../Form/FormItemLayout/index.js";import a from"@mui/material/Box";import l from"@mui/material/Typography";import m from"../../custom-hooks/useRenderValidText.js";import n from"@mui/material/Radio";import d from"@mui/material/FormControlLabel";import h from"@mui/material/RadioGroup";import"react";import s from"../Spacer/index.js";import{styled as u}from"@mui/material/styles";const p=u(a)((({theme:e})=>({marginLeft:e.spacing(4)}))),c=u(l,{shouldForwardProp:e=>"showError"!==e})((({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"}))),f=({field:r,form:t,onChange:i,options:l,layout:u,showHelperTextWhenValid:f=!1})=>{const{errors:v,touched:g,isSubmitting:x}=t,b=v[r.name],w=!!b&&g[r.name],y=m({fieldError:b,showError:w,touched:!!g[r.name],value:r.value});return e(a,{sx:{paddingRight:"horizontal"===u?"16px":0},children:[o(h,{name:"radio-buttons-group",value:r.value,onChange:e=>{t.setFieldValue(r.name,e.target.value),i&&i(e)},children:l.map((t=>e("div",{children:[o(d,{value:t.value,control:o(n,{}),label:t.label,disabled:x||t.disabled}),t.selectedContent&&r.value===t.value&&e(p,{children:[t.selectedContent,o(s,{size:8,variant:"horizontal"})]})]},t.value)))}),o(c,{showError:w,children:w||f?y:void 0})]})},v=({label:a,fieldName:m,layout:n,onChange:d,options:h,showHelperTextWhenValid:s=!1})=>{const u=()=>o(t,{name:m,children:e=>o(f,{...e,onChange:d,options:h,layout:n,showHelperTextWhenValid:s})});return"vertical"===n?e(r,{children:[a&&o(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:a}),u()]}):o(i,{label:a,children:u()})};export{v as default};
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{Field as t}from"formik";import i from"../Form/FormItemLayout/index.js";import a from"@mui/material/Box";import l from"@mui/material/Typography";import m from"../../custom-hooks/useRenderValidText.js";import n from"@mui/material/Radio";import d from"@mui/material/FormControlLabel";import h from"@mui/material/RadioGroup";import"react";import s from"../Spacer/index.js";import{styled as u}from"@mui/material/styles";const p=u(a)((({theme:e})=>({marginLeft:e.spacing(4)}))),c=u(l,{shouldForwardProp:e=>"showError"!==e})((({theme:e,showError:r})=>({color:r?e.palette.error.main:"inherit",textAlign:"right"}))),f=({field:r,form:t,onChange:i,options:l,layout:u,showHelperTextWhenValid:f=!1})=>{const{errors:v,touched:g,isSubmitting:x}=t,b=v[r.name],w=!!b&&g[r.name],y=m({fieldError:b,showError:w,touched:!!g[r.name],value:r.value},"Valid");return e(a,{sx:{paddingRight:"horizontal"===u?"16px":0},children:[o(h,{name:"radio-buttons-group",value:r.value,onChange:e=>{t.setFieldValue(r.name,e.target.value),i&&i(e)},children:l.map((t=>e("div",{children:[o(d,{value:t.value,control:o(n,{}),label:t.label,disabled:x||t.disabled}),t.selectedContent&&r.value===t.value&&e(p,{children:[t.selectedContent,o(s,{size:8,variant:"horizontal"})]})]},t.value)))}),o(c,{showError:w,children:w||f?y:void 0})]})},v=({label:a,fieldName:m,layout:n,onChange:d,options:h,showHelperTextWhenValid:s=!1})=>{const u=()=>o(t,{name:m,children:e=>o(f,{...e,onChange:d,options:h,layout:n,showHelperTextWhenValid:s})});return"vertical"===n?e(r,{children:[a&&o(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:a}),u()]}):o(i,{label:a,children:u()})};export{v as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type FieldProps, Field } from 'formik';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport Radio from '@mui/material/Radio';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { type ChangeEvent, type ReactNode } from 'react';\nimport Spacer from '../Spacer';\nimport { styled } from '@mui/material/styles';\n\ntype Props = {\n    label?: string;\n    fieldName: string;\n    layout?: 'horizontal' | 'vertical';\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: {\n        label: string;\n        value: string;\n        disabled?: boolean;\n        selectedContent?: ReactNode;\n    }[];\n};\n\ntype RadioButtonsComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: Props['options'];\n    layout?: 'horizontal' | 'vertical';\n};\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n    marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n    shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError: boolean }>(({ theme, showError }) => ({\n    color: showError ? theme.palette.error.main : 'inherit',\n    textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({ field, form, onChange, options, layout, showHelperTextWhenValid = false }: RadioButtonsComponentProps) => {\n    const { errors, touched, isSubmitting } = form;\n    const fieldError = errors[field.name] as string | undefined;\n    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n    const helperText = useRenderValidText({\n        fieldError,\n        showError,\n        touched: !!touched[field.name],\n        value: field.value,\n    });\n\n    return (\n        <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n            <RadioGroup\n                name=\"radio-buttons-group\"\n                value={field.value}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                    form.setFieldValue(field.name, e.target.value);\n                    if (onChange) {\n                        onChange(e);\n                    }\n                }}\n            >\n                {options.map((option) => (\n                    <div key={option.value}>\n                        <FormControlLabel value={option.value} control={<Radio />} label={option.label} disabled={isSubmitting || option.disabled} />\n                        {option.selectedContent && field.value === option.value && (\n                            <StyledSelectedContent>\n                                {option.selectedContent}\n                                <Spacer size={8} variant=\"horizontal\" />\n                            </StyledSelectedContent>\n                        )}\n                    </div>\n                ))}\n            </RadioGroup>\n            <StyledHelperText showError={showError}>\n                {(() => {\n                    if (showError) return helperText;\n                    if (showHelperTextWhenValid) return helperText;\n                    return undefined;\n                })()}\n            </StyledHelperText>\n        </Box>\n    );\n};\n\nconst GenericRadioButtons = ({ label, fieldName, layout, onChange, options, showHelperTextWhenValid = false }: Props) => {\n    const renderField = () => (\n        <Field name={fieldName}>\n            {(fieldProps: FieldProps) => (\n                <RadioButtonsComponent\n                    {...fieldProps}\n                    onChange={onChange}\n                    options={options}\n                    layout={layout}\n                    showHelperTextWhenValid={showHelperTextWhenValid}\n                />\n            )}\n        </Field>\n    );\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {label && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldError","name","helperText","useRenderValidText","value","_jsxs","sx","paddingRight","children","_jsx","RadioGroup","e","setFieldValue","target","map","option","FormControlLabel","control","Radio","label","disabled","selectedContent","Spacer","size","variant","GenericRadioButtons","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"seAmCA,MAAMA,EAAwBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CACtDC,WAAYD,EAAME,QAAQ,OAGxBC,EAAmBL,EAAOM,EAAY,CACxCC,kBAAoBC,GAAkB,cAATA,GADRR,EAEE,EAAGE,QAAOO,gBAAiB,CAClDC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGTC,EAAwB,EAAGC,QAAOC,OAAMC,WAAUC,UAASC,SAAQC,2BAA0B,MAC/F,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaH,EAAON,EAAMU,MAC1BjB,IAAcgB,GAAeF,EAAQP,EAAMU,MAC3CC,EAAaC,EAAmB,CAClCH,aACAhB,YACAc,UAAWA,EAAQP,EAAMU,MACzBG,MAAOb,EAAMa,QAGjB,OACIC,EAAC7B,GAAI8B,GAAI,CAAEC,aAAyB,eAAXZ,EAA0B,OAAS,GAAGa,SAAA,CAC3DC,EAACC,EAAU,CACPT,KAAK,sBACLG,MAAOb,EAAMa,MACbX,SAAWkB,IAEPnB,EAAKoB,cAAcrB,EAAMU,KAAMU,EAAEE,OAAOT,OACpCX,GACAA,EAASkB,EACZ,EACJH,SAEAd,EAAQoB,KAAKC,GACVV,EACI,MAAA,CAAAG,SAAA,CAAAC,EAACO,EAAiB,CAAAZ,MAAOW,EAAOX,MAAOa,QAASR,EAACS,MAAUC,MAAOJ,EAAOI,MAAOC,SAAUrB,GAAgBgB,EAAOK,WAChHL,EAAOM,iBAAmB9B,EAAMa,QAAUW,EAAOX,OAC9CC,EAAC/B,EAAqB,CAAAkC,SAAA,CACjBO,EAAOM,gBACRZ,EAACa,GAAOC,KAAM,EAAGC,QAAQ,oBAL3BT,EAAOX,WAWzBK,EAAC7B,EAAiB,CAAAI,UAAWA,EAASwB,SAE1BxB,GACAY,EADkBM,OACtB,MAKd,EAGAuB,EAAsB,EAAGN,QAAOO,YAAW/B,SAAQF,WAAUC,UAASE,2BAA0B,MAClG,MAAM+B,EAAc,IAChBlB,EAACmB,EAAK,CAAC3B,KAAMyB,WACPG,GACEpB,EAACnB,MACOuC,EACJpC,SAAUA,EACVC,QAASA,EACTC,OAAQA,EACRC,wBAAyBA,MAMzC,MAAe,aAAXD,EAEIU,EAAAyB,EAAA,CAAAtB,SAAA,CACKW,GACGV,EAAC5B,EAAU,CAAC2C,QAAQ,YAAYO,UAAU,KAAK9C,MAAM,cAAauB,SAC7DW,IAGRQ,OAKNlB,EAACuB,EAAc,CAACb,MAAOA,EAAQX,SAAAmB,KAA+B"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type FieldProps, Field } from 'formik';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport Radio from '@mui/material/Radio';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { type ChangeEvent, type ReactNode } from 'react';\nimport Spacer from '../Spacer';\nimport { styled } from '@mui/material/styles';\n\ntype Props = {\n    label?: string;\n    fieldName: string;\n    layout?: 'horizontal' | 'vertical';\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: {\n        label: string;\n        value: string;\n        disabled?: boolean;\n        selectedContent?: ReactNode;\n    }[];\n};\n\ntype RadioButtonsComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    showHelperTextWhenValid?: boolean;\n    options: Props['options'];\n    layout?: 'horizontal' | 'vertical';\n};\n\nconst StyledSelectedContent = styled(Box)(({ theme }) => ({\n    marginLeft: theme.spacing(4),\n}));\n\nconst StyledHelperText = styled(Typography, {\n    shouldForwardProp: (prop) => prop !== 'showError',\n})<{ showError: boolean }>(({ theme, showError }) => ({\n    color: showError ? theme.palette.error.main : 'inherit',\n    textAlign: 'right',\n}));\n\nconst RadioButtonsComponent = ({ field, form, onChange, options, layout, showHelperTextWhenValid = false }: RadioButtonsComponentProps) => {\n    const { errors, touched, isSubmitting } = form;\n    const fieldError = errors[field.name] as string | undefined;\n    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n    const helperText = useRenderValidText(\n        {\n            fieldError,\n            showError,\n            touched: !!touched[field.name],\n            value: field.value,\n        },\n        'Valid',\n    );\n\n    return (\n        <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n            <RadioGroup\n                name=\"radio-buttons-group\"\n                value={field.value}\n                onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                    // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                    form.setFieldValue(field.name, e.target.value);\n                    if (onChange) {\n                        onChange(e);\n                    }\n                }}\n            >\n                {options.map((option) => (\n                    <div key={option.value}>\n                        <FormControlLabel value={option.value} control={<Radio />} label={option.label} disabled={isSubmitting || option.disabled} />\n                        {option.selectedContent && field.value === option.value && (\n                            <StyledSelectedContent>\n                                {option.selectedContent}\n                                <Spacer size={8} variant=\"horizontal\" />\n                            </StyledSelectedContent>\n                        )}\n                    </div>\n                ))}\n            </RadioGroup>\n            <StyledHelperText showError={showError}>\n                {(() => {\n                    if (showError) return helperText;\n                    if (showHelperTextWhenValid) return helperText;\n                    return undefined;\n                })()}\n            </StyledHelperText>\n        </Box>\n    );\n};\n\nconst GenericRadioButtons = ({ label, fieldName, layout, onChange, options, showHelperTextWhenValid = false }: Props) => {\n    const renderField = () => (\n        <Field name={fieldName}>\n            {(fieldProps: FieldProps) => (\n                <RadioButtonsComponent\n                    {...fieldProps}\n                    onChange={onChange}\n                    options={options}\n                    layout={layout}\n                    showHelperTextWhenValid={showHelperTextWhenValid}\n                />\n            )}\n        </Field>\n    );\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {label && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericRadioButtons;\n"],"names":["StyledSelectedContent","styled","Box","theme","marginLeft","spacing","StyledHelperText","Typography","shouldForwardProp","prop","showError","color","palette","error","main","textAlign","RadioButtonsComponent","field","form","onChange","options","layout","showHelperTextWhenValid","errors","touched","isSubmitting","fieldError","name","helperText","useRenderValidText","value","_jsxs","sx","paddingRight","children","_jsx","RadioGroup","e","setFieldValue","target","map","option","FormControlLabel","control","Radio","label","disabled","selectedContent","Spacer","size","variant","GenericRadioButtons","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"seAmCA,MAAMA,EAAwBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CACtDC,WAAYD,EAAME,QAAQ,OAGxBC,EAAmBL,EAAOM,EAAY,CACxCC,kBAAoBC,GAAkB,cAATA,GADRR,EAEE,EAAGE,QAAOO,gBAAiB,CAClDC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGTC,EAAwB,EAAGC,QAAOC,OAAMC,WAAUC,UAASC,SAAQC,2BAA0B,MAC/F,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaH,EAAON,EAAMU,MAC1BjB,IAAcgB,GAAeF,EAAQP,EAAMU,MAC3CC,EAAaC,EACf,CACIH,aACAhB,YACAc,UAAWA,EAAQP,EAAMU,MACzBG,MAAOb,EAAMa,OAEjB,SAGJ,OACIC,EAAC7B,GAAI8B,GAAI,CAAEC,aAAyB,eAAXZ,EAA0B,OAAS,GAAGa,SAAA,CAC3DC,EAACC,EAAU,CACPT,KAAK,sBACLG,MAAOb,EAAMa,MACbX,SAAWkB,IAEPnB,EAAKoB,cAAcrB,EAAMU,KAAMU,EAAEE,OAAOT,OACpCX,GACAA,EAASkB,EACZ,EACJH,SAEAd,EAAQoB,KAAKC,GACVV,EACI,MAAA,CAAAG,SAAA,CAAAC,EAACO,EAAiB,CAAAZ,MAAOW,EAAOX,MAAOa,QAASR,EAACS,MAAUC,MAAOJ,EAAOI,MAAOC,SAAUrB,GAAgBgB,EAAOK,WAChHL,EAAOM,iBAAmB9B,EAAMa,QAAUW,EAAOX,OAC9CC,EAAC/B,EAAqB,CAAAkC,SAAA,CACjBO,EAAOM,gBACRZ,EAACa,GAAOC,KAAM,EAAGC,QAAQ,oBAL3BT,EAAOX,WAWzBK,EAAC7B,EAAiB,CAAAI,UAAWA,EAASwB,SAE1BxB,GACAY,EADkBM,OACtB,MAKd,EAGAuB,EAAsB,EAAGN,QAAOO,YAAW/B,SAAQF,WAAUC,UAASE,2BAA0B,MAClG,MAAM+B,EAAc,IAChBlB,EAACmB,EAAK,CAAC3B,KAAMyB,WACPG,GACEpB,EAACnB,MACOuC,EACJpC,SAAUA,EACVC,QAASA,EACTC,OAAQA,EACRC,wBAAyBA,MAMzC,MAAe,aAAXD,EAEIU,EAAAyB,EAAA,CAAAtB,SAAA,CACKW,GACGV,EAAC5B,EAAU,CAAC2C,QAAQ,YAAYO,UAAU,KAAK9C,MAAM,cAAauB,SAC7DW,IAGRQ,OAKNlB,EAACuB,EAAc,CAACb,MAAOA,EAAQX,SAAAmB,KAA+B"}

package/dist/components/GenericTable/HighlightScrollbar.d.ts

@@ -1,11 +1,11 @@
-import React__default from 'react';
+import react__default from 'react';
 
 type HighlightScrollbarProps = {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     onScroll?: () => void;
-    setIsScrolling?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
-    setScrollStarted?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    setIsScrolling?: react__default.Dispatch<react__default.SetStateAction<boolean>>;
+    setScrollStarted?: react__default.Dispatch<react__default.SetStateAction<boolean>>;
 };
-declare const HighlightScrollbar: React__default.FC<React__default.PropsWithChildren<HighlightScrollbarProps>>;
+declare const HighlightScrollbar: react__default.FC<react__default.PropsWithChildren<HighlightScrollbarProps>>;
 
 export { HighlightScrollbar as default };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import react__default from 'react';
 
 type GenericTableColumns = {
     columnName: string;
@@ -32,6 +32,6 @@ type TableBodyProps = {
     onRowClick?: Function;
     type: 'sticky' | 'normal';
 };
-declare const GenericTableBody: React__default.FC<TableBodyProps>;
+declare const GenericTableBody: react__default.FC<TableBodyProps>;
 
 export { type GenericTableColumns, type TableCellProps, GenericTableBody as default };

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import react__default from 'react';
 
 type TableBodyRowProps = {
     row: any;
@@ -6,8 +6,8 @@ type TableBodyRowProps = {
     tableRowTestKey: string;
 };
 type TableBodyRowProp = TableBodyRowProps & {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 };
-declare const GenericTableBodyRow: React__default.FC<React__default.PropsWithChildren<TableBodyRowProp>>;
+declare const GenericTableBodyRow: react__default.FC<react__default.PropsWithChildren<TableBodyRowProp>>;
 
 export { type TableBodyRowProps, GenericTableBodyRow as default };

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

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import react__default from 'react';
 
 type MarginType = string | number;
 interface ListItemLinkButtonProps {
     customTitle?: string;
-    customSubtitle?: React__default.ReactNode;
+    customSubtitle?: react__default.ReactNode;
     disabled?: boolean;
     title?: string;
     subtitle?: string;

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),t=require("@mui/material/Typography"),i=require("@mui/material/Box"),s=require("../../providers/TranslationProvider.cjs.js");const a=r.styled(i)((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})));module.exports=()=>{const{translate:r}=s.useTranslation();return e.jsx(a,{children:e.jsx(t,{children:r("Page_Not_Found")})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),t=require("@mui/material/Typography"),i=require("@mui/material/Box");const a=r.styled(i)((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})));module.exports=({pageNotFoundText:r})=>e.jsx(a,{children:e.jsx(t,{children:r})});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\nconst NotFoundPage = () => {\n    const { translate } = useTranslation();\n    return (\n        <StyledTextContainer>\n            <Typography>{translate('Page_Not_Found')}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","translate","useTranslation","_jsx","children","Typography"],"mappings":"+MAKA,MAAMA,EAAsBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAGK,KACjB,MAAMC,UAAEA,GAAcC,EAAAA,iBACtB,OACIC,MAACX,EAAmB,CAAAY,SAChBD,EAAAA,IAACE,EAAU,CAAAD,SAAEH,EAAU,qBAE7B"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","pageNotFoundText","_jsx","children","jsx","Typography"],"mappings":"uJAIA,MAAMA,EAAsBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAOK,EAAGC,sBAEhBC,MAACV,EACG,CAAAW,SAAAD,EAAAE,IAACC,EAAU,CAAAF,SAAEF"}

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

@@ -1,5 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const NotFoundPage: () => react_jsx_runtime.JSX.Element;
+type Props = {
+    pageNotFoundText: string;
+};
+declare const NotFoundPage: ({ pageNotFoundText }: Props) => react_jsx_runtime.JSX.Element;
 
 export { NotFoundPage as default };

package/dist/components/NotFoundPage/index.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";import e from"@mui/material/Typography";import i from"@mui/material/Box";import{useTranslation as o}from"../../providers/TranslationProvider.js";const m=t(i)((({theme:r})=>({marginTop:r.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),a=()=>{const{translate:t}=o();return r(m,{children:r(e,{children:t("Page_Not_Found")})})};export{a as default};
+import{jsx as t}from"react/jsx-runtime";import{styled as e}from"@mui/material/styles";import r from"@mui/material/Typography";import i from"@mui/material/Box";const m=e(i)((({theme:t})=>({marginTop:t.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),o=({pageNotFoundText:e})=>t(m,{children:t(r,{children:e})});export{o as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport { useTranslation } from '../../providers/TranslationProvider';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\nconst NotFoundPage = () => {\n    const { translate } = useTranslation();\n    return (\n        <StyledTextContainer>\n            <Typography>{translate('Page_Not_Found')}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","translate","useTranslation","_jsx","children","Typography"],"mappings":"uOAKA,MAAMA,EAAsBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAGVC,EAAe,KACjB,MAAMC,UAAEA,GAAcC,IACtB,OACIC,EAACZ,EAAmB,CAAAa,SAChBD,EAACE,EAAU,CAAAD,SAAEH,EAAU,qBAE7B"}
+{"version":3,"file":"index.js","sources":["../../../src/components/NotFoundPage/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledTextContainer = styled(Box)(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ntype Props = {\n    pageNotFoundText: string;\n};\n\nconst NotFoundPage = ({ pageNotFoundText }: Props) => {\n    return (\n        <StyledTextContainer>\n            <Typography>{pageNotFoundText}</Typography>\n        </StyledTextContainer>\n    );\n};\n\nexport default NotFoundPage;\n"],"names":["StyledTextContainer","styled","Box","theme","marginTop","spacing","display","justifyContent","alignItems","NotFoundPage","pageNotFoundText","_jsx","children","Typography"],"mappings":"+JAIA,MAAMA,EAAsBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CACpDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAe,EAAGC,sBAEhBC,EAACX,EACG,CAAAY,SAAAD,EAACE,EAAU,CAAAD,SAAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),r=require("../../providers/TranslationProvider.cjs.js");module.exports=({children:t})=>{const{translate:i}=r.useTranslation();return e.useEffect((()=>(document.title=`${i(t)} | Flipdish`,()=>{document.title="Flipdish Portal"})),[t]),null};
+"use strict";var e=require("react");module.exports=({children:t})=>(e.useEffect((()=>(document.title=`${t} | Flipdish`,()=>{document.title="Flipdish Portal"})),[t]),null);
 //# sourceMappingURL=DocumentTitle.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentTitle.cjs.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useTranslation, type TranslationId } from '../../providers/TranslationProvider';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    const { translate } = useTranslation();\n\n    useEffect(() => {\n        document.title = `${translate(children as TranslationId)} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["children","translate","useTranslation","useEffect","document","title"],"mappings":"2GASsB,EAAGA,eACrB,MAAMC,UAAEA,GAAcC,EAAAA,iBAStB,OAPAC,EAAAA,WAAU,KACNC,SAASC,MAAQ,GAAGJ,EAAUD,gBACvB,KACHI,SAASC,MARC,iBAQoB,IAEnC,CAACL,IAEG,IAAI"}
+{"version":3,"file":"DocumentTitle.cjs.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    useEffect(() => {\n        document.title = `${children} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["children","useEffect","document","title"],"mappings":"mDAQsB,EAAGA,eACrBC,EAAAA,WAAU,KACNC,SAASC,MAAQ,GAAGH,eACb,KACHE,SAASC,MANC,iBAMoB,IAEnC,CAACH,IAEG"}

package/dist/components/PageLayout/DocumentTitle.js

@@ -1,2 +1,2 @@
-import{useEffect as t}from"react";import{useTranslation as r}from"../../providers/TranslationProvider.js";const o=({children:o})=>{const{translate:e}=r();return t((()=>(document.title=`${e(o)} | Flipdish`,()=>{document.title="Flipdish Portal"})),[o]),null};export{o as default};
+import{useEffect as t}from"react";const l=({children:l})=>(t((()=>(document.title=`${l} | Flipdish`,()=>{document.title="Flipdish Portal"})),[l]),null);export{l as default};
 //# sourceMappingURL=DocumentTitle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentTitle.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useTranslation, type TranslationId } from '../../providers/TranslationProvider';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    const { translate } = useTranslation();\n\n    useEffect(() => {\n        document.title = `${translate(children as TranslationId)} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["DocumentTitle","children","translate","useTranslation","useEffect","document","title"],"mappings":"0GAOA,MAEMA,EAAgB,EAAGC,eACrB,MAAMC,UAAEA,GAAcC,IAStB,OAPAC,GAAU,KACNC,SAASC,MAAQ,GAAGJ,EAAUD,gBACvB,KACHI,SAASC,MARC,iBAQoB,IAEnC,CAACL,IAEG,IAAI"}
+{"version":3,"file":"DocumentTitle.js","sources":["../../../src/components/PageLayout/DocumentTitle.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\ntype Props = {\n    children: string;\n};\n\nconst DEFAULT_TITLE = 'Flipdish Portal';\n\nconst DocumentTitle = ({ children }: Props) => {\n    useEffect(() => {\n        document.title = `${children} | Flipdish`;\n        return () => {\n            document.title = DEFAULT_TITLE;\n        };\n    }, [children]);\n\n    return null;\n};\n\nexport default DocumentTitle;\n"],"names":["DocumentTitle","children","useEffect","document","title"],"mappings":"kCAMA,MAEMA,EAAgB,EAAGC,eACrBC,GAAU,KACNC,SAASC,MAAQ,GAAGH,eACb,KACHE,SAASC,MANC,iBAMoB,IAEnC,CAACH,IAEG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Add from '@mui/icons-material/Add';\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\nimport Grid from '@mui/material/Grid';\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 DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Button from '@mui/material/Button';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport Spacer from '../Spacer';\nimport Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\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('md')]: {\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('sm')]: {\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('md')]: {\n        paddingTop: theme.spacing(2),\n        paddingBottom: theme.spacing(3),\n    },\n}));\n\nconst StyledTitleContainer = styled(Grid)(({ theme }) => ({\n    paddingTop: theme.spacing(2),\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n    flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n    maxWidth,\n    paddingBottom: theme.spacing(3),\n\n    [theme.breakpoints.down('md')]: {\n        paddingBottom: theme.spacing(2),\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(2),\n    },\n}));\n\nconst StyledBackButton = styled(IconButton, {\n    shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n    margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n    [theme.breakpoints.only('sm')]: {\n        marginLeft: theme.spacing(-2),\n    },\n\n    [theme.breakpoints.only('xs')]: {\n        marginLeft: theme.spacing(-2),\n    },\n}));\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n    maxWidth,\n    marginLeft: theme.spacing(6),\n    marginRight: theme.spacing(4),\n    paddingBottom: theme.spacing(2),\n\n    [theme.breakpoints.only('md')]: {\n        marginLeft: 12,\n        marginRight: theme.spacing(3),\n    },\n\n    [theme.breakpoints.only('sm')]: {\n        marginLeft: theme.spacing(3),\n        marginRight: theme.spacing(3),\n        maxWidth: 'none',\n    },\n\n    [theme.breakpoints.only('xs')]: {\n        marginLeft: theme.spacing(2),\n        marginRight: theme.spacing(2),\n        maxWidth: 'none',\n    },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(() => ({\n    lineHeight: '26px',\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n    fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n    marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: string | ReactNode }) => (\n    <StyledPageTitle variant=\"h5\" component=\"h2\">\n        {title}\n    </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(({ useAlternateBackground, theme }) => ({\n    backgroundColor: useAlternateBackground ? theme.palette.alternateBackground.main : theme.palette.white.main,\n    width: '100%',\n    height: '100%',\n}));\n\nexport type Props = {\n    actionBtnTitle?: string;\n    caption?: ReactNode;\n    children: ReactNode;\n    contextButtons?: ReactNode[];\n    documentTitle: string;\n    fluid?: boolean;\n    fullWidth?: boolean;\n    header?: ReactNode;\n    hideHeader?: boolean;\n    actionButtonLink?: string;\n    pageHeader?: ReactNode;\n    showActionButton?: boolean;\n    showAddIcon?: boolean;\n    title: ReactNode;\n    titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n    titleComponentAfter?: ReactNode;\n    toPrevious?: boolean;\n    toParent?: string;\n    strictToParent?: boolean;\n    openLinkInNewTab?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    navigate: (to: any) => void;\n    hideDivider?: boolean;\n    customActionButtons?: ReactNode[];\n    useAlternateBackground?: boolean;\n};\n\nconst PageLayout = (props: Props) => {\n    const {\n        actionBtnTitle,\n        caption,\n        children,\n        contextButtons,\n        documentTitle,\n        fluid = false,\n        fullWidth,\n        header,\n        hideHeader,\n        actionButtonLink,\n        openLinkInNewTab = false,\n        pageHeader,\n        showActionButton,\n        showAddIcon,\n        title,\n        titleComponent: TitleComponent,\n        toPrevious,\n        toParent,\n        strictToParent,\n        navigate,\n        hideDivider = false,\n        customActionButtons,\n        useAlternateBackground = false,\n        titleComponentAfter,\n    } = props;\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n    const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n    const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n    const getActionButtonLink = () => {\n        if (actionButtonWithHttps) {\n            return actionButtonLink;\n        }\n        if (actionButtonLink !== undefined) {\n            return joinUrlPaths(baseUrl, actionButtonLink);\n        }\n        return '';\n    };\n    const actionButtonLinkFinal = getActionButtonLink();\n\n    return (\n        <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n            <StyledWrapper fluid={fluid}>\n                {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n                {pageHeader || null}\n                <StyledInnerWrapper>\n                    {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n                    {!hideHeader && (\n                        <>\n                            <StyledHeader container alignItems=\"center\" direction=\"column\">\n                                <Grid item container direction=\"row\" alignContent=\"space-between\">\n                                    <StyledHeaderContainer item>\n                                        {contextButtons?.map((button) => (\n                                            <div\n                                                key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                                            >\n                                                {button}\n                                            </div>\n                                        ))}\n                                    </StyledHeaderContainer>\n                                </Grid>\n                                <StyledTitleContainer item container>\n                                    {(toParent || toPrevious) && (\n                                        <Box>\n                                            <StyledBackButton\n                                                aria-label=\"Back\"\n                                                data-testid=\"back_button\"\n                                                hasTitleComponent={!!TitleComponent}\n                                                component={'button'}\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                                                <ArrowBackIcon />\n                                            </StyledBackButton>\n                                        </Box>\n                                    )}\n\n                                    <StyledTitleSection item>\n                                        {TitleComponent ? (\n                                            <TitleComponent />\n                                        ) : (\n                                            <Box display=\"flex\" alignItems=\"center\" gap={2}>\n                                                <PageTitle title={title} />\n                                                {titleComponentAfter}\n                                            </Box>\n                                        )}\n                                        {caption && (\n                                            <StyledCaption variant=\"caption\" component=\"h3\">\n                                                {caption}\n                                            </StyledCaption>\n                                        )}\n                                    </StyledTitleSection>\n\n                                    {showActionButton && (\n                                        <>\n                                            {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                                            <StyledActionButtonGrid item>\n                                                <Button\n                                                    variant=\"contained\"\n                                                    fullWidth={true}\n                                                    data-testid={`Action-button-${actionBtnTitle}`}\n                                                    href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                                                    target={openLinkInNewTab ? '_blank' : undefined}\n                                                    rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n                                                    onClick={\n                                                        !openLinkInNewTab && !actionButtonWithHttps ? () => navigate(actionButtonLink) : () => {}\n                                                    }\n                                                >\n                                                    {showAddIcon && <Add />}\n                                                    {actionBtnTitle}\n                                                </Button>\n                                            </StyledActionButtonGrid>\n                                        </>\n                                    )}\n                                    {customActionButtons?.map((button) => (\n                                        <div\n                                            key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                                        >\n                                            {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                                            {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n                                            <StyledActionButtonGrid item>{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 identifier={documentTitle}>\n                            <>{children}</>\n                        </FDErrorBoundary>\n                    </FullWidthContainer>\n                </StyledInnerWrapper>\n            </StyledWrapper>\n        </StyledPageContainer>\n    );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","marginRight","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","variant","component","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","alternateBackground","main","white","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","jsx","_jsxs","DocumentTitle","Spacer","size","_Fragment","jsxs","container","direction","item","alignContent","map","button","React","isValidElement","Box","onClick","history","length","ArrowBackIcon","gap","Button","href","target","rel","Add","FullWidthContainer","FDErrorBoundary","identifier"],"mappings":"suBAoBO,MAIMA,EAAW,KAGlBC,EAAgBC,EAAMA,OAAC,MAAPA,EAAkC,EAAGC,QAAOC,YAAa,CAC3EJ,SAAUI,EAAQ,OAASJ,EAC3B,CAACG,EAAME,YAAYC,KAAK,OAAQ,CAC5BN,SAAU,QAEdO,QAASJ,EAAMK,QAAQ,EAAG,GAC1BC,SAAU,WACVC,UAAW,YAGTC,EAAyBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAa,CACxD,CAACA,EAAME,YAAYC,KAAK,OAAQ,CAC5BO,MAAO,OACPC,WAAYX,EAAMK,QAAQ,QAI5BO,EAAeb,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAa,CAC9Ca,SAAU,SACVC,WAAY,aACZH,WAAYX,EAAMK,QAAQ,GAC1BU,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAYC,KAAK,OAAQ,CAC5BQ,WAAYX,EAAMK,QAAQ,GAC1BU,cAAef,EAAMK,QAAQ,QAI/BW,EAAuBjB,EAAAA,OAAOU,EAAPV,EAAa,EAAGC,YAAa,CACtDW,WAAYX,EAAMK,QAAQ,OAGxBY,EAAqBlB,EAAAA,OAAOU,EAAPV,EAAa,KAAO,CAC3CmB,SAAU,MAGRC,EAAmBpB,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACnDH,WACAkB,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAYC,KAAK,OAAQ,CAC5BY,cAAef,EAAMK,QAAQ,GAC7Be,YAAapB,EAAMK,QAAQ,GAC3BgB,aAAcrB,EAAMK,QAAQ,QAI9BiB,EAAmBvB,EAAMA,OAACwB,EAAY,CACxCC,kBAAoBC,GAAkB,sBAATA,GADR1B,EAG0B,EAAGC,QAAO0B,wBAAyB,CAClFC,OAAQD,EAAoB1B,EAAMK,SAAS,IAAM,GAAI,KAAM,KAAOL,EAAMK,SAAS,IAAK,GAAI,KAAM,KAEhG,CAACL,EAAME,YAAY0B,KAAK,OAAQ,CAC5BC,WAAY7B,EAAMK,SAAS,IAG/B,CAACL,EAAME,YAAY0B,KAAK,OAAQ,CAC5BC,WAAY7B,EAAMK,SAAS,QAI7ByB,EAAqB/B,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACrDH,WACAgC,WAAY7B,EAAMK,QAAQ,GAC1B0B,YAAa/B,EAAMK,QAAQ,GAC3BU,cAAef,EAAMK,QAAQ,GAE7B,CAACL,EAAME,YAAY0B,KAAK,OAAQ,CAC5BC,WAAY,GACZE,YAAa/B,EAAMK,QAAQ,IAG/B,CAACL,EAAME,YAAY0B,KAAK,OAAQ,CAC5BC,WAAY7B,EAAMK,QAAQ,GAC1B0B,YAAa/B,EAAMK,QAAQ,GAC3BR,SAAU,QAGd,CAACG,EAAME,YAAY0B,KAAK,OAAQ,CAC5BC,WAAY7B,EAAMK,QAAQ,GAC1B0B,YAAa/B,EAAMK,QAAQ,GAC3BR,SAAU,YAIZmC,EAAwBjC,EAAAA,OAAOU,EAAPV,EAAa,KAAO,CAC9CkC,QAAS,OACTf,SAAU,EACVgB,eAAgB,eAEdC,EAAgBpC,EAAAA,OAAOqC,EAAPrC,EAA0C,KAAO,CACnEsC,WAAY,WAGVC,EAAkBvC,EAAAA,OAAOqC,EAAPrC,EAA0C,KAAO,CACrEwC,WAAY,WAGVC,EAAoBzC,EAAAA,OAAO0C,EAAP1C,EAAgB,EAAGC,YAAa,CACtD0C,aAAc1C,EAAMK,QAAQ,OAGnBsC,EAAY,EAAGC,WACxBC,EAAAA,IAACP,EAAgB,CAAAQ,QAAQ,KAAKC,UAAU,KACnCC,SAAAJ,IAIHK,EAAsBlD,EAAMA,OAAC,MAAPA,EAAmD,EAAGmD,yBAAwBlD,YAAa,CACnHmD,gBAAiBD,EAAyBlD,EAAMoD,QAAQC,oBAAoBC,KAAOtD,EAAMoD,QAAQG,MAAMD,KACvG5C,MAAO,OACP8C,OAAQ,8CAxH8B,mEACK,6FACC,kEACR,yCAoJpBC,IAChB,MAAMC,eACFA,EAAcC,QACdA,EAAOX,SACPA,EAAQY,eACRA,EAAcC,cACdA,EAAa5D,MACbA,GAAQ,EAAK6D,UACbA,EAASC,OACTA,EAAMC,WACNA,EAAUC,iBACVA,EAAgBC,iBAChBA,GAAmB,EAAKC,WACxBA,EAAUC,iBACVA,EAAgBC,YAChBA,EAAWzB,MACXA,EACA0B,eAAgBC,EAAcC,WAC9BA,EAAUC,SACVA,EAAQC,eACRA,EAAcC,SACdA,EAAQC,YACRA,GAAc,EAAKC,oBACnBA,EAAmB3B,uBACnBA,GAAyB,EAAK4B,oBAC9BA,GACArB,EACEzD,EAAQ+E,EAAAA,WACRC,GAAWC,EAAcjF,EAAME,YAAYC,KAAK,OAEhD+E,GAAUC,EAAAA,0BAA0B,yBAA2B,IAC/DC,GAAwBnB,GAAkBoB,WAAW,YAUrDC,GAREF,GACOnB,OAEcsB,IAArBtB,EACOuB,EAAYA,aAACN,GAASjB,GAE1B,GAIX,OACIpB,EAAC4C,IAAAxC,EAAoB,CAAAC,uBAAwBA,EAAsBF,SAC/D0C,OAAC5F,GAAcG,MAAOA,EACjB+C,SAAA,CAAAa,GAAiBhB,EAAAA,IAAC8C,EAAe,CAAA3C,SAAAa,IAEjCM,GAAc,KACfuB,EAAAA,KAAC5D,EACI,CAAAkB,SAAA,CAAAmB,GAActB,EAAC4C,IAAAG,GAAOC,KAAM,GAAI/C,QAAQ,cACvCkB,GACE0B,EAAAA,KACII,EAAAA,SAAA,CAAA9C,SAAA,CAAA0C,EAAAK,KAACnF,EAAY,CAACoF,WAAU,EAAAlF,WAAW,SAASmF,UAAU,SAClDjD,SAAA,CAAAH,EAAAA,IAACpC,EAAK,CAAAyF,QAAKF,WAAS,EAACC,UAAU,MAAME,aAAa,gBAAenD,SAC7DH,MAACb,EAAqB,CAACkE,MAClB,EAAAlD,SAAAY,GAAgBwC,KAAKC,GAClBxD,EAAAA,IAAA,MAAA,CAAAG,SAGKqD,GAFI,kBAAkBC,EAAMC,eAAeF,GAAUA,EAAO5C,QAAQ,gBAAkB4C,EAAO5C,OAAOT,SAAW,oBAOhI0C,EAAAK,KAAC/E,EAAoB,CAACkF,MAAK,EAAAF,WACtB,EAAAhD,SAAA,EAACyB,GAAYD,IACV3B,MAAC2D,EAAG,CAAAxD,SACAH,EAAC4C,IAAAnE,gBACc,OAAM,cACL,cACZI,oBAAqB6C,EACrBxB,UAAW,SACX0D,QAAS,KACDjC,EACAG,GAAU,GACHF,GAAYC,GAEZD,GAAYiC,QAAQC,OAhO1D,EA+N+BhC,EAASF,GAITE,GAAU,EACb,EAGL3B,SAAAH,EAAAA,IAAC+D,EAAa,QAK1BlB,EAAAA,KAACzE,EAAmB,CAAAiF,MACf,EAAAlD,SAAA,CAAAuB,EACG1B,MAAC0B,EAAiB,CAAA,GAElBmB,EAAAK,KAACS,EAAG,CAACvE,QAAQ,OAAOnB,WAAW,SAAS+F,IAAK,EACzC7D,SAAA,CAAAH,EAAAA,IAACF,EAAS,CAACC,MAAOA,IACjBkC,KAGRnB,GACGd,EAAAA,IAACV,EAAa,CAACW,QAAQ,UAAUC,UAAU,KAAIC,SAC1CW,OAKZS,GACGsB,EACKK,KAAAD,WAAA,CAAA9C,SAAA,CAAAgC,IAAYnC,EAAAA,IAAC+C,EAAM,CAACC,KAAM,GAAI/C,QAAQ,aACvCD,EAAA4C,IAACjF,EAAsB,CAAC0F,MACpB,EAAAlD,SAAA0C,EAAAA,KAACoB,EAAM,CACHhE,QAAQ,YACRgB,WAAW,EAAI,cACF,iBAAiBJ,IAC9BqD,KAAM7C,GAAoBkB,GAAwBE,GAAwB,GAC1E0B,OAAQ9C,EAAmB,cAAWqB,EACtC0B,IAAK/C,EAAmB,2BAAwBqB,EAChDkB,QACKvC,GAAqBkB,GAA2D,OAAnC,IAAMT,EAASV,aAGhEI,GAAexB,EAAAA,IAACqE,MAChBxD,UAKhBmB,GAAqBuB,KAAKC,GACvBX,EAAAA,KAGK,MAAA,CAAA1C,SAAA,CAAAgC,IAAYnC,MAAC+C,EAAO,CAAAC,KAAM,GAAI/C,QAAQ,cACrCkC,IAAYnC,EAAAA,IAAC+C,EAAO,CAAAC,KAAM,GAAI/C,QAAQ,aACxCD,EAAC4C,IAAAjF,GAAuB0F,MAAI,EAAAlD,SAAEqD,MAJzB,wBAAwBC,EAAMC,eAAeF,GAAUA,EAAO5C,QAAQ,gBAAkB4C,EAAO5C,OAAOT,SAAW,uBASpI4B,GAAe/B,MAACL,SAG1BkD,EAAAK,KAACoB,EAAmB,CAAArD,UAAWA,YAC1BC,EAASlB,EAAAA,IAAC1B,EAAgB,CAAA6B,SAAEe,IAA6B,KAC1DlB,MAACuE,EAAe,CAACC,WAAYxD,EACzBb,SAAAH,EAAA4C,IAAAK,WAAA,CAAA9C,SAAGA,gBAMzB"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PageLayout/index.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\n\nimport Add from '@mui/icons-material/Add';\nimport ArrowBackIcon from '@mui/icons-material/ArrowBack';\nimport Grid from '@mui/material/Grid';\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 DocumentTitle from './DocumentTitle';\nimport FullWidthContainer from './FullWidthContainer';\nimport FDErrorBoundary from '../FDErrorBoundary';\nimport Button from '@mui/material/Button';\nimport { getMicroFrontendAttribute } from '../../utilities/renderUtilities';\nimport { joinUrlPaths } from '../../utilities/validation';\nimport Spacer from '../Spacer';\nimport Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\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('md')]: {\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('sm')]: {\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('md')]: {\n        paddingTop: theme.spacing(2),\n        paddingBottom: theme.spacing(3),\n    },\n}));\n\nconst StyledTitleContainer = styled(Grid)(({ theme }) => ({\n    paddingTop: theme.spacing(2),\n}));\n\nconst StyledTitleSection = styled(Grid)(() => ({\n    flexGrow: 1,\n}));\n\nconst StyledTopSection = styled('div')(({ theme }) => ({\n    maxWidth,\n    paddingBottom: theme.spacing(3),\n\n    [theme.breakpoints.down('md')]: {\n        paddingBottom: theme.spacing(2),\n        paddingLeft: theme.spacing(2),\n        paddingRight: theme.spacing(2),\n    },\n}));\n\nconst StyledBackButton = styled(IconButton, {\n    shouldForwardProp: (prop) => prop !== 'hasTitleComponent',\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n})<{ hasTitleComponent: boolean; component: any }>(({ theme, hasTitleComponent }) => ({\n    margin: hasTitleComponent ? theme.spacing(-0.75, 2, -1.5, -1.5) : theme.spacing(-1.5, 2, -1.5, -1.5),\n\n    [theme.breakpoints.only('sm')]: {\n        marginLeft: theme.spacing(-2),\n    },\n\n    [theme.breakpoints.only('xs')]: {\n        marginLeft: theme.spacing(-2),\n    },\n}));\n\nconst StyledInnerWrapper = styled('div')(({ theme }) => ({\n    maxWidth,\n    marginLeft: theme.spacing(6),\n    marginRight: theme.spacing(4),\n    paddingBottom: theme.spacing(2),\n\n    [theme.breakpoints.only('md')]: {\n        marginLeft: 12,\n        marginRight: theme.spacing(3),\n    },\n\n    [theme.breakpoints.only('sm')]: {\n        marginLeft: theme.spacing(3),\n        marginRight: theme.spacing(3),\n        maxWidth: 'none',\n    },\n\n    [theme.breakpoints.only('xs')]: {\n        marginLeft: theme.spacing(2),\n        marginRight: theme.spacing(2),\n        maxWidth: 'none',\n    },\n}));\n\nconst StyledHeaderContainer = styled(Grid)(() => ({\n    display: 'flex',\n    flexGrow: 1,\n    justifyContent: 'flex-end',\n}));\nconst StyledCaption = styled(Typography)<{ component: string }>(() => ({\n    lineHeight: '26px',\n}));\n\nconst StyledPageTitle = styled(Typography)<{ component: string }>(() => ({\n    fontWeight: 'bold',\n}));\n\nconst StyledPageDivider = styled(Divider)(({ theme }) => ({\n    marginBottom: theme.spacing(4),\n}));\n\nexport const PageTitle = ({ title }: { title: string | ReactNode }) => (\n    <StyledPageTitle variant=\"h5\" component=\"h2\">\n        {title}\n    </StyledPageTitle>\n);\n\nconst StyledPageContainer = styled('div')<{ useAlternateBackground: boolean }>(({ useAlternateBackground, theme }) => ({\n    backgroundColor: useAlternateBackground ? theme.palette.alternateBackground.main : theme.palette.white.main,\n    width: '100%',\n    height: '100%',\n}));\n\nexport type Props = {\n    actionBtnTitle?: string;\n    caption?: ReactNode;\n    children: ReactNode;\n    contextButtons?: ReactNode[];\n    documentTitle: string;\n    fluid?: boolean;\n    fullWidth?: boolean;\n    header?: ReactNode;\n    hideHeader?: boolean;\n    actionButtonLink?: string;\n    pageHeader?: ReactNode;\n    showActionButton?: boolean;\n    showAddIcon?: boolean;\n    title: ReactNode;\n    titleComponent?: ComponentType<React.PropsWithChildren<unknown>>;\n    titleComponentAfter?: ReactNode;\n    toPrevious?: boolean;\n    toParent?: string;\n    strictToParent?: boolean;\n    openLinkInNewTab?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    navigate: (to: any) => void;\n    hideDivider?: boolean;\n    customActionButtons?: ReactNode[];\n    useAlternateBackground?: boolean;\n    errorBoundarySomethingWentWrongText: string;\n};\n\nconst PageLayout = (props: Props) => {\n    const {\n        actionBtnTitle,\n        caption,\n        children,\n        contextButtons,\n        documentTitle,\n        fluid = false,\n        fullWidth,\n        header,\n        hideHeader,\n        actionButtonLink,\n        openLinkInNewTab = false,\n        pageHeader,\n        showActionButton,\n        showAddIcon,\n        title,\n        titleComponent: TitleComponent,\n        toPrevious,\n        toParent,\n        strictToParent,\n        navigate,\n        hideDivider = false,\n        customActionButtons,\n        useAlternateBackground = false,\n        titleComponentAfter,\n        errorBoundarySomethingWentWrongText,\n    } = props;\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('md'));\n\n    const baseUrl = getMicroFrontendAttribute('data-portal-base-url') || '/';\n    const actionButtonWithHttps = actionButtonLink?.startsWith('https://');\n    const getActionButtonLink = () => {\n        if (actionButtonWithHttps) {\n            return actionButtonLink;\n        }\n        if (actionButtonLink !== undefined) {\n            return joinUrlPaths(baseUrl, actionButtonLink);\n        }\n        return '';\n    };\n    const actionButtonLinkFinal = getActionButtonLink();\n\n    return (\n        <StyledPageContainer useAlternateBackground={useAlternateBackground}>\n            <StyledWrapper fluid={fluid}>\n                {documentTitle && <DocumentTitle>{documentTitle}</DocumentTitle>}\n\n                {pageHeader || null}\n                <StyledInnerWrapper>\n                    {pageHeader && <Spacer size={16} variant=\"vertical\" />}\n                    {!hideHeader && (\n                        <>\n                            <StyledHeader container alignItems=\"center\" direction=\"column\">\n                                <Grid item container direction=\"row\" alignContent=\"space-between\">\n                                    <StyledHeaderContainer item>\n                                        {contextButtons?.map((button) => (\n                                            <div\n                                                key={`context-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                                            >\n                                                {button}\n                                            </div>\n                                        ))}\n                                    </StyledHeaderContainer>\n                                </Grid>\n                                <StyledTitleContainer item container>\n                                    {(toParent || toPrevious) && (\n                                        <Box>\n                                            <StyledBackButton\n                                                aria-label=\"Back\"\n                                                data-testid=\"back_button\"\n                                                hasTitleComponent={!!TitleComponent}\n                                                component={'button'}\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                                                <ArrowBackIcon />\n                                            </StyledBackButton>\n                                        </Box>\n                                    )}\n\n                                    <StyledTitleSection item>\n                                        {TitleComponent ? (\n                                            <TitleComponent />\n                                        ) : (\n                                            <Box display=\"flex\" alignItems=\"center\" gap={2}>\n                                                <PageTitle title={title} />\n                                                {titleComponentAfter}\n                                            </Box>\n                                        )}\n                                        {caption && (\n                                            <StyledCaption variant=\"caption\" component=\"h3\">\n                                                {caption}\n                                            </StyledCaption>\n                                        )}\n                                    </StyledTitleSection>\n\n                                    {showActionButton && (\n                                        <>\n                                            {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                                            <StyledActionButtonGrid item>\n                                                <Button\n                                                    variant=\"contained\"\n                                                    fullWidth={true}\n                                                    data-testid={`Action-button-${actionBtnTitle}`}\n                                                    href={openLinkInNewTab || actionButtonWithHttps ? actionButtonLinkFinal : ''}\n                                                    target={openLinkInNewTab ? '_blank' : undefined}\n                                                    rel={openLinkInNewTab ? 'noopener noreferrer' : undefined}\n                                                    onClick={\n                                                        !openLinkInNewTab && !actionButtonWithHttps ? () => navigate(actionButtonLink) : () => {}\n                                                    }\n                                                >\n                                                    {showAddIcon && <Add />}\n                                                    {actionBtnTitle}\n                                                </Button>\n                                            </StyledActionButtonGrid>\n                                        </>\n                                    )}\n                                    {customActionButtons?.map((button) => (\n                                        <div\n                                            key={`custom-action-button-${React.isValidElement(button) ? button.props?.['data-testid'] || button.props?.children : 'fallback'}`}\n                                        >\n                                            {isMobile && <Spacer size={56} variant=\"vertical\" />}\n                                            {!isMobile && <Spacer size={16} variant=\"vertical\" />}\n                                            <StyledActionButtonGrid item>{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 identifier={documentTitle} somethingWentWrongText={errorBoundarySomethingWentWrongText}>\n                            <>{children}</>\n                        </FDErrorBoundary>\n                    </FullWidthContainer>\n                </StyledInnerWrapper>\n            </StyledWrapper>\n        </StyledPageContainer>\n    );\n};\n\nexport default PageLayout;\n"],"names":["maxWidth","StyledWrapper","styled","theme","fluid","breakpoints","down","padding","spacing","position","minHeight","StyledActionButtonGrid","Grid","width","paddingTop","StyledHeader","flexWrap","alignItems","paddingBottom","StyledTitleContainer","StyledTitleSection","flexGrow","StyledTopSection","paddingLeft","paddingRight","StyledBackButton","IconButton","shouldForwardProp","prop","hasTitleComponent","margin","only","marginLeft","StyledInnerWrapper","marginRight","StyledHeaderContainer","display","justifyContent","StyledCaption","Typography","lineHeight","StyledPageTitle","fontWeight","StyledPageDivider","Divider","marginBottom","PageTitle","title","_jsx","variant","component","children","StyledPageContainer","useAlternateBackground","backgroundColor","palette","alternateBackground","main","white","height","props","actionBtnTitle","caption","contextButtons","documentTitle","fullWidth","header","hideHeader","actionButtonLink","openLinkInNewTab","pageHeader","showActionButton","showAddIcon","titleComponent","TitleComponent","toPrevious","toParent","strictToParent","navigate","hideDivider","customActionButtons","titleComponentAfter","errorBoundarySomethingWentWrongText","useTheme","isMobile","useMediaQuery","baseUrl","getMicroFrontendAttribute","actionButtonWithHttps","startsWith","actionButtonLinkFinal","undefined","joinUrlPaths","jsx","_jsxs","DocumentTitle","Spacer","size","_Fragment","jsxs","container","direction","item","alignContent","map","button","React","isValidElement","Box","onClick","history","length","ArrowBackIcon","gap","Button","href","target","rel","Add","FullWidthContainer","FDErrorBoundary","identifier","somethingWentWrongText"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default, { ReactNode, ComponentType } from 'react';
+import react__default, { ReactNode, ComponentType } from 'react';
 
 declare const HORIZONTAL_SPACE_CLASSNAME = "horizontal-content-space";
 declare const LEFT_HORIZONTAL_SPACE_CLASSNAME = "left-horizontal-content-space";
@@ -24,7 +24,7 @@ type Props = {
     showActionButton?: boolean;
     showAddIcon?: boolean;
     title: ReactNode;
-    titleComponent?: ComponentType<React__default.PropsWithChildren<unknown>>;
+    titleComponent?: ComponentType<react__default.PropsWithChildren<unknown>>;
     titleComponentAfter?: ReactNode;
     toPrevious?: boolean;
     toParent?: string;
@@ -34,6 +34,7 @@ type Props = {
     hideDivider?: boolean;
     customActionButtons?: ReactNode[];
     useAlternateBackground?: boolean;
+    errorBoundarySomethingWentWrongText: string;
 };
 declare const PageLayout: (props: Props) => react_jsx_runtime.JSX.Element;
 

package/dist/components/PageLayout/index.js

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