@flipdish/portal-library 4.2.2 → 4.2.3

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                        {\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,IAGjBpB,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,UAUjC,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"}
+{"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,YAAO,CAC7CC,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,IAGjBpB,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,UAUjC,MAAe,aAAXG,EAEI0B,EAAAqB,EAAA,CAAAhC,SAAA,CACiB,aAAZhB,GACGY,EAAC+B,EAAU,CAAC3C,QAAQ,YAAYiD,UAAU,KAAKL,MAAM,cAAa5B,SAC7DpB,IAGRe,OAKNC,EAACsC,EAAc,CAACtD,MAAOA,EAAKoB,SAAGL"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"sJAKgCA,GACrBC,EAAAA,IAACC,EAAyB,IAAAF,EAAOG,gBAAiBC,EAAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"sJAKgCA,GACrBC,EAAAA,IAACC,EAAoB,IAAKF,EAAOG,gBAAiBC,EAAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["GenericDatePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"6IAKA,MAAMA,EAA0BC,GACrBC,EAACC,EAAyB,IAAAF,EAAOG,gBAAiBC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericDatePickerField/index.tsx"],"sourcesContent":["import { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from './GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDatePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DatePicker} />;\n};\n\nexport default GenericDatePickerField;\n"],"names":["GenericDatePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DatePicker"],"mappings":"6IAKA,MAAMA,EAA0BC,GACrBC,EAACC,EAAoB,IAAKF,EAAOG,gBAAiBC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"kLAKoCA,GACzBC,EAAAA,IAACC,EAAyB,IAAAF,EAAOG,gBAAiBC,EAAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"kLAKoCA,GACzBC,EAAAA,IAACC,EAAoB,IAAKF,EAAOG,gBAAiBC,EAAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["GenericDateTimePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"6KAKA,MAAMA,EAA8BC,GACzBC,EAACC,EAAyB,IAAAF,EAAOG,gBAAiBC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericDateTimePickerField/index.tsx"],"sourcesContent":["import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport GenericDateFieldBase, { type GenericDateFieldBaseProps } from '../GenericDatePickerField/GenericDateFieldBase';\n\ntype Props = Omit<GenericDateFieldBaseProps, 'pickerComponent'>;\n\nconst GenericDateTimePickerField = (props: Props) => {\n    return <GenericDateFieldBase {...props} pickerComponent={DateTimePicker} />;\n};\n\nexport default GenericDateTimePickerField;\n"],"names":["GenericDateTimePickerField","props","_jsx","GenericDateFieldBase","pickerComponent","DateTimePicker"],"mappings":"6KAKA,MAAMA,EAA8BC,GACzBC,EAACC,EAAoB,IAAKF,EAAOG,gBAAiBC"}

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 ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface 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\ninterface 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 = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\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: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        value={fieldValue}\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\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\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 = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n          onChange={onChange}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\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","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","jsxs","sx","paddingRight","_jsx","jsx","RadioGroup","e","setFieldValue","target","children","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","fieldName","renderField","Field","fieldProps","_Fragment","Fragment","component","FormItemLayout"],"mappings":"kcAsCA,MAAMA,EAAwBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CACxDC,WAAYD,EAAME,QAAQ,OAGtBC,EAAmBL,EAAMA,OAACM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,EAEG,EAAGE,QAAOO,gBAAiB,CACrDC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAACC,KAAA/B,EAAI,CAAAgC,GAAI,CAAEC,aAAyB,eAAXd,EAA0B,OAAS,aAC1De,EAACC,IAAAC,EACC,CAAAT,KAAK,sBACLF,MAAOD,EACPP,SAAWoB,IAETrB,EAAKsB,cAAcvB,EAAMY,KAAMU,EAAEE,OAAOd,OACpCR,GACFA,EAASoB,IAEZG,SAEAtB,EAAQuB,KAAKC,GACZZ,EAAAA,KACE,MAAA,CAAAU,SAAA,CAAAN,EAAAA,IAACS,EACC,CAAAC,QAASV,EAACC,IAAAU,MACVC,SAAUvB,GAAgBmB,EAAOI,SACjCC,MAAOL,EAAOK,MACdtB,MAAOiB,EAAOjB,QAEfiB,EAAOM,iBAAmBjC,EAAMU,QAAUiB,EAAOjB,OAChDK,EAAAA,KAAChC,EAAqB,CAAA0C,SAAA,CACnBE,EAAOM,gBACRd,EAAAA,IAACe,GAAOC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOjB,WAgBrBS,EAAAC,IAAC/B,EAAiB,CAAAI,UAAWA,EAASgC,SAE9BhC,GACAY,EADkBQ,OACtB,uBAQkB,EAC1BmB,QACAK,YACAjC,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAMiC,EAAc,IAClBnB,MAACoB,EAAAA,MAAK,CAAC3B,KAAMyB,WACTG,GACArB,EAAAA,IAACpB,MACKyC,EACJpC,OAAQA,EACRD,QAASA,EACTE,wBAAyBA,EACzBH,SAAUA,MAMlB,MAAe,aAAXE,EAEAW,EAAAC,KAAAyB,EAAAC,SAAA,CAAAjB,SAAA,CACGO,GACCb,EAAAC,IAAC9B,EAAU,CAACI,MAAM,cAAciD,UAAU,KAAKP,QAAQ,YAAWX,SAC/DO,IAGJM,OAKAnB,EAAAA,IAACyB,EAAc,CAACZ,MAAOA,EAAQP,SAAAa"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface 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\ninterface 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 = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\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: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        value={fieldValue}\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\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\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 = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n          onChange={onChange}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\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","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","sx","paddingRight","_jsx","RadioGroup","e","setFieldValue","target","children","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"kcAsCA,MAAMA,EAAwBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAO,CAClDC,WAAYD,EAAME,QAAQ,OAGtBC,EAAmBL,EAAAA,OAAOM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,EAEG,EAAGE,QAAOO,gBAAW,CAC/CC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAAAA,KAAC9B,EAAG,CAAC+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,aAC1Dc,EAAAA,IAACC,EAAU,CACTP,KAAK,sBACLF,MAAOD,EACPP,SAAWkB,IAETnB,EAAKoB,cAAcrB,EAAMY,KAAMQ,EAAEE,OAAOZ,OACpCR,GACFA,EAASkB,IAEZG,SAEApB,EAAQqB,KAAKC,GACZV,EAAAA,KAAA,MAAA,CAAAQ,SAAA,CACEL,EAAAA,IAACQ,EAAgB,CACfC,QAAST,EAAAA,IAACU,MACVC,SAAUrB,GAAgBiB,EAAOI,SACjCC,MAAOL,EAAOK,MACdpB,MAAOe,EAAOf,QAEfe,EAAOM,iBAAmB/B,EAAMU,QAAUe,EAAOf,OAChDK,EAAAA,KAAChC,EAAqB,CAAAwC,SAAA,CACnBE,EAAOM,gBACRb,EAAAA,IAACc,GAAOC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOf,WAgBrBQ,EAAAA,IAAC7B,EAAgB,CAACI,UAAWA,EAAS8B,SAE9B9B,GACAY,EADkBQ,OACtB,uBAQkB,EAC1BiB,QACAK,YACA/B,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAM+B,EAAc,IAClBlB,MAACmB,EAAAA,MAAK,CAACzB,KAAMuB,WACTG,GACApB,EAAAA,IAACnB,MACKuC,EACJlC,OAAQA,EACRD,QAASA,EACTE,wBAAyBA,EACzBH,SAAUA,MAMlB,MAAe,aAAXE,EAEAW,EAAAA,KAAAwB,EAAAA,SAAA,CAAAhB,SAAA,CACGO,GACCZ,EAAAA,IAAC5B,EAAU,CAACI,MAAM,cAAc8C,UAAU,KAAKN,QAAQ,YAAWX,SAC/DO,IAGJM,OAKAlB,EAAAA,IAACuB,EAAc,CAACX,MAAOA,EAAKP,SAAGa"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface 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\ninterface 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 = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\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: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        value={fieldValue}\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\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\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 = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n          onChange={onChange}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\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","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","sx","paddingRight","_jsx","RadioGroup","e","setFieldValue","target","children","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","GenericRadioButtons","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"seAsCA,MAAMA,EAAwBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CACxDC,WAAYD,EAAME,QAAQ,OAGtBC,EAAmBL,EAAOM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,EAEG,EAAGE,QAAOO,gBAAiB,CACrDC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAAC9B,EAAI,CAAA+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,aAC1Dc,EAACC,EACC,CAAAP,KAAK,sBACLF,MAAOD,EACPP,SAAWkB,IAETnB,EAAKoB,cAAcrB,EAAMY,KAAMQ,EAAEE,OAAOZ,OACpCR,GACFA,EAASkB,IAEZG,SAEApB,EAAQqB,KAAKC,GACZV,EACE,MAAA,CAAAQ,SAAA,CAAAL,EAACQ,EACC,CAAAC,QAAST,EAACU,MACVC,SAAUrB,GAAgBiB,EAAOI,SACjCC,MAAOL,EAAOK,MACdpB,MAAOe,EAAOf,QAEfe,EAAOM,iBAAmB/B,EAAMU,QAAUe,EAAOf,OAChDK,EAAChC,EAAqB,CAAAwC,SAAA,CACnBE,EAAOM,gBACRb,EAACc,GAAOC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOf,WAgBrBQ,EAAC7B,EAAiB,CAAAI,UAAWA,EAAS8B,SAE9B9B,GACAY,EADkBQ,OACtB,QAQJsB,EAAsB,EAC1BL,QACAM,YACAhC,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAMgC,EAAc,IAClBnB,EAACoB,EAAK,CAAC1B,KAAMwB,WACTG,GACArB,EAACnB,MACKwC,EACJnC,OAAQA,EACRD,QAASA,EACTE,wBAAyBA,EACzBH,SAAUA,MAMlB,MAAe,aAAXE,EAEAW,EAAAyB,EAAA,CAAAjB,SAAA,CACGO,GACCZ,EAAC5B,EAAU,CAACI,MAAM,cAAc+C,UAAU,KAAKP,QAAQ,YAAWX,SAC/DO,IAGJO,OAKAnB,EAACwB,EAAc,CAACZ,MAAOA,EAAQP,SAAAc"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericRadioButtons/index.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\n\nimport Box from '@mui/material/Box';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\nimport Spacer from '../Spacer';\n\ninterface 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\ninterface 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 = ({\n  field,\n  form,\n  onChange,\n  options,\n  layout,\n  showHelperTextWhenValid = false,\n}: RadioButtonsComponentProps) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as string | undefined;\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: fieldValue,\n    },\n    'Valid',\n  );\n\n  return (\n    <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n      <RadioGroup\n        name=\"radio-buttons-group\"\n        value={fieldValue}\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\n              control={<Radio />}\n              disabled={isSubmitting || option.disabled}\n              label={option.label}\n              value={option.value}\n            />\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 = ({\n  label,\n  fieldName,\n  layout,\n  onChange,\n  options,\n  showHelperTextWhenValid = false,\n}: Props) => {\n  const renderField = () => (\n    <Field name={fieldName}>\n      {(fieldProps: FieldProps) => (\n        <RadioButtonsComponent\n          {...fieldProps}\n          layout={layout}\n          options={options}\n          showHelperTextWhenValid={showHelperTextWhenValid}\n          onChange={onChange}\n        />\n      )}\n    </Field>\n  );\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {label && (\n          <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\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","fieldValue","value","fieldError","name","helperText","useRenderValidText","_jsxs","sx","paddingRight","_jsx","RadioGroup","e","setFieldValue","target","children","map","option","FormControlLabel","control","Radio","disabled","label","selectedContent","Spacer","size","variant","GenericRadioButtons","fieldName","renderField","Field","fieldProps","_Fragment","component","FormItemLayout"],"mappings":"seAsCA,MAAMA,EAAwBC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CAClDC,WAAYD,EAAME,QAAQ,OAGtBC,EAAmBL,EAAOM,EAAY,CAC1CC,kBAAoBC,GAAkB,cAATA,GADNR,EAEG,EAAGE,QAAOO,gBAAW,CAC/CC,MAAOD,EAAYP,EAAMS,QAAQC,MAAMC,KAAO,UAC9CC,UAAW,YAGPC,EAAwB,EAC5BC,QACAC,OACAC,WACAC,UACAC,SACAC,2BAA0B,MAE1B,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBP,EACpCQ,EAAaT,EAAMU,MACnBC,EAAaL,EAAON,EAAMY,MAC1BnB,IAAckB,GAAeJ,EAAQP,EAAMY,MAC3CC,EAAaC,EACjB,CACEH,aACAlB,YACAc,UAAWA,EAAQP,EAAMY,MACzBF,MAAOD,GAET,SAGF,OACEM,EAAC9B,EAAG,CAAC+B,GAAI,CAAEC,aAAyB,eAAXb,EAA0B,OAAS,aAC1Dc,EAACC,EAAU,CACTP,KAAK,sBACLF,MAAOD,EACPP,SAAWkB,IAETnB,EAAKoB,cAAcrB,EAAMY,KAAMQ,EAAEE,OAAOZ,OACpCR,GACFA,EAASkB,IAEZG,SAEApB,EAAQqB,KAAKC,GACZV,EAAA,MAAA,CAAAQ,SAAA,CACEL,EAACQ,EAAgB,CACfC,QAAST,EAACU,MACVC,SAAUrB,GAAgBiB,EAAOI,SACjCC,MAAOL,EAAOK,MACdpB,MAAOe,EAAOf,QAEfe,EAAOM,iBAAmB/B,EAAMU,QAAUe,EAAOf,OAChDK,EAAChC,EAAqB,CAAAwC,SAAA,CACnBE,EAAOM,gBACRb,EAACc,GAAOC,KAAM,EAAGC,QAAQ,oBAVrBT,EAAOf,WAgBrBQ,EAAC7B,EAAgB,CAACI,UAAWA,EAAS8B,SAE9B9B,GACAY,EADkBQ,OACtB,QAQJsB,EAAsB,EAC1BL,QACAM,YACAhC,SACAF,WACAC,UACAE,2BAA0B,MAE1B,MAAMgC,EAAc,IAClBnB,EAACoB,EAAK,CAAC1B,KAAMwB,WACTG,GACArB,EAACnB,MACKwC,EACJnC,OAAQA,EACRD,QAASA,EACTE,wBAAyBA,EACzBH,SAAUA,MAMlB,MAAe,aAAXE,EAEAW,EAAAyB,EAAA,CAAAjB,SAAA,CACGO,GACCZ,EAAC5B,EAAU,CAACI,MAAM,cAAc+C,UAAU,KAAKP,QAAQ,YAAWX,SAC/DO,IAGJO,OAKAnB,EAACwB,EAAc,CAACZ,MAAOA,EAAKP,SAAGc"}

package/dist/components/GenericTable/HighlightScrollbar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightScrollbar.cjs.js","sources":["../../../src/components/GenericTable/HighlightScrollbar.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport React, { useState } from 'react';\n\ntype HighlightScrollbarProps = {\n    children: React.ReactNode;\n    onScroll?: () => void;\n    setIsScrolling?: React.Dispatch<React.SetStateAction<boolean>>;\n    setScrollStarted?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ninterface ContainerProps {\n    hovered: boolean;\n    isScrolling: boolean;\n}\n\nconst StyledContainer = styled('div')<ContainerProps>(({ hovered, isScrolling }) => ({\n    overflowX: 'auto',\n    '&::-webkit-scrollbar': {\n        padding: '2px 0',\n        height: '6px',\n        border: '1px solid #d5d5d5',\n    },\n    '&::-webkit-scrollbar-track': {\n        background: '#f1f1f1',\n    },\n    '&::-webkit-scrollbar-thumb': {\n        background: hovered ? 'rgba(5, 20, 158, 0.3)' : '#f5f5f5',\n        borderRadius: '3px',\n    },\n    '&::-webkit-scrollbar-thumb:horizontal:active, &::-webkit-scrollbar-thumb:vertical:active': {\n        background: hovered ? 'rgba(5, 20, 158, 0.6)' : '#f5f5f5',\n    },\n    '&:hover .sticky': {\n        boxShadow: isScrolling ? '0px 2px 6px rgba(0, 0, 0, 0.5)' : 'none',\n        transition: 'box-shadow 200ms',\n    },\n}));\n\nconst HighlightScrollbar: React.FC<React.PropsWithChildren<HighlightScrollbarProps>> = (props) => {\n    const { children, onScroll, setIsScrolling, setScrollStarted } = props;\n    const [hoveredTable, setHoveredTable] = useState(false);\n\n    const highlightScrollbar = () => setHoveredTable(true);\n\n    const fadeScrollbar = () => {\n        setHoveredTable(false);\n        if (setIsScrolling) setIsScrolling(false);\n        if (setScrollStarted) setScrollStarted(false);\n    };\n\n    return (\n        <StyledContainer\n            hovered={hoveredTable}\n            isScrolling={!!setIsScrolling}\n            onMouseEnter={highlightScrollbar}\n            onMouseLeave={fadeScrollbar}\n            onScroll={onScroll}\n        >\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default HighlightScrollbar;\n"],"names":["StyledContainer","styled","hovered","isScrolling","overflowX","padding","height","border","background","borderRadius","boxShadow","transition","props","children","onScroll","setIsScrolling","setScrollStarted","hoveredTable","setHoveredTable","useState","_jsx","onMouseEnter","onMouseLeave"],"mappings":"qGAeA,MAAMA,EAAkBC,EAAMA,OAAC,MAAPA,EAA8B,EAAGC,UAASC,kBAAmB,CACjFC,UAAW,OACX,uBAAwB,CACpBC,QAAS,QACTC,OAAQ,MACRC,OAAQ,qBAEZ,6BAA8B,CAC1BC,WAAY,WAEhB,6BAA8B,CAC1BA,WAAYN,EAAU,wBAA0B,UAChDO,aAAc,OAElB,2FAA4F,CACxFD,WAAYN,EAAU,wBAA0B,WAEpD,kBAAmB,CACfQ,UAAWP,EAAc,iCAAmC,OAC5DQ,WAAY,uCAIoEC,IACpF,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,eAAEA,EAAcC,iBAAEA,GAAqBJ,GAC1DK,EAAcC,GAAmBC,EAAAA,UAAS,GAUjD,OACIC,EAAAA,IAACpB,EAAe,CACZE,QAASe,EACTd,cAAeY,EACfM,aAZmB,IAAMH,GAAgB,GAazCI,aAXc,KAClBJ,GAAgB,GACZH,GAAgBA,GAAe,GAC/BC,GAAkBA,GAAiB,IASnCF,SAAUA,EAAQD,SAEjBA"}
+{"version":3,"file":"HighlightScrollbar.cjs.js","sources":["../../../src/components/GenericTable/HighlightScrollbar.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport React, { useState } from 'react';\n\ntype HighlightScrollbarProps = {\n    children: React.ReactNode;\n    onScroll?: () => void;\n    setIsScrolling?: React.Dispatch<React.SetStateAction<boolean>>;\n    setScrollStarted?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ninterface ContainerProps {\n    hovered: boolean;\n    isScrolling: boolean;\n}\n\nconst StyledContainer = styled('div')<ContainerProps>(({ hovered, isScrolling }) => ({\n    overflowX: 'auto',\n    '&::-webkit-scrollbar': {\n        padding: '2px 0',\n        height: '6px',\n        border: '1px solid #d5d5d5',\n    },\n    '&::-webkit-scrollbar-track': {\n        background: '#f1f1f1',\n    },\n    '&::-webkit-scrollbar-thumb': {\n        background: hovered ? 'rgba(5, 20, 158, 0.3)' : '#f5f5f5',\n        borderRadius: '3px',\n    },\n    '&::-webkit-scrollbar-thumb:horizontal:active, &::-webkit-scrollbar-thumb:vertical:active': {\n        background: hovered ? 'rgba(5, 20, 158, 0.6)' : '#f5f5f5',\n    },\n    '&:hover .sticky': {\n        boxShadow: isScrolling ? '0px 2px 6px rgba(0, 0, 0, 0.5)' : 'none',\n        transition: 'box-shadow 200ms',\n    },\n}));\n\nconst HighlightScrollbar: React.FC<React.PropsWithChildren<HighlightScrollbarProps>> = (props) => {\n    const { children, onScroll, setIsScrolling, setScrollStarted } = props;\n    const [hoveredTable, setHoveredTable] = useState(false);\n\n    const highlightScrollbar = () => setHoveredTable(true);\n\n    const fadeScrollbar = () => {\n        setHoveredTable(false);\n        if (setIsScrolling) setIsScrolling(false);\n        if (setScrollStarted) setScrollStarted(false);\n    };\n\n    return (\n        <StyledContainer\n            hovered={hoveredTable}\n            isScrolling={!!setIsScrolling}\n            onMouseEnter={highlightScrollbar}\n            onMouseLeave={fadeScrollbar}\n            onScroll={onScroll}\n        >\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default HighlightScrollbar;\n"],"names":["StyledContainer","styled","hovered","isScrolling","overflowX","padding","height","border","background","borderRadius","boxShadow","transition","props","children","onScroll","setIsScrolling","setScrollStarted","hoveredTable","setHoveredTable","useState","_jsx","onMouseEnter","onMouseLeave"],"mappings":"qGAeA,MAAMA,EAAkBC,EAAAA,OAAO,MAAPA,EAA8B,EAAGC,UAASC,kBAAa,CAC3EC,UAAW,OACX,uBAAwB,CACpBC,QAAS,QACTC,OAAQ,MACRC,OAAQ,qBAEZ,6BAA8B,CAC1BC,WAAY,WAEhB,6BAA8B,CAC1BA,WAAYN,EAAU,wBAA0B,UAChDO,aAAc,OAElB,2FAA4F,CACxFD,WAAYN,EAAU,wBAA0B,WAEpD,kBAAmB,CACfQ,UAAWP,EAAc,iCAAmC,OAC5DQ,WAAY,uCAIoEC,IACpF,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,eAAEA,EAAcC,iBAAEA,GAAqBJ,GAC1DK,EAAcC,GAAmBC,EAAAA,UAAS,GAUjD,OACIC,EAAAA,IAACpB,EAAe,CACZE,QAASe,EACTd,cAAeY,EACfM,aAZmB,IAAMH,GAAgB,GAazCI,aAXc,KAClBJ,GAAgB,GACZH,GAAgBA,GAAe,GAC/BC,GAAkBA,GAAiB,IASnCF,SAAUA,EAAQD,SAEjBA"}

package/dist/components/GenericTable/HighlightScrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightScrollbar.js","sources":["../../../src/components/GenericTable/HighlightScrollbar.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport React, { useState } from 'react';\n\ntype HighlightScrollbarProps = {\n    children: React.ReactNode;\n    onScroll?: () => void;\n    setIsScrolling?: React.Dispatch<React.SetStateAction<boolean>>;\n    setScrollStarted?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ninterface ContainerProps {\n    hovered: boolean;\n    isScrolling: boolean;\n}\n\nconst StyledContainer = styled('div')<ContainerProps>(({ hovered, isScrolling }) => ({\n    overflowX: 'auto',\n    '&::-webkit-scrollbar': {\n        padding: '2px 0',\n        height: '6px',\n        border: '1px solid #d5d5d5',\n    },\n    '&::-webkit-scrollbar-track': {\n        background: '#f1f1f1',\n    },\n    '&::-webkit-scrollbar-thumb': {\n        background: hovered ? 'rgba(5, 20, 158, 0.3)' : '#f5f5f5',\n        borderRadius: '3px',\n    },\n    '&::-webkit-scrollbar-thumb:horizontal:active, &::-webkit-scrollbar-thumb:vertical:active': {\n        background: hovered ? 'rgba(5, 20, 158, 0.6)' : '#f5f5f5',\n    },\n    '&:hover .sticky': {\n        boxShadow: isScrolling ? '0px 2px 6px rgba(0, 0, 0, 0.5)' : 'none',\n        transition: 'box-shadow 200ms',\n    },\n}));\n\nconst HighlightScrollbar: React.FC<React.PropsWithChildren<HighlightScrollbarProps>> = (props) => {\n    const { children, onScroll, setIsScrolling, setScrollStarted } = props;\n    const [hoveredTable, setHoveredTable] = useState(false);\n\n    const highlightScrollbar = () => setHoveredTable(true);\n\n    const fadeScrollbar = () => {\n        setHoveredTable(false);\n        if (setIsScrolling) setIsScrolling(false);\n        if (setScrollStarted) setScrollStarted(false);\n    };\n\n    return (\n        <StyledContainer\n            hovered={hoveredTable}\n            isScrolling={!!setIsScrolling}\n            onMouseEnter={highlightScrollbar}\n            onMouseLeave={fadeScrollbar}\n            onScroll={onScroll}\n        >\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default HighlightScrollbar;\n"],"names":["StyledContainer","styled","hovered","isScrolling","overflowX","padding","height","border","background","borderRadius","boxShadow","transition","HighlightScrollbar","props","children","onScroll","setIsScrolling","setScrollStarted","hoveredTable","setHoveredTable","useState","_jsx","onMouseEnter","onMouseLeave"],"mappings":"uHAeA,MAAMA,EAAkBC,EAAO,MAAPA,EAA8B,EAAGC,UAASC,kBAAmB,CACjFC,UAAW,OACX,uBAAwB,CACpBC,QAAS,QACTC,OAAQ,MACRC,OAAQ,qBAEZ,6BAA8B,CAC1BC,WAAY,WAEhB,6BAA8B,CAC1BA,WAAYN,EAAU,wBAA0B,UAChDO,aAAc,OAElB,2FAA4F,CACxFD,WAAYN,EAAU,wBAA0B,WAEpD,kBAAmB,CACfQ,UAAWP,EAAc,iCAAmC,OAC5DQ,WAAY,wBAIdC,EAAkFC,IACpF,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,eAAEA,EAAcC,iBAAEA,GAAqBJ,GAC1DK,EAAcC,GAAmBC,GAAS,GAUjD,OACIC,EAACrB,EAAe,CACZE,QAASgB,EACTf,cAAea,EACfM,aAZmB,IAAMH,GAAgB,GAazCI,aAXc,KAClBJ,GAAgB,GACZH,GAAgBA,GAAe,GAC/BC,GAAkBA,GAAiB,IASnCF,SAAUA,EAAQD,SAEjBA"}
+{"version":3,"file":"HighlightScrollbar.js","sources":["../../../src/components/GenericTable/HighlightScrollbar.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport React, { useState } from 'react';\n\ntype HighlightScrollbarProps = {\n    children: React.ReactNode;\n    onScroll?: () => void;\n    setIsScrolling?: React.Dispatch<React.SetStateAction<boolean>>;\n    setScrollStarted?: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\ninterface ContainerProps {\n    hovered: boolean;\n    isScrolling: boolean;\n}\n\nconst StyledContainer = styled('div')<ContainerProps>(({ hovered, isScrolling }) => ({\n    overflowX: 'auto',\n    '&::-webkit-scrollbar': {\n        padding: '2px 0',\n        height: '6px',\n        border: '1px solid #d5d5d5',\n    },\n    '&::-webkit-scrollbar-track': {\n        background: '#f1f1f1',\n    },\n    '&::-webkit-scrollbar-thumb': {\n        background: hovered ? 'rgba(5, 20, 158, 0.3)' : '#f5f5f5',\n        borderRadius: '3px',\n    },\n    '&::-webkit-scrollbar-thumb:horizontal:active, &::-webkit-scrollbar-thumb:vertical:active': {\n        background: hovered ? 'rgba(5, 20, 158, 0.6)' : '#f5f5f5',\n    },\n    '&:hover .sticky': {\n        boxShadow: isScrolling ? '0px 2px 6px rgba(0, 0, 0, 0.5)' : 'none',\n        transition: 'box-shadow 200ms',\n    },\n}));\n\nconst HighlightScrollbar: React.FC<React.PropsWithChildren<HighlightScrollbarProps>> = (props) => {\n    const { children, onScroll, setIsScrolling, setScrollStarted } = props;\n    const [hoveredTable, setHoveredTable] = useState(false);\n\n    const highlightScrollbar = () => setHoveredTable(true);\n\n    const fadeScrollbar = () => {\n        setHoveredTable(false);\n        if (setIsScrolling) setIsScrolling(false);\n        if (setScrollStarted) setScrollStarted(false);\n    };\n\n    return (\n        <StyledContainer\n            hovered={hoveredTable}\n            isScrolling={!!setIsScrolling}\n            onMouseEnter={highlightScrollbar}\n            onMouseLeave={fadeScrollbar}\n            onScroll={onScroll}\n        >\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default HighlightScrollbar;\n"],"names":["StyledContainer","styled","hovered","isScrolling","overflowX","padding","height","border","background","borderRadius","boxShadow","transition","HighlightScrollbar","props","children","onScroll","setIsScrolling","setScrollStarted","hoveredTable","setHoveredTable","useState","_jsx","onMouseEnter","onMouseLeave"],"mappings":"uHAeA,MAAMA,EAAkBC,EAAO,MAAPA,EAA8B,EAAGC,UAASC,kBAAa,CAC3EC,UAAW,OACX,uBAAwB,CACpBC,QAAS,QACTC,OAAQ,MACRC,OAAQ,qBAEZ,6BAA8B,CAC1BC,WAAY,WAEhB,6BAA8B,CAC1BA,WAAYN,EAAU,wBAA0B,UAChDO,aAAc,OAElB,2FAA4F,CACxFD,WAAYN,EAAU,wBAA0B,WAEpD,kBAAmB,CACfQ,UAAWP,EAAc,iCAAmC,OAC5DQ,WAAY,wBAIdC,EAAkFC,IACpF,MAAMC,SAAEA,EAAQC,SAAEA,EAAQC,eAAEA,EAAcC,iBAAEA,GAAqBJ,GAC1DK,EAAcC,GAAmBC,GAAS,GAUjD,OACIC,EAACrB,EAAe,CACZE,QAASgB,EACTf,cAAea,EACfM,aAZmB,IAAMH,GAAgB,GAazCI,aAXc,KAClBJ,GAAgB,GACZH,GAAgBA,GAAe,GAC/BC,GAAkBA,GAAiB,IASnCF,SAAUA,EAAQD,SAEjBA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTable/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Table from '@mui/material/Table';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport Tooltip from '@mui/material/Tooltip';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport GenericTableBody, { type GenericTableColumns } from '../GenericTableBody';\nimport GenericTableTitle from '../GenericTableTitle';\nimport HighlightScrollbar from './HighlightScrollbar';\n\ninterface GenericTableProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  metadata: GenericTableColumns[];\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  showTitle?: boolean;\n  subTitle?: string;\n  title?: string;\n  titleVariant?: 'default' | 'light';\n}\n\nconst StyledContainer = styled('div')`\n  overflow-x: auto;\n  &::-webkit-scrollbar {\n    padding: 2px 0;\n    height: 6px;\n    border: 1px solid #d5d5d5;\n  }\n  &::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #f5f5f5;\n    border-radius: 3px;\n  }\n`;\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) => prop !== 'isSticky' && prop !== 'titleVariant',\n})<{ isSticky: boolean; titleVariant: 'default' | 'light' }>(({ theme, isSticky, titleVariant }) => ({\n  fontSize: 13,\n  fontWeight: titleVariant === 'light' ? 400 : theme.typography.fontWeightMedium,\n  color:\n    titleVariant === 'light'\n      ? theme.palette.semantic.text['text-weak']\n      : theme.palette.semantic.text['text-strong'],\n  padding: theme.spacing(1.25, 2),\n  whiteSpace: 'nowrap',\n  position: isSticky ? 'sticky' : 'relative',\n  zIndex: isSticky ? 1 : 'auto',\n}));\n\nconst StyledPaper = styled(Card)`\n  overflow: hidden;\n`;\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  marginLeft: theme.spacing(0.5),\n  svg: {\n    fontSize: theme.typography.body1.fontSize,\n  },\n}));\n\nconst GenericTable = ({\n  data,\n  title,\n  subTitle,\n  showTitle = true,\n  onRowClick,\n  loading,\n  metadata,\n  titleVariant = 'default',\n}: GenericTableProps) => {\n  const columns = new Set(\n    metadata\n      .filter((m) => m.isVisible)\n      .sort((a, b) => a.ordinal - b.ordinal)\n      .map((m) => m.columnName),\n  );\n  const tableMeta = metadata.reduce<{ [key: string]: GenericTableColumns }>((obj, mData) => {\n    obj[mData.columnName] = mData;\n    return obj;\n  }, {});\n\n  const theme = useTheme();\n  const isMobile = !useMediaQuery(theme.breakpoints.up('tablet'));\n\n  // We never want sticky on mobile - only on desktop\n  const firstColumnStylePosition = isMobile ? 'normal' : 'sticky';\n\n  const renderTableHeader = () => (\n    <TableHead>\n      <TableRow>\n        {Array.from(columns).map((prop, idx) => {\n          const { columnName, columnTitle, align = 'left', tooltip } = tableMeta[prop] || {};\n\n          return (\n            <StyledTableCell\n              key={columnName}\n              align={align}\n              isSticky={idx === 0 && !isMobile}\n              titleVariant={titleVariant}\n            >\n              <div>\n                <span>{columnTitle}</span>\n                {tooltip && (\n                  <StyledTooltip placement=\"right-start\" title={tooltip}>\n                    <IconButton size=\"small\">\n                      <InfoOutlinedIcon data-testid=\"InfoOutlinedIcon\" size=\"sm\" />\n                    </IconButton>\n                  </StyledTooltip>\n                )}\n              </div>\n            </StyledTableCell>\n          );\n        })}\n      </TableRow>\n    </TableHead>\n  );\n\n  return (\n    <StyledContainer>\n      {showTitle && <GenericTableTitle subTitle={subTitle} title={title}></GenericTableTitle>}\n      <StyledPaper>\n        <HighlightScrollbar>\n          <Table\n            aria-label={title}\n            data-testid={`generic-table` + (showTitle ? `-${title?.replace(' ', '-').toLowerCase()}` : '')}\n          >\n            {renderTableHeader()}\n            <GenericTableBody\n              columns={columns}\n              data={data}\n              loading={loading}\n              meta={tableMeta}\n              type={firstColumnStylePosition}\n              onRowClick={onRowClick}\n            />\n          </Table>\n        </HighlightScrollbar>\n      </StyledPaper>\n    </StyledContainer>\n  );\n};\n\nexport default GenericTable;\n"],"names":["StyledContainer","styled","StyledTableCell","TableCell","shouldForwardProp","prop","theme","isSticky","titleVariant","fontSize","fontWeight","typography","fontWeightMedium","color","palette","semantic","text","padding","spacing","whiteSpace","position","zIndex","StyledPaper","Card","StyledTooltip","Tooltip","marginLeft","svg","body1","data","title","subTitle","showTitle","onRowClick","loading","metadata","columns","Set","filter","m","isVisible","sort","a","b","ordinal","map","columnName","tableMeta","reduce","obj","mData","useTheme","isMobile","useMediaQuery","breakpoints","up","firstColumnStylePosition","_jsxs","jsxs","_jsx","GenericTableTitle","children","HighlightScrollbar","Table","replace","toLowerCase","jsx","TableHead","TableRow","Array","from","idx","columnTitle","align","tooltip","placement","IconButton","size","InfoOutlinedIcon","GenericTableBody","meta","type"],"mappings":"ijBA4BA,MAAMA,EAAkBC,EAAAA,OAAO,MAAM;;;;;;;;;;;;;;EAgB/BC,EAAkBD,EAAMA,OAACE,EAAW,CACxCC,kBAAoBC,GAAkB,aAATA,GAAgC,iBAATA,GAD9BJ,EAEqC,EAAGK,QAAOC,WAAUC,mBAAoB,CACnGC,SAAU,GACVC,WAA6B,UAAjBF,EAA2B,IAAMF,EAAMK,WAAWC,iBAC9DC,MACmB,UAAjBL,EACIF,EAAMQ,QAAQC,SAASC,KAAK,aAC5BV,EAAMQ,QAAQC,SAASC,KAAK,eAClCC,QAASX,EAAMY,QAAQ,KAAM,GAC7BC,WAAY,SACZC,SAAUb,EAAW,SAAW,WAChCc,OAAQd,EAAW,EAAI,WAGnBe,EAAcrB,EAAAA,OAAOsB,EAAK;;EAI1BC,EAAgBvB,EAAAA,OAAOwB,EAAPxB,EAAgB,EAAGK,YAAa,CACpDoB,WAAYpB,EAAMY,QAAQ,IAC1BS,IAAK,CACHlB,SAAUH,EAAMK,WAAWiB,MAAMnB,6BAIhB,EACnBoB,OACAC,QACAC,WACAC,aAAY,EACZC,aACAC,UACAC,WACA3B,eAAe,cAEf,MAAM4B,EAAU,IAAIC,IAClBF,EACGG,QAAQC,GAAMA,EAAEC,YAChBC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,QAAUD,EAAEC,UAC7BC,KAAKN,GAAMA,EAAEO,cAEZC,EAAYZ,EAASa,QAA+C,CAACC,EAAKC,KAC9ED,EAAIC,EAAMJ,YAAcI,EACjBD,IACN,IAEG3C,EAAQ6C,EAAAA,WACRC,GAAYC,EAAc/C,EAAMgD,YAAYC,GAAG,WAG/CC,EAA2BJ,EAAW,SAAW,SAgCvD,OACEK,EAACC,KAAA1D,aACEgC,GAAa2B,MAACC,EAAiB,CAAC7B,SAAUA,EAAUD,MAAOA,IAC5D6B,EAAAA,IAACrC,EAAW,CAAAuC,SACVF,MAACG,EAAkB,CAAAD,SACjBJ,EAAAA,KAACM,EAAK,CAAA,aACQjC,EACC,cAAA,iBAAmBE,EAAY,IAAIF,GAAOkC,QAAQ,IAAK,KAAKC,gBAAkB,IAE1FJ,SAAA,CAtCTF,EAAAO,IAACC,EAAS,CAAAN,SACRF,EAAAA,IAACS,EACE,CAAAP,SAAAQ,MAAMC,KAAKlC,GAASS,KAAI,CAACxC,EAAMkE,KAC9B,MAAMzB,WAAEA,EAAU0B,YAAEA,EAAWC,MAAEA,EAAQ,OAAMC,QAAEA,GAAY3B,EAAU1C,IAAS,CAAE,EAElF,OACEsD,MAACzD,EAAe,CAEduE,MAAOA,EACPlE,SAAkB,IAARgE,IAAcnB,EACxB5C,aAAcA,EAAYqD,SAE1BJ,EAAAA,KACE,MAAA,CAAAI,SAAA,CAAAF,EAAAO,IAAA,OAAA,CAAAL,SAAOW,IACNE,GACCf,MAACnC,EAAa,CAACmD,UAAU,cAAc7C,MAAO4C,EAAOb,SACnDF,EAACO,IAAAU,EAAW,CAAAC,KAAK,iBACflB,EAAAA,IAACmB,EAA6B,CAAA,cAAA,mBAAmBD,KAAK,eAVzD/B,UAgCPa,EAAAA,IAACoB,EACC,CAAA3C,QAASA,EACTP,KAAMA,EACNK,QAASA,EACT8C,KAAMjC,EACNkC,KAAMzB,EACNvB,WAAYA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTable/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Table from '@mui/material/Table';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport Tooltip from '@mui/material/Tooltip';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport GenericTableBody, { type GenericTableColumns } from '../GenericTableBody';\nimport GenericTableTitle from '../GenericTableTitle';\nimport HighlightScrollbar from './HighlightScrollbar';\n\ninterface GenericTableProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  metadata: GenericTableColumns[];\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  showTitle?: boolean;\n  subTitle?: string;\n  title?: string;\n  titleVariant?: 'default' | 'light';\n}\n\nconst StyledContainer = styled('div')`\n  overflow-x: auto;\n  &::-webkit-scrollbar {\n    padding: 2px 0;\n    height: 6px;\n    border: 1px solid #d5d5d5;\n  }\n  &::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #f5f5f5;\n    border-radius: 3px;\n  }\n`;\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) => prop !== 'isSticky' && prop !== 'titleVariant',\n})<{ isSticky: boolean; titleVariant: 'default' | 'light' }>(({ theme, isSticky, titleVariant }) => ({\n  fontSize: 13,\n  fontWeight: titleVariant === 'light' ? 400 : theme.typography.fontWeightMedium,\n  color:\n    titleVariant === 'light'\n      ? theme.palette.semantic.text['text-weak']\n      : theme.palette.semantic.text['text-strong'],\n  padding: theme.spacing(1.25, 2),\n  whiteSpace: 'nowrap',\n  position: isSticky ? 'sticky' : 'relative',\n  zIndex: isSticky ? 1 : 'auto',\n}));\n\nconst StyledPaper = styled(Card)`\n  overflow: hidden;\n`;\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  marginLeft: theme.spacing(0.5),\n  svg: {\n    fontSize: theme.typography.body1.fontSize,\n  },\n}));\n\nconst GenericTable = ({\n  data,\n  title,\n  subTitle,\n  showTitle = true,\n  onRowClick,\n  loading,\n  metadata,\n  titleVariant = 'default',\n}: GenericTableProps) => {\n  const columns = new Set(\n    metadata\n      .filter((m) => m.isVisible)\n      .sort((a, b) => a.ordinal - b.ordinal)\n      .map((m) => m.columnName),\n  );\n  const tableMeta = metadata.reduce<{ [key: string]: GenericTableColumns }>((obj, mData) => {\n    obj[mData.columnName] = mData;\n    return obj;\n  }, {});\n\n  const theme = useTheme();\n  const isMobile = !useMediaQuery(theme.breakpoints.up('tablet'));\n\n  // We never want sticky on mobile - only on desktop\n  const firstColumnStylePosition = isMobile ? 'normal' : 'sticky';\n\n  const renderTableHeader = () => (\n    <TableHead>\n      <TableRow>\n        {Array.from(columns).map((prop, idx) => {\n          const { columnName, columnTitle, align = 'left', tooltip } = tableMeta[prop] || {};\n\n          return (\n            <StyledTableCell\n              key={columnName}\n              align={align}\n              isSticky={idx === 0 && !isMobile}\n              titleVariant={titleVariant}\n            >\n              <div>\n                <span>{columnTitle}</span>\n                {tooltip && (\n                  <StyledTooltip placement=\"right-start\" title={tooltip}>\n                    <IconButton size=\"small\">\n                      <InfoOutlinedIcon data-testid=\"InfoOutlinedIcon\" size=\"sm\" />\n                    </IconButton>\n                  </StyledTooltip>\n                )}\n              </div>\n            </StyledTableCell>\n          );\n        })}\n      </TableRow>\n    </TableHead>\n  );\n\n  return (\n    <StyledContainer>\n      {showTitle && <GenericTableTitle subTitle={subTitle} title={title}></GenericTableTitle>}\n      <StyledPaper>\n        <HighlightScrollbar>\n          <Table\n            aria-label={title}\n            data-testid={`generic-table` + (showTitle ? `-${title?.replace(' ', '-').toLowerCase()}` : '')}\n          >\n            {renderTableHeader()}\n            <GenericTableBody\n              columns={columns}\n              data={data}\n              loading={loading}\n              meta={tableMeta}\n              type={firstColumnStylePosition}\n              onRowClick={onRowClick}\n            />\n          </Table>\n        </HighlightScrollbar>\n      </StyledPaper>\n    </StyledContainer>\n  );\n};\n\nexport default GenericTable;\n"],"names":["StyledContainer","styled","StyledTableCell","TableCell","shouldForwardProp","prop","theme","isSticky","titleVariant","fontSize","fontWeight","typography","fontWeightMedium","color","palette","semantic","text","padding","spacing","whiteSpace","position","zIndex","StyledPaper","Card","StyledTooltip","Tooltip","marginLeft","svg","body1","data","title","subTitle","showTitle","onRowClick","loading","metadata","columns","Set","filter","m","isVisible","sort","a","b","ordinal","map","columnName","tableMeta","reduce","obj","mData","useTheme","isMobile","useMediaQuery","breakpoints","up","firstColumnStylePosition","_jsxs","_jsx","GenericTableTitle","children","HighlightScrollbar","Table","replace","toLowerCase","TableHead","TableRow","Array","from","idx","columnTitle","align","tooltip","placement","IconButton","size","InfoOutlinedIcon","GenericTableBody","meta","type"],"mappings":"ijBA4BA,MAAMA,EAAkBC,EAAAA,OAAO,MAAM;;;;;;;;;;;;;;EAgB/BC,EAAkBD,EAAAA,OAAOE,EAAW,CACxCC,kBAAoBC,GAAkB,aAATA,GAAgC,iBAATA,GAD9BJ,EAEqC,EAAGK,QAAOC,WAAUC,mBAAc,CAC7FC,SAAU,GACVC,WAA6B,UAAjBF,EAA2B,IAAMF,EAAMK,WAAWC,iBAC9DC,MACmB,UAAjBL,EACIF,EAAMQ,QAAQC,SAASC,KAAK,aAC5BV,EAAMQ,QAAQC,SAASC,KAAK,eAClCC,QAASX,EAAMY,QAAQ,KAAM,GAC7BC,WAAY,SACZC,SAAUb,EAAW,SAAW,WAChCc,OAAQd,EAAW,EAAI,WAGnBe,EAAcrB,EAAAA,OAAOsB,EAAK;;EAI1BC,EAAgBvB,EAAAA,OAAOwB,EAAPxB,EAAgB,EAAGK,YAAO,CAC9CoB,WAAYpB,EAAMY,QAAQ,IAC1BS,IAAK,CACHlB,SAAUH,EAAMK,WAAWiB,MAAMnB,6BAIhB,EACnBoB,OACAC,QACAC,WACAC,aAAY,EACZC,aACAC,UACAC,WACA3B,eAAe,cAEf,MAAM4B,EAAU,IAAIC,IAClBF,EACGG,QAAQC,GAAMA,EAAEC,YAChBC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,QAAUD,EAAEC,UAC7BC,KAAKN,GAAMA,EAAEO,cAEZC,EAAYZ,EAASa,QAA+C,CAACC,EAAKC,KAC9ED,EAAIC,EAAMJ,YAAcI,EACjBD,IACN,CAAA,GAEG3C,EAAQ6C,EAAAA,WACRC,GAAYC,EAAc/C,EAAMgD,YAAYC,GAAG,WAG/CC,EAA2BJ,EAAW,SAAW,SAgCvD,OACEK,EAAAA,KAACzD,aACEgC,GAAa0B,EAAAA,IAACC,EAAiB,CAAC5B,SAAUA,EAAUD,MAAOA,IAC5D4B,EAAAA,IAACpC,EAAW,CAAAsC,SACVF,EAAAA,IAACG,EAAkB,CAAAD,SACjBH,EAAAA,KAACK,EAAK,CAAA,aACQhC,EAAK,cACJ,iBAAmBE,EAAY,IAAIF,GAAOiC,QAAQ,IAAK,KAAKC,gBAAkB,IAAGJ,SAAA,CApCtGF,EAAAA,IAACO,EAAS,CAAAL,SACRF,EAAAA,IAACQ,EAAQ,CAAAN,SACNO,MAAMC,KAAKhC,GAASS,KAAI,CAACxC,EAAMgE,KAC9B,MAAMvB,WAAEA,EAAUwB,YAAEA,EAAWC,MAAEA,EAAQ,OAAMC,QAAEA,GAAYzB,EAAU1C,IAAS,CAAA,EAEhF,OACEqD,MAACxD,EAAe,CAEdqE,MAAOA,EACPhE,SAAkB,IAAR8D,IAAcjB,EACxB5C,aAAcA,EAAYoD,SAE1BH,EAAAA,KAAA,MAAA,CAAAG,SAAA,CACEF,EAAAA,IAAA,OAAA,CAAAE,SAAOU,IACNE,GACCd,EAAAA,IAAClC,EAAa,CAACiD,UAAU,cAAc3C,MAAO0C,EAAOZ,SACnDF,EAAAA,IAACgB,EAAU,CAACC,KAAK,iBACfjB,EAAAA,IAACkB,EAAgB,CAAA,cAAa,mBAAmBD,KAAK,eAVzD7B,UAgCPY,EAAAA,IAACmB,EAAgB,CACfzC,QAASA,EACTP,KAAMA,EACNK,QAASA,EACT4C,KAAM/B,EACNgC,KAAMvB,EACNvB,WAAYA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericTable/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Table from '@mui/material/Table';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport Tooltip from '@mui/material/Tooltip';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport GenericTableBody, { type GenericTableColumns } from '../GenericTableBody';\nimport GenericTableTitle from '../GenericTableTitle';\nimport HighlightScrollbar from './HighlightScrollbar';\n\ninterface GenericTableProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  metadata: GenericTableColumns[];\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  showTitle?: boolean;\n  subTitle?: string;\n  title?: string;\n  titleVariant?: 'default' | 'light';\n}\n\nconst StyledContainer = styled('div')`\n  overflow-x: auto;\n  &::-webkit-scrollbar {\n    padding: 2px 0;\n    height: 6px;\n    border: 1px solid #d5d5d5;\n  }\n  &::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #f5f5f5;\n    border-radius: 3px;\n  }\n`;\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) => prop !== 'isSticky' && prop !== 'titleVariant',\n})<{ isSticky: boolean; titleVariant: 'default' | 'light' }>(({ theme, isSticky, titleVariant }) => ({\n  fontSize: 13,\n  fontWeight: titleVariant === 'light' ? 400 : theme.typography.fontWeightMedium,\n  color:\n    titleVariant === 'light'\n      ? theme.palette.semantic.text['text-weak']\n      : theme.palette.semantic.text['text-strong'],\n  padding: theme.spacing(1.25, 2),\n  whiteSpace: 'nowrap',\n  position: isSticky ? 'sticky' : 'relative',\n  zIndex: isSticky ? 1 : 'auto',\n}));\n\nconst StyledPaper = styled(Card)`\n  overflow: hidden;\n`;\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  marginLeft: theme.spacing(0.5),\n  svg: {\n    fontSize: theme.typography.body1.fontSize,\n  },\n}));\n\nconst GenericTable = ({\n  data,\n  title,\n  subTitle,\n  showTitle = true,\n  onRowClick,\n  loading,\n  metadata,\n  titleVariant = 'default',\n}: GenericTableProps) => {\n  const columns = new Set(\n    metadata\n      .filter((m) => m.isVisible)\n      .sort((a, b) => a.ordinal - b.ordinal)\n      .map((m) => m.columnName),\n  );\n  const tableMeta = metadata.reduce<{ [key: string]: GenericTableColumns }>((obj, mData) => {\n    obj[mData.columnName] = mData;\n    return obj;\n  }, {});\n\n  const theme = useTheme();\n  const isMobile = !useMediaQuery(theme.breakpoints.up('tablet'));\n\n  // We never want sticky on mobile - only on desktop\n  const firstColumnStylePosition = isMobile ? 'normal' : 'sticky';\n\n  const renderTableHeader = () => (\n    <TableHead>\n      <TableRow>\n        {Array.from(columns).map((prop, idx) => {\n          const { columnName, columnTitle, align = 'left', tooltip } = tableMeta[prop] || {};\n\n          return (\n            <StyledTableCell\n              key={columnName}\n              align={align}\n              isSticky={idx === 0 && !isMobile}\n              titleVariant={titleVariant}\n            >\n              <div>\n                <span>{columnTitle}</span>\n                {tooltip && (\n                  <StyledTooltip placement=\"right-start\" title={tooltip}>\n                    <IconButton size=\"small\">\n                      <InfoOutlinedIcon data-testid=\"InfoOutlinedIcon\" size=\"sm\" />\n                    </IconButton>\n                  </StyledTooltip>\n                )}\n              </div>\n            </StyledTableCell>\n          );\n        })}\n      </TableRow>\n    </TableHead>\n  );\n\n  return (\n    <StyledContainer>\n      {showTitle && <GenericTableTitle subTitle={subTitle} title={title}></GenericTableTitle>}\n      <StyledPaper>\n        <HighlightScrollbar>\n          <Table\n            aria-label={title}\n            data-testid={`generic-table` + (showTitle ? `-${title?.replace(' ', '-').toLowerCase()}` : '')}\n          >\n            {renderTableHeader()}\n            <GenericTableBody\n              columns={columns}\n              data={data}\n              loading={loading}\n              meta={tableMeta}\n              type={firstColumnStylePosition}\n              onRowClick={onRowClick}\n            />\n          </Table>\n        </HighlightScrollbar>\n      </StyledPaper>\n    </StyledContainer>\n  );\n};\n\nexport default GenericTable;\n"],"names":["StyledContainer","styled","StyledTableCell","TableCell","shouldForwardProp","prop","theme","isSticky","titleVariant","fontSize","fontWeight","typography","fontWeightMedium","color","palette","semantic","text","padding","spacing","whiteSpace","position","zIndex","StyledPaper","Card","StyledTooltip","Tooltip","marginLeft","svg","body1","GenericTable","data","title","subTitle","showTitle","onRowClick","loading","metadata","columns","Set","filter","m","isVisible","sort","a","b","ordinal","map","columnName","tableMeta","reduce","obj","mData","useTheme","isMobile","useMediaQuery","breakpoints","up","firstColumnStylePosition","_jsxs","_jsx","GenericTableTitle","children","HighlightScrollbar","Table","replace","toLowerCase","TableHead","TableRow","Array","from","idx","columnTitle","align","tooltip","placement","IconButton","size","InfoOutlinedIcon","GenericTableBody","meta","type"],"mappings":"qlBA4BA,MAAMA,EAAkBC,EAAO,MAAM;;;;;;;;;;;;;;EAgB/BC,EAAkBD,EAAOE,EAAW,CACxCC,kBAAoBC,GAAkB,aAATA,GAAgC,iBAATA,GAD9BJ,EAEqC,EAAGK,QAAOC,WAAUC,mBAAoB,CACnGC,SAAU,GACVC,WAA6B,UAAjBF,EAA2B,IAAMF,EAAMK,WAAWC,iBAC9DC,MACmB,UAAjBL,EACIF,EAAMQ,QAAQC,SAASC,KAAK,aAC5BV,EAAMQ,QAAQC,SAASC,KAAK,eAClCC,QAASX,EAAMY,QAAQ,KAAM,GAC7BC,WAAY,SACZC,SAAUb,EAAW,SAAW,WAChCc,OAAQd,EAAW,EAAI,WAGnBe,EAAcrB,EAAOsB,EAAK;;EAI1BC,EAAgBvB,EAAOwB,EAAPxB,EAAgB,EAAGK,YAAa,CACpDoB,WAAYpB,EAAMY,QAAQ,IAC1BS,IAAK,CACHlB,SAAUH,EAAMK,WAAWiB,MAAMnB,cAI/BoB,EAAe,EACnBC,OACAC,QACAC,WACAC,aAAY,EACZC,aACAC,UACAC,WACA5B,eAAe,cAEf,MAAM6B,EAAU,IAAIC,IAClBF,EACGG,QAAQC,GAAMA,EAAEC,YAChBC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,QAAUD,EAAEC,UAC7BC,KAAKN,GAAMA,EAAEO,cAEZC,EAAYZ,EAASa,QAA+C,CAACC,EAAKC,KAC9ED,EAAIC,EAAMJ,YAAcI,EACjBD,IACN,IAEG5C,EAAQ8C,IACRC,GAAYC,EAAchD,EAAMiD,YAAYC,GAAG,WAG/CC,EAA2BJ,EAAW,SAAW,SAgCvD,OACEK,EAAC1D,aACEiC,GAAa0B,EAACC,EAAiB,CAAC5B,SAAUA,EAAUD,MAAOA,IAC5D4B,EAACrC,EAAW,CAAAuC,SACVF,EAACG,EAAkB,CAAAD,SACjBH,EAACK,EAAK,CAAA,aACQhC,EACC,cAAA,iBAAmBE,EAAY,IAAIF,GAAOiC,QAAQ,IAAK,KAAKC,gBAAkB,IAE1FJ,SAAA,CAtCTF,EAACO,EAAS,CAAAL,SACRF,EAACQ,EACE,CAAAN,SAAAO,MAAMC,KAAKhC,GAASS,KAAI,CAACzC,EAAMiE,KAC9B,MAAMvB,WAAEA,EAAUwB,YAAEA,EAAWC,MAAEA,EAAQ,OAAMC,QAAEA,GAAYzB,EAAU3C,IAAS,CAAE,EAElF,OACEsD,EAACzD,EAAe,CAEdsE,MAAOA,EACPjE,SAAkB,IAAR+D,IAAcjB,EACxB7C,aAAcA,EAAYqD,SAE1BH,EACE,MAAA,CAAAG,SAAA,CAAAF,EAAA,OAAA,CAAAE,SAAOU,IACNE,GACCd,EAACnC,EAAa,CAACkD,UAAU,cAAc3C,MAAO0C,EAAOZ,SACnDF,EAACgB,EAAW,CAAAC,KAAK,iBACfjB,EAACkB,EAA6B,CAAA,cAAA,mBAAmBD,KAAK,eAVzD7B,UAgCPY,EAACmB,EACC,CAAAzC,QAASA,EACTP,KAAMA,EACNK,QAASA,EACT4C,KAAM/B,EACNgC,KAAMvB,EACNvB,WAAYA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericTable/index.tsx"],"sourcesContent":["import Card from '@mui/material/Card';\nimport IconButton from '@mui/material/IconButton';\nimport { styled, useTheme } from '@mui/material/styles';\nimport Table from '@mui/material/Table';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport Tooltip from '@mui/material/Tooltip';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport InfoOutlinedIcon from '../../icons/InformationCircle';\nimport GenericTableBody, { type GenericTableColumns } from '../GenericTableBody';\nimport GenericTableTitle from '../GenericTableTitle';\nimport HighlightScrollbar from './HighlightScrollbar';\n\ninterface GenericTableProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  metadata: GenericTableColumns[];\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  showTitle?: boolean;\n  subTitle?: string;\n  title?: string;\n  titleVariant?: 'default' | 'light';\n}\n\nconst StyledContainer = styled('div')`\n  overflow-x: auto;\n  &::-webkit-scrollbar {\n    padding: 2px 0;\n    height: 6px;\n    border: 1px solid #d5d5d5;\n  }\n  &::-webkit-scrollbar-track {\n    background: #f1f1f1;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: #f5f5f5;\n    border-radius: 3px;\n  }\n`;\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) => prop !== 'isSticky' && prop !== 'titleVariant',\n})<{ isSticky: boolean; titleVariant: 'default' | 'light' }>(({ theme, isSticky, titleVariant }) => ({\n  fontSize: 13,\n  fontWeight: titleVariant === 'light' ? 400 : theme.typography.fontWeightMedium,\n  color:\n    titleVariant === 'light'\n      ? theme.palette.semantic.text['text-weak']\n      : theme.palette.semantic.text['text-strong'],\n  padding: theme.spacing(1.25, 2),\n  whiteSpace: 'nowrap',\n  position: isSticky ? 'sticky' : 'relative',\n  zIndex: isSticky ? 1 : 'auto',\n}));\n\nconst StyledPaper = styled(Card)`\n  overflow: hidden;\n`;\n\nconst StyledTooltip = styled(Tooltip)(({ theme }) => ({\n  marginLeft: theme.spacing(0.5),\n  svg: {\n    fontSize: theme.typography.body1.fontSize,\n  },\n}));\n\nconst GenericTable = ({\n  data,\n  title,\n  subTitle,\n  showTitle = true,\n  onRowClick,\n  loading,\n  metadata,\n  titleVariant = 'default',\n}: GenericTableProps) => {\n  const columns = new Set(\n    metadata\n      .filter((m) => m.isVisible)\n      .sort((a, b) => a.ordinal - b.ordinal)\n      .map((m) => m.columnName),\n  );\n  const tableMeta = metadata.reduce<{ [key: string]: GenericTableColumns }>((obj, mData) => {\n    obj[mData.columnName] = mData;\n    return obj;\n  }, {});\n\n  const theme = useTheme();\n  const isMobile = !useMediaQuery(theme.breakpoints.up('tablet'));\n\n  // We never want sticky on mobile - only on desktop\n  const firstColumnStylePosition = isMobile ? 'normal' : 'sticky';\n\n  const renderTableHeader = () => (\n    <TableHead>\n      <TableRow>\n        {Array.from(columns).map((prop, idx) => {\n          const { columnName, columnTitle, align = 'left', tooltip } = tableMeta[prop] || {};\n\n          return (\n            <StyledTableCell\n              key={columnName}\n              align={align}\n              isSticky={idx === 0 && !isMobile}\n              titleVariant={titleVariant}\n            >\n              <div>\n                <span>{columnTitle}</span>\n                {tooltip && (\n                  <StyledTooltip placement=\"right-start\" title={tooltip}>\n                    <IconButton size=\"small\">\n                      <InfoOutlinedIcon data-testid=\"InfoOutlinedIcon\" size=\"sm\" />\n                    </IconButton>\n                  </StyledTooltip>\n                )}\n              </div>\n            </StyledTableCell>\n          );\n        })}\n      </TableRow>\n    </TableHead>\n  );\n\n  return (\n    <StyledContainer>\n      {showTitle && <GenericTableTitle subTitle={subTitle} title={title}></GenericTableTitle>}\n      <StyledPaper>\n        <HighlightScrollbar>\n          <Table\n            aria-label={title}\n            data-testid={`generic-table` + (showTitle ? `-${title?.replace(' ', '-').toLowerCase()}` : '')}\n          >\n            {renderTableHeader()}\n            <GenericTableBody\n              columns={columns}\n              data={data}\n              loading={loading}\n              meta={tableMeta}\n              type={firstColumnStylePosition}\n              onRowClick={onRowClick}\n            />\n          </Table>\n        </HighlightScrollbar>\n      </StyledPaper>\n    </StyledContainer>\n  );\n};\n\nexport default GenericTable;\n"],"names":["StyledContainer","styled","StyledTableCell","TableCell","shouldForwardProp","prop","theme","isSticky","titleVariant","fontSize","fontWeight","typography","fontWeightMedium","color","palette","semantic","text","padding","spacing","whiteSpace","position","zIndex","StyledPaper","Card","StyledTooltip","Tooltip","marginLeft","svg","body1","GenericTable","data","title","subTitle","showTitle","onRowClick","loading","metadata","columns","Set","filter","m","isVisible","sort","a","b","ordinal","map","columnName","tableMeta","reduce","obj","mData","useTheme","isMobile","useMediaQuery","breakpoints","up","firstColumnStylePosition","_jsxs","_jsx","GenericTableTitle","children","HighlightScrollbar","Table","replace","toLowerCase","TableHead","TableRow","Array","from","idx","columnTitle","align","tooltip","placement","IconButton","size","InfoOutlinedIcon","GenericTableBody","meta","type"],"mappings":"qlBA4BA,MAAMA,EAAkBC,EAAO,MAAM;;;;;;;;;;;;;;EAgB/BC,EAAkBD,EAAOE,EAAW,CACxCC,kBAAoBC,GAAkB,aAATA,GAAgC,iBAATA,GAD9BJ,EAEqC,EAAGK,QAAOC,WAAUC,mBAAc,CAC7FC,SAAU,GACVC,WAA6B,UAAjBF,EAA2B,IAAMF,EAAMK,WAAWC,iBAC9DC,MACmB,UAAjBL,EACIF,EAAMQ,QAAQC,SAASC,KAAK,aAC5BV,EAAMQ,QAAQC,SAASC,KAAK,eAClCC,QAASX,EAAMY,QAAQ,KAAM,GAC7BC,WAAY,SACZC,SAAUb,EAAW,SAAW,WAChCc,OAAQd,EAAW,EAAI,WAGnBe,EAAcrB,EAAOsB,EAAK;;EAI1BC,EAAgBvB,EAAOwB,EAAPxB,EAAgB,EAAGK,YAAO,CAC9CoB,WAAYpB,EAAMY,QAAQ,IAC1BS,IAAK,CACHlB,SAAUH,EAAMK,WAAWiB,MAAMnB,cAI/BoB,EAAe,EACnBC,OACAC,QACAC,WACAC,aAAY,EACZC,aACAC,UACAC,WACA5B,eAAe,cAEf,MAAM6B,EAAU,IAAIC,IAClBF,EACGG,QAAQC,GAAMA,EAAEC,YAChBC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,QAAUD,EAAEC,UAC7BC,KAAKN,GAAMA,EAAEO,cAEZC,EAAYZ,EAASa,QAA+C,CAACC,EAAKC,KAC9ED,EAAIC,EAAMJ,YAAcI,EACjBD,IACN,CAAA,GAEG5C,EAAQ8C,IACRC,GAAYC,EAAchD,EAAMiD,YAAYC,GAAG,WAG/CC,EAA2BJ,EAAW,SAAW,SAgCvD,OACEK,EAAC1D,aACEiC,GAAa0B,EAACC,EAAiB,CAAC5B,SAAUA,EAAUD,MAAOA,IAC5D4B,EAACrC,EAAW,CAAAuC,SACVF,EAACG,EAAkB,CAAAD,SACjBH,EAACK,EAAK,CAAA,aACQhC,EAAK,cACJ,iBAAmBE,EAAY,IAAIF,GAAOiC,QAAQ,IAAK,KAAKC,gBAAkB,IAAGJ,SAAA,CApCtGF,EAACO,EAAS,CAAAL,SACRF,EAACQ,EAAQ,CAAAN,SACNO,MAAMC,KAAKhC,GAASS,KAAI,CAACzC,EAAMiE,KAC9B,MAAMvB,WAAEA,EAAUwB,YAAEA,EAAWC,MAAEA,EAAQ,OAAMC,QAAEA,GAAYzB,EAAU3C,IAAS,CAAA,EAEhF,OACEsD,EAACzD,EAAe,CAEdsE,MAAOA,EACPjE,SAAkB,IAAR+D,IAAcjB,EACxB7C,aAAcA,EAAYqD,SAE1BH,EAAA,MAAA,CAAAG,SAAA,CACEF,EAAA,OAAA,CAAAE,SAAOU,IACNE,GACCd,EAACnC,EAAa,CAACkD,UAAU,cAAc3C,MAAO0C,EAAOZ,SACnDF,EAACgB,EAAU,CAACC,KAAK,iBACfjB,EAACkB,EAAgB,CAAA,cAAa,mBAAmBD,KAAK,eAVzD7B,UAgCPY,EAACmB,EAAgB,CACfzC,QAASA,EACTP,KAAMA,EACNK,QAASA,EACT4C,KAAM/B,EACNgC,KAAMvB,EACNvB,WAAYA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTableBody/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Skeleton from '@mui/material/Skeleton';\nimport { styled } from '@mui/material/styles';\nimport MuiTableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\n\nimport GenericTableBodyRow from '../GenericTableBodyRow';\n\nexport interface GenericTableColumns {\n  columnName: string;\n  columnTitle: string;\n  columnType: 'Custom' | 'String';\n  align?: 'left' | 'right';\n  isVisible: boolean;\n  ordinal: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customComponent?: (data: any, row: any) => JSX.Element;\n  tooltip?: string;\n  hideWhenEmpty?: boolean;\n}\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) =>\n    prop !== 'align' &&\n    prop !== 'titleCell' &&\n    prop !== 'warning' &&\n    prop !== 'sticky' &&\n    prop !== 'isTitleRow',\n})<{ align: string; titleCell: boolean; warning: boolean; sticky: boolean; isTitleRow: boolean }>(\n  ({ align, titleCell, warning, sticky, isTitleRow }) => ({\n    textAlign: align,\n    fontWeight: titleCell || isTitleRow ? 'bold' : 'normal',\n    backgroundColor: warning ? '#ffcccb' : 'inherit',\n    position: sticky ? 'sticky' : 'static',\n  }),\n);\n\nexport interface TableCellProps {\n  colIdx: number;\n  colName: string;\n  hasWarning?: boolean;\n  hasTitle?: boolean;\n  meta: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: Record<string, any>;\n  type: 'normal' | 'sticky';\n}\n\nconst RenderTableCell: React.FC<TableCellProps> = ({\n  colIdx,\n  colName,\n  hasWarning,\n  hasTitle,\n  meta,\n  row,\n  type,\n}) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const prop = row[colName];\n  const align = meta[colName]?.align ?? 'left';\n  const hideWhenEmpty = meta[colName]?.hideWhenEmpty ?? false;\n  const fallbackValue = hideWhenEmpty ? '' : '-';\n  const tableCellProps = {\n    align,\n    warning: hasWarning ?? false,\n    titleCell: hasTitle ?? false,\n    sticky: type === 'sticky' && colIdx === 0,\n    'data-testid': `col-${colName}`,\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    isTitleRow: row['isTitleRow'] ?? false,\n  };\n\n  // When prop is a React element render it as is\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n  if (React.isValidElement(prop)) {\n    return <StyledTableCell {...tableCellProps}>{prop}</StyledTableCell>;\n  }\n\n  switch (meta[colName]?.columnType) {\n    case 'String':\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n    case 'Custom':\n      return (\n        <StyledTableCell {...tableCellProps}>\n          {prop ? meta[colName]?.customComponent?.(prop, row) : fallbackValue}\n        </StyledTableCell>\n      );\n    default:\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n  }\n};\n\ninterface TableBodyProps {\n  columns: Set<string>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  meta?: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  type: 'normal' | 'sticky';\n}\n\nconst GenericTableBody: React.FC<TableBodyProps> = ({ columns, data, loading, type, onRowClick, meta }) => {\n  const rowsPerPage = 5;\n  return (\n    <MuiTableBody>\n      {loading\n        ? Array.from(Array(rowsPerPage)).map((_, idx) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <TableRow key={`row-loader-${idx}`} data-testid=\"row-loader\">\n              {Array.from(columns).map((columnName, colIdx) => (\n                <StyledTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`col-${columnName}-loader-${colIdx}`}\n                  align={'left'}\n                  data-testid={`col-${columnName}`}\n                  isTitleRow={false}\n                  sticky={false}\n                  titleCell={false}\n                  warning={false}\n                >\n                  <Skeleton height={22} width=\"90%\" />\n                </StyledTableCell>\n              ))}\n            </TableRow>\n          ))\n        : data?.map((row, rowIdx) => (\n            <GenericTableBodyRow\n              // eslint-disable-next-line react/no-array-index-key\n              key={`row-${rowIdx}`}\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              row={row}\n              tableRowTestKey={rowIdx.toString()}\n              onRowClick={onRowClick}\n            >\n              {Array.from(columns).map((colName, colIdx) => (\n                <RenderTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`cell-${colName}-${colIdx}`}\n                  colIdx={colIdx}\n                  colName={colName}\n                  meta={meta ?? {}}\n                  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n                  row={row}\n                  type={type}\n                />\n              ))}\n            </GenericTableBodyRow>\n          ))}\n    </MuiTableBody>\n  );\n};\n\nexport default GenericTableBody;\n"],"names":["StyledTableCell","styled","TableCell","shouldForwardProp","prop","align","titleCell","warning","sticky","isTitleRow","textAlign","fontWeight","backgroundColor","position","RenderTableCell","colIdx","colName","hasWarning","hasTitle","meta","row","type","fallbackValue","hideWhenEmpty","tableCellProps","React","isValidElement","_jsx","children","columnType","jsx","customComponent","columns","data","loading","onRowClick","MuiTableBody","Array","from","map","_","idx","TableRow","columnName","Skeleton","height","width","rowIdx","GenericTableBodyRow","tableRowTestKey","toString"],"mappings":"wSAuBA,MAAMA,EAAkBC,EAAMA,OAACC,EAAW,CACxCC,kBAAoBC,GACT,UAATA,GACS,cAATA,GACS,YAATA,GACS,WAATA,GACS,eAATA,GANoBH,EAQtB,EAAGI,QAAOC,YAAWC,UAASC,SAAQC,iBAAkB,CACtDC,UAAWL,EACXM,WAAYL,GAAaG,EAAa,OAAS,SAC/CG,gBAAiBL,EAAU,UAAY,UACvCM,SAAUL,EAAS,SAAW,aAe5BM,EAA4C,EAChDC,SACAC,UACAC,aACAC,WACAC,OACAC,MACAC,WAGA,MAAMjB,EAAOgB,EAAIJ,GACXX,EAAQc,EAAKH,IAAUX,OAAS,OAEhCiB,EADgBH,EAAKH,IAAUO,gBAAiB,EAChB,GAAK,IACrCC,EAAiB,CACrBnB,QACAE,QAASU,IAAc,EACvBX,UAAWY,IAAY,EACvBV,OAAiB,WAATa,GAAgC,IAAXN,EAC7B,cAAe,OAAOC,IAEtBP,WAAYW,EAAgB,aAAK,GAKnC,GAAIK,EAAMC,eAAetB,GACvB,OAAOuB,EAAAA,IAAC3B,EAAe,IAAKwB,EAAiBI,SAAAxB,IAG/C,OAAQe,EAAKH,IAAUa,YACrB,IAAK,SAQL,QACE,OAAOF,EAAAA,IAAC3B,EAAoB,IAAAwB,WAAiBpB,GAAQkB,IAPvD,IAAK,SACH,OACEK,EAAAG,IAAC9B,EAAe,IAAKwB,EAAcI,SAChCxB,EAAOe,EAAKH,IAAUe,kBAAkB3B,EAAMgB,GAAOE,qBAmBb,EAAGU,UAASC,OAAMC,UAASb,OAAMc,aAAYhB,UAG5FQ,EAAAG,IAACM,EAAY,CAAAR,SACVM,EACGG,MAAMC,KAAKD,MAJC,IAImBE,KAAI,CAACC,EAAGC,IAErCd,EAAAA,IAACe,iBAA+C,aAAYd,SACzDS,MAAMC,KAAKN,GAASO,KAAI,CAACI,EAAY5B,IACpCY,EAAAA,IAAC3B,GAGCK,MAAO,OACM,cAAA,OAAOsC,IACpBlC,YAAY,EACZD,QAAQ,EACRF,WAAW,EACXC,SAAS,EAETqB,SAAAD,MAACiB,EAAS,CAAAC,OAAQ,GAAIC,MAAM,SARvB,OAAOH,YAAqB5B,QAJxB,cAAc0B,OAiB/BR,GAAMM,KAAI,CAACnB,EAAK2B,IACdpB,EAAAA,IAACqB,GAIC5B,IAAKA,EACL6B,gBAAiBF,EAAOG,WACxBf,WAAYA,WAEXE,MAAMC,KAAKN,GAASO,KAAI,CAACvB,EAASD,IACjCY,MAACb,GAGCC,OAAQA,EACRC,QAASA,EACTG,KAAMA,GAAQ,CAAE,EAEhBC,IAAKA,EACLC,KAAMA,GAND,QAAQL,KAAWD,QATvB,OAAOgC"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTableBody/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Skeleton from '@mui/material/Skeleton';\nimport { styled } from '@mui/material/styles';\nimport MuiTableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\n\nimport GenericTableBodyRow from '../GenericTableBodyRow';\n\nexport interface GenericTableColumns {\n  columnName: string;\n  columnTitle: string;\n  columnType: 'Custom' | 'String';\n  align?: 'left' | 'right';\n  isVisible: boolean;\n  ordinal: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customComponent?: (data: any, row: any) => JSX.Element;\n  tooltip?: string;\n  hideWhenEmpty?: boolean;\n}\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) =>\n    prop !== 'align' &&\n    prop !== 'titleCell' &&\n    prop !== 'warning' &&\n    prop !== 'sticky' &&\n    prop !== 'isTitleRow',\n})<{ align: string; titleCell: boolean; warning: boolean; sticky: boolean; isTitleRow: boolean }>(\n  ({ align, titleCell, warning, sticky, isTitleRow }) => ({\n    textAlign: align,\n    fontWeight: titleCell || isTitleRow ? 'bold' : 'normal',\n    backgroundColor: warning ? '#ffcccb' : 'inherit',\n    position: sticky ? 'sticky' : 'static',\n  }),\n);\n\nexport interface TableCellProps {\n  colIdx: number;\n  colName: string;\n  hasWarning?: boolean;\n  hasTitle?: boolean;\n  meta: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: Record<string, any>;\n  type: 'normal' | 'sticky';\n}\n\nconst RenderTableCell: React.FC<TableCellProps> = ({\n  colIdx,\n  colName,\n  hasWarning,\n  hasTitle,\n  meta,\n  row,\n  type,\n}) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const prop = row[colName];\n  const align = meta[colName]?.align ?? 'left';\n  const hideWhenEmpty = meta[colName]?.hideWhenEmpty ?? false;\n  const fallbackValue = hideWhenEmpty ? '' : '-';\n  const tableCellProps = {\n    align,\n    warning: hasWarning ?? false,\n    titleCell: hasTitle ?? false,\n    sticky: type === 'sticky' && colIdx === 0,\n    'data-testid': `col-${colName}`,\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    isTitleRow: row['isTitleRow'] ?? false,\n  };\n\n  // When prop is a React element render it as is\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n  if (React.isValidElement(prop)) {\n    return <StyledTableCell {...tableCellProps}>{prop}</StyledTableCell>;\n  }\n\n  switch (meta[colName]?.columnType) {\n    case 'String':\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n    case 'Custom':\n      return (\n        <StyledTableCell {...tableCellProps}>\n          {prop ? meta[colName]?.customComponent?.(prop, row) : fallbackValue}\n        </StyledTableCell>\n      );\n    default:\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n  }\n};\n\ninterface TableBodyProps {\n  columns: Set<string>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  meta?: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  type: 'normal' | 'sticky';\n}\n\nconst GenericTableBody: React.FC<TableBodyProps> = ({ columns, data, loading, type, onRowClick, meta }) => {\n  const rowsPerPage = 5;\n  return (\n    <MuiTableBody>\n      {loading\n        ? Array.from(Array(rowsPerPage)).map((_, idx) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <TableRow key={`row-loader-${idx}`} data-testid=\"row-loader\">\n              {Array.from(columns).map((columnName, colIdx) => (\n                <StyledTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`col-${columnName}-loader-${colIdx}`}\n                  align={'left'}\n                  data-testid={`col-${columnName}`}\n                  isTitleRow={false}\n                  sticky={false}\n                  titleCell={false}\n                  warning={false}\n                >\n                  <Skeleton height={22} width=\"90%\" />\n                </StyledTableCell>\n              ))}\n            </TableRow>\n          ))\n        : data?.map((row, rowIdx) => (\n            <GenericTableBodyRow\n              // eslint-disable-next-line react/no-array-index-key\n              key={`row-${rowIdx}`}\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              row={row}\n              tableRowTestKey={rowIdx.toString()}\n              onRowClick={onRowClick}\n            >\n              {Array.from(columns).map((colName, colIdx) => (\n                <RenderTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`cell-${colName}-${colIdx}`}\n                  colIdx={colIdx}\n                  colName={colName}\n                  meta={meta ?? {}}\n                  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n                  row={row}\n                  type={type}\n                />\n              ))}\n            </GenericTableBodyRow>\n          ))}\n    </MuiTableBody>\n  );\n};\n\nexport default GenericTableBody;\n"],"names":["StyledTableCell","styled","TableCell","shouldForwardProp","prop","align","titleCell","warning","sticky","isTitleRow","textAlign","fontWeight","backgroundColor","position","RenderTableCell","colIdx","colName","hasWarning","hasTitle","meta","row","type","fallbackValue","hideWhenEmpty","tableCellProps","React","isValidElement","_jsx","children","columnType","customComponent","columns","data","loading","onRowClick","MuiTableBody","Array","from","map","_","idx","TableRow","columnName","Skeleton","height","width","rowIdx","GenericTableBodyRow","tableRowTestKey","toString"],"mappings":"wSAuBA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAW,CACxCC,kBAAoBC,GACT,UAATA,GACS,cAATA,GACS,YAATA,GACS,WAATA,GACS,eAATA,GANoBH,EAQtB,EAAGI,QAAOC,YAAWC,UAASC,SAAQC,iBAAY,CAChDC,UAAWL,EACXM,WAAYL,GAAaG,EAAa,OAAS,SAC/CG,gBAAiBL,EAAU,UAAY,UACvCM,SAAUL,EAAS,SAAW,aAe5BM,EAA4C,EAChDC,SACAC,UACAC,aACAC,WACAC,OACAC,MACAC,WAGA,MAAMjB,EAAOgB,EAAIJ,GACXX,EAAQc,EAAKH,IAAUX,OAAS,OAEhCiB,EADgBH,EAAKH,IAAUO,gBAAiB,EAChB,GAAK,IACrCC,EAAiB,CACrBnB,QACAE,QAASU,IAAc,EACvBX,UAAWY,IAAY,EACvBV,OAAiB,WAATa,GAAgC,IAAXN,EAC7B,cAAe,OAAOC,IAEtBP,WAAYW,EAAgB,aAAK,GAKnC,GAAIK,EAAMC,eAAetB,GACvB,OAAOuB,EAAAA,IAAC3B,EAAe,IAAKwB,EAAcI,SAAGxB,IAG/C,OAAQe,EAAKH,IAAUa,YACrB,IAAK,SAQL,QACE,OAAOF,EAAAA,IAAC3B,EAAe,IAAKwB,WAAiBpB,GAAQkB,IAPvD,IAAK,SACH,OACEK,EAAAA,IAAC3B,EAAe,IAAKwB,EAAcI,SAChCxB,EAAOe,EAAKH,IAAUc,kBAAkB1B,EAAMgB,GAAOE,qBAmBb,EAAGS,UAASC,OAAMC,UAASZ,OAAMa,aAAYf,UAG5FQ,EAAAA,IAACQ,EAAY,CAAAP,SACVK,EACGG,MAAMC,KAAKD,MAJC,IAImBE,KAAI,CAACC,EAAGC,IAErCb,EAAAA,IAACc,iBAA+C,aAAYb,SACzDQ,MAAMC,KAAKN,GAASO,KAAI,CAACI,EAAY3B,IACpCY,EAAAA,IAAC3B,GAGCK,MAAO,OAAM,cACA,OAAOqC,IACpBjC,YAAY,EACZD,QAAQ,EACRF,WAAW,EACXC,SAAS,EAAKqB,SAEdD,MAACgB,EAAQ,CAACC,OAAQ,GAAIC,MAAM,SARvB,OAAOH,YAAqB3B,QAJxB,cAAcyB,OAiB/BR,GAAMM,KAAI,CAAClB,EAAK0B,IACdnB,EAAAA,IAACoB,GAIC3B,IAAKA,EACL4B,gBAAiBF,EAAOG,WACxBf,WAAYA,WAEXE,MAAMC,KAAKN,GAASO,KAAI,CAACtB,EAASD,IACjCY,MAACb,GAGCC,OAAQA,EACRC,QAASA,EACTG,KAAMA,GAAQ,CAAA,EAEdC,IAAKA,EACLC,KAAMA,GAND,QAAQL,KAAWD,QATvB,OAAO+B"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericTableBody/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Skeleton from '@mui/material/Skeleton';\nimport { styled } from '@mui/material/styles';\nimport MuiTableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\n\nimport GenericTableBodyRow from '../GenericTableBodyRow';\n\nexport interface GenericTableColumns {\n  columnName: string;\n  columnTitle: string;\n  columnType: 'Custom' | 'String';\n  align?: 'left' | 'right';\n  isVisible: boolean;\n  ordinal: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customComponent?: (data: any, row: any) => JSX.Element;\n  tooltip?: string;\n  hideWhenEmpty?: boolean;\n}\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) =>\n    prop !== 'align' &&\n    prop !== 'titleCell' &&\n    prop !== 'warning' &&\n    prop !== 'sticky' &&\n    prop !== 'isTitleRow',\n})<{ align: string; titleCell: boolean; warning: boolean; sticky: boolean; isTitleRow: boolean }>(\n  ({ align, titleCell, warning, sticky, isTitleRow }) => ({\n    textAlign: align,\n    fontWeight: titleCell || isTitleRow ? 'bold' : 'normal',\n    backgroundColor: warning ? '#ffcccb' : 'inherit',\n    position: sticky ? 'sticky' : 'static',\n  }),\n);\n\nexport interface TableCellProps {\n  colIdx: number;\n  colName: string;\n  hasWarning?: boolean;\n  hasTitle?: boolean;\n  meta: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: Record<string, any>;\n  type: 'normal' | 'sticky';\n}\n\nconst RenderTableCell: React.FC<TableCellProps> = ({\n  colIdx,\n  colName,\n  hasWarning,\n  hasTitle,\n  meta,\n  row,\n  type,\n}) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const prop = row[colName];\n  const align = meta[colName]?.align ?? 'left';\n  const hideWhenEmpty = meta[colName]?.hideWhenEmpty ?? false;\n  const fallbackValue = hideWhenEmpty ? '' : '-';\n  const tableCellProps = {\n    align,\n    warning: hasWarning ?? false,\n    titleCell: hasTitle ?? false,\n    sticky: type === 'sticky' && colIdx === 0,\n    'data-testid': `col-${colName}`,\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    isTitleRow: row['isTitleRow'] ?? false,\n  };\n\n  // When prop is a React element render it as is\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n  if (React.isValidElement(prop)) {\n    return <StyledTableCell {...tableCellProps}>{prop}</StyledTableCell>;\n  }\n\n  switch (meta[colName]?.columnType) {\n    case 'String':\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n    case 'Custom':\n      return (\n        <StyledTableCell {...tableCellProps}>\n          {prop ? meta[colName]?.customComponent?.(prop, row) : fallbackValue}\n        </StyledTableCell>\n      );\n    default:\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n  }\n};\n\ninterface TableBodyProps {\n  columns: Set<string>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  meta?: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  type: 'normal' | 'sticky';\n}\n\nconst GenericTableBody: React.FC<TableBodyProps> = ({ columns, data, loading, type, onRowClick, meta }) => {\n  const rowsPerPage = 5;\n  return (\n    <MuiTableBody>\n      {loading\n        ? Array.from(Array(rowsPerPage)).map((_, idx) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <TableRow key={`row-loader-${idx}`} data-testid=\"row-loader\">\n              {Array.from(columns).map((columnName, colIdx) => (\n                <StyledTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`col-${columnName}-loader-${colIdx}`}\n                  align={'left'}\n                  data-testid={`col-${columnName}`}\n                  isTitleRow={false}\n                  sticky={false}\n                  titleCell={false}\n                  warning={false}\n                >\n                  <Skeleton height={22} width=\"90%\" />\n                </StyledTableCell>\n              ))}\n            </TableRow>\n          ))\n        : data?.map((row, rowIdx) => (\n            <GenericTableBodyRow\n              // eslint-disable-next-line react/no-array-index-key\n              key={`row-${rowIdx}`}\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              row={row}\n              tableRowTestKey={rowIdx.toString()}\n              onRowClick={onRowClick}\n            >\n              {Array.from(columns).map((colName, colIdx) => (\n                <RenderTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`cell-${colName}-${colIdx}`}\n                  colIdx={colIdx}\n                  colName={colName}\n                  meta={meta ?? {}}\n                  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n                  row={row}\n                  type={type}\n                />\n              ))}\n            </GenericTableBodyRow>\n          ))}\n    </MuiTableBody>\n  );\n};\n\nexport default GenericTableBody;\n"],"names":["StyledTableCell","styled","TableCell","shouldForwardProp","prop","align","titleCell","warning","sticky","isTitleRow","textAlign","fontWeight","backgroundColor","position","RenderTableCell","colIdx","colName","hasWarning","hasTitle","meta","row","type","fallbackValue","hideWhenEmpty","tableCellProps","React","isValidElement","_jsx","children","columnType","customComponent","GenericTableBody","columns","data","loading","onRowClick","MuiTableBody","Array","from","map","_","idx","TableRow","columnName","Skeleton","height","width","rowIdx","GenericTableBodyRow","tableRowTestKey","toString"],"mappings":"oTAuBA,MAAMA,EAAkBC,EAAOC,EAAW,CACxCC,kBAAoBC,GACT,UAATA,GACS,cAATA,GACS,YAATA,GACS,WAATA,GACS,eAATA,GANoBH,EAQtB,EAAGI,QAAOC,YAAWC,UAASC,SAAQC,iBAAkB,CACtDC,UAAWL,EACXM,WAAYL,GAAaG,EAAa,OAAS,SAC/CG,gBAAiBL,EAAU,UAAY,UACvCM,SAAUL,EAAS,SAAW,aAe5BM,EAA4C,EAChDC,SACAC,UACAC,aACAC,WACAC,OACAC,MACAC,WAGA,MAAMjB,EAAOgB,EAAIJ,GACXX,EAAQc,EAAKH,IAAUX,OAAS,OAEhCiB,EADgBH,EAAKH,IAAUO,gBAAiB,EAChB,GAAK,IACrCC,EAAiB,CACrBnB,QACAE,QAASU,IAAc,EACvBX,UAAWY,IAAY,EACvBV,OAAiB,WAATa,GAAgC,IAAXN,EAC7B,cAAe,OAAOC,IAEtBP,WAAYW,EAAgB,aAAK,GAKnC,GAAIK,EAAMC,eAAetB,GACvB,OAAOuB,EAAC3B,EAAe,IAAKwB,EAAiBI,SAAAxB,IAG/C,OAAQe,EAAKH,IAAUa,YACrB,IAAK,SAQL,QACE,OAAOF,EAAC3B,EAAoB,IAAAwB,WAAiBpB,GAAQkB,IAPvD,IAAK,SACH,OACEK,EAAC3B,EAAe,IAAKwB,EAAcI,SAChCxB,EAAOe,EAAKH,IAAUc,kBAAkB1B,EAAMgB,GAAOE,MAmB1DS,EAA6C,EAAGC,UAASC,OAAMC,UAASb,OAAMc,aAAYhB,UAG5FQ,EAACS,EAAY,CAAAR,SACVM,EACGG,MAAMC,KAAKD,MAJC,IAImBE,KAAI,CAACC,EAAGC,IAErCd,EAACe,iBAA+C,aAAYd,SACzDS,MAAMC,KAAKN,GAASO,KAAI,CAACI,EAAY5B,IACpCY,EAAC3B,GAGCK,MAAO,OACM,cAAA,OAAOsC,IACpBlC,YAAY,EACZD,QAAQ,EACRF,WAAW,EACXC,SAAS,EAETqB,SAAAD,EAACiB,EAAS,CAAAC,OAAQ,GAAIC,MAAM,SARvB,OAAOH,YAAqB5B,QAJxB,cAAc0B,OAiB/BR,GAAMM,KAAI,CAACnB,EAAK2B,IACdpB,EAACqB,GAIC5B,IAAKA,EACL6B,gBAAiBF,EAAOG,WACxBf,WAAYA,WAEXE,MAAMC,KAAKN,GAASO,KAAI,CAACvB,EAASD,IACjCY,EAACb,GAGCC,OAAQA,EACRC,QAASA,EACTG,KAAMA,GAAQ,CAAE,EAEhBC,IAAKA,EACLC,KAAMA,GAND,QAAQL,KAAWD,QATvB,OAAOgC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericTableBody/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Skeleton from '@mui/material/Skeleton';\nimport { styled } from '@mui/material/styles';\nimport MuiTableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\n\nimport GenericTableBodyRow from '../GenericTableBodyRow';\n\nexport interface GenericTableColumns {\n  columnName: string;\n  columnTitle: string;\n  columnType: 'Custom' | 'String';\n  align?: 'left' | 'right';\n  isVisible: boolean;\n  ordinal: number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  customComponent?: (data: any, row: any) => JSX.Element;\n  tooltip?: string;\n  hideWhenEmpty?: boolean;\n}\n\nconst StyledTableCell = styled(TableCell, {\n  shouldForwardProp: (prop) =>\n    prop !== 'align' &&\n    prop !== 'titleCell' &&\n    prop !== 'warning' &&\n    prop !== 'sticky' &&\n    prop !== 'isTitleRow',\n})<{ align: string; titleCell: boolean; warning: boolean; sticky: boolean; isTitleRow: boolean }>(\n  ({ align, titleCell, warning, sticky, isTitleRow }) => ({\n    textAlign: align,\n    fontWeight: titleCell || isTitleRow ? 'bold' : 'normal',\n    backgroundColor: warning ? '#ffcccb' : 'inherit',\n    position: sticky ? 'sticky' : 'static',\n  }),\n);\n\nexport interface TableCellProps {\n  colIdx: number;\n  colName: string;\n  hasWarning?: boolean;\n  hasTitle?: boolean;\n  meta: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: Record<string, any>;\n  type: 'normal' | 'sticky';\n}\n\nconst RenderTableCell: React.FC<TableCellProps> = ({\n  colIdx,\n  colName,\n  hasWarning,\n  hasTitle,\n  meta,\n  row,\n  type,\n}) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const prop = row[colName];\n  const align = meta[colName]?.align ?? 'left';\n  const hideWhenEmpty = meta[colName]?.hideWhenEmpty ?? false;\n  const fallbackValue = hideWhenEmpty ? '' : '-';\n  const tableCellProps = {\n    align,\n    warning: hasWarning ?? false,\n    titleCell: hasTitle ?? false,\n    sticky: type === 'sticky' && colIdx === 0,\n    'data-testid': `col-${colName}`,\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n    isTitleRow: row['isTitleRow'] ?? false,\n  };\n\n  // When prop is a React element render it as is\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n  if (React.isValidElement(prop)) {\n    return <StyledTableCell {...tableCellProps}>{prop}</StyledTableCell>;\n  }\n\n  switch (meta[colName]?.columnType) {\n    case 'String':\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n    case 'Custom':\n      return (\n        <StyledTableCell {...tableCellProps}>\n          {prop ? meta[colName]?.customComponent?.(prop, row) : fallbackValue}\n        </StyledTableCell>\n      );\n    default:\n      return <StyledTableCell {...tableCellProps}>{prop ?? fallbackValue}</StyledTableCell>;\n  }\n};\n\ninterface TableBodyProps {\n  columns: Set<string>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data?: any[];\n  loading?: boolean;\n  meta?: { [key: string]: GenericTableColumns };\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  type: 'normal' | 'sticky';\n}\n\nconst GenericTableBody: React.FC<TableBodyProps> = ({ columns, data, loading, type, onRowClick, meta }) => {\n  const rowsPerPage = 5;\n  return (\n    <MuiTableBody>\n      {loading\n        ? Array.from(Array(rowsPerPage)).map((_, idx) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <TableRow key={`row-loader-${idx}`} data-testid=\"row-loader\">\n              {Array.from(columns).map((columnName, colIdx) => (\n                <StyledTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`col-${columnName}-loader-${colIdx}`}\n                  align={'left'}\n                  data-testid={`col-${columnName}`}\n                  isTitleRow={false}\n                  sticky={false}\n                  titleCell={false}\n                  warning={false}\n                >\n                  <Skeleton height={22} width=\"90%\" />\n                </StyledTableCell>\n              ))}\n            </TableRow>\n          ))\n        : data?.map((row, rowIdx) => (\n            <GenericTableBodyRow\n              // eslint-disable-next-line react/no-array-index-key\n              key={`row-${rowIdx}`}\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              row={row}\n              tableRowTestKey={rowIdx.toString()}\n              onRowClick={onRowClick}\n            >\n              {Array.from(columns).map((colName, colIdx) => (\n                <RenderTableCell\n                  // eslint-disable-next-line react/no-array-index-key\n                  key={`cell-${colName}-${colIdx}`}\n                  colIdx={colIdx}\n                  colName={colName}\n                  meta={meta ?? {}}\n                  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n                  row={row}\n                  type={type}\n                />\n              ))}\n            </GenericTableBodyRow>\n          ))}\n    </MuiTableBody>\n  );\n};\n\nexport default GenericTableBody;\n"],"names":["StyledTableCell","styled","TableCell","shouldForwardProp","prop","align","titleCell","warning","sticky","isTitleRow","textAlign","fontWeight","backgroundColor","position","RenderTableCell","colIdx","colName","hasWarning","hasTitle","meta","row","type","fallbackValue","hideWhenEmpty","tableCellProps","React","isValidElement","_jsx","children","columnType","customComponent","GenericTableBody","columns","data","loading","onRowClick","MuiTableBody","Array","from","map","_","idx","TableRow","columnName","Skeleton","height","width","rowIdx","GenericTableBodyRow","tableRowTestKey","toString"],"mappings":"oTAuBA,MAAMA,EAAkBC,EAAOC,EAAW,CACxCC,kBAAoBC,GACT,UAATA,GACS,cAATA,GACS,YAATA,GACS,WAATA,GACS,eAATA,GANoBH,EAQtB,EAAGI,QAAOC,YAAWC,UAASC,SAAQC,iBAAY,CAChDC,UAAWL,EACXM,WAAYL,GAAaG,EAAa,OAAS,SAC/CG,gBAAiBL,EAAU,UAAY,UACvCM,SAAUL,EAAS,SAAW,aAe5BM,EAA4C,EAChDC,SACAC,UACAC,aACAC,WACAC,OACAC,MACAC,WAGA,MAAMjB,EAAOgB,EAAIJ,GACXX,EAAQc,EAAKH,IAAUX,OAAS,OAEhCiB,EADgBH,EAAKH,IAAUO,gBAAiB,EAChB,GAAK,IACrCC,EAAiB,CACrBnB,QACAE,QAASU,IAAc,EACvBX,UAAWY,IAAY,EACvBV,OAAiB,WAATa,GAAgC,IAAXN,EAC7B,cAAe,OAAOC,IAEtBP,WAAYW,EAAgB,aAAK,GAKnC,GAAIK,EAAMC,eAAetB,GACvB,OAAOuB,EAAC3B,EAAe,IAAKwB,EAAcI,SAAGxB,IAG/C,OAAQe,EAAKH,IAAUa,YACrB,IAAK,SAQL,QACE,OAAOF,EAAC3B,EAAe,IAAKwB,WAAiBpB,GAAQkB,IAPvD,IAAK,SACH,OACEK,EAAC3B,EAAe,IAAKwB,EAAcI,SAChCxB,EAAOe,EAAKH,IAAUc,kBAAkB1B,EAAMgB,GAAOE,MAmB1DS,EAA6C,EAAGC,UAASC,OAAMC,UAASb,OAAMc,aAAYhB,UAG5FQ,EAACS,EAAY,CAAAR,SACVM,EACGG,MAAMC,KAAKD,MAJC,IAImBE,KAAI,CAACC,EAAGC,IAErCd,EAACe,iBAA+C,aAAYd,SACzDS,MAAMC,KAAKN,GAASO,KAAI,CAACI,EAAY5B,IACpCY,EAAC3B,GAGCK,MAAO,OAAM,cACA,OAAOsC,IACpBlC,YAAY,EACZD,QAAQ,EACRF,WAAW,EACXC,SAAS,EAAKqB,SAEdD,EAACiB,EAAQ,CAACC,OAAQ,GAAIC,MAAM,SARvB,OAAOH,YAAqB5B,QAJxB,cAAc0B,OAiB/BR,GAAMM,KAAI,CAACnB,EAAK2B,IACdpB,EAACqB,GAIC5B,IAAKA,EACL6B,gBAAiBF,EAAOG,WACxBf,WAAYA,WAEXE,MAAMC,KAAKN,GAASO,KAAI,CAACvB,EAASD,IACjCY,EAACb,GAGCC,OAAQA,EACRC,QAASA,EACTG,KAAMA,GAAQ,CAAA,EAEdC,IAAKA,EACLC,KAAMA,GAND,QAAQL,KAAWD,QATvB,OAAOgC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTableBodyRow/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\nimport TableRow from '@mui/material/TableRow';\n\nexport interface TableBodyRowProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: any;\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  tableRowTestKey: string;\n}\n\nconst StyledTableRow = styled(TableRow, {\n  shouldForwardProp: (prop) => prop !== 'isTitleRow',\n})<{ isTitleRow: boolean }>(({ theme, isTitleRow }) => {\n  if (!isTitleRow) {\n    return {};\n  }\n\n  return {\n    backgroundColor: theme.palette.semantic.background['background-sunken'],\n  };\n});\n\ntype TableBodyRowProp = TableBodyRowProps & { children: React.ReactNode };\n\nconst GenericTableBodyRow: React.FC<React.PropsWithChildren<TableBodyRowProp>> = (props) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const { onRowClick, row, children, tableRowTestKey } = props;\n\n  const onClick = (event: React.MouseEvent<HTMLTableRowElement>): void => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n    event.preventDefault();\n    onRowClick?.(row);\n  };\n\n  if (onRowClick) {\n    return (\n      <StyledTableRow\n        data-testid={`row-clickable-${tableRowTestKey}`}\n        hover={onClick !== undefined}\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n        isTitleRow={row['isTitleRow'] ?? false}\n        onClick={onClick}\n      >\n        {children}\n      </StyledTableRow>\n    );\n  }\n\n  return <TableRow data-testid={`row-${tableRowTestKey}`}>{children}</TableRow>;\n};\n\nexport default GenericTableBodyRow;\n"],"names":["StyledTableRow","styled","TableRow","shouldForwardProp","prop","theme","isTitleRow","backgroundColor","palette","semantic","background","props","onRowClick","row","children","tableRowTestKey","onClick","event","preventDefault","_jsx","jsx","hover","undefined"],"mappings":"2IAaA,MAAMA,EAAiBC,EAAMA,OAACC,EAAU,CACtCC,kBAAoBC,GAAkB,eAATA,GADRH,EAEK,EAAGI,QAAOC,gBAC/BA,EAIE,CACLC,gBAAiBF,EAAMG,QAAQC,SAASC,WAAW,sBAJ5C,CAAE,mBAUqEC,IAEhF,MAAMC,WAAEA,EAAUC,IAAEA,EAAGC,SAAEA,EAAQC,gBAAEA,GAAoBJ,EAEjDK,EAAWC,IAEfA,EAAMC,iBACNN,IAAaC,IAGf,OAAID,EAEAO,EAAAC,IAACpB,EAAc,CAAA,cACA,iBAAiBe,IAC9BM,WAAmBC,IAAZN,EAEPV,WAAYO,EAAgB,aAAK,EACjCG,QAASA,EAAOF,SAEfA,IAKAK,EAAAC,IAAClB,EAAsB,CAAA,cAAA,OAAOa,IAAiBD,SAAGA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTableBodyRow/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\nimport TableRow from '@mui/material/TableRow';\n\nexport interface TableBodyRowProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: any;\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  tableRowTestKey: string;\n}\n\nconst StyledTableRow = styled(TableRow, {\n  shouldForwardProp: (prop) => prop !== 'isTitleRow',\n})<{ isTitleRow: boolean }>(({ theme, isTitleRow }) => {\n  if (!isTitleRow) {\n    return {};\n  }\n\n  return {\n    backgroundColor: theme.palette.semantic.background['background-sunken'],\n  };\n});\n\ntype TableBodyRowProp = TableBodyRowProps & { children: React.ReactNode };\n\nconst GenericTableBodyRow: React.FC<React.PropsWithChildren<TableBodyRowProp>> = (props) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const { onRowClick, row, children, tableRowTestKey } = props;\n\n  const onClick = (event: React.MouseEvent<HTMLTableRowElement>): void => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n    event.preventDefault();\n    onRowClick?.(row);\n  };\n\n  if (onRowClick) {\n    return (\n      <StyledTableRow\n        data-testid={`row-clickable-${tableRowTestKey}`}\n        hover={onClick !== undefined}\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n        isTitleRow={row['isTitleRow'] ?? false}\n        onClick={onClick}\n      >\n        {children}\n      </StyledTableRow>\n    );\n  }\n\n  return <TableRow data-testid={`row-${tableRowTestKey}`}>{children}</TableRow>;\n};\n\nexport default GenericTableBodyRow;\n"],"names":["StyledTableRow","styled","TableRow","shouldForwardProp","prop","theme","isTitleRow","backgroundColor","palette","semantic","background","props","onRowClick","row","children","tableRowTestKey","onClick","event","preventDefault","_jsx","hover","undefined"],"mappings":"2IAaA,MAAMA,EAAiBC,EAAAA,OAAOC,EAAU,CACtCC,kBAAoBC,GAAkB,eAATA,GADRH,EAEK,EAAGI,QAAOC,gBAC/BA,EAIE,CACLC,gBAAiBF,EAAMG,QAAQC,SAASC,WAAW,sBAJ5C,CAAA,mBAUuEC,IAEhF,MAAMC,WAAEA,EAAUC,IAAEA,EAAGC,SAAEA,EAAQC,gBAAEA,GAAoBJ,EAEjDK,EAAWC,IAEfA,EAAMC,iBACNN,IAAaC,IAGf,OAAID,EAEAO,EAAAA,IAACnB,EAAc,CAAA,cACA,iBAAiBe,IAC9BK,WAAmBC,IAAZL,EAEPV,WAAYO,EAAgB,aAAK,EACjCG,QAASA,EAAOF,SAEfA,IAKAK,EAAAA,IAACjB,EAAQ,CAAA,cAAc,OAAOa,IAAiBD,SAAGA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericTableBodyRow/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\nimport TableRow from '@mui/material/TableRow';\n\nexport interface TableBodyRowProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: any;\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  tableRowTestKey: string;\n}\n\nconst StyledTableRow = styled(TableRow, {\n  shouldForwardProp: (prop) => prop !== 'isTitleRow',\n})<{ isTitleRow: boolean }>(({ theme, isTitleRow }) => {\n  if (!isTitleRow) {\n    return {};\n  }\n\n  return {\n    backgroundColor: theme.palette.semantic.background['background-sunken'],\n  };\n});\n\ntype TableBodyRowProp = TableBodyRowProps & { children: React.ReactNode };\n\nconst GenericTableBodyRow: React.FC<React.PropsWithChildren<TableBodyRowProp>> = (props) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const { onRowClick, row, children, tableRowTestKey } = props;\n\n  const onClick = (event: React.MouseEvent<HTMLTableRowElement>): void => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n    event.preventDefault();\n    onRowClick?.(row);\n  };\n\n  if (onRowClick) {\n    return (\n      <StyledTableRow\n        data-testid={`row-clickable-${tableRowTestKey}`}\n        hover={onClick !== undefined}\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n        isTitleRow={row['isTitleRow'] ?? false}\n        onClick={onClick}\n      >\n        {children}\n      </StyledTableRow>\n    );\n  }\n\n  return <TableRow data-testid={`row-${tableRowTestKey}`}>{children}</TableRow>;\n};\n\nexport default GenericTableBodyRow;\n"],"names":["StyledTableRow","styled","TableRow","shouldForwardProp","prop","theme","isTitleRow","backgroundColor","palette","semantic","background","GenericTableBodyRow","props","onRowClick","row","children","tableRowTestKey","onClick","event","preventDefault","_jsx","hover","undefined"],"mappings":"0IAaA,MAAMA,EAAiBC,EAAOC,EAAU,CACtCC,kBAAoBC,GAAkB,eAATA,GADRH,EAEK,EAAGI,QAAOC,gBAC/BA,EAIE,CACLC,gBAAiBF,EAAMG,QAAQC,SAASC,WAAW,sBAJ5C,CAAE,IAUPC,EAA4EC,IAEhF,MAAMC,WAAEA,EAAUC,IAAEA,EAAGC,SAAEA,EAAQC,gBAAEA,GAAoBJ,EAEjDK,EAAWC,IAEfA,EAAMC,iBACNN,IAAaC,IAGf,OAAID,EAEAO,EAACpB,EAAc,CAAA,cACA,iBAAiBgB,IAC9BK,WAAmBC,IAAZL,EAEPX,WAAYQ,EAAgB,aAAK,EACjCG,QAASA,EAAOF,SAEfA,IAKAK,EAAClB,EAAsB,CAAA,cAAA,OAAOc,IAAiBD,SAAGA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericTableBodyRow/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\nimport TableRow from '@mui/material/TableRow';\n\nexport interface TableBodyRowProps {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  row: any;\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  onRowClick?: Function;\n  tableRowTestKey: string;\n}\n\nconst StyledTableRow = styled(TableRow, {\n  shouldForwardProp: (prop) => prop !== 'isTitleRow',\n})<{ isTitleRow: boolean }>(({ theme, isTitleRow }) => {\n  if (!isTitleRow) {\n    return {};\n  }\n\n  return {\n    backgroundColor: theme.palette.semantic.background['background-sunken'],\n  };\n});\n\ntype TableBodyRowProp = TableBodyRowProps & { children: React.ReactNode };\n\nconst GenericTableBodyRow: React.FC<React.PropsWithChildren<TableBodyRowProp>> = (props) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n  const { onRowClick, row, children, tableRowTestKey } = props;\n\n  const onClick = (event: React.MouseEvent<HTMLTableRowElement>): void => {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n    event.preventDefault();\n    onRowClick?.(row);\n  };\n\n  if (onRowClick) {\n    return (\n      <StyledTableRow\n        data-testid={`row-clickable-${tableRowTestKey}`}\n        hover={onClick !== undefined}\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\n        isTitleRow={row['isTitleRow'] ?? false}\n        onClick={onClick}\n      >\n        {children}\n      </StyledTableRow>\n    );\n  }\n\n  return <TableRow data-testid={`row-${tableRowTestKey}`}>{children}</TableRow>;\n};\n\nexport default GenericTableBodyRow;\n"],"names":["StyledTableRow","styled","TableRow","shouldForwardProp","prop","theme","isTitleRow","backgroundColor","palette","semantic","background","GenericTableBodyRow","props","onRowClick","row","children","tableRowTestKey","onClick","event","preventDefault","_jsx","hover","undefined"],"mappings":"0IAaA,MAAMA,EAAiBC,EAAOC,EAAU,CACtCC,kBAAoBC,GAAkB,eAATA,GADRH,EAEK,EAAGI,QAAOC,gBAC/BA,EAIE,CACLC,gBAAiBF,EAAMG,QAAQC,SAASC,WAAW,sBAJ5C,CAAA,IAULC,EAA4EC,IAEhF,MAAMC,WAAEA,EAAUC,IAAEA,EAAGC,SAAEA,EAAQC,gBAAEA,GAAoBJ,EAEjDK,EAAWC,IAEfA,EAAMC,iBACNN,IAAaC,IAGf,OAAID,EAEAO,EAACpB,EAAc,CAAA,cACA,iBAAiBgB,IAC9BK,WAAmBC,IAAZL,EAEPX,WAAYQ,EAAgB,aAAK,EACjCG,QAASA,EAAOF,SAEfA,IAKAK,EAAClB,EAAQ,CAAA,cAAc,OAAOc,IAAiBD,SAAGA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTableTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\ninterface OuterProps {\n  maxGridWidth?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  subTitle?: string;\n  title?: string;\n  children?: ReactNode;\n  titlePadding?: 'medium' | 'small';\n}\n\nconst HeaderContainer = styled(Grid, {\n  shouldForwardProp: (prop) => prop !== 'titlePadding',\n})<{ titlePadding: OuterProps['titlePadding'] }>(({ theme, titlePadding }) => {\n  switch (titlePadding) {\n    case 'small':\n      return {\n        padding: theme.spacing(3, 0, 1.5),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(3, 2, 1.5),\n        },\n      };\n    case 'medium':\n      return {\n        padding: theme.spacing(4, 0, 2),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(4, 2, 2),\n        },\n      };\n    default:\n      return { padding: 0 };\n  }\n});\n\nconst SubTitle = styled(Typography)({\n  width: 191,\n  height: 16,\n  fontSize: 12,\n  fontWeight: 'normal',\n  lineHeight: 1.33,\n  letterSpacing: 0.4,\n  color: 'rgba(0, 0, 0, 0.38)',\n});\n\nconst GenericTableTitle = ({\n  maxGridWidth = 12,\n  subTitle,\n  title,\n  children,\n  titlePadding = 'medium',\n}: OuterProps): JSX.Element => {\n  return (\n    <HeaderContainer container titlePadding={titlePadding}>\n      <Grid item base={maxGridWidth} mobile={maxGridWidth}>\n        {title && <Typography variant=\"h5\">{title}</Typography>}\n        {subTitle && (\n          <div>\n            <SubTitle variant=\"caption\">{subTitle}</SubTitle>\n          </div>\n        )}\n      </Grid>\n\n      {children}\n    </HeaderContainer>\n  );\n};\n\nexport default GenericTableTitle;\n"],"names":["HeaderContainer","styled","Grid","shouldForwardProp","prop","theme","titlePadding","padding","spacing","breakpoints","down","SubTitle","Typography","width","height","fontSize","fontWeight","lineHeight","letterSpacing","color","maxGridWidth","subTitle","title","children","_jsxs","jsxs","container","item","base","mobile","_jsx","variant"],"mappings":"6KAcA,MAAMA,EAAkBC,EAAMA,OAACC,EAAM,CACnCC,kBAAoBC,GAAkB,iBAATA,GADPH,EAEyB,EAAGI,QAAOC,mBACzD,OAAQA,GACN,IAAK,QACH,MAAO,CACLC,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,OAGnC,IAAK,SACH,MAAO,CACLD,QAASF,EAAMG,QAAQ,EAAG,EAAG,GAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAGnC,QACE,MAAO,CAAED,QAAS,OAIlBI,EAAWV,EAAAA,OAAOW,EAAPX,CAAmB,CAClCY,MAAO,IACPC,OAAQ,GACRC,SAAU,GACVC,WAAY,SACZC,WAAY,KACZC,cAAe,GACfC,MAAO,uCAGiB,EACxBC,eAAe,GACfC,WACAC,QACAC,WACAjB,eAAe,YAGbkB,EAACC,KAAAzB,EAAgB,CAAA0B,aAAUpB,aAAcA,EAAYiB,SAAA,CACnDC,OAACtB,GAAKyB,MAAI,EAACC,KAAMR,EAAcS,OAAQT,EAAYG,SAAA,CAChDD,GAASQ,EAAAA,IAAClB,GAAWmB,QAAQ,KAAIR,SAAED,IACnCD,GACCS,EAAAA,IACE,MAAA,CAAAP,SAAAO,MAACnB,EAAQ,CAACoB,QAAQ,UAAWR,SAAAF,SAKlCE"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/GenericTableTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\ninterface OuterProps {\n  maxGridWidth?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  subTitle?: string;\n  title?: string;\n  children?: ReactNode;\n  titlePadding?: 'medium' | 'small';\n}\n\nconst HeaderContainer = styled(Grid, {\n  shouldForwardProp: (prop) => prop !== 'titlePadding',\n})<{ titlePadding: OuterProps['titlePadding'] }>(({ theme, titlePadding }) => {\n  switch (titlePadding) {\n    case 'small':\n      return {\n        padding: theme.spacing(3, 0, 1.5),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(3, 2, 1.5),\n        },\n      };\n    case 'medium':\n      return {\n        padding: theme.spacing(4, 0, 2),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(4, 2, 2),\n        },\n      };\n    default:\n      return { padding: 0 };\n  }\n});\n\nconst SubTitle = styled(Typography)({\n  width: 191,\n  height: 16,\n  fontSize: 12,\n  fontWeight: 'normal',\n  lineHeight: 1.33,\n  letterSpacing: 0.4,\n  color: 'rgba(0, 0, 0, 0.38)',\n});\n\nconst GenericTableTitle = ({\n  maxGridWidth = 12,\n  subTitle,\n  title,\n  children,\n  titlePadding = 'medium',\n}: OuterProps): JSX.Element => {\n  return (\n    <HeaderContainer container titlePadding={titlePadding}>\n      <Grid item base={maxGridWidth} mobile={maxGridWidth}>\n        {title && <Typography variant=\"h5\">{title}</Typography>}\n        {subTitle && (\n          <div>\n            <SubTitle variant=\"caption\">{subTitle}</SubTitle>\n          </div>\n        )}\n      </Grid>\n\n      {children}\n    </HeaderContainer>\n  );\n};\n\nexport default GenericTableTitle;\n"],"names":["HeaderContainer","styled","Grid","shouldForwardProp","prop","theme","titlePadding","padding","spacing","breakpoints","down","SubTitle","Typography","width","height","fontSize","fontWeight","lineHeight","letterSpacing","color","maxGridWidth","subTitle","title","children","_jsxs","container","item","base","mobile","_jsx","variant"],"mappings":"6KAcA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAM,CACnCC,kBAAoBC,GAAkB,iBAATA,GADPH,EAEyB,EAAGI,QAAOC,mBACzD,OAAQA,GACN,IAAK,QACH,MAAO,CACLC,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,OAGnC,IAAK,SACH,MAAO,CACLD,QAASF,EAAMG,QAAQ,EAAG,EAAG,GAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAGnC,QACE,MAAO,CAAED,QAAS,OAIlBI,EAAWV,EAAAA,OAAOW,EAAPX,CAAmB,CAClCY,MAAO,IACPC,OAAQ,GACRC,SAAU,GACVC,WAAY,SACZC,WAAY,KACZC,cAAe,GACfC,MAAO,uCAGiB,EACxBC,eAAe,GACfC,WACAC,QACAC,WACAjB,eAAe,YAGbkB,EAAAA,KAACxB,EAAe,CAACyB,aAAUnB,aAAcA,EAAYiB,SAAA,CACnDC,OAACtB,GAAKwB,MAAI,EAACC,KAAMP,EAAcQ,OAAQR,EAAYG,SAAA,CAChDD,GAASO,EAAAA,IAACjB,GAAWkB,QAAQ,KAAIP,SAAED,IACnCD,GACCQ,EAAAA,IAAA,MAAA,CAAAN,SACEM,MAAClB,EAAQ,CAACmB,QAAQ,UAASP,SAAEF,SAKlCE"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/GenericTableTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\ninterface OuterProps {\n  maxGridWidth?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  subTitle?: string;\n  title?: string;\n  children?: ReactNode;\n  titlePadding?: 'medium' | 'small';\n}\n\nconst HeaderContainer = styled(Grid, {\n  shouldForwardProp: (prop) => prop !== 'titlePadding',\n})<{ titlePadding: OuterProps['titlePadding'] }>(({ theme, titlePadding }) => {\n  switch (titlePadding) {\n    case 'small':\n      return {\n        padding: theme.spacing(3, 0, 1.5),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(3, 2, 1.5),\n        },\n      };\n    case 'medium':\n      return {\n        padding: theme.spacing(4, 0, 2),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(4, 2, 2),\n        },\n      };\n    default:\n      return { padding: 0 };\n  }\n});\n\nconst SubTitle = styled(Typography)({\n  width: 191,\n  height: 16,\n  fontSize: 12,\n  fontWeight: 'normal',\n  lineHeight: 1.33,\n  letterSpacing: 0.4,\n  color: 'rgba(0, 0, 0, 0.38)',\n});\n\nconst GenericTableTitle = ({\n  maxGridWidth = 12,\n  subTitle,\n  title,\n  children,\n  titlePadding = 'medium',\n}: OuterProps): JSX.Element => {\n  return (\n    <HeaderContainer container titlePadding={titlePadding}>\n      <Grid item base={maxGridWidth} mobile={maxGridWidth}>\n        {title && <Typography variant=\"h5\">{title}</Typography>}\n        {subTitle && (\n          <div>\n            <SubTitle variant=\"caption\">{subTitle}</SubTitle>\n          </div>\n        )}\n      </Grid>\n\n      {children}\n    </HeaderContainer>\n  );\n};\n\nexport default GenericTableTitle;\n"],"names":["HeaderContainer","styled","Grid","shouldForwardProp","prop","theme","titlePadding","padding","spacing","breakpoints","down","SubTitle","Typography","width","height","fontSize","fontWeight","lineHeight","letterSpacing","color","GenericTableTitle","maxGridWidth","subTitle","title","children","_jsxs","container","item","base","mobile","_jsx","variant"],"mappings":"wLAcA,MAAMA,EAAkBC,EAAOC,EAAM,CACnCC,kBAAoBC,GAAkB,iBAATA,GADPH,EAEyB,EAAGI,QAAOC,mBACzD,OAAQA,GACN,IAAK,QACH,MAAO,CACLC,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,OAGnC,IAAK,SACH,MAAO,CACLD,QAASF,EAAMG,QAAQ,EAAG,EAAG,GAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAGnC,QACE,MAAO,CAAED,QAAS,OAIlBI,EAAWV,EAAOW,EAAPX,CAAmB,CAClCY,MAAO,IACPC,OAAQ,GACRC,SAAU,GACVC,WAAY,SACZC,WAAY,KACZC,cAAe,GACfC,MAAO,wBAGHC,EAAoB,EACxBC,eAAe,GACfC,WACAC,QACAC,WACAlB,eAAe,YAGbmB,EAACzB,EAAgB,CAAA0B,aAAUpB,aAAcA,EAAYkB,SAAA,CACnDC,EAACvB,GAAKyB,MAAI,EAACC,KAAMP,EAAcQ,OAAQR,EAAYG,SAAA,CAChDD,GAASO,EAAClB,GAAWmB,QAAQ,KAAIP,SAAED,IACnCD,GACCQ,EACE,MAAA,CAAAN,SAAAM,EAACnB,EAAQ,CAACoB,QAAQ,UAAWP,SAAAF,SAKlCE"}
+{"version":3,"file":"index.js","sources":["../../../src/components/GenericTableTitle/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\ninterface OuterProps {\n  maxGridWidth?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n  subTitle?: string;\n  title?: string;\n  children?: ReactNode;\n  titlePadding?: 'medium' | 'small';\n}\n\nconst HeaderContainer = styled(Grid, {\n  shouldForwardProp: (prop) => prop !== 'titlePadding',\n})<{ titlePadding: OuterProps['titlePadding'] }>(({ theme, titlePadding }) => {\n  switch (titlePadding) {\n    case 'small':\n      return {\n        padding: theme.spacing(3, 0, 1.5),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(3, 2, 1.5),\n        },\n      };\n    case 'medium':\n      return {\n        padding: theme.spacing(4, 0, 2),\n        [theme.breakpoints.down('tablet')]: {\n          padding: theme.spacing(4, 2, 2),\n        },\n      };\n    default:\n      return { padding: 0 };\n  }\n});\n\nconst SubTitle = styled(Typography)({\n  width: 191,\n  height: 16,\n  fontSize: 12,\n  fontWeight: 'normal',\n  lineHeight: 1.33,\n  letterSpacing: 0.4,\n  color: 'rgba(0, 0, 0, 0.38)',\n});\n\nconst GenericTableTitle = ({\n  maxGridWidth = 12,\n  subTitle,\n  title,\n  children,\n  titlePadding = 'medium',\n}: OuterProps): JSX.Element => {\n  return (\n    <HeaderContainer container titlePadding={titlePadding}>\n      <Grid item base={maxGridWidth} mobile={maxGridWidth}>\n        {title && <Typography variant=\"h5\">{title}</Typography>}\n        {subTitle && (\n          <div>\n            <SubTitle variant=\"caption\">{subTitle}</SubTitle>\n          </div>\n        )}\n      </Grid>\n\n      {children}\n    </HeaderContainer>\n  );\n};\n\nexport default GenericTableTitle;\n"],"names":["HeaderContainer","styled","Grid","shouldForwardProp","prop","theme","titlePadding","padding","spacing","breakpoints","down","SubTitle","Typography","width","height","fontSize","fontWeight","lineHeight","letterSpacing","color","GenericTableTitle","maxGridWidth","subTitle","title","children","_jsxs","container","item","base","mobile","_jsx","variant"],"mappings":"wLAcA,MAAMA,EAAkBC,EAAOC,EAAM,CACnCC,kBAAoBC,GAAkB,iBAATA,GADPH,EAEyB,EAAGI,QAAOC,mBACzD,OAAQA,GACN,IAAK,QACH,MAAO,CACLC,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,OAGnC,IAAK,SACH,MAAO,CACLD,QAASF,EAAMG,QAAQ,EAAG,EAAG,GAC7B,CAACH,EAAMI,YAAYC,KAAK,WAAY,CAClCH,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAGnC,QACE,MAAO,CAAED,QAAS,OAIlBI,EAAWV,EAAOW,EAAPX,CAAmB,CAClCY,MAAO,IACPC,OAAQ,GACRC,SAAU,GACVC,WAAY,SACZC,WAAY,KACZC,cAAe,GACfC,MAAO,wBAGHC,EAAoB,EACxBC,eAAe,GACfC,WACAC,QACAC,WACAlB,eAAe,YAGbmB,EAACzB,EAAe,CAAC0B,aAAUpB,aAAcA,EAAYkB,SAAA,CACnDC,EAACvB,GAAKyB,MAAI,EAACC,KAAMP,EAAcQ,OAAQR,EAAYG,SAAA,CAChDD,GAASO,EAAClB,GAAWmB,QAAQ,KAAIP,SAAED,IACnCD,GACCQ,EAAA,MAAA,CAAAN,SACEM,EAACnB,EAAQ,CAACoB,QAAQ,UAASP,SAAEF,SAKlCE"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { Suspense, type ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","children","_jsx","Suspense","fallback","jsx","CircularProgress","size"],"mappings":"+GASA,MAAMA,kCAAyBC,OAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,0BAGM,EAAGC,cACrBC,EAAAA,IAACC,EAAAA,UACGC,SACIF,EAACG,IAAAT,EACG,CAAAK,SAAAC,MAACI,EAAgB,CAACC,KAAM,OACHN,SAG5BA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { Suspense, type ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"+GASA,MAAMA,kCAAyBC,OAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,0BAGM,EAAGC,cACrBC,EAAAA,IAACC,EAAAA,UACGC,SACIF,EAAAA,IAACN,EAAsB,CAAAK,SACnBC,MAACG,EAAgB,CAACC,KAAM,OACHL,SAG5BA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { Suspense, type ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"qKASA,MAAMA,EAAyBC,EAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGVC,EAAgB,EAAGC,cACrBC,EAACC,GACGC,SACIF,EAACP,EACG,CAAAM,SAAAC,EAACG,EAAgB,CAACC,KAAM,OACHL,SAG5BA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/LazyComponent/index.tsx"],"sourcesContent":["import { Suspense, type ReactNode } from 'react';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { styled } from '@mui/material/styles';\n\ntype LazyComponentProps = {\n    children: ReactNode;\n};\n\nconst StyledLoadingContainer = styled('div')({\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n});\n\nconst LazyComponent = ({ children }: LazyComponentProps) => (\n    <Suspense\n        fallback={\n            <StyledLoadingContainer>\n                <CircularProgress size={56} />\n            </StyledLoadingContainer>\n        }\n    >\n        {children}\n    </Suspense>\n);\n\nexport default LazyComponent;\n"],"names":["StyledLoadingContainer","styled","display","justifyContent","alignItems","LazyComponent","children","_jsx","Suspense","fallback","CircularProgress","size"],"mappings":"qKASA,MAAMA,EAAyBC,EAAO,MAAPA,CAAc,CACzCC,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGVC,EAAgB,EAAGC,cACrBC,EAACC,GACGC,SACIF,EAACP,EAAsB,CAAAM,SACnBC,EAACG,EAAgB,CAACC,KAAM,OACHL,SAG5BA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLink/index.tsx"],"sourcesContent":["import MuiListItem, { type ListItemProps } from '@mui/material/ListItem';\nimport { type LinkProps, Link } from 'react-router-dom';\n\ntype ListItemLinkProps = ListItemProps & LinkProps & { fdKey: string } & { button?: boolean } & { children?: React.ReactNode };\n\nconst ListItem = MuiListItem as React.ComponentType<ListItemProps & LinkProps>;\n\nconst ListItemLink = ({ fdKey, ...rest }: ListItemLinkProps) => {\n    // no Link for external URL\n    return <ListItem {...rest} data-fd={fdKey} {...(rest.to ? { component: Link } : {})} />;\n};\n\nexport default ListItemLink;\n"],"names":["ListItem","MuiListItem","fdKey","rest","_jsx","jsx","to","component","Link"],"mappings":"kHAKA,MAAMA,EAAWC,iBAEI,EAAGC,WAAUC,KAEvBC,EAAAC,IAACL,EAAQ,IAAKG,EAAI,UAAWD,KAAYC,EAAKG,GAAK,CAAEC,UAAWC,EAAIA,MAAK,CAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLink/index.tsx"],"sourcesContent":["import MuiListItem, { type ListItemProps } from '@mui/material/ListItem';\nimport { type LinkProps, Link } from 'react-router-dom';\n\ntype ListItemLinkProps = ListItemProps & LinkProps & { fdKey: string } & { button?: boolean } & { children?: React.ReactNode };\n\nconst ListItem = MuiListItem as React.ComponentType<ListItemProps & LinkProps>;\n\nconst ListItemLink = ({ fdKey, ...rest }: ListItemLinkProps) => {\n    // no Link for external URL\n    return <ListItem {...rest} data-fd={fdKey} {...(rest.to ? { component: Link } : {})} />;\n};\n\nexport default ListItemLink;\n"],"names":["ListItem","MuiListItem","fdKey","rest","_jsx","to","component","Link"],"mappings":"kHAKA,MAAMA,EAAWC,iBAEI,EAAGC,WAAUC,KAEvBC,EAAAA,IAACJ,EAAQ,IAAKG,EAAI,UAAWD,KAAYC,EAAKE,GAAK,CAAEC,UAAWC,EAAAA,MAAS,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled?: boolean; selected: boolean }>(({ theme, borderBottom, selected }) => ({\n  borderBottom: borderBottom ?? '1px solid #cecece',\n  paddingLeft: theme.spacing(4),\n  paddingRight: theme.spacing(4),\n  '&:hover': {\n    backgroundColor: '#eaf2ff',\n  },\n  '&:focus': {\n    backgroundColor: '#eaf2ff',\n  },\n  // Override link color inheritance\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  backgroundColor: selected ? '#eaf2ff' : 'inherit',\n}));\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      selected={isSelected}\n      to={link}\n      onClick={onClick}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","shouldForwardProp","prop","includes","theme","borderBottom","selected","paddingLeft","spacing","paddingRight","backgroundColor","color","palette","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","disabled","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"kaAeA,MAAMA,EAAqBC,0CAAqB,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAF,EAK0C,EAAGI,QAAOC,eAAcC,eAAgB,CAC3GD,aAAcA,GAAgB,oBAC9BE,YAAaH,EAAMI,QAAQ,GAC3BC,aAAcL,EAAMI,QAAQ,GAC5B,UAAW,CACTE,gBAAiB,WAEnB,UAAW,CACTA,gBAAiB,WAGnBC,MAAOP,EAAMQ,QAAQC,KAAKC,QAC1BC,eAAgB,OAChBL,gBAAiBJ,EAAW,UAAY,cAGpCU,EAAqBhB,EAAOiB,EAAc,CAC9ChB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BF,EAEK,EAAGkB,iBAAkB,CACnDC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,QAGNC,EAAqBvB,EAAOwB,EAAPxB,EAAqB,EAAGI,YAAa,CAC9D,6BAA8B,CAC5BO,MAAOP,EAAMQ,QAAQC,KAAKC,SAE5B,+BAAgC,CAC9BH,MAAOP,EAAMQ,QAAQC,KAAKY,eAuBjBC,EAAqB,EAChCrB,eACAsB,cACAC,iBACAC,YAAW,EACXC,UACAC,QACAC,WACAC,OACAf,aACAgB,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMpC,EAAQqC,IACRC,EAAWC,EAAcvC,EAAMwC,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYpB,GAAeI,EAC3BiB,EAAepB,GAAkBI,EAEvC,OACEiB,EAAAA,KAAClD,EAAkB,CACjBmD,QACA,EAAA7C,aAAcyC,EAAazC,EAAe,OAC1CwB,SAAUA,EACVsB,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCzB,SAAUkC,EACVa,GAAIlB,EACJL,QAASA,EAAOwB,SAAA,CAEfrB,GACCsB,EAAAC,IAACxC,EAAmB,CAAAE,WAAYA,EAAUoC,SACxCC,EAAAA,WAAKE,IAAI,GAAGC,IAAKzB,MAIpBK,GAAiBiB,EAAAA,IAACvC,EAAmB,CAAAE,WAAYA,WAAaoB,IAE/DiB,EAACC,IAAAjC,GAAmBT,QAASiC,EAAWtB,UAAWuB,EAAcW,GAAI,CAAEC,GAAI,WAEzE1B,IACCG,GACCkB,MAACM,EAAU,CAAA,aAAa,eAAe9B,IACrCuB,SAAAC,EAAAA,IAACO,EAAqB,CAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/ListItemLinkButton/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport styled from '@mui/material/styles/styled';\nimport useTheme from '@mui/material/styles/useTheme';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport KeyboardArrowRight from '../../icons/ArrowRight01';\nimport ListItemLink from '../ListItemLink';\n\ntype MarginType = number | string;\n\n// Styled components\nconst StyledListItemLink = styled(ListItemLink, {\n  shouldForwardProp: (prop) =>\n    !['borderBottom'].includes(prop as string) &&\n    !['disabled'].includes(prop as string) &&\n    !['selected'].includes(prop as string),\n})<{ borderBottom?: string; disabled?: boolean; selected: boolean }>(({ theme, borderBottom, selected }) => ({\n  borderBottom: borderBottom ?? '1px solid #cecece',\n  paddingLeft: theme.spacing(4),\n  paddingRight: theme.spacing(4),\n  '&:hover': {\n    backgroundColor: '#eaf2ff',\n  },\n  '&:focus': {\n    backgroundColor: '#eaf2ff',\n  },\n  // Override link color inheritance\n  color: theme.palette.text.primary,\n  textDecoration: 'none',\n  backgroundColor: selected ? '#eaf2ff' : 'inherit',\n}));\n\nconst StyledListItemIcon = styled(ListItemIcon, {\n  shouldForwardProp: (prop) => !['iconMargin'].includes(prop as string),\n})<{ iconMargin?: MarginType }>(({ iconMargin }) => ({\n  margin: iconMargin || '16px',\n  marginLeft: '0',\n  padding: '0px',\n  minWidth: '0',\n}));\n\nconst StyledListItemText = styled(ListItemText)(({ theme }) => ({\n  '& .MuiListItemText-primary': {\n    color: theme.palette.text.primary,\n  },\n  '& .MuiListItemText-secondary': {\n    color: theme.palette.text.secondary,\n  },\n}));\n\ninterface ListItemLinkButtonProps {\n  customTitle?: string;\n  customSubtitle?: React.ReactNode;\n  disabled?: boolean;\n  title?: string;\n  subtitle?: string;\n  icon?: string;\n  hideIcon?: boolean;\n  link?: string;\n  isLast?: boolean;\n  onClick?: () => void;\n  borderBottom?: string;\n  customButton?: JSX.Element;\n  iconComponent?: JSX.Element;\n  iconMargin?: MarginType;\n  dataFd?: string;\n  isSelected?: boolean;\n}\n\nexport const ListItemLinkButton = ({\n  borderBottom,\n  customTitle,\n  customSubtitle,\n  disabled = false,\n  onClick,\n  title,\n  subtitle,\n  icon,\n  iconMargin,\n  hideIcon = false,\n  link = '',\n  isLast,\n  customButton,\n  iconComponent,\n  dataFd = '',\n  isSelected = false,\n}: ListItemLinkButtonProps) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('tablet'));\n  const hasDivider = !isLast || isMobile;\n\n  const titleText = customTitle || title;\n  const subtitleText = customSubtitle || subtitle;\n\n  return (\n    <StyledListItemLink\n      button\n      borderBottom={hasDivider ? borderBottom : 'none'}\n      disabled={disabled}\n      divider={hasDivider}\n      fdKey={dataFd || `link-button-${title}`}\n      selected={isSelected}\n      to={link}\n      onClick={onClick}\n    >\n      {icon && (\n        <StyledListItemIcon iconMargin={iconMargin}>\n          <img alt=\"\" src={icon} />\n        </StyledListItemIcon>\n      )}\n\n      {iconComponent && <StyledListItemIcon iconMargin={iconMargin}>{iconComponent}</StyledListItemIcon>}\n\n      <StyledListItemText primary={titleText} secondary={subtitleText} sx={{ pr: '60px' }} />\n\n      {!hideIcon &&\n        (customButton || (\n          <IconButton aria-label={`link-button-${title}`}>\n            <KeyboardArrowRight />\n          </IconButton>\n        ))}\n    </StyledListItemLink>\n  );\n};\n\nexport default ListItemLinkButton;\n"],"names":["StyledListItemLink","styled","shouldForwardProp","prop","includes","theme","borderBottom","selected","paddingLeft","spacing","paddingRight","backgroundColor","color","palette","text","primary","textDecoration","StyledListItemIcon","ListItemIcon","iconMargin","margin","marginLeft","padding","minWidth","StyledListItemText","ListItemText","secondary","ListItemLinkButton","customTitle","customSubtitle","disabled","onClick","title","subtitle","icon","hideIcon","link","isLast","customButton","iconComponent","dataFd","isSelected","useTheme","isMobile","useMediaQuery","breakpoints","down","hasDivider","titleText","subtitleText","_jsxs","button","divider","fdKey","to","children","_jsx","alt","src","sx","pr","IconButton","KeyboardArrowRight"],"mappings":"kaAeA,MAAMA,EAAqBC,0CAAqB,CAC9CC,kBAAoBC,IACjB,CAAC,gBAAgBC,SAASD,KAC1B,CAAC,YAAYC,SAASD,KACtB,CAAC,YAAYC,SAASD,IAJAF,EAK0C,EAAGI,QAAOC,eAAcC,eAAU,CACrGD,aAAcA,GAAgB,oBAC9BE,YAAaH,EAAMI,QAAQ,GAC3BC,aAAcL,EAAMI,QAAQ,GAC5B,UAAW,CACTE,gBAAiB,WAEnB,UAAW,CACTA,gBAAiB,WAGnBC,MAAOP,EAAMQ,QAAQC,KAAKC,QAC1BC,eAAgB,OAChBL,gBAAiBJ,EAAW,UAAY,cAGpCU,EAAqBhB,EAAOiB,EAAc,CAC9ChB,kBAAoBC,IAAU,CAAC,cAAcC,SAASD,IAD7BF,EAEK,EAAGkB,iBAAY,CAC7CC,OAAQD,GAAc,OACtBE,WAAY,IACZC,QAAS,MACTC,SAAU,QAGNC,EAAqBvB,EAAOwB,EAAPxB,EAAqB,EAAGI,YAAO,CACxD,6BAA8B,CAC5BO,MAAOP,EAAMQ,QAAQC,KAAKC,SAE5B,+BAAgC,CAC9BH,MAAOP,EAAMQ,QAAQC,KAAKY,eAuBjBC,EAAqB,EAChCrB,eACAsB,cACAC,iBACAC,YAAW,EACXC,UACAC,QACAC,WACAC,OACAf,aACAgB,YAAW,EACXC,OAAO,GACPC,SACAC,eACAC,gBACAC,SAAS,GACTC,cAAa,MAEb,MAAMpC,EAAQqC,IACRC,EAAWC,EAAcvC,EAAMwC,YAAYC,KAAK,WAChDC,GAAcV,GAAUM,EAExBK,EAAYpB,GAAeI,EAC3BiB,EAAepB,GAAkBI,EAEvC,OACEiB,EAAAA,KAAClD,EAAkB,CACjBmD,QAAM,EACN7C,aAAcyC,EAAazC,EAAe,OAC1CwB,SAAUA,EACVsB,QAASL,EACTM,MAAOb,GAAU,eAAeR,IAChCzB,SAAUkC,EACVa,GAAIlB,EACJL,QAASA,EAAOwB,SAAA,CAEfrB,GACCsB,EAAAA,IAACvC,EAAkB,CAACE,WAAYA,EAAUoC,SACxCC,EAAAA,WAAKC,IAAI,GAAGC,IAAKxB,MAIpBK,GAAiBiB,EAAAA,IAACvC,EAAkB,CAACE,WAAYA,WAAaoB,IAE/DiB,EAAAA,IAAChC,GAAmBT,QAASiC,EAAWtB,UAAWuB,EAAcU,GAAI,CAAEC,GAAI,WAEzEzB,IACCG,GACCkB,EAAAA,IAACK,EAAU,CAAA,aAAa,eAAe7B,IAAOuB,SAC5CC,EAAAA,IAACM,EAAkB,CAAA"}