@flipdish/portal-library 4.2.2 → 4.2.4

package/dist/assets/images/fd-loader.gif.js.map

@@ -1 +1 @@
-{"version":3,"file":"fd-loader.gif.js","sources":["../../../src/assets/images/fd-loader.gif"],"sourcesContent":["export default \"7cb5b036a5bc98d2.gif\""],"names":["FdLoader"],"mappings":"AAAA,IAAeA,EAAA"}
+{"version":3,"file":"fd-loader.gif.js","sources":["../../../src/assets/images/fd-loader.gif"],"sourcesContent":["export default \"7cb5b036a5bc98d2.gif\""],"names":["FdLoader"],"mappings":"AAAA,IAAAA,EAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\nexport const CHIP_COLORS = ['default', 'blue', 'success', 'warning', 'error'] as const;\nexport type ChipColor = (typeof CHIP_COLORS)[number];\n\nexport const CHIP_VARIANTS = ['filled', 'outlined'] as const;\nexport type ChipVariant = (typeof CHIP_VARIANTS)[number];\n\nexport type ChipProps = {\n    label: string;\n    color?: ChipColor;\n    size?: MuiChipProps['size'];\n    variant?: ChipVariant;\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\ntype StyledChipProps = {\n    colour: ChipColor;\n    rounded: boolean;\n    variant?: ChipVariant;\n};\n\nconst getColorStyles = (colour: ChipColor, theme: Theme, variant: ChipVariant) => {\n    const colorMap = {\n        blue: {\n            filled: {\n                backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n            outlined: {\n                borderColor: theme.palette.semantic.stroke['stroke-primary-strong'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n        },\n        success: {\n            filled: {\n                backgroundColor: theme.palette.success.light,\n                color: theme.palette.success.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.success.main,\n                color: theme.palette.success.main,\n            },\n        },\n        warning: {\n            filled: {\n                backgroundColor: theme.palette.warning.light,\n                color: theme.palette.warning.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.warning.main,\n                color: theme.palette.warning.dark,\n            },\n        },\n        error: {\n            filled: {\n                backgroundColor: theme.palette.error.light,\n                color: theme.palette.error.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.error.main,\n                color: theme.palette.error.main,\n            },\n        },\n        default: {\n            filled: {},\n            outlined: {},\n        },\n    } satisfies Record<ChipColor, Record<ChipVariant, object>>;\n\n    return colorMap[colour][variant];\n};\n\nconst StyledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<StyledChipProps>(({ theme, colour, rounded, variant = CHIP_VARIANTS[0] }) => ({\n    borderRadius: rounded ? '100px' : '5px',\n    '& .MuiChip-icon': {\n        color: 'inherit',\n    },\n    ...getColorStyles(colour, theme, variant),\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon, rounded = true }: ChipProps) => (\n    <StyledChip icon={icon} label={label} colour={color} size={size} variant={variant} rounded={rounded} />\n);\n\nexport default Chip;\n"],"names":["CHIP_VARIANTS","getColorStyles","colour","theme","variant","blue","filled","backgroundColor","palette","semantic","fill","color","text","outlined","borderColor","stroke","success","light","dark","main","warning","error","default","StyledChip","styled","MuiChip","shouldForwardProp","prop","rounded","borderRadius","label","size","icon","_jsx"],"mappings":"yKAGO,MAGMA,EAAgB,CAAC,SAAU,YAkBlCC,EAAiB,CAACC,EAAmBC,EAAcC,KACpC,CACbC,KAAM,CACFC,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQC,SAASC,KAAK,qBAC7CC,MAAOR,EAAMK,QAAQC,SAASG,KAAK,iBAEvCC,SAAU,CACNC,YAAaX,EAAMK,QAAQC,SAASM,OAAO,yBAC3CJ,MAAOR,EAAMK,QAAQC,SAASG,KAAK,kBAG3CI,QAAS,CACLV,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQQ,QAAQC,MACvCN,MAAOR,EAAMK,QAAQQ,QAAQE,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQQ,QAAQG,KACnCR,MAAOR,EAAMK,QAAQQ,QAAQG,OAGrCC,QAAS,CACLd,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQY,QAAQH,MACvCN,MAAOR,EAAMK,QAAQY,QAAQF,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQY,QAAQD,KACnCR,MAAOR,EAAMK,QAAQY,QAAQF,OAGrCG,MAAO,CACHf,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQa,MAAMJ,MACrCN,MAAOR,EAAMK,QAAQa,MAAMH,MAE/BL,SAAU,CACNC,YAAaX,EAAMK,QAAQa,MAAMF,KACjCR,MAAOR,EAAMK,QAAQa,MAAMF,OAGnCG,QAAS,CACLhB,OAAQ,CAAE,EACVO,SAAU,CAAE,IAIJX,GAAQE,IAGtBmB,EAAaC,EAAMA,OAACC,EAAS,CAC/BC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GADnCH,EAEC,EAAGrB,QAAOD,SAAQ0B,UAASxB,UAAUJ,EAAc,OAAU,CAC7E6B,aAAcD,EAAU,QAAU,MAClC,kBAAmB,CACfjB,MAAO,cAERV,EAAeC,EAAQC,EAAOC,2BA/EV,CAAC,UAAW,OAAQ,UAAW,UAAW,iDAkFxD,EAAG0B,QAAOnB,QAAQ,UAAWoB,OAAO,SAAU3B,UAAU,SAAU4B,OAAMJ,WAAU,KAC3FK,MAACV,EAAU,CAACS,KAAMA,EAAMF,MAAOA,EAAO5B,OAAQS,EAAOoB,KAAMA,EAAM3B,QAASA,EAASwB,QAASA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\nexport const CHIP_COLORS = ['default', 'blue', 'success', 'warning', 'error'] as const;\nexport type ChipColor = (typeof CHIP_COLORS)[number];\n\nexport const CHIP_VARIANTS = ['filled', 'outlined'] as const;\nexport type ChipVariant = (typeof CHIP_VARIANTS)[number];\n\nexport type ChipProps = {\n    label: string;\n    color?: ChipColor;\n    size?: MuiChipProps['size'];\n    variant?: ChipVariant;\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\ntype StyledChipProps = {\n    colour: ChipColor;\n    rounded: boolean;\n    variant?: ChipVariant;\n};\n\nconst getColorStyles = (colour: ChipColor, theme: Theme, variant: ChipVariant) => {\n    const colorMap = {\n        blue: {\n            filled: {\n                backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n            outlined: {\n                borderColor: theme.palette.semantic.stroke['stroke-primary-strong'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n        },\n        success: {\n            filled: {\n                backgroundColor: theme.palette.success.light,\n                color: theme.palette.success.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.success.main,\n                color: theme.palette.success.main,\n            },\n        },\n        warning: {\n            filled: {\n                backgroundColor: theme.palette.warning.light,\n                color: theme.palette.warning.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.warning.main,\n                color: theme.palette.warning.dark,\n            },\n        },\n        error: {\n            filled: {\n                backgroundColor: theme.palette.error.light,\n                color: theme.palette.error.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.error.main,\n                color: theme.palette.error.main,\n            },\n        },\n        default: {\n            filled: {},\n            outlined: {},\n        },\n    } satisfies Record<ChipColor, Record<ChipVariant, object>>;\n\n    return colorMap[colour][variant];\n};\n\nconst StyledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<StyledChipProps>(({ theme, colour, rounded, variant = CHIP_VARIANTS[0] }) => ({\n    borderRadius: rounded ? '100px' : '5px',\n    '& .MuiChip-icon': {\n        color: 'inherit',\n    },\n    ...getColorStyles(colour, theme, variant),\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon, rounded = true }: ChipProps) => (\n    <StyledChip icon={icon} label={label} colour={color} size={size} variant={variant} rounded={rounded} />\n);\n\nexport default Chip;\n"],"names":["CHIP_VARIANTS","getColorStyles","colour","theme","variant","blue","filled","backgroundColor","palette","semantic","fill","color","text","outlined","borderColor","stroke","success","light","dark","main","warning","error","default","StyledChip","styled","MuiChip","shouldForwardProp","prop","rounded","borderRadius","label","size","icon","_jsx"],"mappings":"yKAGO,MAGMA,EAAgB,CAAC,SAAU,YAkBlCC,EAAiB,CAACC,EAAmBC,EAAcC,KACpC,CACbC,KAAM,CACFC,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQC,SAASC,KAAK,qBAC7CC,MAAOR,EAAMK,QAAQC,SAASG,KAAK,iBAEvCC,SAAU,CACNC,YAAaX,EAAMK,QAAQC,SAASM,OAAO,yBAC3CJ,MAAOR,EAAMK,QAAQC,SAASG,KAAK,kBAG3CI,QAAS,CACLV,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQQ,QAAQC,MACvCN,MAAOR,EAAMK,QAAQQ,QAAQE,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQQ,QAAQG,KACnCR,MAAOR,EAAMK,QAAQQ,QAAQG,OAGrCC,QAAS,CACLd,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQY,QAAQH,MACvCN,MAAOR,EAAMK,QAAQY,QAAQF,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQY,QAAQD,KACnCR,MAAOR,EAAMK,QAAQY,QAAQF,OAGrCG,MAAO,CACHf,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQa,MAAMJ,MACrCN,MAAOR,EAAMK,QAAQa,MAAMH,MAE/BL,SAAU,CACNC,YAAaX,EAAMK,QAAQa,MAAMF,KACjCR,MAAOR,EAAMK,QAAQa,MAAMF,OAGnCG,QAAS,CACLhB,OAAQ,CAAA,EACRO,SAAU,CAAA,IAIFX,GAAQE,IAGtBmB,EAAaC,EAAAA,OAAOC,EAAS,CAC/BC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GADnCH,EAEC,EAAGrB,QAAOD,SAAQ0B,UAASxB,UAAUJ,EAAc,OAAI,CACvE6B,aAAcD,EAAU,QAAU,MAClC,kBAAmB,CACfjB,MAAO,cAERV,EAAeC,EAAQC,EAAOC,2BA/EV,CAAC,UAAW,OAAQ,UAAW,UAAW,iDAkFxD,EAAG0B,QAAOnB,QAAQ,UAAWoB,OAAO,SAAU3B,UAAU,SAAU4B,OAAMJ,WAAU,KAC3FK,EAAAA,IAACV,EAAU,CAACS,KAAMA,EAAMF,MAAOA,EAAO5B,OAAQS,EAAOoB,KAAMA,EAAM3B,QAASA,EAASwB,QAASA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\nexport const CHIP_COLORS = ['default', 'blue', 'success', 'warning', 'error'] as const;\nexport type ChipColor = (typeof CHIP_COLORS)[number];\n\nexport const CHIP_VARIANTS = ['filled', 'outlined'] as const;\nexport type ChipVariant = (typeof CHIP_VARIANTS)[number];\n\nexport type ChipProps = {\n    label: string;\n    color?: ChipColor;\n    size?: MuiChipProps['size'];\n    variant?: ChipVariant;\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\ntype StyledChipProps = {\n    colour: ChipColor;\n    rounded: boolean;\n    variant?: ChipVariant;\n};\n\nconst getColorStyles = (colour: ChipColor, theme: Theme, variant: ChipVariant) => {\n    const colorMap = {\n        blue: {\n            filled: {\n                backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n            outlined: {\n                borderColor: theme.palette.semantic.stroke['stroke-primary-strong'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n        },\n        success: {\n            filled: {\n                backgroundColor: theme.palette.success.light,\n                color: theme.palette.success.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.success.main,\n                color: theme.palette.success.main,\n            },\n        },\n        warning: {\n            filled: {\n                backgroundColor: theme.palette.warning.light,\n                color: theme.palette.warning.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.warning.main,\n                color: theme.palette.warning.dark,\n            },\n        },\n        error: {\n            filled: {\n                backgroundColor: theme.palette.error.light,\n                color: theme.palette.error.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.error.main,\n                color: theme.palette.error.main,\n            },\n        },\n        default: {\n            filled: {},\n            outlined: {},\n        },\n    } satisfies Record<ChipColor, Record<ChipVariant, object>>;\n\n    return colorMap[colour][variant];\n};\n\nconst StyledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<StyledChipProps>(({ theme, colour, rounded, variant = CHIP_VARIANTS[0] }) => ({\n    borderRadius: rounded ? '100px' : '5px',\n    '& .MuiChip-icon': {\n        color: 'inherit',\n    },\n    ...getColorStyles(colour, theme, variant),\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon, rounded = true }: ChipProps) => (\n    <StyledChip icon={icon} label={label} colour={color} size={size} variant={variant} rounded={rounded} />\n);\n\nexport default Chip;\n"],"names":["CHIP_COLORS","CHIP_VARIANTS","getColorStyles","colour","theme","variant","blue","filled","backgroundColor","palette","semantic","fill","color","text","outlined","borderColor","stroke","success","light","dark","main","warning","error","default","StyledChip","styled","MuiChip","shouldForwardProp","prop","rounded","borderRadius","Chip","label","size","icon","_jsx"],"mappings":"wHAGO,MAAMA,EAAc,CAAC,UAAW,OAAQ,UAAW,UAAW,SAGxDC,EAAgB,CAAC,SAAU,YAkBlCC,EAAiB,CAACC,EAAmBC,EAAcC,KACpC,CACbC,KAAM,CACFC,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQC,SAASC,KAAK,qBAC7CC,MAAOR,EAAMK,QAAQC,SAASG,KAAK,iBAEvCC,SAAU,CACNC,YAAaX,EAAMK,QAAQC,SAASM,OAAO,yBAC3CJ,MAAOR,EAAMK,QAAQC,SAASG,KAAK,kBAG3CI,QAAS,CACLV,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQQ,QAAQC,MACvCN,MAAOR,EAAMK,QAAQQ,QAAQE,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQQ,QAAQG,KACnCR,MAAOR,EAAMK,QAAQQ,QAAQG,OAGrCC,QAAS,CACLd,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQY,QAAQH,MACvCN,MAAOR,EAAMK,QAAQY,QAAQF,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQY,QAAQD,KACnCR,MAAOR,EAAMK,QAAQY,QAAQF,OAGrCG,MAAO,CACHf,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQa,MAAMJ,MACrCN,MAAOR,EAAMK,QAAQa,MAAMH,MAE/BL,SAAU,CACNC,YAAaX,EAAMK,QAAQa,MAAMF,KACjCR,MAAOR,EAAMK,QAAQa,MAAMF,OAGnCG,QAAS,CACLhB,OAAQ,CAAE,EACVO,SAAU,CAAE,IAIJX,GAAQE,IAGtBmB,EAAaC,EAAOC,EAAS,CAC/BC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GADnCH,EAEC,EAAGrB,QAAOD,SAAQ0B,UAASxB,UAAUJ,EAAc,OAAU,CAC7E6B,aAAcD,EAAU,QAAU,MAClC,kBAAmB,CACfjB,MAAO,cAERV,EAAeC,EAAQC,EAAOC,OAG/B0B,EAAO,EAAGC,QAAOpB,QAAQ,UAAWqB,OAAO,SAAU5B,UAAU,SAAU6B,OAAML,WAAU,KAC3FM,EAACX,EAAU,CAACU,KAAMA,EAAMF,MAAOA,EAAO7B,OAAQS,EAAOqB,KAAMA,EAAM5B,QAASA,EAASwB,QAASA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled, type Theme } from '@mui/material/styles';\n\nexport const CHIP_COLORS = ['default', 'blue', 'success', 'warning', 'error'] as const;\nexport type ChipColor = (typeof CHIP_COLORS)[number];\n\nexport const CHIP_VARIANTS = ['filled', 'outlined'] as const;\nexport type ChipVariant = (typeof CHIP_VARIANTS)[number];\n\nexport type ChipProps = {\n    label: string;\n    color?: ChipColor;\n    size?: MuiChipProps['size'];\n    variant?: ChipVariant;\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\ntype StyledChipProps = {\n    colour: ChipColor;\n    rounded: boolean;\n    variant?: ChipVariant;\n};\n\nconst getColorStyles = (colour: ChipColor, theme: Theme, variant: ChipVariant) => {\n    const colorMap = {\n        blue: {\n            filled: {\n                backgroundColor: theme.palette.semantic.fill['fill-primary-weak'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n            outlined: {\n                borderColor: theme.palette.semantic.stroke['stroke-primary-strong'],\n                color: theme.palette.semantic.text['text-primary'],\n            },\n        },\n        success: {\n            filled: {\n                backgroundColor: theme.palette.success.light,\n                color: theme.palette.success.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.success.main,\n                color: theme.palette.success.main,\n            },\n        },\n        warning: {\n            filled: {\n                backgroundColor: theme.palette.warning.light,\n                color: theme.palette.warning.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.warning.main,\n                color: theme.palette.warning.dark,\n            },\n        },\n        error: {\n            filled: {\n                backgroundColor: theme.palette.error.light,\n                color: theme.palette.error.dark,\n            },\n            outlined: {\n                borderColor: theme.palette.error.main,\n                color: theme.palette.error.main,\n            },\n        },\n        default: {\n            filled: {},\n            outlined: {},\n        },\n    } satisfies Record<ChipColor, Record<ChipVariant, object>>;\n\n    return colorMap[colour][variant];\n};\n\nconst StyledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<StyledChipProps>(({ theme, colour, rounded, variant = CHIP_VARIANTS[0] }) => ({\n    borderRadius: rounded ? '100px' : '5px',\n    '& .MuiChip-icon': {\n        color: 'inherit',\n    },\n    ...getColorStyles(colour, theme, variant),\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon, rounded = true }: ChipProps) => (\n    <StyledChip icon={icon} label={label} colour={color} size={size} variant={variant} rounded={rounded} />\n);\n\nexport default Chip;\n"],"names":["CHIP_COLORS","CHIP_VARIANTS","getColorStyles","colour","theme","variant","blue","filled","backgroundColor","palette","semantic","fill","color","text","outlined","borderColor","stroke","success","light","dark","main","warning","error","default","StyledChip","styled","MuiChip","shouldForwardProp","prop","rounded","borderRadius","Chip","label","size","icon","_jsx"],"mappings":"wHAGO,MAAMA,EAAc,CAAC,UAAW,OAAQ,UAAW,UAAW,SAGxDC,EAAgB,CAAC,SAAU,YAkBlCC,EAAiB,CAACC,EAAmBC,EAAcC,KACpC,CACbC,KAAM,CACFC,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQC,SAASC,KAAK,qBAC7CC,MAAOR,EAAMK,QAAQC,SAASG,KAAK,iBAEvCC,SAAU,CACNC,YAAaX,EAAMK,QAAQC,SAASM,OAAO,yBAC3CJ,MAAOR,EAAMK,QAAQC,SAASG,KAAK,kBAG3CI,QAAS,CACLV,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQQ,QAAQC,MACvCN,MAAOR,EAAMK,QAAQQ,QAAQE,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQQ,QAAQG,KACnCR,MAAOR,EAAMK,QAAQQ,QAAQG,OAGrCC,QAAS,CACLd,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQY,QAAQH,MACvCN,MAAOR,EAAMK,QAAQY,QAAQF,MAEjCL,SAAU,CACNC,YAAaX,EAAMK,QAAQY,QAAQD,KACnCR,MAAOR,EAAMK,QAAQY,QAAQF,OAGrCG,MAAO,CACHf,OAAQ,CACJC,gBAAiBJ,EAAMK,QAAQa,MAAMJ,MACrCN,MAAOR,EAAMK,QAAQa,MAAMH,MAE/BL,SAAU,CACNC,YAAaX,EAAMK,QAAQa,MAAMF,KACjCR,MAAOR,EAAMK,QAAQa,MAAMF,OAGnCG,QAAS,CACLhB,OAAQ,CAAA,EACRO,SAAU,CAAA,IAIFX,GAAQE,IAGtBmB,EAAaC,EAAOC,EAAS,CAC/BC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GADnCH,EAEC,EAAGrB,QAAOD,SAAQ0B,UAASxB,UAAUJ,EAAc,OAAI,CACvE6B,aAAcD,EAAU,QAAU,MAClC,kBAAmB,CACfjB,MAAO,cAERV,EAAeC,EAAQC,EAAOC,OAG/B0B,EAAO,EAAGC,QAAOpB,QAAQ,UAAWqB,OAAO,SAAU5B,UAAU,SAAU6B,OAAML,WAAU,KAC3FM,EAACX,EAAU,CAACU,KAAMA,EAAMF,MAAOA,EAAO7B,OAAQS,EAAOqB,KAAMA,EAAM5B,QAASA,EAASwB,QAASA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport { ErrorBoundary } from 'react-error-boundary';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ninterface Props {\n    somethingWentWrongText: string;\n}\n\nconst FallbackComponent = ({ somethingWentWrongText }: Props): React.ReactElement => {\n    return <StyledTextContainer>{somethingWentWrongText}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({\n    identifier,\n    children,\n    somethingWentWrongText,\n}: {\n    identifier: string;\n    children: ReactNode;\n    somethingWentWrongText: string;\n}): React.ReactElement => {\n    const fallbackComponentWithProps = (): React.ReactElement => <FallbackComponent somethingWentWrongText={somethingWentWrongText} />;\n\n    return (\n        <ErrorBoundary\n            FallbackComponent={fallbackComponentWithProps}\n            onError={(error, info): void => {\n                window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n                    message: error?.message,\n                    stack: info,\n                });\n            }}\n        >\n            {children}\n        </ErrorBoundary>\n    );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","somethingWentWrongText","_jsx","jsx","children","identifier","ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"yIAMA,MAAMA,EAAsBC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAoB,EAAGC,4BAClBC,EAACC,IAAAX,EAAqB,CAAAY,SAAAH,mBAGT,EACpBI,aACAD,WACAH,4BASIC,EAAAC,IAACG,EAAaA,cAAA,CACVN,kBAJ2B,IAA0BE,EAAAC,IAACH,EAAiB,CAACC,uBAAwBA,IAKhGM,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,KAIdL,SAAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport { ErrorBoundary } from 'react-error-boundary';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ninterface Props {\n    somethingWentWrongText: string;\n}\n\nconst FallbackComponent = ({ somethingWentWrongText }: Props): React.ReactElement => {\n    return <StyledTextContainer>{somethingWentWrongText}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({\n    identifier,\n    children,\n    somethingWentWrongText,\n}: {\n    identifier: string;\n    children: ReactNode;\n    somethingWentWrongText: string;\n}): React.ReactElement => {\n    const fallbackComponentWithProps = (): React.ReactElement => <FallbackComponent somethingWentWrongText={somethingWentWrongText} />;\n\n    return (\n        <ErrorBoundary\n            FallbackComponent={fallbackComponentWithProps}\n            onError={(error, info): void => {\n                window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n                    message: error?.message,\n                    stack: info,\n                });\n            }}\n        >\n            {children}\n        </ErrorBoundary>\n    );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","somethingWentWrongText","_jsx","children","identifier","ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"yIAMA,MAAMA,EAAsBC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAChDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAoB,EAAGC,4BAClBC,EAAAA,IAACV,EAAmB,CAAAW,SAAEF,mBAGT,EACpBG,aACAD,WACAF,4BASIC,EAAAA,IAACG,EAAAA,cAAa,CACVL,kBAJ2B,IAA0BE,EAAAA,IAACF,EAAiB,CAACC,uBAAwBA,IAKhGK,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,KAEdL,SAEAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport { ErrorBoundary } from 'react-error-boundary';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ninterface Props {\n    somethingWentWrongText: string;\n}\n\nconst FallbackComponent = ({ somethingWentWrongText }: Props): React.ReactElement => {\n    return <StyledTextContainer>{somethingWentWrongText}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({\n    identifier,\n    children,\n    somethingWentWrongText,\n}: {\n    identifier: string;\n    children: ReactNode;\n    somethingWentWrongText: string;\n}): React.ReactElement => {\n    const fallbackComponentWithProps = (): React.ReactElement => <FallbackComponent somethingWentWrongText={somethingWentWrongText} />;\n\n    return (\n        <ErrorBoundary\n            FallbackComponent={fallbackComponentWithProps}\n            onError={(error, info): void => {\n                window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n                    message: error?.message,\n                    stack: info,\n                });\n            }}\n        >\n            {children}\n        </ErrorBoundary>\n    );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","somethingWentWrongText","_jsx","children","FDErrorBoundary","identifier","ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"yJAMA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAoB,EAAGC,4BAClBC,EAACV,EAAqB,CAAAW,SAAAF,IAG3BG,EAAkB,EACpBC,aACAF,WACAF,4BASIC,EAACI,EAAa,CACVN,kBAJ2B,IAA0BE,EAACF,EAAiB,CAACC,uBAAwBA,IAKhGM,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,KAIdN,SAAAA"}
+{"version":3,"file":"index.js","sources":["../../../src/components/FDErrorBoundary/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport { styled } from '@mui/material/styles';\n\nimport { ErrorBoundary } from 'react-error-boundary';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\n\ninterface Props {\n    somethingWentWrongText: string;\n}\n\nconst FallbackComponent = ({ somethingWentWrongText }: Props): React.ReactElement => {\n    return <StyledTextContainer>{somethingWentWrongText}</StyledTextContainer>;\n};\n\nconst FDErrorBoundary = ({\n    identifier,\n    children,\n    somethingWentWrongText,\n}: {\n    identifier: string;\n    children: ReactNode;\n    somethingWentWrongText: string;\n}): React.ReactElement => {\n    const fallbackComponentWithProps = (): React.ReactElement => <FallbackComponent somethingWentWrongText={somethingWentWrongText} />;\n\n    return (\n        <ErrorBoundary\n            FallbackComponent={fallbackComponentWithProps}\n            onError={(error, info): void => {\n                window.fdlogger?.error(`${identifier?.toString()} Error Boundary`, {\n                    message: error?.message,\n                    stack: info,\n                });\n            }}\n        >\n            {children}\n        </ErrorBoundary>\n    );\n};\n\nexport default FDErrorBoundary;\n"],"names":["StyledTextContainer","styled","theme","marginTop","spacing","display","justifyContent","alignItems","FallbackComponent","somethingWentWrongText","_jsx","children","FDErrorBoundary","identifier","ErrorBoundary","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"yJAMA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAChDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAOVC,EAAoB,EAAGC,4BAClBC,EAACV,EAAmB,CAAAW,SAAEF,IAG3BG,EAAkB,EACpBC,aACAF,WACAF,4BASIC,EAACI,EAAa,CACVN,kBAJ2B,IAA0BE,EAACF,EAAiB,CAACC,uBAAwBA,IAKhGM,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,KAEdN,SAEAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/FlipdishLogoLoader/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport FdLoader from '../../assets/images/fd-loader.gif';\nimport Typography from '@mui/material/Typography';\n\nconst StyledContainer = styled('div')<{ fullscreen?: boolean }>(({ theme, fullscreen }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: theme.palette.semantic.background['background-base'],\n    flexDirection: 'column',\n    ...(fullscreen && {\n        width: '100vw',\n        height: '100vh',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n    }),\n}));\n\nconst ImageContainer = styled('div')(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '160px',\n    height: '160px',\n    borderRadius: '80px',\n    background: theme.palette.semantic.fill['fill-white'],\n    boxShadow: '0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',\n    marginBottom: '32px',\n}));\n\nconst StyledImage = styled('img')({\n    height: '96px',\n    width: '96px',\n});\n\nconst StyledHeadline = styled(Typography)(({ theme }) => ({\n    color: theme.palette.semantic.text['text-primary'],\n    lineHeight: '1.2',\n    marginBottom: '4px',\n}));\n\nconst StyledSubHeadline = styled(Typography)(({ theme }) => ({\n    fontSize: '20px',\n    color: theme.palette.semantic.text['text-weak'],\n    lineHeight: '1.4',\n    letterSpacing: 'normal',\n}));\n\ntype FlipdishLogoLoaderProps = {\n    headline: string;\n    subHeadline?: string;\n    fullscreen?: boolean;\n};\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n    return (\n        <StyledContainer fullscreen={fullscreen} data-testid=\"FlipdishLogoLoader\">\n            <ImageContainer>\n                <StyledImage src={FdLoader} alt=\"Flipdish Logo Loader\" />\n            </ImageContainer>\n            <StyledHeadline variant=\"h2\">{headline}</StyledHeadline>\n            {subHeadline && <StyledSubHeadline>{subHeadline}</StyledSubHeadline>}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishLogoLoader;\n"],"names":["StyledContainer","styled","theme","fullscreen","display","alignItems","justifyContent","background","palette","semantic","flexDirection","width","height","position","top","left","ImageContainer","borderRadius","fill","boxShadow","marginBottom","StyledImage","StyledHeadline","Typography","color","text","lineHeight","StyledSubHeadline","fontSize","letterSpacing","headline","subHeadline","_jsxs","children","_jsx","src","FdLoader","alt","variant"],"mappings":"8KAIA,MAAMA,EAAkBC,EAAMA,OAAC,MAAPA,EAAwC,EAAGC,QAAOC,iBAAkB,CACxFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CACdQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,OAIRC,EAAiBf,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UAAW,4GACXC,aAAc,WAGZC,EAAcpB,EAAAA,OAAO,MAAPA,CAAc,CAC9BW,OAAQ,OACRD,MAAO,SAGLW,EAAiBrB,EAAAA,OAAOsB,EAAPtB,EAAmB,EAAGC,YAAa,CACtDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,UAGZO,EAAoB1B,EAAAA,OAAOsB,EAAPtB,EAAmB,EAAGC,YAAa,CACzD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,4BASQ,EAAGC,WAAUC,cAAa5B,cAAa,KAE1D6B,EAAAA,KAAChC,EAAe,CAACG,WAAYA,gBAAwB,qBAAoB8B,SAAA,CACrEC,EAAAA,IAAClB,EAAc,CAAAiB,SACXC,EAAAA,IAACb,EAAW,CAACc,IAAKC,EAAUC,IAAI,2BAEpCH,MAACZ,GAAegB,QAAQ,KAAML,SAAAH,IAC7BC,GAAeG,EAAAA,IAACP,YAAmBI"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/FlipdishLogoLoader/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport FdLoader from '../../assets/images/fd-loader.gif';\nimport Typography from '@mui/material/Typography';\n\nconst StyledContainer = styled('div')<{ fullscreen?: boolean }>(({ theme, fullscreen }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: theme.palette.semantic.background['background-base'],\n    flexDirection: 'column',\n    ...(fullscreen && {\n        width: '100vw',\n        height: '100vh',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n    }),\n}));\n\nconst ImageContainer = styled('div')(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '160px',\n    height: '160px',\n    borderRadius: '80px',\n    background: theme.palette.semantic.fill['fill-white'],\n    boxShadow: '0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',\n    marginBottom: '32px',\n}));\n\nconst StyledImage = styled('img')({\n    height: '96px',\n    width: '96px',\n});\n\nconst StyledHeadline = styled(Typography)(({ theme }) => ({\n    color: theme.palette.semantic.text['text-primary'],\n    lineHeight: '1.2',\n    marginBottom: '4px',\n}));\n\nconst StyledSubHeadline = styled(Typography)(({ theme }) => ({\n    fontSize: '20px',\n    color: theme.palette.semantic.text['text-weak'],\n    lineHeight: '1.4',\n    letterSpacing: 'normal',\n}));\n\ntype FlipdishLogoLoaderProps = {\n    headline: string;\n    subHeadline?: string;\n    fullscreen?: boolean;\n};\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n    return (\n        <StyledContainer fullscreen={fullscreen} data-testid=\"FlipdishLogoLoader\">\n            <ImageContainer>\n                <StyledImage src={FdLoader} alt=\"Flipdish Logo Loader\" />\n            </ImageContainer>\n            <StyledHeadline variant=\"h2\">{headline}</StyledHeadline>\n            {subHeadline && <StyledSubHeadline>{subHeadline}</StyledSubHeadline>}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishLogoLoader;\n"],"names":["StyledContainer","styled","theme","fullscreen","display","alignItems","justifyContent","background","palette","semantic","flexDirection","width","height","position","top","left","ImageContainer","borderRadius","fill","boxShadow","marginBottom","StyledImage","StyledHeadline","Typography","color","text","lineHeight","StyledSubHeadline","fontSize","letterSpacing","headline","subHeadline","_jsxs","children","_jsx","src","FdLoader","alt","variant"],"mappings":"8KAIA,MAAMA,EAAkBC,EAAAA,OAAO,MAAPA,EAAwC,EAAGC,QAAOC,iBAAY,CAClFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CACdQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,OAIRC,EAAiBf,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UAAW,4GACXC,aAAc,WAGZC,EAAcpB,EAAAA,OAAO,MAAPA,CAAc,CAC9BW,OAAQ,OACRD,MAAO,SAGLW,EAAiBrB,EAAAA,OAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CAChDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,UAGZO,EAAoB1B,EAAAA,OAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CACnD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,4BASQ,EAAGC,WAAUC,cAAa5B,cAAa,KAE1D6B,EAAAA,KAAChC,EAAe,CAACG,WAAYA,gBAAwB,qBAAoB8B,SAAA,CACrEC,EAAAA,IAAClB,EAAc,CAAAiB,SACXC,EAAAA,IAACb,EAAW,CAACc,IAAKC,EAAUC,IAAI,2BAEpCH,MAACZ,GAAegB,QAAQ,KAAIL,SAAEH,IAC7BC,GAAeG,EAAAA,IAACP,YAAmBI"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/FlipdishLogoLoader/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport FdLoader from '../../assets/images/fd-loader.gif';\nimport Typography from '@mui/material/Typography';\n\nconst StyledContainer = styled('div')<{ fullscreen?: boolean }>(({ theme, fullscreen }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: theme.palette.semantic.background['background-base'],\n    flexDirection: 'column',\n    ...(fullscreen && {\n        width: '100vw',\n        height: '100vh',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n    }),\n}));\n\nconst ImageContainer = styled('div')(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '160px',\n    height: '160px',\n    borderRadius: '80px',\n    background: theme.palette.semantic.fill['fill-white'],\n    boxShadow: '0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',\n    marginBottom: '32px',\n}));\n\nconst StyledImage = styled('img')({\n    height: '96px',\n    width: '96px',\n});\n\nconst StyledHeadline = styled(Typography)(({ theme }) => ({\n    color: theme.palette.semantic.text['text-primary'],\n    lineHeight: '1.2',\n    marginBottom: '4px',\n}));\n\nconst StyledSubHeadline = styled(Typography)(({ theme }) => ({\n    fontSize: '20px',\n    color: theme.palette.semantic.text['text-weak'],\n    lineHeight: '1.4',\n    letterSpacing: 'normal',\n}));\n\ntype FlipdishLogoLoaderProps = {\n    headline: string;\n    subHeadline?: string;\n    fullscreen?: boolean;\n};\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n    return (\n        <StyledContainer fullscreen={fullscreen} data-testid=\"FlipdishLogoLoader\">\n            <ImageContainer>\n                <StyledImage src={FdLoader} alt=\"Flipdish Logo Loader\" />\n            </ImageContainer>\n            <StyledHeadline variant=\"h2\">{headline}</StyledHeadline>\n            {subHeadline && <StyledSubHeadline>{subHeadline}</StyledSubHeadline>}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishLogoLoader;\n"],"names":["StyledContainer","styled","theme","fullscreen","display","alignItems","justifyContent","background","palette","semantic","flexDirection","width","height","position","top","left","ImageContainer","borderRadius","fill","boxShadow","marginBottom","StyledImage","StyledHeadline","Typography","color","text","lineHeight","StyledSubHeadline","fontSize","letterSpacing","FlipdishLogoLoader","headline","subHeadline","_jsxs","children","_jsx","src","FdLoader","alt","variant"],"mappings":"4LAIA,MAAMA,EAAkBC,EAAO,MAAPA,EAAwC,EAAGC,QAAOC,iBAAkB,CACxFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CACdQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,OAIRC,EAAiBf,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACjDE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UAAW,4GACXC,aAAc,WAGZC,EAAcpB,EAAO,MAAPA,CAAc,CAC9BW,OAAQ,OACRD,MAAO,SAGLW,EAAiBrB,EAAOsB,EAAPtB,EAAmB,EAAGC,YAAa,CACtDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,UAGZO,EAAoB1B,EAAOsB,EAAPtB,EAAmB,EAAGC,YAAa,CACzD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,aASbC,EAAqB,EAAGC,WAAUC,cAAa7B,cAAa,KAE1D8B,EAACjC,EAAe,CAACG,WAAYA,gBAAwB,qBAAoB+B,SAAA,CACrEC,EAACnB,EAAc,CAAAkB,SACXC,EAACd,EAAW,CAACe,IAAKC,EAAUC,IAAI,2BAEpCH,EAACb,GAAeiB,QAAQ,KAAML,SAAAH,IAC7BC,GAAeG,EAACR,YAAmBK"}
+{"version":3,"file":"index.js","sources":["../../../src/components/FlipdishLogoLoader/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport FdLoader from '../../assets/images/fd-loader.gif';\nimport Typography from '@mui/material/Typography';\n\nconst StyledContainer = styled('div')<{ fullscreen?: boolean }>(({ theme, fullscreen }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    background: theme.palette.semantic.background['background-base'],\n    flexDirection: 'column',\n    ...(fullscreen && {\n        width: '100vw',\n        height: '100vh',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n    }),\n}));\n\nconst ImageContainer = styled('div')(({ theme }) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '160px',\n    height: '160px',\n    borderRadius: '80px',\n    background: theme.palette.semantic.fill['fill-white'],\n    boxShadow: '0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 8px 10px 1px rgba(0, 0, 0, 0.14)',\n    marginBottom: '32px',\n}));\n\nconst StyledImage = styled('img')({\n    height: '96px',\n    width: '96px',\n});\n\nconst StyledHeadline = styled(Typography)(({ theme }) => ({\n    color: theme.palette.semantic.text['text-primary'],\n    lineHeight: '1.2',\n    marginBottom: '4px',\n}));\n\nconst StyledSubHeadline = styled(Typography)(({ theme }) => ({\n    fontSize: '20px',\n    color: theme.palette.semantic.text['text-weak'],\n    lineHeight: '1.4',\n    letterSpacing: 'normal',\n}));\n\ntype FlipdishLogoLoaderProps = {\n    headline: string;\n    subHeadline?: string;\n    fullscreen?: boolean;\n};\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n    return (\n        <StyledContainer fullscreen={fullscreen} data-testid=\"FlipdishLogoLoader\">\n            <ImageContainer>\n                <StyledImage src={FdLoader} alt=\"Flipdish Logo Loader\" />\n            </ImageContainer>\n            <StyledHeadline variant=\"h2\">{headline}</StyledHeadline>\n            {subHeadline && <StyledSubHeadline>{subHeadline}</StyledSubHeadline>}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishLogoLoader;\n"],"names":["StyledContainer","styled","theme","fullscreen","display","alignItems","justifyContent","background","palette","semantic","flexDirection","width","height","position","top","left","ImageContainer","borderRadius","fill","boxShadow","marginBottom","StyledImage","StyledHeadline","Typography","color","text","lineHeight","StyledSubHeadline","fontSize","letterSpacing","FlipdishLogoLoader","headline","subHeadline","_jsxs","children","_jsx","src","FdLoader","alt","variant"],"mappings":"4LAIA,MAAMA,EAAkBC,EAAO,MAAPA,EAAwC,EAAGC,QAAOC,iBAAY,CAClFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CACdQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,OAIRC,EAAiBf,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UAAW,4GACXC,aAAc,WAGZC,EAAcpB,EAAO,MAAPA,CAAc,CAC9BW,OAAQ,OACRD,MAAO,SAGLW,EAAiBrB,EAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CAChDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,UAGZO,EAAoB1B,EAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CACnD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,aASbC,EAAqB,EAAGC,WAAUC,cAAa7B,cAAa,KAE1D8B,EAACjC,EAAe,CAACG,WAAYA,gBAAwB,qBAAoB+B,SAAA,CACrEC,EAACnB,EAAc,CAAAkB,SACXC,EAACd,EAAW,CAACe,IAAKC,EAAUC,IAAI,2BAEpCH,EAACb,GAAeiB,QAAQ,KAAIL,SAAEH,IAC7BC,GAAeG,EAACR,YAAmBK"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport SupportAgentOutlinedIcon from '../../icons/CustomerSupport';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    title: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ title, children }: Props) => {\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{title}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","title","children","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"kQAOA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAAA,OAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,sBAQC,EAAGU,QAAOC,cAEjCC,OAACrB,EAAe,CAAA,cAAa,gCACzBoB,SAAA,CAAAC,OAACX,EAAc,CAAAU,SAAA,CACXE,EAAAA,IAACC,MACDD,MAACP,EAAK,CAAAK,SAAED,OAGXC"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport SupportAgentOutlinedIcon from '../../icons/CustomerSupport';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    title: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ title, children }: Props) => {\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{title}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","title","children","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"kQAOA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC1CC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGE,YAAO,CAC1CS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAAA,OAAOe,EAAPf,EAAmB,EAAGE,YAAO,CACvCc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,sBAQC,EAAGU,QAAOC,cAEjCC,OAACrB,EAAe,CAAA,cAAa,gCAA+BoB,SAAA,CACxDC,OAACX,EAAc,CAAAU,SAAA,CACXE,EAAAA,IAACC,MACDD,MAACP,EAAK,CAAAK,SAAED,OAGXC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport SupportAgentOutlinedIcon from '../../icons/CustomerSupport';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    title: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ title, children }: Props) => {\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{title}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","title","children","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"6QAOA,MAAMA,EAAkBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,OAQxBU,EAAyB,EAAGC,QAAOC,cAEjCC,EAACtB,EAAe,CAAA,cAAa,gCACzBqB,SAAA,CAAAC,EAACZ,EAAc,CAAAW,SAAA,CACXE,EAACC,MACDD,EAACR,EAAK,CAAAM,SAAED,OAGXC"}
+{"version":3,"file":"index.js","sources":["../../../src/components/FlipdishStaffContainer/index.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport SupportAgentOutlinedIcon from '../../icons/CustomerSupport';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    title: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ title, children }: Props) => {\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{title}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","title","children","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"6QAOA,MAAMA,EAAkBC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CAC1CC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAOU,EAAPV,EAAa,EAAGE,YAAO,CAC1CS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAOe,EAAPf,EAAmB,EAAGE,YAAO,CACvCc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,OAQxBU,EAAyB,EAAGC,QAAOC,cAEjCC,EAACtB,EAAe,CAAA,cAAa,gCAA+BqB,SAAA,CACxDC,EAACZ,EAAc,CAAAW,SAAA,CACXE,EAACC,MACDD,EAACR,EAAK,CAAAM,SAAED,OAGXC"}

package/dist/components/Form/FormItemLayout/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/FormItemLayout/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { type GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n  padding: theme.spacing(4.75, 0, 2.5, 0),\n  alignItems: 'flex-start',\n  flexWrap: 'wrap',\n  borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n  paddingBottom: theme.spacing(2),\n  paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n  children: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionTranslated?: string;\n  label?: React.ReactNode;\n  labelTranslated?: string;\n  mdProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n  smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n  const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } =\n    props;\n\n  const [titleProportion, dataProportion] = mdProportion\n    ? mdProportion.split('x').map((m) => parseInt(m, 10))\n    : [4, 8];\n  const [titleProportionSm, dataProportionSm] = smProportion\n    ? smProportion.split('x').map((m) => parseInt(m, 10))\n    : [];\n  const castToGridSize = (data: unknown) => data as GridSize;\n\n  return (\n    <StyledGrid container>\n      <Grid\n        item\n        base={12}\n        mobile={castToGridSize(titleProportionSm)}\n        tablet={castToGridSize(titleProportion)}\n      >\n        <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n          {labelTranslated || label || null}\n        </Typography>\n\n        {descriptionTranslated || description ? (\n          <StyledDescription>\n            <Typography color=\"textSecondary\" variant=\"caption\">\n              {descriptionTranslated || description || null}\n            </Typography>\n          </StyledDescription>\n        ) : null}\n      </Grid>\n      <Grid item base={12} mobile={castToGridSize(dataProportionSm)} tablet={castToGridSize(dataProportion)}>\n        {children}\n      </Grid>\n    </StyledGrid>\n  );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","base","mobile","tablet","_jsx","Typography","color","component","variant","jsx"],"mappings":"6KAMA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,EAAa,EAAGE,YAAa,CAC9CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGVC,EAAoBR,EAAAA,OAAO,MAAPA,EAAc,EAAGE,YAAa,CACtDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,yBAcNO,IACtB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAC1FP,GAEKQ,EAAiBC,GAAkBH,EACtCA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,CAAC,EAAG,IACDE,EAAmBC,GAAoBR,EAC1CA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,GAGJ,OACEI,EAAAA,KAAC5B,EAAW,CAAA6B,uBACVD,OAAC1B,EACC,CAAA4B,MACA,EAAAC,KAAM,GACNC,OAAuBN,EACvBO,OAAuBb,EAEvBP,SAAA,CAAAqB,EAAAA,IAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,YAAWzB,SAC/DI,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAAK,IAAC9B,EAAiB,CAAAI,SAChBqB,EAACK,IAAAJ,GAAWC,MAAM,gBAAgBE,QAAQ,UACvCzB,SAAAE,GAAyBD,GAAe,SAG3C,QAENoB,EAACK,IAAArC,EAAK,CAAA4B,MAAK,EAAAC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,EAAeR,SAClGA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/FormItemLayout/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { type GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n  padding: theme.spacing(4.75, 0, 2.5, 0),\n  alignItems: 'flex-start',\n  flexWrap: 'wrap',\n  borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n  paddingBottom: theme.spacing(2),\n  paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n  children: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionTranslated?: string;\n  label?: React.ReactNode;\n  labelTranslated?: string;\n  mdProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n  smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n  const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } =\n    props;\n\n  const [titleProportion, dataProportion] = mdProportion\n    ? mdProportion.split('x').map((m) => parseInt(m, 10))\n    : [4, 8];\n  const [titleProportionSm, dataProportionSm] = smProportion\n    ? smProportion.split('x').map((m) => parseInt(m, 10))\n    : [];\n  const castToGridSize = (data: unknown) => data as GridSize;\n\n  return (\n    <StyledGrid container>\n      <Grid\n        item\n        base={12}\n        mobile={castToGridSize(titleProportionSm)}\n        tablet={castToGridSize(titleProportion)}\n      >\n        <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n          {labelTranslated || label || null}\n        </Typography>\n\n        {descriptionTranslated || description ? (\n          <StyledDescription>\n            <Typography color=\"textSecondary\" variant=\"caption\">\n              {descriptionTranslated || description || null}\n            </Typography>\n          </StyledDescription>\n        ) : null}\n      </Grid>\n      <Grid item base={12} mobile={castToGridSize(dataProportionSm)} tablet={castToGridSize(dataProportion)}>\n        {children}\n      </Grid>\n    </StyledGrid>\n  );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","base","mobile","tablet","_jsx","Typography","color","component","variant"],"mappings":"6KAMA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,EAAa,EAAGE,YAAO,CACxCC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGVC,EAAoBR,EAAAA,OAAO,MAAPA,EAAc,EAAGE,YAAO,CAChDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,yBAcNO,IACtB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAC1FP,GAEKQ,EAAiBC,GAAkBH,EACtCA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,CAAC,EAAG,IACDE,EAAmBC,GAAoBR,EAC1CA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,GAGJ,OACEI,EAAAA,KAAC5B,EAAU,CAAC6B,uBACVD,OAAC1B,EAAI,CACH4B,MAAI,EACJC,KAAM,GACNC,OAAuBN,EACvBO,OAAuBb,EAAgBP,SAAA,CAEvCqB,EAAAA,IAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,YAAWzB,SAC/DI,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAAA,IAACzB,EAAiB,CAAAI,SAChBqB,EAAAA,IAACC,GAAWC,MAAM,gBAAgBE,QAAQ,UAASzB,SAChDE,GAAyBD,GAAe,SAG3C,QAENoB,EAAAA,IAAChC,EAAI,CAAC4B,MAAI,EAACC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,EAAeR,SAClGA"}

package/dist/components/Form/FormItemLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Form/FormItemLayout/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { type GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n  padding: theme.spacing(4.75, 0, 2.5, 0),\n  alignItems: 'flex-start',\n  flexWrap: 'wrap',\n  borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n  paddingBottom: theme.spacing(2),\n  paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n  children: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionTranslated?: string;\n  label?: React.ReactNode;\n  labelTranslated?: string;\n  mdProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n  smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n  const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } =\n    props;\n\n  const [titleProportion, dataProportion] = mdProportion\n    ? mdProportion.split('x').map((m) => parseInt(m, 10))\n    : [4, 8];\n  const [titleProportionSm, dataProportionSm] = smProportion\n    ? smProportion.split('x').map((m) => parseInt(m, 10))\n    : [];\n  const castToGridSize = (data: unknown) => data as GridSize;\n\n  return (\n    <StyledGrid container>\n      <Grid\n        item\n        base={12}\n        mobile={castToGridSize(titleProportionSm)}\n        tablet={castToGridSize(titleProportion)}\n      >\n        <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n          {labelTranslated || label || null}\n        </Typography>\n\n        {descriptionTranslated || description ? (\n          <StyledDescription>\n            <Typography color=\"textSecondary\" variant=\"caption\">\n              {descriptionTranslated || description || null}\n            </Typography>\n          </StyledDescription>\n        ) : null}\n      </Grid>\n      <Grid item base={12} mobile={castToGridSize(dataProportionSm)} tablet={castToGridSize(dataProportion)}>\n        {children}\n      </Grid>\n    </StyledGrid>\n  );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","FormItemLayout","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","base","mobile","tablet","_jsx","Typography","color","component","variant"],"mappings":"wLAMA,MAAMA,EAAaC,EAAOC,EAAPD,EAAa,EAAGE,YAAa,CAC9CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGVC,EAAoBR,EAAO,MAAPA,EAAc,EAAGE,YAAa,CACtDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,UAcxBO,EAAkBC,IACtB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAC1FP,GAEKQ,EAAiBC,GAAkBH,EACtCA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,CAAC,EAAG,IACDE,EAAmBC,GAAoBR,EAC1CA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,GAGJ,OACEI,EAAC7B,EAAW,CAAA8B,uBACVD,EAAC3B,EACC,CAAA6B,MACA,EAAAC,KAAM,GACNC,OAAuBN,EACvBO,OAAuBb,EAEvBP,SAAA,CAAAqB,EAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,YAAWzB,SAC/DI,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAC1B,EAAiB,CAAAK,SAChBqB,EAACC,GAAWC,MAAM,gBAAgBE,QAAQ,UACvCzB,SAAAE,GAAyBD,GAAe,SAG3C,QAENoB,EAACjC,EAAK,CAAA6B,MAAK,EAAAC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,EAAeR,SAClGA"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Form/FormItemLayout/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { type GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n  padding: theme.spacing(4.75, 0, 2.5, 0),\n  alignItems: 'flex-start',\n  flexWrap: 'wrap',\n  borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n  paddingBottom: theme.spacing(2),\n  paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n  children: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionTranslated?: string;\n  label?: React.ReactNode;\n  labelTranslated?: string;\n  mdProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n  smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n  const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } =\n    props;\n\n  const [titleProportion, dataProportion] = mdProportion\n    ? mdProportion.split('x').map((m) => parseInt(m, 10))\n    : [4, 8];\n  const [titleProportionSm, dataProportionSm] = smProportion\n    ? smProportion.split('x').map((m) => parseInt(m, 10))\n    : [];\n  const castToGridSize = (data: unknown) => data as GridSize;\n\n  return (\n    <StyledGrid container>\n      <Grid\n        item\n        base={12}\n        mobile={castToGridSize(titleProportionSm)}\n        tablet={castToGridSize(titleProportion)}\n      >\n        <Typography color=\"textPrimary\" component=\"h3\" variant=\"subtitle1\">\n          {labelTranslated || label || null}\n        </Typography>\n\n        {descriptionTranslated || description ? (\n          <StyledDescription>\n            <Typography color=\"textSecondary\" variant=\"caption\">\n              {descriptionTranslated || description || null}\n            </Typography>\n          </StyledDescription>\n        ) : null}\n      </Grid>\n      <Grid item base={12} mobile={castToGridSize(dataProportionSm)} tablet={castToGridSize(dataProportion)}>\n        {children}\n      </Grid>\n    </StyledGrid>\n  );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","FormItemLayout","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","base","mobile","tablet","_jsx","Typography","color","component","variant"],"mappings":"wLAMA,MAAMA,EAAaC,EAAOC,EAAPD,EAAa,EAAGE,YAAO,CACxCC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGVC,EAAoBR,EAAO,MAAPA,EAAc,EAAGE,YAAO,CAChDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,UAcxBO,EAAkBC,IACtB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAC1FP,GAEKQ,EAAiBC,GAAkBH,EACtCA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,CAAC,EAAG,IACDE,EAAmBC,GAAoBR,EAC1CA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAC/C,GAGJ,OACEI,EAAC7B,EAAU,CAAC8B,uBACVD,EAAC3B,EAAI,CACH6B,MAAI,EACJC,KAAM,GACNC,OAAuBN,EACvBO,OAAuBb,EAAgBP,SAAA,CAEvCqB,EAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,YAAWzB,SAC/DI,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAC1B,EAAiB,CAAAK,SAChBqB,EAACC,GAAWC,MAAM,gBAAgBE,QAAQ,UAASzB,SAChDE,GAAyBD,GAAe,SAG3C,QAENoB,EAACjC,EAAI,CAAC6B,MAAI,EAACC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,EAAeR,SAClGA"}

package/dist/components/Form/GenericAutocompleteField/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type SyntheticEvent } from 'react';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport interface Props<T> {\n  label: string;\n  fieldName: string;\n  options: T[];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  validation?: (value: T | T[]) => string | undefined;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  variant?: TextFieldProps['variant'];\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\ninterface AutocompleteFieldProps<T> {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  fieldName: string;\n  options: T[];\n  label: string;\n  variant: TextFieldProps['variant'];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\nconst AutocompleteFieldComponent = <T,>({\n  field,\n  form,\n  fieldName,\n  options,\n  label,\n  variant,\n  placeholder,\n  getOptionLabel,\n  isOptionEqualToValue,\n  onChange,\n  onInputChange,\n  onScroll,\n  layout = 'horizontal',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags,\n}: AutocompleteFieldProps<T>) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as T | T[] | null;\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 as string,\n    },\n    'Valid',\n  );\n\n  return (\n    <Autocomplete\n      fullWidth\n      disabled={isSubmitting || disabled}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      limitTags={multiple ? (limitTags ?? 2) : undefined}\n      loading={loading}\n      multiple={multiple}\n      options={options}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          fullWidth\n          data-testid={`text-field-${fieldName}`}\n          error={showError}\n          helperText={helperText}\n          label={variant === 'standard' ? undefined : label}\n          placeholder={placeholder || undefined}\n          required={required}\n          slotProps={{\n            input: {\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading && <CircularProgress color=\"inherit\" size={25} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            },\n            formHelperText: {\n              children: ' ', // reserves line height for error message\n              style: { textAlign: 'right' },\n            },\n          }}\n          style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n          variant={variant}\n        />\n      )}\n      slotProps={{\n        listbox: {\n          onScroll,\n        },\n      }}\n      value={fieldValue || (multiple ? [] : null)}\n      onChange={(e: SyntheticEvent<Element, Event>, value: T | T[] | null) => {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        form.setFieldValue(fieldName, value);\n        if (onChange) {\n          onChange(e, value);\n        }\n      }}\n      onInputChange={onInputChange}\n    />\n  );\n};\n\nconst GenericAutocompleteField = <T,>({\n  label,\n  fieldName,\n  options,\n  placeholder,\n  getOptionLabel,\n  validation,\n  onChange,\n  onInputChange,\n  isOptionEqualToValue,\n  onScroll,\n  layout = 'horizontal',\n  variant = 'outlined',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags = undefined,\n}: Props<T>) => {\n  const renderField = () => {\n    return (\n      <Field name={fieldName} validate={validation}>\n        {(fieldProps: FieldProps) => (\n          <AutocompleteFieldComponent<T>\n            {...fieldProps}\n            disabled={disabled}\n            fieldName={fieldName}\n            getOptionLabel={getOptionLabel}\n            isOptionEqualToValue={isOptionEqualToValue}\n            label={label}\n            layout={layout}\n            limitTags={limitTags}\n            loading={loading}\n            multiple={multiple}\n            options={options}\n            placeholder={placeholder}\n            required={required}\n            variant={variant}\n            onChange={onChange}\n            onInputChange={onInputChange}\n            onScroll={onScroll}\n          />\n        )}\n      </Field>\n    );\n  };\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {variant === 'standard' && (\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 GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldValue","value","fieldError","name","showError","helperText","useRenderValidText","_jsx","Autocomplete","fullWidth","undefined","renderInput","params","TextField","error","slotProps","input","InputProps","endAdornment","_jsxs","jsxs","_Fragment","children","jsx","CircularProgress","color","size","formHelperText","style","textAlign","paddingRight","listbox","e","setFieldValue","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"iWAsDA,MAAMA,EAA6B,EACjCC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAarB,EAAMsB,MACnBC,EAAaL,EAAOlB,EAAMwB,MAC1BC,IAAcF,GAAeJ,EAAQnB,EAAMwB,MAC3CE,EAAaC,EACjB,CACEJ,aACAE,YACAN,UAAWA,EAAQnB,EAAMwB,MACzBF,MAAOD,GAET,SAGF,OACEO,MAACC,EAAY,CACXC,WACA,EAAAjB,SAAUO,GAAgBP,EAC1BN,eAAgBA,EAChBC,qBAAsBA,EACtBS,UAAWD,EAAYC,GAAa,OAAKc,EACzCjB,QAASA,EACTE,SAAUA,EACVb,QAASA,EACT6B,YAAcC,GACZL,MAACM,EAAS,IACJD,EACJH,WAAS,EAAA,cACI,cAAc5B,IAC3BiC,MAAOV,EACPC,WAAYA,EACZtB,MAAmB,aAAZC,OAAyB0B,EAAY3B,EAC5CE,YAAaA,QAAeyB,EAC5BhB,SAAUA,EACVqB,UAAW,CACTC,MAAO,IACFJ,EAAOK,WACVC,aACEC,EACGC,KAAAC,WAAA,CAAAC,SAAA,CAAA7B,GAAWc,EAACgB,IAAAC,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDd,EAAOK,WAAWC,iBAIzBS,eAAgB,CACdL,SAAU,IACVM,MAAO,CAAEC,UAAW,WAGxBD,MAAO,CAAEE,aAAyB,eAAXvC,EAA0B,GAAK,GACtDP,QAASA,IAGb+B,UAAW,CACTgB,QAAS,CACPzC,aAGJW,MAAOD,IAAeL,EAAW,GAAK,MACtCP,SAAU,CAAC4C,EAAmC/B,KAE5CrB,EAAKqD,cAAcpD,EAAWoB,GAC1Bb,GACFA,EAAS4C,EAAG/B,IAGhBZ,cAAeA,oBAKY,EAC/BN,QACAF,YACAC,UACAG,cACAC,iBACAgD,aACA9C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMuC,EAAc,IAEhB5B,MAAC6B,EAAAA,OAAMjC,KAAMtB,EAAWwD,SAAUH,EAAUZ,SACxCgB,GACA/B,MAAC7B,EAA0B,IACrB4D,EACJ9C,SAAUA,EACVX,UAAWA,EACXK,eAAgBA,EAChBC,qBAAsBA,EACtBJ,MAAOA,EACPQ,OAAQA,EACRK,UAAWA,EACXH,QAASA,EACTE,SAAUA,EACVb,QAASA,EACTG,YAAaA,EACbS,SAAUA,EACVV,QAASA,EACTI,SAAUA,EACVC,cAAeA,EACfC,SAAUA,MAOpB,MAAe,aAAXC,EAEA4B,EAAAC,KAAAC,WAAA,CAAAC,SAAA,CACe,aAAZtC,GACCuB,EAAAA,IAACgC,EAAU,CAACd,MAAM,cAAce,UAAU,KAAKxD,QAAQ,YACpDsC,SAAAvC,IAGJoD,OAKA5B,EAAAA,IAACkC,EAAc,CAAC1D,MAAOA,EAAQuC,SAAAa"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type SyntheticEvent } from 'react';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport interface Props<T> {\n  label: string;\n  fieldName: string;\n  options: T[];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  validation?: (value: T | T[]) => string | undefined;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  variant?: TextFieldProps['variant'];\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\ninterface AutocompleteFieldProps<T> {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  fieldName: string;\n  options: T[];\n  label: string;\n  variant: TextFieldProps['variant'];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\nconst AutocompleteFieldComponent = <T,>({\n  field,\n  form,\n  fieldName,\n  options,\n  label,\n  variant,\n  placeholder,\n  getOptionLabel,\n  isOptionEqualToValue,\n  onChange,\n  onInputChange,\n  onScroll,\n  layout = 'horizontal',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags,\n}: AutocompleteFieldProps<T>) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as T | T[] | null;\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 as string,\n    },\n    'Valid',\n  );\n\n  return (\n    <Autocomplete\n      fullWidth\n      disabled={isSubmitting || disabled}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      limitTags={multiple ? (limitTags ?? 2) : undefined}\n      loading={loading}\n      multiple={multiple}\n      options={options}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          fullWidth\n          data-testid={`text-field-${fieldName}`}\n          error={showError}\n          helperText={helperText}\n          label={variant === 'standard' ? undefined : label}\n          placeholder={placeholder || undefined}\n          required={required}\n          slotProps={{\n            input: {\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading && <CircularProgress color=\"inherit\" size={25} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            },\n            formHelperText: {\n              children: ' ', // reserves line height for error message\n              style: { textAlign: 'right' },\n            },\n          }}\n          style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n          variant={variant}\n        />\n      )}\n      slotProps={{\n        listbox: {\n          onScroll,\n        },\n      }}\n      value={fieldValue || (multiple ? [] : null)}\n      onChange={(e: SyntheticEvent<Element, Event>, value: T | T[] | null) => {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        form.setFieldValue(fieldName, value);\n        if (onChange) {\n          onChange(e, value);\n        }\n      }}\n      onInputChange={onInputChange}\n    />\n  );\n};\n\nconst GenericAutocompleteField = <T,>({\n  label,\n  fieldName,\n  options,\n  placeholder,\n  getOptionLabel,\n  validation,\n  onChange,\n  onInputChange,\n  isOptionEqualToValue,\n  onScroll,\n  layout = 'horizontal',\n  variant = 'outlined',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags = undefined,\n}: Props<T>) => {\n  const renderField = () => {\n    return (\n      <Field name={fieldName} validate={validation}>\n        {(fieldProps: FieldProps) => (\n          <AutocompleteFieldComponent<T>\n            {...fieldProps}\n            disabled={disabled}\n            fieldName={fieldName}\n            getOptionLabel={getOptionLabel}\n            isOptionEqualToValue={isOptionEqualToValue}\n            label={label}\n            layout={layout}\n            limitTags={limitTags}\n            loading={loading}\n            multiple={multiple}\n            options={options}\n            placeholder={placeholder}\n            required={required}\n            variant={variant}\n            onChange={onChange}\n            onInputChange={onInputChange}\n            onScroll={onScroll}\n          />\n        )}\n      </Field>\n    );\n  };\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {variant === 'standard' && (\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 GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldValue","value","fieldError","name","showError","helperText","useRenderValidText","_jsx","Autocomplete","fullWidth","undefined","renderInput","params","TextField","error","slotProps","input","InputProps","endAdornment","_jsxs","_Fragment","children","CircularProgress","color","size","formHelperText","style","textAlign","paddingRight","listbox","e","setFieldValue","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"iWAsDA,MAAMA,EAA6B,EACjCC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAarB,EAAMsB,MACnBC,EAAaL,EAAOlB,EAAMwB,MAC1BC,IAAcF,GAAeJ,EAAQnB,EAAMwB,MAC3CE,EAAaC,EACjB,CACEJ,aACAE,YACAN,UAAWA,EAAQnB,EAAMwB,MACzBF,MAAOD,GAET,SAGF,OACEO,MAACC,EAAY,CACXC,WAAS,EACTjB,SAAUO,GAAgBP,EAC1BN,eAAgBA,EAChBC,qBAAsBA,EACtBS,UAAWD,EAAYC,GAAa,OAAKc,EACzCjB,QAASA,EACTE,SAAUA,EACVb,QAASA,EACT6B,YAAcC,GACZL,EAAAA,IAACM,EAAS,IACJD,EACJH,WAAS,EAAA,cACI,cAAc5B,IAC3BiC,MAAOV,EACPC,WAAYA,EACZtB,MAAmB,aAAZC,OAAyB0B,EAAY3B,EAC5CE,YAAaA,QAAeyB,EAC5BhB,SAAUA,EACVqB,UAAW,CACTC,MAAO,IACFJ,EAAOK,WACVC,aACEC,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CACG5B,GAAWc,EAAAA,IAACe,EAAgB,CAACC,MAAM,UAAUC,KAAM,KACnDZ,EAAOK,WAAWC,iBAIzBO,eAAgB,CACdJ,SAAU,IACVK,MAAO,CAAEC,UAAW,WAGxBD,MAAO,CAAEE,aAAyB,eAAXrC,EAA0B,GAAK,GACtDP,QAASA,IAGb+B,UAAW,CACTc,QAAS,CACPvC,aAGJW,MAAOD,IAAeL,EAAW,GAAK,MACtCP,SAAU,CAAC0C,EAAmC7B,KAE5CrB,EAAKmD,cAAclD,EAAWoB,GAC1Bb,GACFA,EAAS0C,EAAG7B,IAGhBZ,cAAeA,oBAKY,EAC/BN,QACAF,YACAC,UACAG,cACAC,iBACA8C,aACA5C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMqC,EAAc,IAEhB1B,MAAC2B,EAAAA,OAAM/B,KAAMtB,EAAWsD,SAAUH,EAAUX,SACxCe,GACA7B,MAAC7B,EAA0B,IACrB0D,EACJ5C,SAAUA,EACVX,UAAWA,EACXK,eAAgBA,EAChBC,qBAAsBA,EACtBJ,MAAOA,EACPQ,OAAQA,EACRK,UAAWA,EACXH,QAASA,EACTE,SAAUA,EACVb,QAASA,EACTG,YAAaA,EACbS,SAAUA,EACVV,QAASA,EACTI,SAAUA,EACVC,cAAeA,EACfC,SAAUA,MAOpB,MAAe,aAAXC,EAEA4B,EAAAA,KAAAC,WAAA,CAAAC,SAAA,CACe,aAAZrC,GACCuB,EAAAA,IAAC8B,EAAU,CAACd,MAAM,cAAce,UAAU,KAAKtD,QAAQ,YAAWqC,SAC/DtC,IAGJkD,OAKA1B,EAAAA,IAACgC,EAAc,CAACxD,MAAOA,EAAKsC,SAAGY"}

package/dist/components/Form/GenericAutocompleteField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type SyntheticEvent } from 'react';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport interface Props<T> {\n  label: string;\n  fieldName: string;\n  options: T[];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  validation?: (value: T | T[]) => string | undefined;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  variant?: TextFieldProps['variant'];\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\ninterface AutocompleteFieldProps<T> {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  fieldName: string;\n  options: T[];\n  label: string;\n  variant: TextFieldProps['variant'];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\nconst AutocompleteFieldComponent = <T,>({\n  field,\n  form,\n  fieldName,\n  options,\n  label,\n  variant,\n  placeholder,\n  getOptionLabel,\n  isOptionEqualToValue,\n  onChange,\n  onInputChange,\n  onScroll,\n  layout = 'horizontal',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags,\n}: AutocompleteFieldProps<T>) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as T | T[] | null;\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 as string,\n    },\n    'Valid',\n  );\n\n  return (\n    <Autocomplete\n      fullWidth\n      disabled={isSubmitting || disabled}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      limitTags={multiple ? (limitTags ?? 2) : undefined}\n      loading={loading}\n      multiple={multiple}\n      options={options}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          fullWidth\n          data-testid={`text-field-${fieldName}`}\n          error={showError}\n          helperText={helperText}\n          label={variant === 'standard' ? undefined : label}\n          placeholder={placeholder || undefined}\n          required={required}\n          slotProps={{\n            input: {\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading && <CircularProgress color=\"inherit\" size={25} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            },\n            formHelperText: {\n              children: ' ', // reserves line height for error message\n              style: { textAlign: 'right' },\n            },\n          }}\n          style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n          variant={variant}\n        />\n      )}\n      slotProps={{\n        listbox: {\n          onScroll,\n        },\n      }}\n      value={fieldValue || (multiple ? [] : null)}\n      onChange={(e: SyntheticEvent<Element, Event>, value: T | T[] | null) => {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        form.setFieldValue(fieldName, value);\n        if (onChange) {\n          onChange(e, value);\n        }\n      }}\n      onInputChange={onInputChange}\n    />\n  );\n};\n\nconst GenericAutocompleteField = <T,>({\n  label,\n  fieldName,\n  options,\n  placeholder,\n  getOptionLabel,\n  validation,\n  onChange,\n  onInputChange,\n  isOptionEqualToValue,\n  onScroll,\n  layout = 'horizontal',\n  variant = 'outlined',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags = undefined,\n}: Props<T>) => {\n  const renderField = () => {\n    return (\n      <Field name={fieldName} validate={validation}>\n        {(fieldProps: FieldProps) => (\n          <AutocompleteFieldComponent<T>\n            {...fieldProps}\n            disabled={disabled}\n            fieldName={fieldName}\n            getOptionLabel={getOptionLabel}\n            isOptionEqualToValue={isOptionEqualToValue}\n            label={label}\n            layout={layout}\n            limitTags={limitTags}\n            loading={loading}\n            multiple={multiple}\n            options={options}\n            placeholder={placeholder}\n            required={required}\n            variant={variant}\n            onChange={onChange}\n            onInputChange={onInputChange}\n            onScroll={onScroll}\n          />\n        )}\n      </Field>\n    );\n  };\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {variant === 'standard' && (\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 GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldValue","value","fieldError","name","showError","helperText","useRenderValidText","_jsx","Autocomplete","fullWidth","undefined","renderInput","params","TextField","error","slotProps","input","InputProps","endAdornment","_jsxs","_Fragment","children","CircularProgress","color","size","formHelperText","style","textAlign","paddingRight","listbox","e","setFieldValue","GenericAutocompleteField","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"yXAsDA,MAAMA,EAA6B,EACjCC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAarB,EAAMsB,MACnBC,EAAaL,EAAOlB,EAAMwB,MAC1BC,IAAcF,GAAeJ,EAAQnB,EAAMwB,MAC3CE,EAAaC,EACjB,CACEJ,aACAE,YACAN,UAAWA,EAAQnB,EAAMwB,MACzBF,MAAOD,GAET,SAGF,OACEO,EAACC,EAAY,CACXC,WACA,EAAAjB,SAAUO,GAAgBP,EAC1BN,eAAgBA,EAChBC,qBAAsBA,EACtBS,UAAWD,EAAYC,GAAa,OAAKc,EACzCjB,QAASA,EACTE,SAAUA,EACVb,QAASA,EACT6B,YAAcC,GACZL,EAACM,EAAS,IACJD,EACJH,WAAS,EAAA,cACI,cAAc5B,IAC3BiC,MAAOV,EACPC,WAAYA,EACZtB,MAAmB,aAAZC,OAAyB0B,EAAY3B,EAC5CE,YAAaA,QAAeyB,EAC5BhB,SAAUA,EACVqB,UAAW,CACTC,MAAO,IACFJ,EAAOK,WACVC,aACEC,EACGC,EAAA,CAAAC,SAAA,CAAA5B,GAAWc,EAACe,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDZ,EAAOK,WAAWC,iBAIzBO,eAAgB,CACdJ,SAAU,IACVK,MAAO,CAAEC,UAAW,WAGxBD,MAAO,CAAEE,aAAyB,eAAXrC,EAA0B,GAAK,GACtDP,QAASA,IAGb+B,UAAW,CACTc,QAAS,CACPvC,aAGJW,MAAOD,IAAeL,EAAW,GAAK,MACtCP,SAAU,CAAC0C,EAAmC7B,KAE5CrB,EAAKmD,cAAclD,EAAWoB,GAC1Bb,GACFA,EAAS0C,EAAG7B,IAGhBZ,cAAeA,KAKf2C,EAA2B,EAC/BjD,QACAF,YACAC,UACAG,cACAC,iBACA+C,aACA7C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMsC,EAAc,IAEhB3B,EAAC4B,GAAMhC,KAAMtB,EAAWuD,SAAUH,EAAUZ,SACxCgB,GACA9B,EAAC7B,EAA0B,IACrB2D,EACJ7C,SAAUA,EACVX,UAAWA,EACXK,eAAgBA,EAChBC,qBAAsBA,EACtBJ,MAAOA,EACPQ,OAAQA,EACRK,UAAWA,EACXH,QAASA,EACTE,SAAUA,EACVb,QAASA,EACTG,YAAaA,EACbS,SAAUA,EACVV,QAASA,EACTI,SAAUA,EACVC,cAAeA,EACfC,SAAUA,MAOpB,MAAe,aAAXC,EAEA4B,EAAAC,EAAA,CAAAC,SAAA,CACe,aAAZrC,GACCuB,EAAC+B,EAAU,CAACf,MAAM,cAAcgB,UAAU,KAAKvD,QAAQ,YACpDqC,SAAAtC,IAGJmD,OAKA3B,EAACiC,EAAc,CAACzD,MAAOA,EAAQsC,SAAAa"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type SyntheticEvent } from 'react';\n\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\nimport { Field, type FieldProps } from 'formik';\n\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\n\nexport interface Props<T> {\n  label: string;\n  fieldName: string;\n  options: T[];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  validation?: (value: T | T[]) => string | undefined;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  variant?: TextFieldProps['variant'];\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\ninterface AutocompleteFieldProps<T> {\n  field: FieldProps['field'];\n  form: FieldProps['form'];\n  fieldName: string;\n  options: T[];\n  label: string;\n  variant: TextFieldProps['variant'];\n  placeholder?: string;\n  getOptionLabel?: (option: T) => string;\n  isOptionEqualToValue?: (option: T, value: T) => boolean;\n  onChange?: (e: SyntheticEvent, value: T | T[] | null) => void;\n  onInputChange?: (e: SyntheticEvent, value: string) => void;\n  onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n  layout?: 'horizontal' | 'vertical';\n  disabled?: boolean;\n  loading?: boolean;\n  required?: boolean;\n  multiple?: boolean;\n  limitTags?: number;\n}\n\nconst AutocompleteFieldComponent = <T,>({\n  field,\n  form,\n  fieldName,\n  options,\n  label,\n  variant,\n  placeholder,\n  getOptionLabel,\n  isOptionEqualToValue,\n  onChange,\n  onInputChange,\n  onScroll,\n  layout = 'horizontal',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags,\n}: AutocompleteFieldProps<T>) => {\n  const { errors, touched, isSubmitting } = form;\n  const fieldValue = field.value as T | T[] | null;\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 as string,\n    },\n    'Valid',\n  );\n\n  return (\n    <Autocomplete\n      fullWidth\n      disabled={isSubmitting || disabled}\n      getOptionLabel={getOptionLabel}\n      isOptionEqualToValue={isOptionEqualToValue}\n      limitTags={multiple ? (limitTags ?? 2) : undefined}\n      loading={loading}\n      multiple={multiple}\n      options={options}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          fullWidth\n          data-testid={`text-field-${fieldName}`}\n          error={showError}\n          helperText={helperText}\n          label={variant === 'standard' ? undefined : label}\n          placeholder={placeholder || undefined}\n          required={required}\n          slotProps={{\n            input: {\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading && <CircularProgress color=\"inherit\" size={25} />}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            },\n            formHelperText: {\n              children: ' ', // reserves line height for error message\n              style: { textAlign: 'right' },\n            },\n          }}\n          style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n          variant={variant}\n        />\n      )}\n      slotProps={{\n        listbox: {\n          onScroll,\n        },\n      }}\n      value={fieldValue || (multiple ? [] : null)}\n      onChange={(e: SyntheticEvent<Element, Event>, value: T | T[] | null) => {\n        // eslint-disable-next-line @typescript-eslint/no-floating-promises\n        form.setFieldValue(fieldName, value);\n        if (onChange) {\n          onChange(e, value);\n        }\n      }}\n      onInputChange={onInputChange}\n    />\n  );\n};\n\nconst GenericAutocompleteField = <T,>({\n  label,\n  fieldName,\n  options,\n  placeholder,\n  getOptionLabel,\n  validation,\n  onChange,\n  onInputChange,\n  isOptionEqualToValue,\n  onScroll,\n  layout = 'horizontal',\n  variant = 'outlined',\n  disabled = false,\n  loading = false,\n  required = false,\n  multiple = false,\n  limitTags = undefined,\n}: Props<T>) => {\n  const renderField = () => {\n    return (\n      <Field name={fieldName} validate={validation}>\n        {(fieldProps: FieldProps) => (\n          <AutocompleteFieldComponent<T>\n            {...fieldProps}\n            disabled={disabled}\n            fieldName={fieldName}\n            getOptionLabel={getOptionLabel}\n            isOptionEqualToValue={isOptionEqualToValue}\n            label={label}\n            layout={layout}\n            limitTags={limitTags}\n            loading={loading}\n            multiple={multiple}\n            options={options}\n            placeholder={placeholder}\n            required={required}\n            variant={variant}\n            onChange={onChange}\n            onInputChange={onInputChange}\n            onScroll={onScroll}\n          />\n        )}\n      </Field>\n    );\n  };\n\n  if (layout === 'vertical') {\n    return (\n      <>\n        {variant === 'standard' && (\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 GenericAutocompleteField;\n"],"names":["AutocompleteFieldComponent","field","form","fieldName","options","label","variant","placeholder","getOptionLabel","isOptionEqualToValue","onChange","onInputChange","onScroll","layout","disabled","loading","required","multiple","limitTags","errors","touched","isSubmitting","fieldValue","value","fieldError","name","showError","helperText","useRenderValidText","_jsx","Autocomplete","fullWidth","undefined","renderInput","params","TextField","error","slotProps","input","InputProps","endAdornment","_jsxs","_Fragment","children","CircularProgress","color","size","formHelperText","style","textAlign","paddingRight","listbox","e","setFieldValue","GenericAutocompleteField","validation","renderField","Field","validate","fieldProps","Typography","component","FormItemLayout"],"mappings":"yXAsDA,MAAMA,EAA6B,EACjCC,QACAC,OACAC,YACAC,UACAC,QACAC,UACAC,cACAC,iBACAC,uBACAC,WACAC,gBACAC,WACAC,SAAS,aACTC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAarB,EAAMsB,MACnBC,EAAaL,EAAOlB,EAAMwB,MAC1BC,IAAcF,GAAeJ,EAAQnB,EAAMwB,MAC3CE,EAAaC,EACjB,CACEJ,aACAE,YACAN,UAAWA,EAAQnB,EAAMwB,MACzBF,MAAOD,GAET,SAGF,OACEO,EAACC,EAAY,CACXC,WAAS,EACTjB,SAAUO,GAAgBP,EAC1BN,eAAgBA,EAChBC,qBAAsBA,EACtBS,UAAWD,EAAYC,GAAa,OAAKc,EACzCjB,QAASA,EACTE,SAAUA,EACVb,QAASA,EACT6B,YAAcC,GACZL,EAACM,EAAS,IACJD,EACJH,WAAS,EAAA,cACI,cAAc5B,IAC3BiC,MAAOV,EACPC,WAAYA,EACZtB,MAAmB,aAAZC,OAAyB0B,EAAY3B,EAC5CE,YAAaA,QAAeyB,EAC5BhB,SAAUA,EACVqB,UAAW,CACTC,MAAO,IACFJ,EAAOK,WACVC,aACEC,EAAAC,EAAA,CAAAC,SAAA,CACG5B,GAAWc,EAACe,EAAgB,CAACC,MAAM,UAAUC,KAAM,KACnDZ,EAAOK,WAAWC,iBAIzBO,eAAgB,CACdJ,SAAU,IACVK,MAAO,CAAEC,UAAW,WAGxBD,MAAO,CAAEE,aAAyB,eAAXrC,EAA0B,GAAK,GACtDP,QAASA,IAGb+B,UAAW,CACTc,QAAS,CACPvC,aAGJW,MAAOD,IAAeL,EAAW,GAAK,MACtCP,SAAU,CAAC0C,EAAmC7B,KAE5CrB,EAAKmD,cAAclD,EAAWoB,GAC1Bb,GACFA,EAAS0C,EAAG7B,IAGhBZ,cAAeA,KAKf2C,EAA2B,EAC/BjD,QACAF,YACAC,UACAG,cACAC,iBACA+C,aACA7C,WACAC,gBACAF,uBACAG,WACAC,SAAS,aACTP,UAAU,WACVQ,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMsC,EAAc,IAEhB3B,EAAC4B,GAAMhC,KAAMtB,EAAWuD,SAAUH,EAAUZ,SACxCgB,GACA9B,EAAC7B,EAA0B,IACrB2D,EACJ7C,SAAUA,EACVX,UAAWA,EACXK,eAAgBA,EAChBC,qBAAsBA,EACtBJ,MAAOA,EACPQ,OAAQA,EACRK,UAAWA,EACXH,QAASA,EACTE,SAAUA,EACVb,QAASA,EACTG,YAAaA,EACbS,SAAUA,EACVV,QAASA,EACTI,SAAUA,EACVC,cAAeA,EACfC,SAAUA,MAOpB,MAAe,aAAXC,EAEA4B,EAAAC,EAAA,CAAAC,SAAA,CACe,aAAZrC,GACCuB,EAAC+B,EAAU,CAACf,MAAM,cAAcgB,UAAU,KAAKvD,QAAQ,YAAWqC,SAC/DtC,IAGJmD,OAKA3B,EAACiC,EAAc,CAACzD,MAAOA,EAAKsC,SAAGa"}

package/dist/components/Form/GenericFormContainer/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericFormContainer/index.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\n\nimport { Form, Formik } from 'formik';\n\ninterface GenericFormContainerProps {\n  fields: {\n    fieldName: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    defaultValue: any;\n    component: React.ReactNode;\n  }[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSubmit: (values: any) => Promise<void>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  handleError?: (error: any) => void;\n  submitButtonText: string;\n}\n\nconst GenericFormContainer = ({\n  fields,\n  onSubmit,\n  handleError,\n  submitButtonText,\n}: GenericFormContainerProps) => {\n  const initialValues = fields.reduce<Record<string, unknown>>((acc, field) => {\n    acc[field.fieldName] = field.defaultValue;\n    return acc;\n  }, {});\n\n  return (\n    <Formik\n      initialValues={initialValues}\n      onSubmit={async (values) => {\n        try {\n          await onSubmit(values);\n        } catch (error) {\n          if (handleError) {\n            handleError(error);\n          }\n        }\n      }}\n    >\n      {({ isSubmitting }) => (\n        <Form>\n          {fields.map((field, index) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <div key={`field_${field.fieldName}_${index}`}>{field.component}</div>\n          ))}\n\n          <Button\n            data-testid=\"submit-form-button\"\n            disabled={isSubmitting}\n            sx={{ marginTop: 4 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {submitButtonText}\n          </Button>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n\nexport default GenericFormContainer;\n"],"names":["fields","onSubmit","handleError","submitButtonText","initialValues","reduce","acc","field","fieldName","defaultValue","_jsx","Formik","async","values","error","children","isSubmitting","_jsxs","Form","map","index","jsx","component","Button","disabled","sx","marginTop","type","variant"],"mappings":"qHAkB6B,EAC3BA,SACAC,WACAC,cACAC,uBAEA,MAAMC,EAAgBJ,EAAOK,QAAgC,CAACC,EAAKC,KACjED,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,IACN,IAEH,OACEI,EAAAA,IAACC,EAAAA,OAAM,CACLP,cAAeA,EACfH,SAAUW,MAAOC,IACf,UACQZ,EAASY,GACf,MAAOC,GACHZ,GACFA,EAAYY,KAGjBC,SAEA,EAAGC,kBACFC,EAAAA,KAACC,EAAAA,gBACElB,EAAOmB,KAAI,CAACZ,EAAOa,IAElBV,EAAgDW,IAAA,MAAA,CAAAN,SAAAR,EAAMe,WAA5C,SAASf,EAAMC,aAAaY,OAGxCV,EAAAW,IAACE,EACa,CAAA,cAAA,qBACZC,SAAUR,EACVS,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAEPb,SAAAZ"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericFormContainer/index.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\n\nimport { Form, Formik } from 'formik';\n\ninterface GenericFormContainerProps {\n  fields: {\n    fieldName: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    defaultValue: any;\n    component: React.ReactNode;\n  }[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSubmit: (values: any) => Promise<void>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  handleError?: (error: any) => void;\n  submitButtonText: string;\n}\n\nconst GenericFormContainer = ({\n  fields,\n  onSubmit,\n  handleError,\n  submitButtonText,\n}: GenericFormContainerProps) => {\n  const initialValues = fields.reduce<Record<string, unknown>>((acc, field) => {\n    acc[field.fieldName] = field.defaultValue;\n    return acc;\n  }, {});\n\n  return (\n    <Formik\n      initialValues={initialValues}\n      onSubmit={async (values) => {\n        try {\n          await onSubmit(values);\n        } catch (error) {\n          if (handleError) {\n            handleError(error);\n          }\n        }\n      }}\n    >\n      {({ isSubmitting }) => (\n        <Form>\n          {fields.map((field, index) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <div key={`field_${field.fieldName}_${index}`}>{field.component}</div>\n          ))}\n\n          <Button\n            data-testid=\"submit-form-button\"\n            disabled={isSubmitting}\n            sx={{ marginTop: 4 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {submitButtonText}\n          </Button>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n\nexport default GenericFormContainer;\n"],"names":["fields","onSubmit","handleError","submitButtonText","initialValues","reduce","acc","field","fieldName","defaultValue","_jsx","Formik","async","values","error","children","isSubmitting","_jsxs","Form","map","index","component","Button","disabled","sx","marginTop","type","variant"],"mappings":"qHAkB6B,EAC3BA,SACAC,WACAC,cACAC,uBAEA,MAAMC,EAAgBJ,EAAOK,QAAgC,CAACC,EAAKC,KACjED,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,IACN,CAAA,GAEH,OACEI,EAAAA,IAACC,EAAAA,OAAM,CACLP,cAAeA,EACfH,SAAUW,MAAOC,IACf,UACQZ,EAASY,EACjB,CAAE,MAAOC,GACHZ,GACFA,EAAYY,EAEhB,GACDC,SAEA,EAAGC,kBACFC,EAAAA,KAACC,EAAAA,gBACElB,EAAOmB,KAAI,CAACZ,EAAOa,IAElBV,EAAAA,IAAA,MAAA,CAAAK,SAAgDR,EAAMc,WAA5C,SAASd,EAAMC,aAAaY,OAGxCV,EAAAA,IAACY,EAAM,CAAA,cACO,qBACZC,SAAUP,EACVQ,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAAWZ,SAElBZ"}

package/dist/components/Form/GenericFormContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericFormContainer/index.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\n\nimport { Form, Formik } from 'formik';\n\ninterface GenericFormContainerProps {\n  fields: {\n    fieldName: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    defaultValue: any;\n    component: React.ReactNode;\n  }[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSubmit: (values: any) => Promise<void>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  handleError?: (error: any) => void;\n  submitButtonText: string;\n}\n\nconst GenericFormContainer = ({\n  fields,\n  onSubmit,\n  handleError,\n  submitButtonText,\n}: GenericFormContainerProps) => {\n  const initialValues = fields.reduce<Record<string, unknown>>((acc, field) => {\n    acc[field.fieldName] = field.defaultValue;\n    return acc;\n  }, {});\n\n  return (\n    <Formik\n      initialValues={initialValues}\n      onSubmit={async (values) => {\n        try {\n          await onSubmit(values);\n        } catch (error) {\n          if (handleError) {\n            handleError(error);\n          }\n        }\n      }}\n    >\n      {({ isSubmitting }) => (\n        <Form>\n          {fields.map((field, index) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <div key={`field_${field.fieldName}_${index}`}>{field.component}</div>\n          ))}\n\n          <Button\n            data-testid=\"submit-form-button\"\n            disabled={isSubmitting}\n            sx={{ marginTop: 4 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {submitButtonText}\n          </Button>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n\nexport default GenericFormContainer;\n"],"names":["GenericFormContainer","fields","onSubmit","handleError","submitButtonText","initialValues","reduce","acc","field","fieldName","defaultValue","_jsx","Formik","async","values","error","children","isSubmitting","_jsxs","Form","map","index","component","Button","disabled","sx","marginTop","type","variant"],"mappings":"gIAkBA,MAAMA,EAAuB,EAC3BC,SACAC,WACAC,cACAC,uBAEA,MAAMC,EAAgBJ,EAAOK,QAAgC,CAACC,EAAKC,KACjED,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,IACN,IAEH,OACEI,EAACC,EAAM,CACLP,cAAeA,EACfH,SAAUW,MAAOC,IACf,UACQZ,EAASY,GACf,MAAOC,GACHZ,GACFA,EAAYY,KAGjBC,SAEA,EAAGC,kBACFC,EAACC,aACElB,EAAOmB,KAAI,CAACZ,EAAOa,IAElBV,EAAgD,MAAA,CAAAK,SAAAR,EAAMc,WAA5C,SAASd,EAAMC,aAAaY,OAGxCV,EAACY,EACa,CAAA,cAAA,qBACZC,SAAUP,EACVQ,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAEPZ,SAAAZ"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericFormContainer/index.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\n\nimport { Form, Formik } from 'formik';\n\ninterface GenericFormContainerProps {\n  fields: {\n    fieldName: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    defaultValue: any;\n    component: React.ReactNode;\n  }[];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  onSubmit: (values: any) => Promise<void>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  handleError?: (error: any) => void;\n  submitButtonText: string;\n}\n\nconst GenericFormContainer = ({\n  fields,\n  onSubmit,\n  handleError,\n  submitButtonText,\n}: GenericFormContainerProps) => {\n  const initialValues = fields.reduce<Record<string, unknown>>((acc, field) => {\n    acc[field.fieldName] = field.defaultValue;\n    return acc;\n  }, {});\n\n  return (\n    <Formik\n      initialValues={initialValues}\n      onSubmit={async (values) => {\n        try {\n          await onSubmit(values);\n        } catch (error) {\n          if (handleError) {\n            handleError(error);\n          }\n        }\n      }}\n    >\n      {({ isSubmitting }) => (\n        <Form>\n          {fields.map((field, index) => (\n            // eslint-disable-next-line react/no-array-index-key\n            <div key={`field_${field.fieldName}_${index}`}>{field.component}</div>\n          ))}\n\n          <Button\n            data-testid=\"submit-form-button\"\n            disabled={isSubmitting}\n            sx={{ marginTop: 4 }}\n            type=\"submit\"\n            variant=\"contained\"\n          >\n            {submitButtonText}\n          </Button>\n        </Form>\n      )}\n    </Formik>\n  );\n};\n\nexport default GenericFormContainer;\n"],"names":["GenericFormContainer","fields","onSubmit","handleError","submitButtonText","initialValues","reduce","acc","field","fieldName","defaultValue","_jsx","Formik","async","values","error","children","isSubmitting","_jsxs","Form","map","index","component","Button","disabled","sx","marginTop","type","variant"],"mappings":"gIAkBA,MAAMA,EAAuB,EAC3BC,SACAC,WACAC,cACAC,uBAEA,MAAMC,EAAgBJ,EAAOK,QAAgC,CAACC,EAAKC,KACjED,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,IACN,CAAA,GAEH,OACEI,EAACC,EAAM,CACLP,cAAeA,EACfH,SAAUW,MAAOC,IACf,UACQZ,EAASY,EACjB,CAAE,MAAOC,GACHZ,GACFA,EAAYY,EAEhB,GACDC,SAEA,EAAGC,kBACFC,EAACC,aACElB,EAAOmB,KAAI,CAACZ,EAAOa,IAElBV,EAAA,MAAA,CAAAK,SAAgDR,EAAMc,WAA5C,SAASd,EAAMC,aAAaY,OAGxCV,EAACY,EAAM,CAAA,cACO,qBACZC,SAAUP,EACVQ,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAAWZ,SAElBZ"}

package/dist/components/Form/GenericTextField/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n    label: string;\n    fieldName?: string;\n    placeholder?: string;\n    validation?: (value: string) => string | undefined;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\ntype TextFieldComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    fieldName: string;\n    label: string;\n    placeholder?: string;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\nconst TextFieldComponent = ({\n    field,\n    form,\n    fieldName,\n    label,\n    placeholder,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon,\n    endIcon,\n    value,\n    type = 'text',\n}: TextFieldComponentProps) => {\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        <TextField\n            label={variant === 'standard' ? undefined : label}\n            variant={variant}\n            value={value ?? field.value}\n            data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n            autoComplete=\"off\"\n            fullWidth\n            multiline={multiline}\n            minRows={minRows ?? (multiline ? 3 : undefined)}\n            maxRows={maxRows ?? (multiline ? 10 : undefined)}\n            style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n            placeholder={placeholder || undefined}\n            disabled={isSubmitting || disabled}\n            required={required}\n            error={showError}\n            helperText={(() => {\n                if (showError) return helperText;\n                if (showHelperTextWhenValid) return helperText;\n                return undefined;\n            })()}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                if (type === 'number' && isNaN(Number(e.target.value))) {\n                    return;\n                }\n\n                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                form.setFieldValue(fieldName, e.target.value);\n                if (onChange) {\n                    onChange(e);\n                }\n            }}\n            slotProps={{\n                htmlInput: {\n                    style: {\n                        paddingTop: variant !== 'outlined' ? 0 : undefined,\n                        height: '1.1876em',\n                    },\n                },\n                formHelperText: {\n                    children: ' ', // reserves line height for error message\n                    style: { textAlign: 'right' },\n                },\n            }}\n            InputProps={{\n                startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n            }}\n        />\n    );\n};\n\nconst GenericTextField = ({\n    label,\n    fieldName = undefined,\n    placeholder,\n    validation,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon = undefined,\n    endIcon = undefined,\n    value,\n    type = 'text',\n}: Props) => {\n    const useFormik = !!fieldName;\n\n    const renderField = () => {\n        if (!useFormik) {\n            return (\n                <TextField\n                    label={variant === 'standard' ? undefined : label}\n                    variant={variant}\n                    value={value}\n                    data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n                    autoComplete=\"off\"\n                    fullWidth\n                    multiline={multiline}\n                    minRows={minRows ?? (multiline ? 3 : undefined)}\n                    maxRows={maxRows ?? (multiline ? 10 : undefined)}\n                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                    placeholder={placeholder || undefined}\n                    disabled={disabled}\n                    required={required}\n                    onChange={onChange}\n                    slotProps={{\n                        htmlInput: {\n                            style: {\n                                paddingTop: variant !== 'outlined' ? 0 : undefined,\n                                height: '1.1876em',\n                            },\n                        },\n                        formHelperText: {\n                            children: ' ', // reserves line height for error message\n                            style: { textAlign: 'right' },\n                        },\n                    }}\n                    InputProps={{\n                        startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                        endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n                    }}\n                />\n            );\n        }\n\n        return (\n            <Field name={fieldName} validate={validation}>\n                {(fieldProps: FieldProps) => (\n                    <TextFieldComponent\n                        {...fieldProps}\n                        fieldName={fieldName}\n                        label={label}\n                        placeholder={placeholder}\n                        onChange={onChange}\n                        multiline={multiline}\n                        minRows={minRows}\n                        maxRows={maxRows}\n                        layout={layout}\n                        variant={variant}\n                        disabled={disabled}\n                        required={required}\n                        showHelperTextWhenValid={showHelperTextWhenValid}\n                        startIcon={startIcon}\n                        endIcon={endIcon}\n                        value={value}\n                        type={type}\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 GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n    label: string;\n    fieldName?: string;\n    placeholder?: string;\n    validation?: (value: string) => string | undefined;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\ntype TextFieldComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    fieldName: string;\n    label: string;\n    placeholder?: string;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\nconst TextFieldComponent = ({\n    field,\n    form,\n    fieldName,\n    label,\n    placeholder,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon,\n    endIcon,\n    value,\n    type = 'text',\n}: TextFieldComponentProps) => {\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        <TextField\n            label={variant === 'standard' ? undefined : label}\n            variant={variant}\n            value={value ?? field.value}\n            data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n            autoComplete=\"off\"\n            fullWidth\n            multiline={multiline}\n            minRows={minRows ?? (multiline ? 3 : undefined)}\n            maxRows={maxRows ?? (multiline ? 10 : undefined)}\n            style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n            placeholder={placeholder || undefined}\n            disabled={isSubmitting || disabled}\n            required={required}\n            error={showError}\n            helperText={(() => {\n                if (showError) return helperText;\n                if (showHelperTextWhenValid) return helperText;\n                return undefined;\n            })()}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                if (type === 'number' && isNaN(Number(e.target.value))) {\n                    return;\n                }\n\n                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                form.setFieldValue(fieldName, e.target.value);\n                if (onChange) {\n                    onChange(e);\n                }\n            }}\n            slotProps={{\n                htmlInput: {\n                    style: {\n                        paddingTop: variant !== 'outlined' ? 0 : undefined,\n                        height: '1.1876em',\n                    },\n                },\n                formHelperText: {\n                    children: ' ', // reserves line height for error message\n                    style: { textAlign: 'right' },\n                },\n            }}\n            InputProps={{\n                startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n            }}\n        />\n    );\n};\n\nconst GenericTextField = ({\n    label,\n    fieldName = undefined,\n    placeholder,\n    validation,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon = undefined,\n    endIcon = undefined,\n    value,\n    type = 'text',\n}: Props) => {\n    const useFormik = !!fieldName;\n\n    const renderField = () => {\n        if (!useFormik) {\n            return (\n                <TextField\n                    label={variant === 'standard' ? undefined : label}\n                    variant={variant}\n                    value={value}\n                    data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n                    autoComplete=\"off\"\n                    fullWidth\n                    multiline={multiline}\n                    minRows={minRows ?? (multiline ? 3 : undefined)}\n                    maxRows={maxRows ?? (multiline ? 10 : undefined)}\n                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                    placeholder={placeholder || undefined}\n                    disabled={disabled}\n                    required={required}\n                    onChange={onChange}\n                    slotProps={{\n                        htmlInput: {\n                            style: {\n                                paddingTop: variant !== 'outlined' ? 0 : undefined,\n                                height: '1.1876em',\n                            },\n                        },\n                        formHelperText: {\n                            children: ' ', // reserves line height for error message\n                            style: { textAlign: 'right' },\n                        },\n                    }}\n                    InputProps={{\n                        startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                        endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n                    }}\n                />\n            );\n        }\n\n        return (\n            <Field name={fieldName} validate={validation}>\n                {(fieldProps: FieldProps) => (\n                    <TextFieldComponent\n                        {...fieldProps}\n                        fieldName={fieldName}\n                        label={label}\n                        placeholder={placeholder}\n                        onChange={onChange}\n                        multiline={multiline}\n                        minRows={minRows}\n                        maxRows={maxRows}\n                        layout={layout}\n                        variant={variant}\n                        disabled={disabled}\n                        required={required}\n                        showHelperTextWhenValid={showHelperTextWhenValid}\n                        startIcon={startIcon}\n                        endIcon={endIcon}\n                        value={value}\n                        type={type}\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 GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"uTAkDA,MAAMA,EAAqB,EACvBC,QACAC,OACAC,YACAC,QACAC,cACAC,WACAC,YACAC,UACAC,UACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,YAAW,EACXC,2BAA0B,EAC1BC,YACAC,UACAC,QACAC,OAAO,WAEP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAaH,EAAOlB,EAAMsB,MAC1BC,IAAcF,GAAeF,EAAQnB,EAAMsB,MAC3CE,EAAaC,EACf,CACIJ,aACAE,YACAJ,UAAWA,EAAQnB,EAAMsB,MACzBN,MAAOhB,EAAMgB,OAEjB,SAGJ,OACIU,EAAAA,IAACC,EAAS,CACNxB,MAAmB,aAAZO,OAAyBkB,EAAYzB,EAC5CO,QAASA,EACTM,MAAOA,GAAShB,EAAMgB,MAAK,cACd,cAAcd,GAAaC,EAAM0B,cAAcC,QAAQ,OAAQ,OAC5EC,aAAa,MACbC,WAAS,EACT1B,UAAWA,EACXC,QAASA,IAAYD,EAAY,OAAIsB,GACrCpB,QAASA,IAAYF,EAAY,QAAKsB,GACtCK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDL,YAAaA,QAAewB,EAC5BjB,SAAUS,GAAgBT,EAC1BC,SAAUA,EACVuB,MAAOZ,EACPC,WACQD,GACAV,EADkBW,OACtB,EAGJnB,SAAW+B,IACM,WAATnB,GAAqBoB,MAAMC,OAAOF,EAAEG,OAAOvB,UAK/Cf,EAAKuC,cAActC,EAAWkC,EAAEG,OAAOvB,OACnCX,GACAA,EAAS+B,KAGjBK,UAAW,CACPC,UAAW,CACPT,MAAO,CACHU,WAAwB,aAAZjC,EAAyB,OAAIkB,EACzCgB,OAAQ,aAGhBC,eAAgB,CACZC,SAAU,IACVb,MAAO,CAAEc,UAAW,WAG5BC,WAAY,CACRC,eAAgBnC,EAAYY,EAAAA,IAACwB,EAAc,CAACC,SAAS,QAAOL,SAAEhC,SAA8Bc,EAC5FwB,aAAcrC,EAAUW,EAAAA,IAACwB,EAAc,CAACC,SAAS,MAAKL,SAAE/B,SAA4Ba,qBAM3E,EACrBzB,QACAD,YACAE,cACAiD,aACAhD,WACAC,YACAC,UACAC,UACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,YAAW,EACXC,2BAA0B,EAC1BC,YACAC,UACAC,QACAC,OAAO,WAEP,MAAMqC,IAAcpD,EAEdqD,EAAc,IACXD,EAsCD5B,MAAC8B,EAAAA,OAAMlC,KAAMpB,EAAWuD,SAAUJ,EAAUP,SACtCY,GACEhC,MAAC3B,EAAkB,IACX2D,EACJxD,UAAWA,EACXC,MAAOA,EACPC,YAAaA,EACbC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,QAASA,EACTC,OAAQA,EACRC,QAASA,EACTC,SAAUA,EACVC,SAAUA,EACVC,wBAAyBA,EACzBC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,KAAMA,MAvDdS,EAAAA,IAACC,EAAS,CACNxB,MAAmB,aAAZO,OAAyBkB,EAAYzB,EAC5CO,QAASA,EACTM,MAAOA,EAAK,cACC,cAAcd,GAAaC,EAAM0B,cAAcC,QAAQ,OAAQ,OAC5EC,aAAa,MACbC,WAAS,EACT1B,UAAWA,EACXC,QAASA,IAAYD,EAAY,OAAIsB,GACrCpB,QAASA,IAAYF,EAAY,QAAKsB,GACtCK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDL,YAAaA,QAAewB,EAC5BjB,SAAUA,EACVC,SAAUA,EACVP,SAAUA,EACVoC,UAAW,CACPC,UAAW,CACPT,MAAO,CACHU,WAAwB,aAAZjC,EAAyB,OAAIkB,EACzCgB,OAAQ,aAGhBC,eAAgB,CACZC,SAAU,IACVb,MAAO,CAAEc,UAAW,WAG5BC,WAAY,CACRC,eAAgBnC,EAAYY,EAAAA,IAACwB,EAAc,CAACC,SAAS,QAAOL,SAAEhC,SAA8Bc,EAC5FwB,aAAcrC,EAAUW,EAAAA,IAACwB,EAAc,CAACC,SAAS,MAAKL,SAAE/B,SAA4Ba,KAiCxG,MAAe,aAAXnB,EAEIkD,EAAAA,KAAAC,WAAA,CAAAd,SAAA,CACiB,aAAZpC,GACGgB,EAAAA,IAACmC,EAAU,CAACnD,QAAQ,YAAYoD,UAAU,KAAKC,MAAM,cAAajB,SAC7D3C,IAGRoD,OAKN7B,EAAAA,IAACsC,EAAc,CAAC7D,MAAOA,EAAK2C,SAAGS"}

package/dist/components/Form/GenericTextField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n    label: string;\n    fieldName?: string;\n    placeholder?: string;\n    validation?: (value: string) => string | undefined;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\ntype TextFieldComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    fieldName: string;\n    label: string;\n    placeholder?: string;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\nconst TextFieldComponent = ({\n    field,\n    form,\n    fieldName,\n    label,\n    placeholder,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon,\n    endIcon,\n    value,\n    type = 'text',\n}: TextFieldComponentProps) => {\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        <TextField\n            label={variant === 'standard' ? undefined : label}\n            variant={variant}\n            value={value ?? field.value}\n            data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n            autoComplete=\"off\"\n            fullWidth\n            multiline={multiline}\n            minRows={minRows ?? (multiline ? 3 : undefined)}\n            maxRows={maxRows ?? (multiline ? 10 : undefined)}\n            style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n            placeholder={placeholder || undefined}\n            disabled={isSubmitting || disabled}\n            required={required}\n            error={showError}\n            helperText={(() => {\n                if (showError) return helperText;\n                if (showHelperTextWhenValid) return helperText;\n                return undefined;\n            })()}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                if (type === 'number' && isNaN(Number(e.target.value))) {\n                    return;\n                }\n\n                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                form.setFieldValue(fieldName, e.target.value);\n                if (onChange) {\n                    onChange(e);\n                }\n            }}\n            slotProps={{\n                htmlInput: {\n                    style: {\n                        paddingTop: variant !== 'outlined' ? 0 : undefined,\n                        height: '1.1876em',\n                    },\n                },\n                formHelperText: {\n                    children: ' ', // reserves line height for error message\n                    style: { textAlign: 'right' },\n                },\n            }}\n            InputProps={{\n                startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n            }}\n        />\n    );\n};\n\nconst GenericTextField = ({\n    label,\n    fieldName = undefined,\n    placeholder,\n    validation,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon = undefined,\n    endIcon = undefined,\n    value,\n    type = 'text',\n}: Props) => {\n    const useFormik = !!fieldName;\n\n    const renderField = () => {\n        if (!useFormik) {\n            return (\n                <TextField\n                    label={variant === 'standard' ? undefined : label}\n                    variant={variant}\n                    value={value}\n                    data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n                    autoComplete=\"off\"\n                    fullWidth\n                    multiline={multiline}\n                    minRows={minRows ?? (multiline ? 3 : undefined)}\n                    maxRows={maxRows ?? (multiline ? 10 : undefined)}\n                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                    placeholder={placeholder || undefined}\n                    disabled={disabled}\n                    required={required}\n                    onChange={onChange}\n                    slotProps={{\n                        htmlInput: {\n                            style: {\n                                paddingTop: variant !== 'outlined' ? 0 : undefined,\n                                height: '1.1876em',\n                            },\n                        },\n                        formHelperText: {\n                            children: ' ', // reserves line height for error message\n                            style: { textAlign: 'right' },\n                        },\n                    }}\n                    InputProps={{\n                        startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                        endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n                    }}\n                />\n            );\n        }\n\n        return (\n            <Field name={fieldName} validate={validation}>\n                {(fieldProps: FieldProps) => (\n                    <TextFieldComponent\n                        {...fieldProps}\n                        fieldName={fieldName}\n                        label={label}\n                        placeholder={placeholder}\n                        onChange={onChange}\n                        multiline={multiline}\n                        minRows={minRows}\n                        maxRows={maxRows}\n                        layout={layout}\n                        variant={variant}\n                        disabled={disabled}\n                        required={required}\n                        showHelperTextWhenValid={showHelperTextWhenValid}\n                        startIcon={startIcon}\n                        endIcon={endIcon}\n                        value={value}\n                        type={type}\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 GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","GenericTextField","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"6UAkDA,MAAMA,EAAqB,EACvBC,QACAC,OACAC,YACAC,QACAC,cACAC,WACAC,YACAC,UACAC,UACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,YAAW,EACXC,2BAA0B,EAC1BC,YACAC,UACAC,QACAC,OAAO,WAEP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBnB,EACpCoB,EAAaH,EAAOlB,EAAMsB,MAC1BC,IAAcF,GAAeF,EAAQnB,EAAMsB,MAC3CE,EAAaC,EACf,CACIJ,aACAE,YACAJ,UAAWA,EAAQnB,EAAMsB,MACzBN,MAAOhB,EAAMgB,OAEjB,SAGJ,OACIU,EAACC,EAAS,CACNxB,MAAmB,aAAZO,OAAyBkB,EAAYzB,EAC5CO,QAASA,EACTM,MAAOA,GAAShB,EAAMgB,MACT,cAAA,cAAcd,GAAaC,EAAM0B,cAAcC,QAAQ,OAAQ,OAC5EC,aAAa,MACbC,WAAS,EACT1B,UAAWA,EACXC,QAASA,IAAYD,EAAY,OAAIsB,GACrCpB,QAASA,IAAYF,EAAY,QAAKsB,GACtCK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDL,YAAaA,QAAewB,EAC5BjB,SAAUS,GAAgBT,EAC1BC,SAAUA,EACVuB,MAAOZ,EACPC,WACQD,GACAV,EADkBW,OACtB,EAGJnB,SAAW+B,IACM,WAATnB,GAAqBoB,MAAMC,OAAOF,EAAEG,OAAOvB,UAK/Cf,EAAKuC,cAActC,EAAWkC,EAAEG,OAAOvB,OACnCX,GACAA,EAAS+B,KAGjBK,UAAW,CACPC,UAAW,CACPT,MAAO,CACHU,WAAwB,aAAZjC,EAAyB,OAAIkB,EACzCgB,OAAQ,aAGhBC,eAAgB,CACZC,SAAU,IACVb,MAAO,CAAEc,UAAW,WAG5BC,WAAY,CACRC,eAAgBnC,EAAYY,EAACwB,EAAc,CAACC,SAAS,QAASL,SAAAhC,SAA8Bc,EAC5FwB,aAAcrC,EAAUW,EAACwB,EAAc,CAACC,SAAS,MAAOL,SAAA/B,SAA4Ba,MAM9FyB,EAAmB,EACrBlD,QACAD,YACAE,cACAkD,aACAjD,WACAC,YACAC,UACAC,UACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,YAAW,EACXC,2BAA0B,EAC1BC,YACAC,UACAC,QACAC,OAAO,WAEP,MAAMsC,IAAcrD,EAEdsD,EAAc,IACXD,EAsCD7B,EAAC+B,GAAMnC,KAAMpB,EAAWwD,SAAUJ,EAAUR,SACtCa,GACEjC,EAAC3B,EAAkB,IACX4D,EACJzD,UAAWA,EACXC,MAAOA,EACPC,YAAaA,EACbC,SAAUA,EACVC,UAAWA,EACXC,QAASA,EACTC,QAASA,EACTC,OAAQA,EACRC,QAASA,EACTC,SAAUA,EACVC,SAAUA,EACVC,wBAAyBA,EACzBC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,KAAMA,MAvDdS,EAACC,EACG,CAAAxB,MAAmB,aAAZO,OAAyBkB,EAAYzB,EAC5CO,QAASA,EACTM,MAAOA,EACM,cAAA,cAAcd,GAAaC,EAAM0B,cAAcC,QAAQ,OAAQ,OAC5EC,aAAa,MACbC,WAAS,EACT1B,UAAWA,EACXC,QAASA,IAAYD,EAAY,OAAIsB,GACrCpB,QAASA,IAAYF,EAAY,QAAKsB,GACtCK,MAAO,CAAEC,aAAyB,eAAXzB,EAA0B,GAAK,GACtDL,YAAaA,QAAewB,EAC5BjB,SAAUA,EACVC,SAAUA,EACVP,SAAUA,EACVoC,UAAW,CACPC,UAAW,CACPT,MAAO,CACHU,WAAwB,aAAZjC,EAAyB,OAAIkB,EACzCgB,OAAQ,aAGhBC,eAAgB,CACZC,SAAU,IACVb,MAAO,CAAEc,UAAW,WAG5BC,WAAY,CACRC,eAAgBnC,EAAYY,EAACwB,EAAc,CAACC,SAAS,QAASL,SAAAhC,SAA8Bc,EAC5FwB,aAAcrC,EAAUW,EAACwB,EAAc,CAACC,SAAS,MAAOL,SAAA/B,SAA4Ba,KAiCxG,MAAe,aAAXnB,EAEImD,EAAAC,EAAA,CAAAf,SAAA,CACiB,aAAZpC,GACGgB,EAACoC,EAAU,CAACpD,QAAQ,YAAYqD,UAAU,KAAKC,MAAM,cAChDlB,SAAA3C,IAGRqD,OAKN9B,EAACuC,EAAc,CAAC9D,MAAOA,EAAQ2C,SAAAU"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Form/GenericTextField/index.tsx"],"sourcesContent":["import { type ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { type TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../FormItemLayout';\nimport Typography from '@mui/material/Typography';\nimport InputAdornment from '@mui/material/InputAdornment';\n\ntype Props = {\n    label: string;\n    fieldName?: string;\n    placeholder?: string;\n    validation?: (value: string) => string | undefined;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\ntype TextFieldComponentProps = {\n    field: FieldProps['field'];\n    form: FieldProps['form'];\n    fieldName: string;\n    label: string;\n    placeholder?: string;\n    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n    multiline?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    required?: boolean;\n    showHelperTextWhenValid?: boolean;\n    startIcon?: React.ReactNode;\n    endIcon?: React.ReactNode;\n    value?: string;\n    type?: 'number' | 'text';\n};\n\nconst TextFieldComponent = ({\n    field,\n    form,\n    fieldName,\n    label,\n    placeholder,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon,\n    endIcon,\n    value,\n    type = 'text',\n}: TextFieldComponentProps) => {\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        <TextField\n            label={variant === 'standard' ? undefined : label}\n            variant={variant}\n            value={value ?? field.value}\n            data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n            autoComplete=\"off\"\n            fullWidth\n            multiline={multiline}\n            minRows={minRows ?? (multiline ? 3 : undefined)}\n            maxRows={maxRows ?? (multiline ? 10 : undefined)}\n            style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n            placeholder={placeholder || undefined}\n            disabled={isSubmitting || disabled}\n            required={required}\n            error={showError}\n            helperText={(() => {\n                if (showError) return helperText;\n                if (showHelperTextWhenValid) return helperText;\n                return undefined;\n            })()}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                if (type === 'number' && isNaN(Number(e.target.value))) {\n                    return;\n                }\n\n                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                form.setFieldValue(fieldName, e.target.value);\n                if (onChange) {\n                    onChange(e);\n                }\n            }}\n            slotProps={{\n                htmlInput: {\n                    style: {\n                        paddingTop: variant !== 'outlined' ? 0 : undefined,\n                        height: '1.1876em',\n                    },\n                },\n                formHelperText: {\n                    children: ' ', // reserves line height for error message\n                    style: { textAlign: 'right' },\n                },\n            }}\n            InputProps={{\n                startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n            }}\n        />\n    );\n};\n\nconst GenericTextField = ({\n    label,\n    fieldName = undefined,\n    placeholder,\n    validation,\n    onChange,\n    multiline,\n    minRows,\n    maxRows,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n    required = false,\n    showHelperTextWhenValid = false,\n    startIcon = undefined,\n    endIcon = undefined,\n    value,\n    type = 'text',\n}: Props) => {\n    const useFormik = !!fieldName;\n\n    const renderField = () => {\n        if (!useFormik) {\n            return (\n                <TextField\n                    label={variant === 'standard' ? undefined : label}\n                    variant={variant}\n                    value={value}\n                    data-testid={`text-field-${fieldName ?? label.toLowerCase().replace(/\\s+/g, '-')}`}\n                    autoComplete=\"off\"\n                    fullWidth\n                    multiline={multiline}\n                    minRows={minRows ?? (multiline ? 3 : undefined)}\n                    maxRows={maxRows ?? (multiline ? 10 : undefined)}\n                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                    placeholder={placeholder || undefined}\n                    disabled={disabled}\n                    required={required}\n                    onChange={onChange}\n                    slotProps={{\n                        htmlInput: {\n                            style: {\n                                paddingTop: variant !== 'outlined' ? 0 : undefined,\n                                height: '1.1876em',\n                            },\n                        },\n                        formHelperText: {\n                            children: ' ', // reserves line height for error message\n                            style: { textAlign: 'right' },\n                        },\n                    }}\n                    InputProps={{\n                        startAdornment: startIcon ? <InputAdornment position=\"start\">{startIcon}</InputAdornment> : undefined,\n                        endAdornment: endIcon ? <InputAdornment position=\"end\">{endIcon}</InputAdornment> : undefined,\n                    }}\n                />\n            );\n        }\n\n        return (\n            <Field name={fieldName} validate={validation}>\n                {(fieldProps: FieldProps) => (\n                    <TextFieldComponent\n                        {...fieldProps}\n                        fieldName={fieldName}\n                        label={label}\n                        placeholder={placeholder}\n                        onChange={onChange}\n                        multiline={multiline}\n                        minRows={minRows}\n                        maxRows={maxRows}\n                        layout={layout}\n                        variant={variant}\n                        disabled={disabled}\n                        required={required}\n                        showHelperTextWhenValid={showHelperTextWhenValid}\n                        startIcon={startIcon}\n                        endIcon={endIcon}\n                        value={value}\n                        type={type}\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 GenericTextField;\n"],"names":["TextFieldComponent","field","form","fieldName","label","placeholder","onChange","multiline","minRows","maxRows","layout","variant","disabled","required","showHelperTextWhenValid","startIcon","endIcon","value","type","errors","touched","isSubmitting","fieldError","name","showError","helperText","useRenderValidText","_jsx","TextField","undefined","toLowerCase","replace","autoComplete","fullWidth","style","paddingRight","error","e","isNaN","Number","target","setFieldValue","slotProps","htmlInput","paddingTop","height","formHelperText","children","textAlign","InputProps","startAdornment","InputAdornment","position","endAdornment","GenericTextField","validation","useFormik","renderField","Field","validate","fieldProps","_jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"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"}

package/dist/components/Form/PaginatedAutocompleteField/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/PaginatedAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type SyntheticEvent, useCallback, useEffect, useState } from 'react';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { useFormikContext } from 'formik';\nimport debounce from 'lodash.debounce';\n\nimport GenericAutocompleteField, {\n  type Props as GenericAutocompleteFieldProps,\n} from '../GenericAutocompleteField';\n\ntype Props<T> = Omit<GenericAutocompleteFieldProps<T>, 'options'> & {\n  fetch: (page: number, search: string) => Promise<T[]>;\n};\n\nconst PaginatedAutocompleteField = <T,>(props: Props<T>) => {\n  const { fieldName, fetch, onChange, onInputChange, onScroll } = props;\n  const { values } = useFormikContext<{ [key: string]: any }>();\n\n  const [options, setOptions] = useState<T[]>(values[fieldName] ? [values[fieldName]] : []);\n  const [page, setPage] = useState(1);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [hasMore, setHasMore] = useState(true);\n\n  const { data: queryResult, isLoading } = useQuery({\n    queryKey: [`PaginatedAutocompleteField-${fieldName}`, page, searchQuery],\n    queryFn: () => fetch(page, searchQuery),\n    retry: 1,\n  });\n\n  useEffect(() => {\n    if (!queryResult || queryResult.length === 0) {\n      setHasMore(false);\n      return;\n    }\n    setHasMore(true);\n    if (page === 1) {\n      setOptions(queryResult);\n    } else {\n      setOptions((prevVouchers) => [...prevVouchers, ...queryResult]);\n    }\n  }, [queryResult]);\n\n  const loadMore = useCallback(() => {\n    if (isLoading || !hasMore) {\n      return;\n    }\n    setPage((prevPage) => prevPage + 1);\n  }, [isLoading, hasMore]);\n\n  const handleScroll = (event: React.UIEvent<HTMLUListElement, UIEvent>) => {\n    const listboxNode = event.currentTarget;\n    if (\n      listboxNode.scrollTop + listboxNode.clientHeight >=\n      listboxNode.scrollHeight - 100 // Trigger 100px before the bottom\n    ) {\n      loadMore();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  const handleInputChange = debounce((value: string) => {\n    setPage(1);\n    setSearchQuery(value);\n    setHasMore(true);\n  }, 500);\n\n  useEffect(() => {\n    return () => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n      handleInputChange.cancel();\n    };\n  }, [handleInputChange]);\n\n  return (\n    <GenericAutocompleteField\n      {...props}\n      loading={isLoading}\n      options={options}\n      onChange={(e: SyntheticEvent<Element, Event>, value: T | T[] | null) => {\n        setSearchQuery('');\n        if (onChange) {\n          onChange(e, value);\n        }\n      }}\n      onInputChange={(e: SyntheticEvent, value: string) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        handleInputChange(value);\n        if (onInputChange) {\n          onInputChange(e, value);\n        }\n      }}\n      onScroll={(e: React.UIEvent<HTMLUListElement, UIEvent>) => {\n        handleScroll(e);\n        if (onScroll) {\n          onScroll(e);\n        }\n      }}\n    />\n  );\n};\n\nexport default PaginatedAutocompleteField;\n"],"names":["props","fieldName","fetch","onChange","onInputChange","onScroll","values","useFormikContext","options","setOptions","useState","page","setPage","searchQuery","setSearchQuery","hasMore","setHasMore","data","queryResult","isLoading","useQuery","queryKey","queryFn","retry","useEffect","length","prevVouchers","loadMore","useCallback","prevPage","handleInputChange","debounce","value","cancel","_jsx","GenericAutocompleteField","loading","e","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","handleScroll"],"mappings":"4NAewCA,IACtC,MAAMC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,cAAEA,EAAaC,SAAEA,GAAaL,GAC1DM,OAAEA,GAAWC,sBAEZC,EAASC,GAAcC,EAAQA,SAAMJ,EAAOL,GAAa,CAACK,EAAOL,IAAc,KAC/EU,EAAMC,GAAWF,EAAAA,SAAS,IAC1BG,EAAaC,GAAkBJ,EAAAA,SAAS,KACxCK,EAASC,GAAcN,EAAAA,UAAS,IAE/BO,KAAMC,EAAWC,UAAEA,GAAcC,EAAAA,SAAS,CAChDC,SAAU,CAAC,8BAA8BpB,IAAaU,EAAME,GAC5DS,QAAS,IAAMpB,EAAMS,EAAME,GAC3BU,MAAO,IAGTC,EAAAA,WAAU,KACHN,GAAsC,IAAvBA,EAAYO,QAIhCT,GAAW,GAETP,EADW,IAATE,EACSO,EAECQ,GAAiB,IAAIA,KAAiBR,KAPlDF,GAAW,KASZ,CAACE,IAEJ,MAAMS,EAAWC,EAAAA,aAAY,MACvBT,GAAcJ,GAGlBH,GAASiB,GAAaA,EAAW,MAChC,CAACV,EAAWJ,IAaTe,EAAoBC,GAAUC,IAClCpB,EAAQ,GACRE,EAAekB,GACfhB,GAAW,KACV,KASH,OAPAQ,EAAAA,WAAU,IACD,KAELM,EAAkBG,WAEnB,CAACH,IAGFI,MAACC,EAAwB,IACnBnC,EACJoC,QAASjB,EACTX,QAASA,EACTL,SAAU,CAACkC,EAAmCL,KAC5ClB,EAAe,IACXX,GACFA,EAASkC,EAAGL,IAGhB5B,cAAe,CAACiC,EAAmBL,KAEjCF,EAAkBE,GACd5B,GACFA,EAAciC,EAAGL,IAGrB3B,SAAWgC,IA1CM,CAACC,IACpB,MAAMC,EAAcD,EAAME,cAExBD,EAAYE,UAAYF,EAAYG,cACpCH,EAAYI,aAAe,KAE3BhB,KAqCEiB,CAAaP,GACThC,GACFA,EAASgC"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/PaginatedAutocompleteField/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type SyntheticEvent, useCallback, useEffect, useState } from 'react';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { useFormikContext } from 'formik';\nimport debounce from 'lodash.debounce';\n\nimport GenericAutocompleteField, {\n  type Props as GenericAutocompleteFieldProps,\n} from '../GenericAutocompleteField';\n\ntype Props<T> = Omit<GenericAutocompleteFieldProps<T>, 'options'> & {\n  fetch: (page: number, search: string) => Promise<T[]>;\n};\n\nconst PaginatedAutocompleteField = <T,>(props: Props<T>) => {\n  const { fieldName, fetch, onChange, onInputChange, onScroll } = props;\n  const { values } = useFormikContext<{ [key: string]: any }>();\n\n  const [options, setOptions] = useState<T[]>(values[fieldName] ? [values[fieldName]] : []);\n  const [page, setPage] = useState(1);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [hasMore, setHasMore] = useState(true);\n\n  const { data: queryResult, isLoading } = useQuery({\n    queryKey: [`PaginatedAutocompleteField-${fieldName}`, page, searchQuery],\n    queryFn: () => fetch(page, searchQuery),\n    retry: 1,\n  });\n\n  useEffect(() => {\n    if (!queryResult || queryResult.length === 0) {\n      setHasMore(false);\n      return;\n    }\n    setHasMore(true);\n    if (page === 1) {\n      setOptions(queryResult);\n    } else {\n      setOptions((prevVouchers) => [...prevVouchers, ...queryResult]);\n    }\n  }, [queryResult]);\n\n  const loadMore = useCallback(() => {\n    if (isLoading || !hasMore) {\n      return;\n    }\n    setPage((prevPage) => prevPage + 1);\n  }, [isLoading, hasMore]);\n\n  const handleScroll = (event: React.UIEvent<HTMLUListElement, UIEvent>) => {\n    const listboxNode = event.currentTarget;\n    if (\n      listboxNode.scrollTop + listboxNode.clientHeight >=\n      listboxNode.scrollHeight - 100 // Trigger 100px before the bottom\n    ) {\n      loadMore();\n    }\n  };\n\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call\n  const handleInputChange = debounce((value: string) => {\n    setPage(1);\n    setSearchQuery(value);\n    setHasMore(true);\n  }, 500);\n\n  useEffect(() => {\n    return () => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n      handleInputChange.cancel();\n    };\n  }, [handleInputChange]);\n\n  return (\n    <GenericAutocompleteField\n      {...props}\n      loading={isLoading}\n      options={options}\n      onChange={(e: SyntheticEvent<Element, Event>, value: T | T[] | null) => {\n        setSearchQuery('');\n        if (onChange) {\n          onChange(e, value);\n        }\n      }}\n      onInputChange={(e: SyntheticEvent, value: string) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n        handleInputChange(value);\n        if (onInputChange) {\n          onInputChange(e, value);\n        }\n      }}\n      onScroll={(e: React.UIEvent<HTMLUListElement, UIEvent>) => {\n        handleScroll(e);\n        if (onScroll) {\n          onScroll(e);\n        }\n      }}\n    />\n  );\n};\n\nexport default PaginatedAutocompleteField;\n"],"names":["props","fieldName","fetch","onChange","onInputChange","onScroll","values","useFormikContext","options","setOptions","useState","page","setPage","searchQuery","setSearchQuery","hasMore","setHasMore","data","queryResult","isLoading","useQuery","queryKey","queryFn","retry","useEffect","length","prevVouchers","loadMore","useCallback","prevPage","handleInputChange","debounce","value","cancel","_jsx","GenericAutocompleteField","loading","e","event","listboxNode","currentTarget","scrollTop","clientHeight","scrollHeight","handleScroll"],"mappings":"4NAewCA,IACtC,MAAMC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,cAAEA,EAAaC,SAAEA,GAAaL,GAC1DM,OAAEA,GAAWC,sBAEZC,EAASC,GAAcC,EAAAA,SAAcJ,EAAOL,GAAa,CAACK,EAAOL,IAAc,KAC/EU,EAAMC,GAAWF,EAAAA,SAAS,IAC1BG,EAAaC,GAAkBJ,EAAAA,SAAS,KACxCK,EAASC,GAAcN,EAAAA,UAAS,IAE/BO,KAAMC,EAAWC,UAAEA,GAAcC,EAAAA,SAAS,CAChDC,SAAU,CAAC,8BAA8BpB,IAAaU,EAAME,GAC5DS,QAAS,IAAMpB,EAAMS,EAAME,GAC3BU,MAAO,IAGTC,EAAAA,WAAU,KACHN,GAAsC,IAAvBA,EAAYO,QAIhCT,GAAW,GAETP,EADW,IAATE,EACSO,EAECQ,GAAiB,IAAIA,KAAiBR,KAPlDF,GAAW,KASZ,CAACE,IAEJ,MAAMS,EAAWC,EAAAA,aAAY,MACvBT,GAAcJ,GAGlBH,GAASiB,GAAaA,EAAW,MAChC,CAACV,EAAWJ,IAaTe,EAAoBC,GAAUC,IAClCpB,EAAQ,GACRE,EAAekB,GACfhB,GAAW,KACV,KASH,OAPAQ,EAAAA,WAAU,IACD,KAELM,EAAkBG,WAEnB,CAACH,IAGFI,MAACC,EAAwB,IACnBnC,EACJoC,QAASjB,EACTX,QAASA,EACTL,SAAU,CAACkC,EAAmCL,KAC5ClB,EAAe,IACXX,GACFA,EAASkC,EAAGL,IAGhB5B,cAAe,CAACiC,EAAmBL,KAEjCF,EAAkBE,GACd5B,GACFA,EAAciC,EAAGL,IAGrB3B,SAAWgC,IA1CM,CAACC,IACpB,MAAMC,EAAcD,EAAME,cAExBD,EAAYE,UAAYF,EAAYG,cACpCH,EAAYI,aAAe,KAE3BhB,KAqCEiB,CAAaP,GACThC,GACFA,EAASgC"}

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

@@ -1 +1 @@
-{"version":3,"file":"GenericDateFieldBase.cjs.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","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","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":"yaAWA,MAAMA,EAAmBC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACnDC,UAAWD,EAAME,QAAQ,GACzB,UAAW,CACPC,MAAO,2BAoBc,EACzBC,QACAC,YACAC,cACAC,aACAC,UAAU,WACVC,SACAC,WACAC,YAAW,EACXC,eAAc,EACdC,iBAAgB,EAChBC,cACAC,2BAA0B,EAC1BC,gBAAiBC,MAEjB,MAAMjB,EAAQkB,EAAAA,WAERC,EAAc,IAEZC,MAACC,EAAAA,OAAMC,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,KAAAC,GAAIC,GAAI,CAAEC,aAAyB,eAAX9B,EAA0B,OAAS,GAAGe,SAAA,CAC3DJ,EAAAA,IAACtB,EAAgB,CAAA0B,SACbJ,MAACH,EAAe,CACZb,MAAmB,aAAZI,OAAyBgC,EAAYpC,EAE5C8B,MAAOO,EAAOC,SAASjB,EAAMS,OAAST,EAAMS,MAAQO,EAAOhB,EAAMS,OACjExB,SAAWwB,IAEP,MAAMS,EAAcF,EAAOC,SAASR,GAASA,EAAQO,EAAOP,GAE5DR,EAAKkB,cAAcnB,EAAMH,KAAMqB,GAC3BjC,GACAA,EAASiC,IAGjBrB,KAAMjB,EACNwC,UAAW,CACPC,UAAW,CACPtC,UACAM,cACAiC,MAAOhB,EACPC,WACQD,GACAhB,EADkBiB,OACtB,EAGJgB,oBAAqB,CACjBxB,SAAU,IACVyB,MAAO,CAAEC,UAAW,YAIhCvC,SAAUkB,GAAgBlB,EAC1BC,YAAaA,EACbuC,cAAetC,MAGtBP,GACGc,EAAAA,IAACgC,EAAU,CAAC5C,QAAQ,UAAU8B,GAAI,CAAEe,MAAOrD,EAAMsD,QAAQC,KAAKC,WAAWhC,SACpElB,UAUjC,MAAe,aAAXG,EAEI0B,EAAAC,KAAAqB,WAAA,CAAAjC,SAAA,CACiB,aAAZhB,GACGY,EAAAA,IAACgC,EAAU,CAAC5C,QAAQ,YAAYkD,UAAU,KAAKL,MAAM,cAChD7B,SAAApB,IAGRe,OAKNC,EAAAA,IAACuC,EAAc,CAACvD,MAAOA,EAAQoB,SAAAL"}
+{"version":3,"file":"GenericDateFieldBase.cjs.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","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":"yaAWA,MAAMA,EAAmBC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC7CC,UAAWD,EAAME,QAAQ,GACzB,UAAW,CACPC,MAAO,2BAoBc,EACzBC,QACAC,YACAC,cACAC,aACAC,UAAU,WACVC,SACAC,WACAC,YAAW,EACXC,eAAc,EACdC,iBAAgB,EAChBC,cACAC,2BAA0B,EAC1BC,gBAAiBC,MAEjB,MAAMjB,EAAQkB,EAAAA,WAERC,EAAc,IAEZC,MAACC,EAAAA,OAAMC,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,EAAAA,KAACC,GAAIC,GAAI,CAAEC,aAAyB,eAAX7B,EAA0B,OAAS,GAAGe,SAAA,CAC3DJ,EAAAA,IAACtB,EAAgB,CAAA0B,SACbJ,MAACH,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,EAAAA,IAAC+B,EAAU,CAAC3C,QAAQ,UAAU6B,GAAI,CAAEe,MAAOpD,EAAMqD,QAAQC,KAAKC,WAAW/B,SACpElB,UAUjC,MAAe,aAAXG,EAEI0B,EAAAA,KAAAqB,WAAA,CAAAhC,SAAA,CACiB,aAAZhB,GACGY,EAAAA,IAAC+B,EAAU,CAAC3C,QAAQ,YAAYiD,UAAU,KAAKL,MAAM,cAAa5B,SAC7DpB,IAGRe,OAKNC,EAAAA,IAACsC,EAAc,CAACtD,MAAOA,EAAKoB,SAAGL"}