@flipdish/portal-library 8.5.7 → 8.6.0

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Chip"),o=require("@mui/material/styles");const l=["filled","outlined"],t=(e,r,o)=>({blue:{filled:{backgroundColor:r.palette.semantic.fill["fill-primary-weak"],color:r.palette.semantic.text["text-primary"]},outlined:{borderColor:r.palette.semantic.stroke["stroke-primary-strong"],color:r.palette.semantic.text["text-primary"]}},success:{filled:{backgroundColor:r.palette.success.light,color:r.palette.success.dark},outlined:{borderColor:r.palette.success.main,color:r.palette.success.main}},warning:{filled:{backgroundColor:r.palette.warning.light,color:r.palette.warning.dark},outlined:{borderColor:r.palette.warning.main,color:r.palette.warning.dark}},error:{filled:{backgroundColor:r.palette.error.light,color:r.palette.error.dark},outlined:{borderColor:r.palette.error.main,color:r.palette.error.main}},default:{filled:{},outlined:{}}}[e][o]),a=o.styled(r,{shouldForwardProp:e=>"colour"!==e&&"rounded"!==e})((({theme:e,colour:r,rounded:o,variant:a=l[0]})=>({borderRadius:o?"100px":"5px","& .MuiChip-icon":{color:"inherit"},...t(r,e,a)})));exports.CHIP_COLORS=["default","blue","success","warning","error"],exports.CHIP_VARIANTS=l,exports.default=({label:r,color:o="default",size:l="medium",variant:t="filled",icon:i,rounded:n=!0})=>e.jsx(a,{icon:i,label:r,colour:o,size:l,variant:t,rounded:n});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Chip"),o=require("@mui/material/styles");const l=["filled","outlined"],t=(e,r,o)=>({blue:{filled:{backgroundColor:r.palette.semantic.fill["fill-primary-weak"],color:r.palette.semantic.text["text-primary"]},outlined:{borderColor:r.palette.semantic.stroke["stroke-primary-strong"],color:r.palette.semantic.text["text-primary"]}},success:{filled:{backgroundColor:r.palette.success.light,color:r.palette.success.dark},outlined:{borderColor:r.palette.success.main,color:r.palette.success.main}},warning:{filled:{backgroundColor:r.palette.warning.light,color:r.palette.warning.dark},outlined:{borderColor:r.palette.warning.main,color:r.palette.warning.dark}},error:{filled:{backgroundColor:r.palette.error.light,color:r.palette.error.dark},outlined:{borderColor:r.palette.error.main,color:r.palette.error.main}},default:{filled:{},outlined:{}}}[e][o]),a=o.styled(r,{shouldForwardProp:e=>"colour"!==e&&"rounded"!==e})(({theme:e,colour:r,rounded:o,variant:a=l[0]})=>({borderRadius:o?"100px":"5px","& .MuiChip-icon":{color:"inherit"},...t(r,e,a)}));exports.CHIP_COLORS=["default","blue","success","warning","error"],exports.CHIP_VARIANTS=l,exports.default=({label:r,color:o="default",size:l="medium",variant:t="filled",icon:i,rounded:n=!0})=>e.jsx(a,{colour:o,icon:i,label:r,rounded:n,size:l,variant:t});
 //# sourceMappingURL=index.cjs.js.map

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,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"}
+{"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 interface ChipProps {\n  label: string;\n  color?: ChipColor;\n  size?: MuiChipProps['size'];\n  variant?: ChipVariant;\n  icon?: MuiChipProps['icon'];\n  rounded?: boolean;\n}\n\ninterface 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 = ({\n  label,\n  color = 'default',\n  size = 'medium',\n  variant = 'filled',\n  icon,\n  rounded = true,\n}: ChipProps) => (\n  <StyledChip colour={color} icon={icon} label={label} rounded={rounded} size={size} variant={variant} />\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,KACtC,CACfC,KAAM,CACJC,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQC,SAASC,KAAK,qBAC7CC,MAAOR,EAAMK,QAAQC,SAASG,KAAK,iBAErCC,SAAU,CACRC,YAAaX,EAAMK,QAAQC,SAASM,OAAO,yBAC3CJ,MAAOR,EAAMK,QAAQC,SAASG,KAAK,kBAGvCI,QAAS,CACPV,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQQ,QAAQC,MACvCN,MAAOR,EAAMK,QAAQQ,QAAQE,MAE/BL,SAAU,CACRC,YAAaX,EAAMK,QAAQQ,QAAQG,KACnCR,MAAOR,EAAMK,QAAQQ,QAAQG,OAGjCC,QAAS,CACPd,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQY,QAAQH,MACvCN,MAAOR,EAAMK,QAAQY,QAAQF,MAE/BL,SAAU,CACRC,YAAaX,EAAMK,QAAQY,QAAQD,KACnCR,MAAOR,EAAMK,QAAQY,QAAQF,OAGjCG,MAAO,CACLf,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQa,MAAMJ,MACrCN,MAAOR,EAAMK,QAAQa,MAAMH,MAE7BL,SAAU,CACRC,YAAaX,EAAMK,QAAQa,MAAMF,KACjCR,MAAOR,EAAMK,QAAQa,MAAMF,OAG/BG,QAAS,CACPhB,OAAQ,CAAA,EACRO,SAAU,CAAA,IAIEX,GAAQE,IAGpBmB,EAAaC,EAAAA,OAAOC,EAAS,CACjCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GADjCH,CAEC,EAAGrB,QAAOD,SAAQ0B,UAASxB,UAAUJ,EAAc,OAAI,CACzE6B,aAAcD,EAAU,QAAU,MAClC,kBAAmB,CACjBjB,MAAO,cAENV,EAAeC,EAAQC,EAAOC,0BA/ER,CAAC,UAAW,OAAQ,UAAW,UAAW,iDAkFxD,EACX0B,QACAnB,QAAQ,UACRoB,OAAO,SACP3B,UAAU,SACV4B,OACAJ,WAAU,KAEVK,EAAAA,IAACV,EAAU,CAACrB,OAAQS,EAAOqB,KAAMA,EAAMF,MAAOA,EAAOF,QAASA,EAASG,KAAMA,EAAM3B,QAASA"}

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

@@ -5,15 +5,15 @@ declare const CHIP_COLORS: readonly ["default", "blue", "success", "warning", "e
 type ChipColor = (typeof CHIP_COLORS)[number];
 declare const CHIP_VARIANTS: readonly ["filled", "outlined"];
 type ChipVariant = (typeof CHIP_VARIANTS)[number];
-type ChipProps = {
+interface ChipProps {
     label: string;
     color?: ChipColor;
     size?: ChipProps$1['size'];
     variant?: ChipVariant;
     icon?: ChipProps$1['icon'];
     rounded?: boolean;
-};
-declare const Chip: ({ label, color, size, variant, icon, rounded }: ChipProps) => react_jsx_runtime.JSX.Element;
+}
+declare const Chip: ({ label, color, size, variant, icon, rounded, }: ChipProps) => react_jsx_runtime.JSX.Element;
 
 export { CHIP_COLORS, CHIP_VARIANTS, Chip as default };
 export type { ChipColor, ChipProps, ChipVariant };

package/dist/components/Chip/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import r from"@mui/material/Chip";import{styled as o}from"@mui/material/styles";const l=["default","blue","success","warning","error"],t=["filled","outlined"],a=(e,r,o)=>({blue:{filled:{backgroundColor:r.palette.semantic.fill["fill-primary-weak"],color:r.palette.semantic.text["text-primary"]},outlined:{borderColor:r.palette.semantic.stroke["stroke-primary-strong"],color:r.palette.semantic.text["text-primary"]}},success:{filled:{backgroundColor:r.palette.success.light,color:r.palette.success.dark},outlined:{borderColor:r.palette.success.main,color:r.palette.success.main}},warning:{filled:{backgroundColor:r.palette.warning.light,color:r.palette.warning.dark},outlined:{borderColor:r.palette.warning.main,color:r.palette.warning.dark}},error:{filled:{backgroundColor:r.palette.error.light,color:r.palette.error.dark},outlined:{borderColor:r.palette.error.main,color:r.palette.error.main}},default:{filled:{},outlined:{}}}[e][o]),i=o(r,{shouldForwardProp:e=>"colour"!==e&&"rounded"!==e})((({theme:e,colour:r,rounded:o,variant:l=t[0]})=>({borderRadius:o?"100px":"5px","& .MuiChip-icon":{color:"inherit"},...a(r,e,l)}))),n=({label:r,color:o="default",size:l="medium",variant:t="filled",icon:a,rounded:n=!0})=>e(i,{icon:a,label:r,colour:o,size:l,variant:t,rounded:n});export{l as CHIP_COLORS,t as CHIP_VARIANTS,n as default};
+import{jsx as e}from"react/jsx-runtime";import r from"@mui/material/Chip";import{styled as o}from"@mui/material/styles";const l=["default","blue","success","warning","error"],t=["filled","outlined"],a=(e,r,o)=>({blue:{filled:{backgroundColor:r.palette.semantic.fill["fill-primary-weak"],color:r.palette.semantic.text["text-primary"]},outlined:{borderColor:r.palette.semantic.stroke["stroke-primary-strong"],color:r.palette.semantic.text["text-primary"]}},success:{filled:{backgroundColor:r.palette.success.light,color:r.palette.success.dark},outlined:{borderColor:r.palette.success.main,color:r.palette.success.main}},warning:{filled:{backgroundColor:r.palette.warning.light,color:r.palette.warning.dark},outlined:{borderColor:r.palette.warning.main,color:r.palette.warning.dark}},error:{filled:{backgroundColor:r.palette.error.light,color:r.palette.error.dark},outlined:{borderColor:r.palette.error.main,color:r.palette.error.main}},default:{filled:{},outlined:{}}}[e][o]),i=o(r,{shouldForwardProp:e=>"colour"!==e&&"rounded"!==e})(({theme:e,colour:r,rounded:o,variant:l=t[0]})=>({borderRadius:o?"100px":"5px","& .MuiChip-icon":{color:"inherit"},...a(r,e,l)})),n=({label:r,color:o="default",size:l="medium",variant:t="filled",icon:a,rounded:n=!0})=>e(i,{colour:o,icon:a,label:r,rounded:n,size:l,variant:t});export{l as CHIP_COLORS,t as CHIP_VARIANTS,n as default};
 //# sourceMappingURL=index.js.map

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,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"}
+{"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 interface ChipProps {\n  label: string;\n  color?: ChipColor;\n  size?: MuiChipProps['size'];\n  variant?: ChipVariant;\n  icon?: MuiChipProps['icon'];\n  rounded?: boolean;\n}\n\ninterface 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 = ({\n  label,\n  color = 'default',\n  size = 'medium',\n  variant = 'filled',\n  icon,\n  rounded = true,\n}: ChipProps) => (\n  <StyledChip colour={color} icon={icon} label={label} rounded={rounded} size={size} variant={variant} />\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,KACtC,CACfC,KAAM,CACJC,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQC,SAASC,KAAK,qBAC7CC,MAAOR,EAAMK,QAAQC,SAASG,KAAK,iBAErCC,SAAU,CACRC,YAAaX,EAAMK,QAAQC,SAASM,OAAO,yBAC3CJ,MAAOR,EAAMK,QAAQC,SAASG,KAAK,kBAGvCI,QAAS,CACPV,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQQ,QAAQC,MACvCN,MAAOR,EAAMK,QAAQQ,QAAQE,MAE/BL,SAAU,CACRC,YAAaX,EAAMK,QAAQQ,QAAQG,KACnCR,MAAOR,EAAMK,QAAQQ,QAAQG,OAGjCC,QAAS,CACPd,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQY,QAAQH,MACvCN,MAAOR,EAAMK,QAAQY,QAAQF,MAE/BL,SAAU,CACRC,YAAaX,EAAMK,QAAQY,QAAQD,KACnCR,MAAOR,EAAMK,QAAQY,QAAQF,OAGjCG,MAAO,CACLf,OAAQ,CACNC,gBAAiBJ,EAAMK,QAAQa,MAAMJ,MACrCN,MAAOR,EAAMK,QAAQa,MAAMH,MAE7BL,SAAU,CACRC,YAAaX,EAAMK,QAAQa,MAAMF,KACjCR,MAAOR,EAAMK,QAAQa,MAAMF,OAG/BG,QAAS,CACPhB,OAAQ,CAAA,EACRO,SAAU,CAAA,IAIEX,GAAQE,IAGpBmB,EAAaC,EAAOC,EAAS,CACjCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GADjCH,CAEC,EAAGrB,QAAOD,SAAQ0B,UAASxB,UAAUJ,EAAc,OAAI,CACzE6B,aAAcD,EAAU,QAAU,MAClC,kBAAmB,CACjBjB,MAAO,cAENV,EAAeC,EAAQC,EAAOC,MAG7B0B,EAAO,EACXC,QACApB,QAAQ,UACRqB,OAAO,SACP5B,UAAU,SACV6B,OACAL,WAAU,KAEVM,EAACX,EAAU,CAACrB,OAAQS,EAAOsB,KAAMA,EAAMF,MAAOA,EAAOH,QAASA,EAASI,KAAMA,EAAM5B,QAASA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/styles"),t=require("react-error-boundary");const n=r.styled("div")((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),i=({somethingWentWrongText:r})=>e.jsx(n,{children:r});module.exports=({identifier:r,children:n,somethingWentWrongText:o})=>e.jsx(t.ErrorBoundary,{FallbackComponent:()=>e.jsx(i,{somethingWentWrongText:o}),onError:(e,t)=>{window.fdlogger?.error(`${r?.toString()} Error Boundary`,{message:e?.message,stack:t})},children:n});
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/styles"),t=require("react-error-boundary");const n=r.styled("div")(({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})),i=({somethingWentWrongText:r})=>e.jsx(n,{children:r});module.exports=({identifier:r,children:n,somethingWentWrongText:o})=>e.jsx(t.ErrorBoundary,{FallbackComponent:()=>e.jsx(i,{somethingWentWrongText:o}),onError:(e,t)=>{window.fdlogger?.error(`${r?.toString()} Error Boundary`,{message:e?.message,stack:t})},children:n});
 //# sourceMappingURL=index.cjs.js.map

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","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"}
+{"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 => (\n    <FallbackComponent somethingWentWrongText={somethingWentWrongText} />\n  );\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,CAAc,EAAGC,YAAO,CAClDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,YAORC,EAAoB,EAAGC,4BACpBC,EAAAA,IAACV,EAAmB,CAAAW,SAAEF,mBAGP,EACtBG,aACAD,WACAF,4BAWEC,EAAAA,IAACG,EAAAA,cAAa,CACZL,kBAN+B,IACjCE,MAACF,EAAiB,CAACC,uBAAwBA,IAMzCK,QAAS,CAACC,EAAOC,KACfC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CACjEC,QAASL,GAAOK,QAChBC,MAAOL,KAEVL,SAEAA"}

package/dist/components/FDErrorBoundary/index.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import{styled as r}from"@mui/material/styles";import{ErrorBoundary as t}from"react-error-boundary";const n=r("div")((({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"}))),o=({somethingWentWrongText:r})=>e(n,{children:r}),i=({identifier:r,children:n,somethingWentWrongText:i})=>e(t,{FallbackComponent:()=>e(o,{somethingWentWrongText:i}),onError:(e,t)=>{window.fdlogger?.error(`${r?.toString()} Error Boundary`,{message:e?.message,stack:t})},children:n});export{i as default};
+import{jsx as e}from"react/jsx-runtime";import"react";import{styled as r}from"@mui/material/styles";import{ErrorBoundary as t}from"react-error-boundary";const n=r("div")(({theme:e})=>({marginTop:e.spacing(2),display:"flex",justifyContent:"center",alignItems:"center"})),o=({somethingWentWrongText:r})=>e(n,{children:r}),i=({identifier:r,children:n,somethingWentWrongText:i})=>e(t,{FallbackComponent:()=>e(o,{somethingWentWrongText:i}),onError:(e,t)=>{window.fdlogger?.error(`${r?.toString()} Error Boundary`,{message:e?.message,stack:t})},children:n});export{i as default};
 //# sourceMappingURL=index.js.map

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,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"}
+{"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 => (\n    <FallbackComponent somethingWentWrongText={somethingWentWrongText} />\n  );\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,CAAc,EAAGC,YAAO,CAClDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,YAORC,EAAoB,EAAGC,4BACpBC,EAACV,EAAmB,CAAAW,SAAEF,IAGzBG,EAAkB,EACtBC,aACAF,WACAF,4BAWEC,EAACI,EAAa,CACZN,kBAN+B,IACjCE,EAACF,EAAiB,CAACC,uBAAwBA,IAMzCM,QAAS,CAACC,EAAOC,KACfC,OAAOC,UAAUH,MAAM,GAAGH,GAAYO,4BAA6B,CACjEC,QAASL,GAAOK,QAChBC,MAAOL,KAEVN,SAEAA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),i=require("@mui/material/Typography"),r=require("../../assets/images/fd-loader.gif.cjs.js");const l=t.styled("div")((({theme:e,fullscreen:t})=>({display:"flex",alignItems:"center",justifyContent:"center",background:e.palette.semantic.background["background-base"],flexDirection:"column",...t&&{width:"100vw",height:"100vh",position:"absolute",top:0,left:0}}))),a=t.styled("div")((({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"160px",height:"160px",borderRadius:"80px",background:e.palette.semantic.fill["fill-white"],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)",marginBottom:"32px"}))),s=t.styled("img")({height:"96px",width:"96px"}),n=t.styled(i)((({theme:e})=>({color:e.palette.semantic.text["text-primary"],lineHeight:"1.2",marginBottom:"4px"}))),o=t.styled(i)((({theme:e})=>({fontSize:"20px",color:e.palette.semantic.text["text-weak"],lineHeight:"1.4",letterSpacing:"normal"})));module.exports=({headline:t,subHeadline:i,fullscreen:d=!1})=>e.jsxs(l,{"data-fd":"FlipdishLogoLoader",fullscreen:d,children:[e.jsx(a,{children:e.jsx(s,{alt:"Flipdish Logo Loader",src:r})}),e.jsx(n,{variant:"h2",children:t}),i&&e.jsx(o,{children:i})]});
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),i=require("@mui/material/Typography"),r=require("../../assets/images/fd-loader.gif.cjs.js");const l=t.styled("div")(({theme:e,fullscreen:t})=>({display:"flex",alignItems:"center",justifyContent:"center",background:e.palette.semantic.background["background-base"],flexDirection:"column",...t&&{width:"100vw",height:"100vh",position:"absolute",top:0,left:0}})),a=t.styled("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"160px",height:"160px",borderRadius:"80px",background:e.palette.semantic.fill["fill-white"],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)",marginBottom:"32px"})),s=t.styled("img")({height:"96px",width:"96px"}),n=t.styled(i)(({theme:e})=>({color:e.palette.semantic.text["text-primary"],lineHeight:"1.2",marginBottom:"4px"})),o=t.styled(i)(({theme:e})=>({fontSize:"20px",color:e.palette.semantic.text["text-weak"],lineHeight:"1.4",letterSpacing:"normal"}));module.exports=({headline:t,subHeadline:i,fullscreen:d=!1})=>e.jsxs(l,{"data-fd":"FlipdishLogoLoader",fullscreen:d,children:[e.jsx(a,{children:e.jsx(s,{alt:"Flipdish Logo Loader",src:r})}),e.jsx(n,{variant:"h2",children:t}),i&&e.jsx(o,{children:i})]});
 //# sourceMappingURL=index.cjs.js.map

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 Typography from '@mui/material/Typography';\n\nimport FdLoader from '../../assets/images/fd-loader.gif';\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:\n    '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\ninterface FlipdishLogoLoaderProps {\n  headline: string;\n  subHeadline?: string;\n  fullscreen?: boolean;\n}\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n  return (\n    <StyledContainer data-fd=\"FlipdishLogoLoader\" fullscreen={fullscreen}>\n      <ImageContainer>\n        <StyledImage alt=\"Flipdish Logo Loader\" src={FdLoader} />\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","alt","src","FdLoader","variant"],"mappings":"8KAKA,MAAMA,EAAkBC,EAAAA,OAAO,MAAPA,EAAwC,EAAGC,QAAOC,iBAAY,CACpFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CAChBQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,OAIJC,EAAiBf,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC7CE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UACE,4GACFC,aAAc,WAGVC,EAAcpB,EAAAA,OAAO,MAAPA,CAAc,CAChCW,OAAQ,OACRD,MAAO,SAGHW,EAAiBrB,EAAAA,OAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CAClDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,UAGVO,EAAoB1B,EAAAA,OAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CACrD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,4BASU,EAAGC,WAAUC,cAAa5B,cAAa,KAE9D6B,EAAAA,KAAChC,EAAe,CAAA,UAAS,qBAAqBG,WAAYA,EAAU8B,SAAA,CAClEC,EAAAA,IAAClB,EAAc,CAAAiB,SACbC,EAAAA,IAACb,EAAW,CAACc,IAAI,uBAAuBC,IAAKC,MAE/CH,MAACZ,GAAegB,QAAQ,KAAIL,SAAEH,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 Typography from '@mui/material/Typography';\n\nimport FdLoader from '../../assets/images/fd-loader.gif';\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:\n    '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\ninterface FlipdishLogoLoaderProps {\n  headline: string;\n  subHeadline?: string;\n  fullscreen?: boolean;\n}\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n  return (\n    <StyledContainer data-fd=\"FlipdishLogoLoader\" fullscreen={fullscreen}>\n      <ImageContainer>\n        <StyledImage alt=\"Flipdish Logo Loader\" src={FdLoader} />\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","alt","src","FdLoader","variant"],"mappings":"8KAKA,MAAMA,EAAkBC,EAAAA,OAAO,MAAPA,CAAwC,EAAGC,QAAOC,iBAAY,CACpFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CAChBQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,MAIJC,EAAiBf,EAAAA,OAAO,MAAPA,CAAc,EAAGC,YAAO,CAC7CE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UACE,4GACFC,aAAc,UAGVC,EAAcpB,EAAAA,OAAO,MAAPA,CAAc,CAChCW,OAAQ,OACRD,MAAO,SAGHW,EAAiBrB,EAAAA,OAAOsB,EAAPtB,CAAmB,EAAGC,YAAO,CAClDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,SAGVO,EAAoB1B,EAAAA,OAAOsB,EAAPtB,CAAmB,EAAGC,YAAO,CACrD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,2BASU,EAAGC,WAAUC,cAAa5B,cAAa,KAE9D6B,EAAAA,KAAChC,EAAe,CAAA,UAAS,qBAAqBG,WAAYA,EAAU8B,SAAA,CAClEC,EAAAA,IAAClB,EAAc,CAAAiB,SACbC,EAAAA,IAACb,EAAW,CAACc,IAAI,uBAAuBC,IAAKC,MAE/CH,MAACZ,GAAegB,QAAQ,KAAIL,SAAEH,IAC7BC,GAAeG,EAAAA,IAACP,YAAmBI"}

package/dist/components/FlipdishLogoLoader/index.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as i}from"@mui/material/styles";import a from"@mui/material/Typography";import r from"../../assets/images/fd-loader.gif.js";const l=i("div")((({theme:e,fullscreen:t})=>({display:"flex",alignItems:"center",justifyContent:"center",background:e.palette.semantic.background["background-base"],flexDirection:"column",...t&&{width:"100vw",height:"100vh",position:"absolute",top:0,left:0}}))),o=i("div")((({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"160px",height:"160px",borderRadius:"80px",background:e.palette.semantic.fill["fill-white"],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)",marginBottom:"32px"}))),n=i("img")({height:"96px",width:"96px"}),p=i(a)((({theme:e})=>({color:e.palette.semantic.text["text-primary"],lineHeight:"1.2",marginBottom:"4px"}))),m=i(a)((({theme:e})=>({fontSize:"20px",color:e.palette.semantic.text["text-weak"],lineHeight:"1.4",letterSpacing:"normal"}))),s=({headline:i,subHeadline:a,fullscreen:s=!1})=>e(l,{"data-fd":"FlipdishLogoLoader",fullscreen:s,children:[t(o,{children:t(n,{alt:"Flipdish Logo Loader",src:r})}),t(p,{variant:"h2",children:i}),a&&t(m,{children:a})]});export{s as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as i}from"@mui/material/styles";import a from"@mui/material/Typography";import r from"../../assets/images/fd-loader.gif.js";const l=i("div")(({theme:e,fullscreen:t})=>({display:"flex",alignItems:"center",justifyContent:"center",background:e.palette.semantic.background["background-base"],flexDirection:"column",...t&&{width:"100vw",height:"100vh",position:"absolute",top:0,left:0}})),o=i("div")(({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"center",width:"160px",height:"160px",borderRadius:"80px",background:e.palette.semantic.fill["fill-white"],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)",marginBottom:"32px"})),n=i("img")({height:"96px",width:"96px"}),p=i(a)(({theme:e})=>({color:e.palette.semantic.text["text-primary"],lineHeight:"1.2",marginBottom:"4px"})),m=i(a)(({theme:e})=>({fontSize:"20px",color:e.palette.semantic.text["text-weak"],lineHeight:"1.4",letterSpacing:"normal"})),s=({headline:i,subHeadline:a,fullscreen:s=!1})=>e(l,{"data-fd":"FlipdishLogoLoader",fullscreen:s,children:[t(o,{children:t(n,{alt:"Flipdish Logo Loader",src:r})}),t(p,{variant:"h2",children:i}),a&&t(m,{children:a})]});export{s as default};
 //# sourceMappingURL=index.js.map

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 Typography from '@mui/material/Typography';\n\nimport FdLoader from '../../assets/images/fd-loader.gif';\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:\n    '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\ninterface FlipdishLogoLoaderProps {\n  headline: string;\n  subHeadline?: string;\n  fullscreen?: boolean;\n}\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n  return (\n    <StyledContainer data-fd=\"FlipdishLogoLoader\" fullscreen={fullscreen}>\n      <ImageContainer>\n        <StyledImage alt=\"Flipdish Logo Loader\" src={FdLoader} />\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","alt","src","FdLoader","variant"],"mappings":"4LAKA,MAAMA,EAAkBC,EAAO,MAAPA,EAAwC,EAAGC,QAAOC,iBAAY,CACpFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CAChBQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,OAIJC,EAAiBf,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC7CE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UACE,4GACFC,aAAc,WAGVC,EAAcpB,EAAO,MAAPA,CAAc,CAChCW,OAAQ,OACRD,MAAO,SAGHW,EAAiBrB,EAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CAClDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,UAGVO,EAAoB1B,EAAOsB,EAAPtB,EAAmB,EAAGC,YAAO,CACrD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,aASXC,EAAqB,EAAGC,WAAUC,cAAa7B,cAAa,KAE9D8B,EAACjC,EAAe,CAAA,UAAS,qBAAqBG,WAAYA,EAAU+B,SAAA,CAClEC,EAACnB,EAAc,CAAAkB,SACbC,EAACd,EAAW,CAACe,IAAI,uBAAuBC,IAAKC,MAE/CH,EAACb,GAAeiB,QAAQ,KAAIL,SAAEH,IAC7BC,GAAeG,EAACR,YAAmBK"}
+{"version":3,"file":"index.js","sources":["../../../src/components/FlipdishLogoLoader/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport FdLoader from '../../assets/images/fd-loader.gif';\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:\n    '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\ninterface FlipdishLogoLoaderProps {\n  headline: string;\n  subHeadline?: string;\n  fullscreen?: boolean;\n}\n\nconst FlipdishLogoLoader = ({ headline, subHeadline, fullscreen = false }: FlipdishLogoLoaderProps) => {\n  return (\n    <StyledContainer data-fd=\"FlipdishLogoLoader\" fullscreen={fullscreen}>\n      <ImageContainer>\n        <StyledImage alt=\"Flipdish Logo Loader\" src={FdLoader} />\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","alt","src","FdLoader","variant"],"mappings":"4LAKA,MAAMA,EAAkBC,EAAO,MAAPA,CAAwC,EAAGC,QAAOC,iBAAY,CACpFC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,WAAYL,EAAMM,QAAQC,SAASF,WAAW,mBAC9CG,cAAe,YACXP,GAAc,CAChBQ,MAAO,QACPC,OAAQ,QACRC,SAAU,WACVC,IAAK,EACLC,KAAM,MAIJC,EAAiBf,EAAO,MAAPA,CAAc,EAAGC,YAAO,CAC7CE,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBK,MAAO,QACPC,OAAQ,QACRK,aAAc,OACdV,WAAYL,EAAMM,QAAQC,SAASS,KAAK,cACxCC,UACE,4GACFC,aAAc,UAGVC,EAAcpB,EAAO,MAAPA,CAAc,CAChCW,OAAQ,OACRD,MAAO,SAGHW,EAAiBrB,EAAOsB,EAAPtB,CAAmB,EAAGC,YAAO,CAClDsB,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,gBACnCC,WAAY,MACZN,aAAc,SAGVO,EAAoB1B,EAAOsB,EAAPtB,CAAmB,EAAGC,YAAO,CACrD0B,SAAU,OACVJ,MAAOtB,EAAMM,QAAQC,SAASgB,KAAK,aACnCC,WAAY,MACZG,cAAe,YASXC,EAAqB,EAAGC,WAAUC,cAAa7B,cAAa,KAE9D8B,EAACjC,EAAe,CAAA,UAAS,qBAAqBG,WAAYA,EAAU+B,SAAA,CAClEC,EAACnB,EAAc,CAAAkB,SACbC,EAACd,EAAW,CAACe,IAAI,uBAAuBC,IAAKC,MAE/CH,EAACb,GAAeiB,QAAQ,KAAIL,SAAEH,IAC7BC,GAAeG,EAACR,YAAmBK"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/styles"),t=require("@mui/material/Typography"),i=require("@mui/material/Grid2");const a=r.styled(i)((({theme:e})=>({padding:e.spacing(4.75,0,2.5,0),alignItems:"flex-start",flexWrap:"wrap",borderBottom:"1px solid rgba(0,0,0,0.2)"}))),l=r.styled("div")((({theme:e})=>({paddingBottom:e.spacing(2),paddingRight:e.spacing(1.75)})));module.exports=r=>{const{children:s,description:n,descriptionTranslated:o,label:d,labelTranslated:p,mdProportion:c,smProportion:m}=r,[u,x]=c?c.split("x").map((e=>parseInt(e,10))):[4,8],[h,b]=m?m.split("x").map((e=>parseInt(e,10))):[];return e.jsxs(a,{container:!0,children:[e.jsxs(i,{size:{base:12,mobile:h,tablet:u},children:[e.jsx(t,{color:"textPrimary",component:"h3",variant:"subtitle1",children:p||d||null}),o||n?e.jsx(l,{children:e.jsx(t,{color:"textSecondary",variant:"caption",children:o||n||null})}):null]}),e.jsx(i,{size:{base:12,mobile:b,tablet:x},children:s})]})};
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/material/styles"),t=require("@mui/material/Typography"),i=require("@mui/material/Grid2");const a=r.styled(i)(({theme:e})=>({padding:e.spacing(4.75,0,2.5,0),alignItems:"flex-start",flexWrap:"wrap",borderBottom:"1px solid rgba(0,0,0,0.2)"})),l=r.styled("div")(({theme:e})=>({paddingBottom:e.spacing(2),paddingRight:e.spacing(1.75)}));module.exports=r=>{const{children:s,description:n,descriptionTranslated:o,label:d,labelTranslated:p,mdProportion:c,smProportion:m}=r,[u,x]=c?c.split("x").map(e=>parseInt(e,10)):[4,8],[h,b]=m?m.split("x").map(e=>parseInt(e,10)):[];return e.jsxs(a,{container:!0,children:[e.jsxs(i,{size:{base:12,mobile:h,tablet:u},children:[e.jsx(t,{color:"textPrimary",component:"h3",variant:"subtitle1",children:p||d||null}),o||n?e.jsx(l,{children:e.jsx(t,{color:"textSecondary",variant:"caption",children:o||n||null})}):null]}),e.jsx(i,{size:{base:12,mobile:b,tablet:x},children:s})]})};
 //# sourceMappingURL=index.cjs.js.map

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 { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Grid, {type GridSize} from '../../atoms/Grid';\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 size={{ base: 12, mobile: castToGridSize(titleProportionSm), tablet: castToGridSize(titleProportion) }}>\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 size={{ 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","size","base","mobile","tablet","_jsx","Typography","color","component","variant"],"mappings":"8KAOA,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,WAAS,EAAAhB,SAAA,CACnBe,OAAC1B,EAAI,CAAC4B,KAAM,CAAEC,KAAM,GAAIC,OAAuBN,EAAoBO,OAAuBb,GAAkBP,SAAA,CAC1GqB,EAAAA,IAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,YAAWzB,SAC/DI,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAAA,IAACzB,EAAiB,CAAAI,SAChBqB,EAAAA,IAACC,EAAU,CAACC,MAAM,gBAAgBE,QAAQ,mBACvCvB,GAAyBD,GAAe,SAG3C,QAENoB,EAAAA,IAAChC,EAAI,CAAC4B,KAAM,CAAEC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,GAAiBR,SACvGA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/components/Form/FormItemLayout/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Grid, { type GridSize } from '../../atoms/Grid';\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        size={{\n          base: 12,\n          mobile: castToGridSize(titleProportionSm),\n          tablet: castToGridSize(titleProportion),\n        }}\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\n        size={{ base: 12, mobile: castToGridSize(dataProportionSm), tablet: castToGridSize(dataProportion) }}\n      >\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","size","base","mobile","tablet","_jsx","Typography","color","component","variant"],"mappings":"8KAOA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,CAAa,EAAGE,YAAO,CACxCC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,+BAGVC,EAAoBR,EAAAA,OAAO,MAAPA,CAAc,EAAGE,YAAO,CAChDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,wBAcNO,IACtB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAC1FP,GAEKQ,EAAiBC,GAAkBH,EACtCA,EAAaI,MAAM,KAAKC,IAAKC,GAAMC,SAASD,EAAG,KAC/C,CAAC,EAAG,IACDE,EAAmBC,GAAoBR,EAC1CA,EAAaG,MAAM,KAAKC,IAAKC,GAAMC,SAASD,EAAG,KAC/C,GAGJ,OACEI,EAAAA,KAAC5B,EAAU,CAAC6B,uBACVD,EAAAA,KAAC1B,EAAI,CACH4B,KAAM,CACJC,KAAM,GACNC,OAAuBN,EACvBO,OAAuBb,GACxBP,SAAA,CAEDqB,MAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,qBACpDrB,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAAA,IAACzB,YACCyB,EAAAA,IAACC,GAAWC,MAAM,gBAAgBE,QAAQ,UAASzB,SAChDE,GAAyBD,GAAe,SAG3C,QAENoB,EAAAA,IAAChC,GACC4B,KAAM,CAAEC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,GAAiBR,SAEnGA"}

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

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import"react";import{styled as i}from"@mui/material/styles";import e from"@mui/material/Typography";import a from"@mui/material/Grid2";const o=i(a)((({theme:t})=>({padding:t.spacing(4.75,0,2.5,0),alignItems:"flex-start",flexWrap:"wrap",borderBottom:"1px solid rgba(0,0,0,0.2)"}))),l=i("div")((({theme:t})=>({paddingBottom:t.spacing(2),paddingRight:t.spacing(1.75)}))),n=i=>{const{children:n,description:m,descriptionTranslated:p,label:s,labelTranslated:d,mdProportion:c,smProportion:h}=i,[b,g]=c?c.split("x").map((t=>parseInt(t,10))):[4,8],[u,x]=h?h.split("x").map((t=>parseInt(t,10))):[];return t(o,{container:!0,children:[t(a,{size:{base:12,mobile:u,tablet:b},children:[r(e,{color:"textPrimary",component:"h3",variant:"subtitle1",children:d||s||null}),p||m?r(l,{children:r(e,{color:"textSecondary",variant:"caption",children:p||m||null})}):null]}),r(a,{size:{base:12,mobile:x,tablet:g},children:n})]})};export{n as default};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import"react";import{styled as i}from"@mui/material/styles";import e from"@mui/material/Typography";import a from"@mui/material/Grid2";const o=i(a)(({theme:t})=>({padding:t.spacing(4.75,0,2.5,0),alignItems:"flex-start",flexWrap:"wrap",borderBottom:"1px solid rgba(0,0,0,0.2)"})),l=i("div")(({theme:t})=>({paddingBottom:t.spacing(2),paddingRight:t.spacing(1.75)})),n=i=>{const{children:n,description:m,descriptionTranslated:p,label:s,labelTranslated:d,mdProportion:c,smProportion:h}=i,[b,g]=c?c.split("x").map(t=>parseInt(t,10)):[4,8],[u,x]=h?h.split("x").map(t=>parseInt(t,10)):[];return t(o,{container:!0,children:[t(a,{size:{base:12,mobile:u,tablet:b},children:[r(e,{color:"textPrimary",component:"h3",variant:"subtitle1",children:d||s||null}),p||m?r(l,{children:r(e,{color:"textSecondary",variant:"caption",children:p||m||null})}):null]}),r(a,{size:{base:12,mobile:x,tablet:g},children:n})]})};export{n as default};
 //# sourceMappingURL=index.js.map

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 { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Grid, {type GridSize} from '../../atoms/Grid';\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 size={{ base: 12, mobile: castToGridSize(titleProportionSm), tablet: castToGridSize(titleProportion) }}>\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 size={{ 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","size","base","mobile","tablet","_jsx","Typography","color","component","variant"],"mappings":"yLAOA,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,WAAS,EAAAhB,SAAA,CACnBe,EAAC3B,EAAI,CAAC6B,KAAM,CAAEC,KAAM,GAAIC,OAAuBN,EAAoBO,OAAuBb,GAAkBP,SAAA,CAC1GqB,EAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,YAAWzB,SAC/DI,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAC1B,EAAiB,CAAAK,SAChBqB,EAACC,EAAU,CAACC,MAAM,gBAAgBE,QAAQ,mBACvCvB,GAAyBD,GAAe,SAG3C,QAENoB,EAACjC,EAAI,CAAC6B,KAAM,CAAEC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,GAAiBR,SACvGA"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Form/FormItemLayout/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Grid, { type GridSize } from '../../atoms/Grid';\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        size={{\n          base: 12,\n          mobile: castToGridSize(titleProportionSm),\n          tablet: castToGridSize(titleProportion),\n        }}\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\n        size={{ base: 12, mobile: castToGridSize(dataProportionSm), tablet: castToGridSize(dataProportion) }}\n      >\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","size","base","mobile","tablet","_jsx","Typography","color","component","variant"],"mappings":"yLAOA,MAAMA,EAAaC,EAAOC,EAAPD,CAAa,EAAGE,YAAO,CACxCC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,+BAGVC,EAAoBR,EAAO,MAAPA,CAAc,EAAGE,YAAO,CAChDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,SAcxBO,EAAkBC,IACtB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAC1FP,GAEKQ,EAAiBC,GAAkBH,EACtCA,EAAaI,MAAM,KAAKC,IAAKC,GAAMC,SAASD,EAAG,KAC/C,CAAC,EAAG,IACDE,EAAmBC,GAAoBR,EAC1CA,EAAaG,MAAM,KAAKC,IAAKC,GAAMC,SAASD,EAAG,KAC/C,GAGJ,OACEI,EAAC7B,EAAU,CAAC8B,uBACVD,EAAC3B,EAAI,CACH6B,KAAM,CACJC,KAAM,GACNC,OAAuBN,EACvBO,OAAuBb,GACxBP,SAAA,CAEDqB,EAACC,EAAU,CAACC,MAAM,cAAcC,UAAU,KAAKC,QAAQ,qBACpDrB,GAAmBD,GAAS,OAG9BD,GAAyBD,EACxBoB,EAAC1B,YACC0B,EAACC,GAAWC,MAAM,gBAAgBE,QAAQ,UAASzB,SAChDE,GAAyBD,GAAe,SAG3C,QAENoB,EAACjC,GACC6B,KAAM,CAAEC,KAAM,GAAIC,OAAuBL,EAAmBM,OAAuBZ,GAAiBR,SAEnGA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material/Button"),t=require("formik");module.exports=({fields:r,onSubmit:a,handleError:n,submitButtonText:u})=>{const m=r.reduce(((e,i)=>(e[i.fieldName]=i.defaultValue,e)),{});return e.jsx(t.Formik,{initialValues:m,onSubmit:async e=>{try{await a(e)}catch(e){n&&n(e)}},children:({isSubmitting:a})=>e.jsxs(t.Form,{children:[r.map(((i,t)=>e.jsx("div",{children:i.component},`field_${i.fieldName}_${t}`))),e.jsx(i,{"data-fd":"submit-form-button",disabled:a,sx:{marginTop:4},type:"submit",variant:"contained",children:u})]})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material/Button"),t=require("formik");module.exports=({fields:r,onSubmit:a,handleError:n,submitButtonText:u})=>{const m=r.reduce((e,i)=>(e[i.fieldName]=i.defaultValue,e),{});return e.jsx(t.Formik,{initialValues:m,onSubmit:async e=>{try{await a(e)}catch(e){n&&n(e)}},children:({isSubmitting:a})=>e.jsxs(t.Form,{children:[r.map((i,t)=>e.jsx("div",{children:i.component},`field_${i.fieldName}_${t}`)),e.jsx(i,{"data-fd":"submit-form-button",disabled:a,sx:{marginTop:4},type:"submit",variant:"contained",children:u})]})})};
 //# sourceMappingURL=index.cjs.js.map

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-fd=\"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,UACG,qBACRC,SAAUP,EACVQ,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAAWZ,SAElBZ"}
+{"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-fd=\"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,OAAgC,CAACC,EAAKC,KACjED,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,GACN,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,IAAI,CAACZ,EAAOa,IAElBV,EAAAA,IAAA,MAAA,CAAAK,SAAgDR,EAAMc,WAA5C,SAASd,EAAMC,aAAaY,MAGxCV,EAAAA,IAACY,EAAM,CAAA,UACG,qBACRC,SAAUP,EACVQ,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAAWZ,SAElBZ"}

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

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import e from"@mui/material/Button";import{Formik as r,Form as a}from"formik";const n=({fields:n,onSubmit:m,handleError:o,submitButtonText:d})=>{const u=n.reduce(((t,i)=>(t[i.fieldName]=i.defaultValue,t)),{});return t(r,{initialValues:u,onSubmit:async t=>{try{await m(t)}catch(t){o&&o(t)}},children:({isSubmitting:r})=>i(a,{children:[n.map(((i,e)=>t("div",{children:i.component},`field_${i.fieldName}_${e}`))),t(e,{"data-fd":"submit-form-button",disabled:r,sx:{marginTop:4},type:"submit",variant:"contained",children:d})]})})};export{n as default};
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import e from"@mui/material/Button";import{Formik as r,Form as a}from"formik";const n=({fields:n,onSubmit:m,handleError:o,submitButtonText:d})=>{const u=n.reduce((t,i)=>(t[i.fieldName]=i.defaultValue,t),{});return t(r,{initialValues:u,onSubmit:async t=>{try{await m(t)}catch(t){o&&o(t)}},children:({isSubmitting:r})=>i(a,{children:[n.map((i,e)=>t("div",{children:i.component},`field_${i.fieldName}_${e}`)),t(e,{"data-fd":"submit-form-button",disabled:r,sx:{marginTop:4},type:"submit",variant:"contained",children:d})]})})};export{n as default};
 //# sourceMappingURL=index.js.map

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-fd=\"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,UACG,qBACRC,SAAUP,EACVQ,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAAWZ,SAElBZ"}
+{"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-fd=\"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,OAAgC,CAACC,EAAKC,KACjED,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,GACN,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,IAAI,CAACZ,EAAOa,IAElBV,EAAA,MAAA,CAAAK,SAAgDR,EAAMc,WAA5C,SAASd,EAAMC,aAAaY,MAGxCV,EAACY,EAAM,CAAA,UACG,qBACRC,SAAUP,EACVQ,GAAI,CAAEC,UAAW,GACjBC,KAAK,SACLC,QAAQ,YAAWZ,SAElBZ"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@tanstack/react-query"),n=require("formik"),u=require("lodash.debounce"),o=require("../GenericAutocompleteField/index.cjs.js");module.exports=a=>{const{fieldName:s,fetch:c,onChange:i,onInputChange:l,onScroll:d}=a,{values:g}=n.useFormikContext(),[h,q]=t.useState(g[s]?[g[s]]:[]),[f,m]=t.useState(1),[p,y]=t.useState(""),[C,S]=t.useState(!0),{data:x,isLoading:j}=r.useQuery({queryKey:[`PaginatedAutocompleteField-${s}`,f,p],queryFn:()=>c(f,p),retry:1});t.useEffect((()=>{x&&0!==x.length?(S(!0),q(1===f?x:e=>[...e,...x])):S(!1)}),[x]);const k=t.useCallback((()=>{!j&&C&&m((e=>e+1))}),[j,C]),F=u((e=>{m(1),y(e),S(!0)}),500);return t.useEffect((()=>()=>{F.cancel()}),[F]),e.jsx(o,{...a,loading:j,options:h,onChange:(e,t)=>{y(""),i&&i(e,t)},onInputChange:(e,t)=>{F(t),l&&l(e,t)},onScroll:e=>{(e=>{const t=e.currentTarget;t.scrollTop+t.clientHeight>=t.scrollHeight-100&&k()})(e),d&&d(e)}})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@tanstack/react-query"),n=require("formik"),u=require("lodash.debounce"),o=require("../GenericAutocompleteField/index.cjs.js");module.exports=a=>{const{fieldName:s,fetch:c,onChange:i,onInputChange:l,onScroll:d}=a,{values:g}=n.useFormikContext(),[h,q]=t.useState(g[s]?[g[s]]:[]),[f,m]=t.useState(1),[p,y]=t.useState(""),[C,S]=t.useState(!0),{data:x,isLoading:j}=r.useQuery({queryKey:[`PaginatedAutocompleteField-${s}`,f,p],queryFn:()=>c(f,p),retry:1});t.useEffect(()=>{x&&0!==x.length?(S(!0),q(1===f?x:e=>[...e,...x])):S(!1)},[x]);const k=t.useCallback(()=>{!j&&C&&m(e=>e+1)},[j,C]),F=u(e=>{m(1),y(e),S(!0)},500);return t.useEffect(()=>()=>{F.cancel()},[F]),e.jsx(o,{...a,loading:j,onChange:(e,t)=>{y(""),i&&i(e,t)},onInputChange:(e,t)=>{F(t),l&&l(e,t)},onScroll:e=>{(e=>{const t=e.currentTarget;t.scrollTop+t.clientHeight>=t.scrollHeight-100&&k()})(e),d&&d(e)},options:h})};
 //# sourceMappingURL=index.cjs.js.map

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,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"}
+{"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      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      options={options}\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,UAAU,KACHN,GAAsC,IAAvBA,EAAYO,QAIhCT,GAAW,GAETP,EADW,IAATE,EACSO,EAECQ,GAAiB,IAAIA,KAAiBR,KAPlDF,GAAW,IASZ,CAACE,IAEJ,MAAMS,EAAWC,EAAAA,YAAY,MACvBT,GAAcJ,GAGlBH,EAASiB,GAAaA,EAAW,IAChC,CAACV,EAAWJ,IAaTe,EAAoBC,EAAUC,IAClCpB,EAAQ,GACRE,EAAekB,GACfhB,GAAW,IACV,KASH,OAPAQ,EAAAA,UAAU,IACD,KAELM,EAAkBG,UAEnB,CAACH,IAGFI,EAAAA,IAACC,EAAwB,IACnBnC,EACJoC,QAASjB,EACThB,SAAU,CAACkC,EAAmCL,KAC5ClB,EAAe,IACXX,GACFA,EAASkC,EAAGL,IAGhB5B,cAAe,CAACiC,EAAmBL,KAEjCF,EAAkBE,GACd5B,GACFA,EAAciC,EAAGL,IAGrB3B,SAAWgC,IAzCM,CAACC,IACpB,MAAMC,EAAcD,EAAME,cAExBD,EAAYE,UAAYF,EAAYG,cACpCH,EAAYI,aAAe,KAE3BhB,KAoCEiB,CAAaP,GACThC,GACFA,EAASgC,IAGb7B,QAASA"}

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

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as t,useCallback as r}from"react";import{useQuery as n}from"@tanstack/react-query";import{useFormikContext as a}from"formik";import c from"lodash.debounce";import i from"../GenericAutocompleteField/index.js";const l=l=>{const{fieldName:m,fetch:s,onChange:p,onInputChange:u,onScroll:d}=l,{values:g}=a(),[f,h]=o(g[m]?[g[m]]:[]),[y,C]=o(1),[q,x]=o(""),[F,j]=o(!0),{data:k,isLoading:A}=n({queryKey:[`PaginatedAutocompleteField-${m}`,y,q],queryFn:()=>s(y,q),retry:1});t((()=>{k&&0!==k.length?(j(!0),h(1===y?k:e=>[...e,...k])):j(!1)}),[k]);const H=r((()=>{!A&&F&&C((e=>e+1))}),[A,F]),I=c((e=>{C(1),x(e),j(!0)}),500);return t((()=>()=>{I.cancel()}),[I]),e(i,{...l,loading:A,options:f,onChange:(e,o)=>{x(""),p&&p(e,o)},onInputChange:(e,o)=>{I(o),u&&u(e,o)},onScroll:e=>{(e=>{const o=e.currentTarget;o.scrollTop+o.clientHeight>=o.scrollHeight-100&&H()})(e),d&&d(e)}})};export{l as default};
+import{jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as t,useCallback as r}from"react";import{useQuery as n}from"@tanstack/react-query";import{useFormikContext as a}from"formik";import c from"lodash.debounce";import i from"../GenericAutocompleteField/index.js";const l=l=>{const{fieldName:m,fetch:s,onChange:p,onInputChange:u,onScroll:d}=l,{values:g}=a(),[f,h]=o(g[m]?[g[m]]:[]),[y,C]=o(1),[q,x]=o(""),[F,j]=o(!0),{data:k,isLoading:A}=n({queryKey:[`PaginatedAutocompleteField-${m}`,y,q],queryFn:()=>s(y,q),retry:1});t(()=>{k&&0!==k.length?(j(!0),h(1===y?k:e=>[...e,...k])):j(!1)},[k]);const H=r(()=>{!A&&F&&C(e=>e+1)},[A,F]),I=c(e=>{C(1),x(e),j(!0)},500);return t(()=>()=>{I.cancel()},[I]),e(i,{...l,loading:A,onChange:(e,o)=>{x(""),p&&p(e,o)},onInputChange:(e,o)=>{I(o),u&&u(e,o)},onScroll:e=>{(e=>{const o=e.currentTarget;o.scrollTop+o.clientHeight>=o.scrollHeight-100&&H()})(e),d&&d(e)},options:f})};export{l as default};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.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":["PaginatedAutocompleteField","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":"uRAeA,MAAMA,EAAkCC,IACtC,MAAMC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,cAAEA,EAAaC,SAAEA,GAAaL,GAC1DM,OAAEA,GAAWC,KAEZC,EAASC,GAAcC,EAAcJ,EAAOL,GAAa,CAACK,EAAOL,IAAc,KAC/EU,EAAMC,GAAWF,EAAS,IAC1BG,EAAaC,GAAkBJ,EAAS,KACxCK,EAASC,GAAcN,GAAS,IAE/BO,KAAMC,EAAWC,UAAEA,GAAcC,EAAS,CAChDC,SAAU,CAAC,8BAA8BpB,IAAaU,EAAME,GAC5DS,QAAS,IAAMpB,EAAMS,EAAME,GAC3BU,MAAO,IAGTC,GAAU,KACHN,GAAsC,IAAvBA,EAAYO,QAIhCT,GAAW,GAETP,EADW,IAATE,EACSO,EAECQ,GAAiB,IAAIA,KAAiBR,KAPlDF,GAAW,KASZ,CAACE,IAEJ,MAAMS,EAAWC,GAAY,MACvBT,GAAcJ,GAGlBH,GAASiB,GAAaA,EAAW,MAChC,CAACV,EAAWJ,IAaTe,EAAoBC,GAAUC,IAClCpB,EAAQ,GACRE,EAAekB,GACfhB,GAAW,KACV,KASH,OAPAQ,GAAU,IACD,KAELM,EAAkBG,WAEnB,CAACH,IAGFI,EAACC,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.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      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      options={options}\n    />\n  );\n};\n\nexport default PaginatedAutocompleteField;\n"],"names":["PaginatedAutocompleteField","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":"uRAeA,MAAMA,EAAkCC,IACtC,MAAMC,UAAEA,EAASC,MAAEA,EAAKC,SAAEA,EAAQC,cAAEA,EAAaC,SAAEA,GAAaL,GAC1DM,OAAEA,GAAWC,KAEZC,EAASC,GAAcC,EAAcJ,EAAOL,GAAa,CAACK,EAAOL,IAAc,KAC/EU,EAAMC,GAAWF,EAAS,IAC1BG,EAAaC,GAAkBJ,EAAS,KACxCK,EAASC,GAAcN,GAAS,IAE/BO,KAAMC,EAAWC,UAAEA,GAAcC,EAAS,CAChDC,SAAU,CAAC,8BAA8BpB,IAAaU,EAAME,GAC5DS,QAAS,IAAMpB,EAAMS,EAAME,GAC3BU,MAAO,IAGTC,EAAU,KACHN,GAAsC,IAAvBA,EAAYO,QAIhCT,GAAW,GAETP,EADW,IAATE,EACSO,EAECQ,GAAiB,IAAIA,KAAiBR,KAPlDF,GAAW,IASZ,CAACE,IAEJ,MAAMS,EAAWC,EAAY,MACvBT,GAAcJ,GAGlBH,EAASiB,GAAaA,EAAW,IAChC,CAACV,EAAWJ,IAaTe,EAAoBC,EAAUC,IAClCpB,EAAQ,GACRE,EAAekB,GACfhB,GAAW,IACV,KASH,OAPAQ,EAAU,IACD,KAELM,EAAkBG,UAEnB,CAACH,IAGFI,EAACC,EAAwB,IACnBnC,EACJoC,QAASjB,EACThB,SAAU,CAACkC,EAAmCL,KAC5ClB,EAAe,IACXX,GACFA,EAASkC,EAAGL,IAGhB5B,cAAe,CAACiC,EAAmBL,KAEjCF,EAAkBE,GACd5B,GACFA,EAAciC,EAAGL,IAGrB3B,SAAWgC,IAzCM,CAACC,IACpB,MAAMC,EAAcD,EAAME,cAExBD,EAAYE,UAAYF,EAAYG,cACpCH,EAAYI,aAAe,KAE3BhB,KAoCEiB,CAAaP,GACThC,GACFA,EAASgC,IAGb7B,QAASA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("formik"),i=require("../Form/FormItemLayout/index.cjs.js"),a=require("@mui/material/styles");require("@mui/material/TextField");var t=require("@mui/material/Box"),l=require("@mui/material/Typography"),s=require("../../custom-hooks/useRenderValidText.cjs.js"),d=require("moment");require("@mui/x-date-pickers/DatePicker"),require("@mui/x-date-pickers/DateTimePicker");const n=a.styled("div")((({theme:e})=>({marginTop:e.spacing(2),"& > div":{width:"100%"}})));module.exports=({label:o,fieldName:u,description:m,validation:c,variant:h="standard",layout:x,onChange:p,disabled:v=!1,disablePast:j=!1,disablefuture:b=!1,placeholder:g,showHelperTextWhenValid:q=!1,pickerComponent:y})=>{const F=a.useTheme(),T=()=>e.jsx(r.Field,{name:u,validate:c,children:({field:r,form:i})=>{const{errors:a,touched:c,isSubmitting:T}=i,k=a[r.name],P=!!k&&c[r.name],f=s({fieldError:k,showError:P,touched:!!c[r.name],value:r.value},"Valid");return e.jsxs(t,{sx:{paddingRight:"horizontal"===x?"16px":0},children:[e.jsx(n,{children:e.jsx(y,{label:"standard"===h?void 0:o,value:d.isMoment(r.value)?r.value:d(r.value),onChange:e=>{const a=d.isMoment(e)?e:d(e);i.setFieldValue(r.name,a),p&&p(a)},name:u,slotProps:{textField:{variant:h,placeholder:g,error:P,helperText:P||q?f:void 0,FormHelperTextProps:{children:" ",style:{textAlign:"right"}}}},disabled:T||v,disablePast:j,disableFuture:b})}),m&&e.jsx(l,{variant:"caption",sx:{color:F.palette.text.secondary},children:m})]})}});return"vertical"===x?e.jsxs(e.Fragment,{children:["standard"===h&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:o}),T()]}):e.jsx(i,{label:o,children:T()})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),i=require("@mui/material/styles");require("@mui/material/TextField");var a=require("@mui/material/Typography");require("@mui/x-date-pickers/DatePicker"),require("@mui/x-date-pickers/DateTimePicker");var t=require("formik"),l=require("moment"),s=require("../../custom-hooks/useRenderValidText.cjs.js"),d=require("../Form/FormItemLayout/index.cjs.js");const n=i.styled("div")(({theme:e})=>({marginTop:e.spacing(2),"& > div":{width:"100%"}}));module.exports=({label:o,fieldName:u,description:m,validation:c,variant:h="standard",layout:x,onChange:p,disabled:v=!1,disablePast:j=!1,disablefuture:b=!1,placeholder:g,showHelperTextWhenValid:q=!1,pickerComponent:y})=>{const F=i.useTheme(),T=()=>e.jsx(t.Field,{name:u,validate:c,children:({field:i,form:t})=>{const{errors:d,touched:c,isSubmitting:T}=t,k=d[i.name],P=!!k&&c[i.name],f=s({fieldError:k,showError:P,touched:!!c[i.name],value:i.value},"Valid");return e.jsxs(r,{sx:{paddingRight:"horizontal"===x?"16px":0},children:[e.jsx(n,{children:e.jsx(y,{disabled:T||v,disableFuture:b,disablePast:j,label:"standard"===h?void 0:o,name:u,onChange:e=>{const r=l.isMoment(e)?e:l(e);t.setFieldValue(i.name,r),p&&p(r)},slotProps:{textField:{variant:h,placeholder:g,error:P,helperText:P||q?f:void 0,FormHelperTextProps:{children:" ",style:{textAlign:"right"}}}},value:l.isMoment(i.value)?i.value:l(i.value)})}),m&&e.jsx(a,{sx:{color:F.palette.text.secondary},variant:"caption",children:m})]})}});return"vertical"===x?e.jsxs(e.Fragment,{children:["standard"===h&&e.jsx(a,{color:"textPrimary",component:"h3",variant:"subtitle1",children:o}),T()]}):e.jsx(d,{label:o,children:T()})};
 //# sourceMappingURL=GenericDateFieldBase.cjs.js.map

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","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"}
+{"version":3,"file":"GenericDateFieldBase.cjs.js","sources":["../../../src/components/GenericDatePickerField/GenericDateFieldBase.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { type TextFieldVariants } from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\n\nimport { Field, type FieldProps } from 'formik';\nimport moment from 'moment';\n\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from '../Form/FormItemLayout';\n\nconst StyledPickerBase = styled('div')(({ theme }) => ({\n  marginTop: theme.spacing(2),\n  '& > div': {\n    width: '100%',\n  },\n}));\n\nexport interface 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          // eslint-disable-next-line react-hooks/rules-of-hooks\n          const helperText = useRenderValidText(\n            {\n              fieldError,\n              showError,\n              touched: !!touched[field.name],\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n              value: field.value,\n            },\n            'Valid',\n          );\n\n          return (\n            <Box sx={{ paddingRight: layout === 'horizontal' ? '16px' : 0 }}>\n              <StyledPickerBase>\n                <PickerComponent\n                  disabled={isSubmitting || disabled}\n                  disableFuture={disablefuture}\n                  disablePast={disablePast}\n                  label={variant === 'standard' ? undefined : label}\n                  name={fieldName}\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                  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                  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n                  value={moment.isMoment(field.value) ? field.value : moment(field.value)}\n                />\n              </StyledPickerBase>\n              {description && (\n                <Typography sx={{ color: theme.palette.text.secondary }} variant=\"caption\">\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 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 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","disableFuture","undefined","momentValue","moment","isMoment","setFieldValue","slotProps","textField","error","FormHelperTextProps","style","textAlign","Typography","color","palette","text","secondary","_Fragment","component","FormItemLayout"],"mappings":"6aAaA,MAAMA,EAAmBC,EAAAA,OAAO,MAAPA,CAAc,EAAGC,YAAO,CAC/CC,UAAWD,EAAME,QAAQ,GACzB,UAAW,CACTC,MAAO,0BAoBkB,EAC3BC,QACAC,YACAC,cACAC,aACAC,UAAU,WACVC,SACAC,WACAC,YAAW,EACXC,eAAc,EACdC,iBAAgB,EAChBC,cACAC,2BAA0B,EAC1BC,gBAAiBC,MAEjB,MAAMjB,EAAQkB,EAAAA,WAERC,EAAc,IAEhBC,MAACC,EAAAA,OAAMC,KAAMjB,EAAWkB,SAAUhB,EAAUiB,SACzC,EAAGC,QAAOC,WACT,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAE3CU,EAAaC,EACjB,CACEH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MAEzBY,MAAOT,EAAMS,OAEf,SAGF,OACEC,EAAAA,KAACC,EAAG,CAACC,GAAI,CAAEC,aAAyB,eAAX7B,EAA0B,OAAS,GAAGe,SAAA,CAC7DJ,EAAAA,IAACtB,EAAgB,CAAA0B,SACfJ,MAACH,EAAe,CACdN,SAAUkB,GAAgBlB,EAC1B4B,cAAe1B,EACfD,YAAaA,EACbR,MAAmB,aAAZI,OAAyBgC,EAAYpC,EAC5CkB,KAAMjB,EACNK,SAAWwB,IAET,MAAMO,EAAcC,EAAOC,SAAST,GAASA,EAAQQ,EAAOR,GAE5DR,EAAKkB,cAAcnB,EAAMH,KAAMmB,GAC3B/B,GACFA,EAAS+B,IAGbI,UAAW,CACTC,UAAW,CACTtC,UACAM,cACAiC,MAAOhB,EACPC,WACMD,GACAhB,EADkBiB,OACtB,EAGFgB,oBAAqB,CACnBxB,SAAU,IACVyB,MAAO,CAAEC,UAAW,YAK1BhB,MAAOQ,EAAOC,SAASlB,EAAMS,OAAST,EAAMS,MAAQQ,EAAOjB,EAAMS,WAGpE5B,GACCc,EAAAA,IAAC+B,EAAU,CAACd,GAAI,CAAEe,MAAOpD,EAAMqD,QAAQC,KAAKC,WAAa/C,QAAQ,UAASgB,SACvElB,UAUjB,MAAe,aAAXG,EAEA0B,EAAAA,KAAAqB,WAAA,CAAAhC,SAAA,CACe,aAAZhB,GACCY,EAAAA,IAAC+B,EAAU,CAACC,MAAM,cAAcK,UAAU,KAAKjD,QAAQ,YAAWgB,SAC/DpB,IAGJe,OAKAC,EAAAA,IAACsC,EAAc,CAACtD,MAAOA,EAAKoB,SAAGL"}

package/dist/components/GenericDatePickerField/GenericDateFieldBase.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TextFieldVariants } from '@mui/material/TextField';
-import moment from 'moment';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import moment from 'moment';
 
-type GenericDateFieldBaseProps = {
+interface GenericDateFieldBaseProps {
     label: string;
     placeholder?: string;
     fieldName: string;
@@ -18,7 +18,7 @@ type GenericDateFieldBaseProps = {
     onChange?: (dateTime: moment.Moment) => void;
     showHelperTextWhenValid?: boolean;
     pickerComponent: typeof DatePicker | typeof DateTimePicker;
-};
+}
 declare const GenericDateFieldBase: ({ label, fieldName, description, validation, variant, layout, onChange, disabled, disablePast, disablefuture, placeholder, showHelperTextWhenValid, pickerComponent: PickerComponent, }: GenericDateFieldBaseProps) => react_jsx_runtime.JSX.Element;
 
 export { GenericDateFieldBase as default };

package/dist/components/GenericDatePickerField/GenericDateFieldBase.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{Field as i}from"formik";import a from"../Form/FormItemLayout/index.js";import{styled as o,useTheme as l}from"@mui/material/styles";import"@mui/material/TextField";import m from"@mui/material/Box";import n from"@mui/material/Typography";import d from"../../custom-hooks/useRenderValidText.js";import s from"moment";import"@mui/x-date-pickers/DatePicker";import"@mui/x-date-pickers/DateTimePicker";const p=o("div")((({theme:e})=>({marginTop:e.spacing(2),"& > div":{width:"100%"}}))),c=({label:o,fieldName:c,description:u,validation:h,variant:x="standard",layout:v,onChange:f,disabled:b=!1,disablePast:g=!1,disablefuture:y=!1,placeholder:T,showHelperTextWhenValid:k=!1,pickerComponent:F})=>{const P=l(),V=()=>t(i,{name:c,validate:h,children:({field:r,form:i})=>{const{errors:a,touched:l,isSubmitting:h}=i,V=a[r.name],j=!!V&&l[r.name],w=d({fieldError:V,showError:j,touched:!!l[r.name],value:r.value},"Valid");return e(m,{sx:{paddingRight:"horizontal"===v?"16px":0},children:[t(p,{children:t(F,{label:"standard"===x?void 0:o,value:s.isMoment(r.value)?r.value:s(r.value),onChange:e=>{const t=s.isMoment(e)?e:s(e);i.setFieldValue(r.name,t),f&&f(t)},name:c,slotProps:{textField:{variant:x,placeholder:T,error:j,helperText:j||k?w:void 0,FormHelperTextProps:{children:" ",style:{textAlign:"right"}}}},disabled:h||b,disablePast:g,disableFuture:y})}),u&&t(n,{variant:"caption",sx:{color:P.palette.text.secondary},children:u})]})}});return"vertical"===v?e(r,{children:["standard"===x&&t(n,{variant:"subtitle1",component:"h3",color:"textPrimary",children:o}),V()]}):t(a,{label:o,children:V()})};export{c as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import i from"@mui/material/Box";import{styled as a,useTheme as o}from"@mui/material/styles";import"@mui/material/TextField";import l from"@mui/material/Typography";import"@mui/x-date-pickers/DatePicker";import"@mui/x-date-pickers/DateTimePicker";import{Field as m}from"formik";import n from"moment";import d from"../../custom-hooks/useRenderValidText.js";import s from"../Form/FormItemLayout/index.js";const p=a("div")(({theme:e})=>({marginTop:e.spacing(2),"& > div":{width:"100%"}})),c=({label:a,fieldName:c,description:u,validation:h,variant:x="standard",layout:v,onChange:f,disabled:b=!1,disablePast:g=!1,disablefuture:y=!1,placeholder:T,showHelperTextWhenValid:k=!1,pickerComponent:F})=>{const P=o(),V=()=>t(m,{name:c,validate:h,children:({field:r,form:o})=>{const{errors:m,touched:s,isSubmitting:h}=o,V=m[r.name],j=!!V&&s[r.name],w=d({fieldError:V,showError:j,touched:!!s[r.name],value:r.value},"Valid");return e(i,{sx:{paddingRight:"horizontal"===v?"16px":0},children:[t(p,{children:t(F,{disabled:h||b,disableFuture:y,disablePast:g,label:"standard"===x?void 0:a,name:c,onChange:e=>{const t=n.isMoment(e)?e:n(e);o.setFieldValue(r.name,t),f&&f(t)},slotProps:{textField:{variant:x,placeholder:T,error:j,helperText:j||k?w:void 0,FormHelperTextProps:{children:" ",style:{textAlign:"right"}}}},value:n.isMoment(r.value)?r.value:n(r.value)})}),u&&t(l,{sx:{color:P.palette.text.secondary},variant:"caption",children:u})]})}});return"vertical"===v?e(r,{children:["standard"===x&&t(l,{color:"textPrimary",component:"h3",variant:"subtitle1",children:a}),V()]}):t(s,{label:a,children:V()})};export{c as default};
 //# sourceMappingURL=GenericDateFieldBase.js.map