@flipdish/portal-library 1.0.65 → 1.0.67

package/dist/components/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./themes/flipdishPublicTheme.cjs.js"),i=require("./ui/NotFoundPage/NotFoundPage.cjs.js"),r=require("./ui/FlipdishStaffContainer/FlipdishStaffContainer.cjs.js"),t=require("./ui/PageLayout/PageLayout.cjs.js"),o=require("./ui/PortalMock/PortalMock.cjs.js"),s=require("./ui/LazyComponent/LazyComponent.cjs.js"),c=require("./ui/Spacer/Spacer.cjs.js"),n=require("./ui/Chip/Chip.cjs.js"),u=require("./ui/Switch/Switch.cjs.js"),a=require("./ui/Form/utilities/formValidation.cjs.js"),d=require("./ui/Form/GenericAutocompleteField.cjs.js"),l=require("./ui/Form/GenericFormContainer.cjs.js"),p=require("./ui/Form/GenericTextField.cjs.js"),j=require("./ui/Form/PaginatedAutocompleteField.cjs.js"),x=require("./ui/GenericDatePickerField/GenericDatePickerField.cjs.js"),m=require("./ui/GenericDateTimePickerField/GenericDateTimePickerField.cjs.js"),F=require("./ui/GenericRadioButtons/GenericRadioButtons.cjs.js"),q=require("./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.cjs.js"),T=require("./ui/GenericTable/GenericTable.cjs.js"),G=require("./ui/GenericTableBody/GenericTableBody.cjs.js"),L=require("./ui/GenericTableBodyRow/GenericTableBodyRow.cjs.js"),h=require("./ui/GenericTableTitle/GenericTableTitle.cjs.js"),P=require("./ui/ListItemLink/ListItemLink.cjs.js"),g=require("./ui/ListItemLinkButton/ListItemLinkButton.cjs.js"),b=require("@mui/icons-material/Search"),k=require("@mui/icons-material/CalendarToday"),y=require("./custom-hooks/useRenderValidText.cjs.js"),I=require("./custom-hooks/useMicroFrontendAttributes.cjs.js"),f=require("./renderUtilities/renderUtilities.cjs.js"),B=require("./genericUtilities/index.cjs.js");exports.flipdishPublicTheme=e,exports.NotFoundPage=i,exports.FlipdishStaffContainer=r,exports.PageLayout=t.default,exports.PortalMock=o,exports.LazyComponent=s,exports.Spacer=c,exports.Chip=n,exports.Switch=u,exports.formikValidate=a.formikValidate,exports.GenericAutocompleteField=d,exports.GenericFormContainer=l,exports.GenericTextField=p,exports.PaginatedAutocompleteField=j,exports.GenericDatePickerField=x,exports.GenericDateTimePickerField=m,exports.GenericRadioButtons=F,exports.DateTimeLocalizationProvider=q,exports.GenericTable=T,exports.GenericTableBody=G,exports.GenericTableBodyRow=L,exports.GenericTableTitle=h,exports.ListItemLink=P,exports.ListItemLinkButton=g.ListItemLinkButton,exports.SearchIcon=b,exports.CalendarTodayIcon=k,exports.useRenderValidText=y,exports.useMicroFrontendAttributes=I,exports.getAppId=f.getAppId,exports.getBrandId=f.getBrandId,exports.getIsFlipdishStaff=f.getIsFlipdishStaff,exports.getMicroFrontendAttribute=f.getMicroFrontendAttribute,exports.getOrgId=f.getOrgId,exports.lazyWithRetry=f.lazyWithRetry,exports.debounce=B.debounce;
+"use strict";var e=require("./themes/flipdishPublicTheme.cjs.js"),i=require("./ui/NotFoundPage/NotFoundPage.cjs.js"),r=require("./ui/FlipdishStaffContainer/FlipdishStaffContainer.cjs.js"),t=require("./ui/PageLayout/PageLayout.cjs.js"),s=require("./ui/PortalMock/PortalMock.cjs.js"),o=require("./ui/LazyComponent/LazyComponent.cjs.js"),c=require("./ui/Spacer/Spacer.cjs.js"),u=require("./ui/Chip/Chip.cjs.js"),n=require("./ui/Switch/Switch.cjs.js"),a=require("./ui/Form/utilities/formValidation.cjs.js"),d=require("./ui/Form/GenericAutocompleteField.cjs.js"),l=require("./ui/Form/GenericFormContainer.cjs.js"),p=require("./ui/Form/GenericTextField.cjs.js"),j=require("./ui/Form/PaginatedAutocompleteField.cjs.js"),x=require("./ui/GenericDatePickerField/GenericDatePickerField.cjs.js"),m=require("./ui/GenericDateTimePickerField/GenericDateTimePickerField.cjs.js"),q=require("./ui/GenericRadioButtons/GenericRadioButtons.cjs.js"),F=require("./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.cjs.js"),T=require("./ui/GenericTable/GenericTable.cjs.js"),G=require("./ui/GenericTableBody/GenericTableBody.cjs.js"),L=require("./ui/GenericTableBodyRow/GenericTableBodyRow.cjs.js"),h=require("./ui/GenericTableTitle/GenericTableTitle.cjs.js"),P=require("./ui/ListItemLink/ListItemLink.cjs.js"),g=require("./ui/ListItemLinkButton/ListItemLinkButton.cjs.js"),b=require("./ui/NoResults/NoResults.cjs.js"),k=require("@mui/icons-material/Search"),y=require("@mui/icons-material/CalendarToday"),I=require("./custom-hooks/useRenderValidText.cjs.js"),f=require("./custom-hooks/useMicroFrontendAttributes.cjs.js"),B=require("./renderUtilities/renderUtilities.cjs.js"),C=require("./genericUtilities/index.cjs.js");exports.flipdishPublicTheme=e,exports.NotFoundPage=i,exports.FlipdishStaffContainer=r,exports.PageLayout=t.default,exports.PortalMock=s,exports.LazyComponent=o,exports.Spacer=c,exports.Chip=u,exports.Switch=n,exports.formikValidate=a.formikValidate,exports.GenericAutocompleteField=d,exports.GenericFormContainer=l,exports.GenericTextField=p,exports.PaginatedAutocompleteField=j,exports.GenericDatePickerField=x,exports.GenericDateTimePickerField=m,exports.GenericRadioButtons=q,exports.DateTimeLocalizationProvider=F,exports.GenericTable=T,exports.GenericTableBody=G,exports.GenericTableBodyRow=L,exports.GenericTableTitle=h,exports.ListItemLink=P,exports.ListItemLinkButton=g.ListItemLinkButton,exports.NoResults=b,exports.SearchIcon=k,exports.CalendarTodayIcon=y,exports.useRenderValidText=I,exports.useMicroFrontendAttributes=f,exports.getAppId=B.getAppId,exports.getBrandId=B.getBrandId,exports.getIsFlipdishStaff=B.getIsFlipdishStaff,exports.getMicroFrontendAttribute=B.getMicroFrontendAttribute,exports.getOrgId=B.getOrgId,exports.lazyWithRetry=B.lazyWithRetry,exports.debounce=C.debounce;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export { default as GenericTableBodyRow } from './ui/GenericTableBodyRow/Generic
 export { default as GenericTableTitle } from './ui/GenericTableTitle/GenericTableTitle.js';
 export { default as ListItemLink } from './ui/ListItemLink/ListItemLink.js';
 export { default as ListItemLinkButton } from './ui/ListItemLinkButton/ListItemLinkButton.js';
+export { default as NoResults } from './ui/NoResults/NoResults.js';
 export { default as SearchIcon } from '@mui/icons-material/Search';
 export { default as CalendarTodayIcon } from '@mui/icons-material/CalendarToday';
 export { default as useRenderValidText } from './custom-hooks/useRenderValidText.js';

package/dist/components/index.js

@@ -1,2 +1,2 @@
-export{default as flipdishPublicTheme}from"./themes/flipdishPublicTheme.js";export{default as NotFoundPage}from"./ui/NotFoundPage/NotFoundPage.js";export{default as FlipdishStaffContainer}from"./ui/FlipdishStaffContainer/FlipdishStaffContainer.js";export{default as PageLayout}from"./ui/PageLayout/PageLayout.js";export{default as PortalMock}from"./ui/PortalMock/PortalMock.js";export{default as LazyComponent}from"./ui/LazyComponent/LazyComponent.js";export{default as Spacer}from"./ui/Spacer/Spacer.js";export{default as Chip}from"./ui/Chip/Chip.js";export{default as Switch}from"./ui/Switch/Switch.js";export{formikValidate}from"./ui/Form/utilities/formValidation.js";export{default as GenericAutocompleteField}from"./ui/Form/GenericAutocompleteField.js";export{default as GenericFormContainer}from"./ui/Form/GenericFormContainer.js";export{default as GenericTextField}from"./ui/Form/GenericTextField.js";export{default as PaginatedAutocompleteField}from"./ui/Form/PaginatedAutocompleteField.js";export{default as GenericDatePickerField}from"./ui/GenericDatePickerField/GenericDatePickerField.js";export{default as GenericDateTimePickerField}from"./ui/GenericDateTimePickerField/GenericDateTimePickerField.js";export{default as GenericRadioButtons}from"./ui/GenericRadioButtons/GenericRadioButtons.js";export{default as DateTimeLocalizationProvider}from"./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.js";export{default as GenericTable}from"./ui/GenericTable/GenericTable.js";export{default as GenericTableBody}from"./ui/GenericTableBody/GenericTableBody.js";export{default as GenericTableBodyRow}from"./ui/GenericTableBodyRow/GenericTableBodyRow.js";export{default as GenericTableTitle}from"./ui/GenericTableTitle/GenericTableTitle.js";export{default as ListItemLink}from"./ui/ListItemLink/ListItemLink.js";export{ListItemLinkButton}from"./ui/ListItemLinkButton/ListItemLinkButton.js";export{default as SearchIcon}from"@mui/icons-material/Search";export{default as CalendarTodayIcon}from"@mui/icons-material/CalendarToday";export{default as useRenderValidText}from"./custom-hooks/useRenderValidText.js";export{default as useMicroFrontendAttributes}from"./custom-hooks/useMicroFrontendAttributes.js";export{getAppId,getBrandId,getIsFlipdishStaff,getMicroFrontendAttribute,getOrgId,lazyWithRetry}from"./renderUtilities/renderUtilities.js";export{debounce}from"./genericUtilities/index.js";
+export{default as flipdishPublicTheme}from"./themes/flipdishPublicTheme.js";export{default as NotFoundPage}from"./ui/NotFoundPage/NotFoundPage.js";export{default as FlipdishStaffContainer}from"./ui/FlipdishStaffContainer/FlipdishStaffContainer.js";export{default as PageLayout}from"./ui/PageLayout/PageLayout.js";export{default as PortalMock}from"./ui/PortalMock/PortalMock.js";export{default as LazyComponent}from"./ui/LazyComponent/LazyComponent.js";export{default as Spacer}from"./ui/Spacer/Spacer.js";export{default as Chip}from"./ui/Chip/Chip.js";export{default as Switch}from"./ui/Switch/Switch.js";export{formikValidate}from"./ui/Form/utilities/formValidation.js";export{default as GenericAutocompleteField}from"./ui/Form/GenericAutocompleteField.js";export{default as GenericFormContainer}from"./ui/Form/GenericFormContainer.js";export{default as GenericTextField}from"./ui/Form/GenericTextField.js";export{default as PaginatedAutocompleteField}from"./ui/Form/PaginatedAutocompleteField.js";export{default as GenericDatePickerField}from"./ui/GenericDatePickerField/GenericDatePickerField.js";export{default as GenericDateTimePickerField}from"./ui/GenericDateTimePickerField/GenericDateTimePickerField.js";export{default as GenericRadioButtons}from"./ui/GenericRadioButtons/GenericRadioButtons.js";export{default as DateTimeLocalizationProvider}from"./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.js";export{default as GenericTable}from"./ui/GenericTable/GenericTable.js";export{default as GenericTableBody}from"./ui/GenericTableBody/GenericTableBody.js";export{default as GenericTableBodyRow}from"./ui/GenericTableBodyRow/GenericTableBodyRow.js";export{default as GenericTableTitle}from"./ui/GenericTableTitle/GenericTableTitle.js";export{default as ListItemLink}from"./ui/ListItemLink/ListItemLink.js";export{ListItemLinkButton}from"./ui/ListItemLinkButton/ListItemLinkButton.js";export{default as NoResults}from"./ui/NoResults/NoResults.js";export{default as SearchIcon}from"@mui/icons-material/Search";export{default as CalendarTodayIcon}from"@mui/icons-material/CalendarToday";export{default as useRenderValidText}from"./custom-hooks/useRenderValidText.js";export{default as useMicroFrontendAttributes}from"./custom-hooks/useMicroFrontendAttributes.js";export{getAppId,getBrandId,getIsFlipdishStaff,getMicroFrontendAttribute,getOrgId,lazyWithRetry}from"./renderUtilities/renderUtilities.js";export{debounce}from"./genericUtilities/index.js";
 //# sourceMappingURL=index.js.map

package/dist/components/themes/flipdishPublicTheme.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@mui/material/styles/createTheme");const o=e({typography:{body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}},palette:{success:{main:"#20C26E",dark:"#137442",light:"#D2F3E2"},error:{main:"#CA0030",dark:"#79001D",light:"#FADBE2"},warning:{main:"#FFBC2C",dark:"#FF7A00",light:"#FFF2D5"}}}),t=e(o,{palette:{black:o.palette.augmentColor({color:{main:"#000000"},name:"black"}),white:o.palette.augmentColor({color:{main:"#ffffff"},name:"white"}),flippyBlue:o.palette.augmentColor({color:{main:"#0b75d7",light:"#e3f2fe"},name:"flippyBlue"}),freezerBurn:o.palette.augmentColor({color:{main:"#a5e2f6"},name:"freezerBurn"}),spricyCarrot:o.palette.augmentColor({color:{main:"#f7742b"},name:"spricyCarrot"}),pebble:o.palette.augmentColor({color:{main:"#eeebe3"},name:"pebble"}),donutPanic:o.palette.augmentColor({color:{main:"#ffbae4"},name:"donutPanic"}),eletricLime:o.palette.augmentColor({color:{main:"#cff27d"},name:"eletricLime"}),pending:o.palette.augmentColor({color:{main:"#DEACFA",dark:"#A56AC6",light:"#FCF7FE"},name:"pending"})}});var r=e(t,{palette:{primary:{main:t.palette.flippyBlue.main},secondary:{main:t.palette.spricyCarrot.main}},shape:{borderRadius:"4px"},components:{MuiButton:{styleOverrides:{root:{padding:"12px 24px",textTransform:"none"}}},MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:t.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${t.palette.divider}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:t.palette.flippyBlue.light,cursor:"pointer"}}}}}});module.exports=r;
+"use strict";require("@mui/material/styles");var e=require("@mui/material/styles/createTheme");const o=e({typography:{body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}},palette:{success:{main:"#20C26E",dark:"#137442",light:"#D2F3E2"},error:{main:"#CA0030",dark:"#79001D",light:"#FADBE2"},warning:{main:"#FFBC2C",dark:"#FF7A00",light:"#FFF2D5"}}}),t=e(o,{palette:{black:o.palette.augmentColor({color:{main:"#000000"},name:"black"}),white:o.palette.augmentColor({color:{main:"#ffffff"},name:"white"}),flippyBlue:o.palette.augmentColor({color:{main:"#0b75d7",light:"#e3f2fe"},name:"flippyBlue"}),freezerBurn:o.palette.augmentColor({color:{main:"#a5e2f6"},name:"freezerBurn"}),spricyCarrot:o.palette.augmentColor({color:{main:"#f7742b"},name:"spricyCarrot"}),pebble:o.palette.augmentColor({color:{main:"#eeebe3"},name:"pebble"}),donutPanic:o.palette.augmentColor({color:{main:"#ffbae4"},name:"donutPanic"}),eletricLime:o.palette.augmentColor({color:{main:"#cff27d"},name:"eletricLime"}),pending:o.palette.augmentColor({color:{main:"#DEACFA",dark:"#A56AC6",light:"#FCF7FE"},name:"pending"})}});var r=e(t,{palette:{primary:{main:t.palette.flippyBlue.main},secondary:{main:t.palette.spricyCarrot.main}},shape:{borderRadius:"4px"},components:{MuiButton:{styleOverrides:{root:{padding:"12px 24px",textTransform:"none"}}},MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:t.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${t.palette.divider}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:t.palette.flippyBlue.light,cursor:"pointer"}}}}}});module.exports=r;
 //# sourceMappingURL=flipdishPublicTheme.cjs.js.map

package/dist/components/themes/flipdishPublicTheme.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { Breakpoint } from '@mui/material/styles';\nimport createTheme, { ThemeOptions } from '@mui/material/styles/createTheme';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme as ThemeOptions, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n                light: '#e3f2fe',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n    },\n});\n\nexport default createTheme(theme as ThemeOptions, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    shape: {\n        borderRadius: '4px',\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '12px 24px',\n                    textTransform: 'none',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: theme.palette.divider,\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    fontWeight: 'bold',\n                    paddingLeft: '6px',\n                    paddingRight: '6px',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n        MuiTableRow: {\n            styleOverrides: {\n                root: {\n                    '&.MuiTableRow-hover:hover': {\n                        backgroundColor: theme.palette.flippyBlue.light,\n                        cursor: 'pointer',\n                    },\n                },\n            },\n        },\n    },\n});\n\ndeclare module '@mui/material/styles' {\n    interface Palette {\n        black: Palette['primary'];\n        white: Palette['primary'];\n        flippyBlue: Palette['primary'];\n        freezerBurn: Palette['primary'];\n        spricyCarrot: Palette['primary'];\n        pebble: Palette['primary'];\n        donutPanic: Palette['primary'];\n        eletricLime: Palette['primary'];\n        pending: Palette['primary'];\n    }\n    interface Theme {\n        breakpoints: {\n            up: (key: number | Breakpoint) => string;\n            down: (key: number | Breakpoint) => string;\n            only: (key: number | Breakpoint) => string;\n        };\n    }\n}\n"],"names":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","flipdishPublicTheme","primary","secondary","shape","borderRadius","components","MuiButton","styleOverrides","root","padding","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","borderBottom","MuiTableRow","cursor"],"mappings":"+DAIA,MAAMA,EAAYC,EAAY,CAC1BC,WAAY,CACRC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY,oCAGpBQ,QAAS,CACLC,QAAS,CACLC,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXC,MAAO,CACHH,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXE,QAAS,CACLJ,KAAM,UACNC,KAAM,UACNC,MAAO,cAKbG,EAAQlB,EAAYD,EAA2B,CACjDY,QAAS,CAELQ,MAAOpB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVC,MAAOxB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVE,WAAYzB,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,UACNE,MAAO,WAEXO,KAAM,eAGVG,YAAa1B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVI,aAAc3B,EAAUY,QAAQS,aAAa,CACzCC,MAAO,CACHR,KAAM,WAEVS,KAAM,iBAEVK,OAAQ5B,EAAUY,QAAQS,aAAa,CACnCC,MAAO,CACHR,KAAM,WAEVS,KAAM,WAGVM,WAAY7B,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAEVO,YAAa9B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVQ,QAAS/B,EAAUY,QAAQS,aAAa,CACpCC,MAAO,CACHR,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXO,KAAM,eAKlB,IAAeS,EAAA/B,EAAYkB,EAAuB,CAC9CP,QAAS,CACLqB,QAAS,CACLnB,KAAMK,EAAMP,QAAQa,WAAWX,MAEnCoB,UAAW,CACPpB,KAAMK,EAAMP,QAAQe,aAAab,OAGzCqB,MAAO,CACHC,aAAc,OAElBC,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,YACTC,cAAe,UAI3BC,QAAS,CACLJ,eAAgB,CACZC,KAAM,CACFI,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAa5B,EAAMP,QAAQoC,WAIvCC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFU,WAAY,OACZC,YAAa,MACbC,aAAc,SAI1BC,kBAAmB,CACfd,eAAgB,CACZC,KAAM,CACF,UAAW,CACPc,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAapC,EAAMP,QAAQoC,cAKzDQ,YAAa,CACTjB,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBc,gBAAiBnC,EAAMP,QAAQa,WAAWT,MAC1CyC,OAAQ"}
+{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { type Breakpoint } from '@mui/material/styles';\nimport createTheme, { type ThemeOptions } from '@mui/material/styles/createTheme';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme as ThemeOptions, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n                light: '#e3f2fe',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n    },\n});\n\nexport default createTheme(theme as ThemeOptions, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    shape: {\n        borderRadius: '4px',\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '12px 24px',\n                    textTransform: 'none',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: theme.palette.divider,\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    fontWeight: 'bold',\n                    paddingLeft: '6px',\n                    paddingRight: '6px',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n        MuiTableRow: {\n            styleOverrides: {\n                root: {\n                    '&.MuiTableRow-hover:hover': {\n                        backgroundColor: theme.palette.flippyBlue.light,\n                        cursor: 'pointer',\n                    },\n                },\n            },\n        },\n    },\n});\n\ndeclare module '@mui/material/styles' {\n    interface Palette {\n        black: Palette['primary'];\n        white: Palette['primary'];\n        flippyBlue: Palette['primary'];\n        freezerBurn: Palette['primary'];\n        spricyCarrot: Palette['primary'];\n        pebble: Palette['primary'];\n        donutPanic: Palette['primary'];\n        eletricLime: Palette['primary'];\n        pending: Palette['primary'];\n    }\n    interface Theme {\n        breakpoints: {\n            up: (key: number | Breakpoint) => string;\n            down: (key: number | Breakpoint) => string;\n            only: (key: number | Breakpoint) => string;\n        };\n    }\n}\n"],"names":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","flipdishPublicTheme","primary","secondary","shape","borderRadius","components","MuiButton","styleOverrides","root","padding","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","borderBottom","MuiTableRow","cursor"],"mappings":"+FAIA,MAAMA,EAAYC,EAAY,CAC1BC,WAAY,CACRC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY,oCAGpBQ,QAAS,CACLC,QAAS,CACLC,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXC,MAAO,CACHH,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXE,QAAS,CACLJ,KAAM,UACNC,KAAM,UACNC,MAAO,cAKbG,EAAQlB,EAAYD,EAA2B,CACjDY,QAAS,CAELQ,MAAOpB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVC,MAAOxB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVE,WAAYzB,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,UACNE,MAAO,WAEXO,KAAM,eAGVG,YAAa1B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVI,aAAc3B,EAAUY,QAAQS,aAAa,CACzCC,MAAO,CACHR,KAAM,WAEVS,KAAM,iBAEVK,OAAQ5B,EAAUY,QAAQS,aAAa,CACnCC,MAAO,CACHR,KAAM,WAEVS,KAAM,WAGVM,WAAY7B,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAEVO,YAAa9B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVQ,QAAS/B,EAAUY,QAAQS,aAAa,CACpCC,MAAO,CACHR,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXO,KAAM,eAKlB,IAAeS,EAAA/B,EAAYkB,EAAuB,CAC9CP,QAAS,CACLqB,QAAS,CACLnB,KAAMK,EAAMP,QAAQa,WAAWX,MAEnCoB,UAAW,CACPpB,KAAMK,EAAMP,QAAQe,aAAab,OAGzCqB,MAAO,CACHC,aAAc,OAElBC,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,YACTC,cAAe,UAI3BC,QAAS,CACLJ,eAAgB,CACZC,KAAM,CACFI,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAa5B,EAAMP,QAAQoC,WAIvCC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFU,WAAY,OACZC,YAAa,MACbC,aAAc,SAI1BC,kBAAmB,CACfd,eAAgB,CACZC,KAAM,CACF,UAAW,CACPc,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAapC,EAAMP,QAAQoC,cAKzDQ,YAAa,CACTjB,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBc,gBAAiBnC,EAAMP,QAAQa,WAAWT,MAC1CyC,OAAQ"}

package/dist/components/themes/flipdishPublicTheme.js

@@ -1,2 +1,2 @@
-import e from"@mui/material/styles/createTheme";const o=e({typography:{body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}},palette:{success:{main:"#20C26E",dark:"#137442",light:"#D2F3E2"},error:{main:"#CA0030",dark:"#79001D",light:"#FADBE2"},warning:{main:"#FFBC2C",dark:"#FF7A00",light:"#FFF2D5"}}}),t=e(o,{palette:{black:o.palette.augmentColor({color:{main:"#000000"},name:"black"}),white:o.palette.augmentColor({color:{main:"#ffffff"},name:"white"}),flippyBlue:o.palette.augmentColor({color:{main:"#0b75d7",light:"#e3f2fe"},name:"flippyBlue"}),freezerBurn:o.palette.augmentColor({color:{main:"#a5e2f6"},name:"freezerBurn"}),spricyCarrot:o.palette.augmentColor({color:{main:"#f7742b"},name:"spricyCarrot"}),pebble:o.palette.augmentColor({color:{main:"#eeebe3"},name:"pebble"}),donutPanic:o.palette.augmentColor({color:{main:"#ffbae4"},name:"donutPanic"}),eletricLime:o.palette.augmentColor({color:{main:"#cff27d"},name:"eletricLime"}),pending:o.palette.augmentColor({color:{main:"#DEACFA",dark:"#A56AC6",light:"#FCF7FE"},name:"pending"})}});var r=e(t,{palette:{primary:{main:t.palette.flippyBlue.main},secondary:{main:t.palette.spricyCarrot.main}},shape:{borderRadius:"4px"},components:{MuiButton:{styleOverrides:{root:{padding:"12px 24px",textTransform:"none"}}},MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:t.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${t.palette.divider}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:t.palette.flippyBlue.light,cursor:"pointer"}}}}}});export{r as default};
+import"@mui/material/styles";import e from"@mui/material/styles/createTheme";const o=e({typography:{body1:{fontFamily:"'Roboto', sans-serif"},body2:{fontFamily:"'Roboto', sans-serif"},h1:{fontFamily:"clarendon-text-pro,Domine,serif"},h2:{fontFamily:"clarendon-text-pro,Domine,serif"},h3:{fontFamily:"clarendon-text-pro,Domine,serif"},h4:{fontFamily:"clarendon-text-pro,Domine,serif"},h5:{fontFamily:"clarendon-text-pro,Domine,serif"},h6:{fontFamily:"clarendon-text-pro,Domine,serif"}},palette:{success:{main:"#20C26E",dark:"#137442",light:"#D2F3E2"},error:{main:"#CA0030",dark:"#79001D",light:"#FADBE2"},warning:{main:"#FFBC2C",dark:"#FF7A00",light:"#FFF2D5"}}}),t=e(o,{palette:{black:o.palette.augmentColor({color:{main:"#000000"},name:"black"}),white:o.palette.augmentColor({color:{main:"#ffffff"},name:"white"}),flippyBlue:o.palette.augmentColor({color:{main:"#0b75d7",light:"#e3f2fe"},name:"flippyBlue"}),freezerBurn:o.palette.augmentColor({color:{main:"#a5e2f6"},name:"freezerBurn"}),spricyCarrot:o.palette.augmentColor({color:{main:"#f7742b"},name:"spricyCarrot"}),pebble:o.palette.augmentColor({color:{main:"#eeebe3"},name:"pebble"}),donutPanic:o.palette.augmentColor({color:{main:"#ffbae4"},name:"donutPanic"}),eletricLime:o.palette.augmentColor({color:{main:"#cff27d"},name:"eletricLime"}),pending:o.palette.augmentColor({color:{main:"#DEACFA",dark:"#A56AC6",light:"#FCF7FE"},name:"pending"})}});var r=e(t,{palette:{primary:{main:t.palette.flippyBlue.main},secondary:{main:t.palette.spricyCarrot.main}},shape:{borderRadius:"4px"},components:{MuiButton:{styleOverrides:{root:{padding:"12px 24px",textTransform:"none"}}},MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:t.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${t.palette.divider}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:t.palette.flippyBlue.light,cursor:"pointer"}}}}}});export{r as default};
 //# sourceMappingURL=flipdishPublicTheme.js.map

package/dist/components/themes/flipdishPublicTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { Breakpoint } from '@mui/material/styles';\nimport createTheme, { ThemeOptions } from '@mui/material/styles/createTheme';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme as ThemeOptions, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n                light: '#e3f2fe',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n    },\n});\n\nexport default createTheme(theme as ThemeOptions, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    shape: {\n        borderRadius: '4px',\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '12px 24px',\n                    textTransform: 'none',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: theme.palette.divider,\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    fontWeight: 'bold',\n                    paddingLeft: '6px',\n                    paddingRight: '6px',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n        MuiTableRow: {\n            styleOverrides: {\n                root: {\n                    '&.MuiTableRow-hover:hover': {\n                        backgroundColor: theme.palette.flippyBlue.light,\n                        cursor: 'pointer',\n                    },\n                },\n            },\n        },\n    },\n});\n\ndeclare module '@mui/material/styles' {\n    interface Palette {\n        black: Palette['primary'];\n        white: Palette['primary'];\n        flippyBlue: Palette['primary'];\n        freezerBurn: Palette['primary'];\n        spricyCarrot: Palette['primary'];\n        pebble: Palette['primary'];\n        donutPanic: Palette['primary'];\n        eletricLime: Palette['primary'];\n        pending: Palette['primary'];\n    }\n    interface Theme {\n        breakpoints: {\n            up: (key: number | Breakpoint) => string;\n            down: (key: number | Breakpoint) => string;\n            only: (key: number | Breakpoint) => string;\n        };\n    }\n}\n"],"names":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","flipdishPublicTheme","primary","secondary","shape","borderRadius","components","MuiButton","styleOverrides","root","padding","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","borderBottom","MuiTableRow","cursor"],"mappings":"gDAIA,MAAMA,EAAYC,EAAY,CAC1BC,WAAY,CACRC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY,oCAGpBQ,QAAS,CACLC,QAAS,CACLC,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXC,MAAO,CACHH,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXE,QAAS,CACLJ,KAAM,UACNC,KAAM,UACNC,MAAO,cAKbG,EAAQlB,EAAYD,EAA2B,CACjDY,QAAS,CAELQ,MAAOpB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVC,MAAOxB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVE,WAAYzB,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,UACNE,MAAO,WAEXO,KAAM,eAGVG,YAAa1B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVI,aAAc3B,EAAUY,QAAQS,aAAa,CACzCC,MAAO,CACHR,KAAM,WAEVS,KAAM,iBAEVK,OAAQ5B,EAAUY,QAAQS,aAAa,CACnCC,MAAO,CACHR,KAAM,WAEVS,KAAM,WAGVM,WAAY7B,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAEVO,YAAa9B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVQ,QAAS/B,EAAUY,QAAQS,aAAa,CACpCC,MAAO,CACHR,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXO,KAAM,eAKlB,IAAeS,EAAA/B,EAAYkB,EAAuB,CAC9CP,QAAS,CACLqB,QAAS,CACLnB,KAAMK,EAAMP,QAAQa,WAAWX,MAEnCoB,UAAW,CACPpB,KAAMK,EAAMP,QAAQe,aAAab,OAGzCqB,MAAO,CACHC,aAAc,OAElBC,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,YACTC,cAAe,UAI3BC,QAAS,CACLJ,eAAgB,CACZC,KAAM,CACFI,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAa5B,EAAMP,QAAQoC,WAIvCC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFU,WAAY,OACZC,YAAa,MACbC,aAAc,SAI1BC,kBAAmB,CACfd,eAAgB,CACZC,KAAM,CACF,UAAW,CACPc,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAapC,EAAMP,QAAQoC,cAKzDQ,YAAa,CACTjB,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBc,gBAAiBnC,EAAMP,QAAQa,WAAWT,MAC1CyC,OAAQ"}
+{"version":3,"file":"flipdishPublicTheme.js","sources":["../../../src/components/themes/flipdishPublicTheme.ts"],"sourcesContent":["import { type Breakpoint } from '@mui/material/styles';\nimport createTheme, { type ThemeOptions } from '@mui/material/styles/createTheme';\n\n// Colours and fonts as per our brand guidelines\nconst fontTheme = createTheme({\n    typography: {\n        body1: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        body2: {\n            fontFamily: \"'Roboto', sans-serif\",\n        },\n        h1: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h2: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h3: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h4: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h5: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n        h6: {\n            fontFamily: 'clarendon-text-pro,Domine,serif',\n        },\n    },\n    palette: {\n        success: {\n            main: '#20C26E',\n            dark: '#137442',\n            light: '#D2F3E2',\n        },\n        error: {\n            main: '#CA0030',\n            dark: '#79001D',\n            light: '#FADBE2',\n        },\n        warning: {\n            main: '#FFBC2C',\n            dark: '#FF7A00',\n            light: '#FFF2D5',\n        },\n    },\n});\n\nconst theme = createTheme(fontTheme as ThemeOptions, {\n    palette: {\n        // Primary\n        black: fontTheme.palette.augmentColor({\n            color: {\n                main: '#000000',\n            },\n            name: 'black',\n        }),\n        white: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffffff',\n            },\n            name: 'white',\n        }),\n        flippyBlue: fontTheme.palette.augmentColor({\n            color: {\n                main: '#0b75d7',\n                light: '#e3f2fe',\n            },\n            name: 'flippyBlue',\n        }),\n        // Core\n        freezerBurn: fontTheme.palette.augmentColor({\n            color: {\n                main: '#a5e2f6',\n            },\n            name: 'freezerBurn',\n        }),\n        spricyCarrot: fontTheme.palette.augmentColor({\n            color: {\n                main: '#f7742b',\n            },\n            name: 'spricyCarrot',\n        }),\n        pebble: fontTheme.palette.augmentColor({\n            color: {\n                main: '#eeebe3',\n            },\n            name: 'pebble',\n        }),\n        // Secondary\n        donutPanic: fontTheme.palette.augmentColor({\n            color: {\n                main: '#ffbae4',\n            },\n            name: 'donutPanic',\n        }),\n        eletricLime: fontTheme.palette.augmentColor({\n            color: {\n                main: '#cff27d',\n            },\n            name: 'eletricLime',\n        }),\n        pending: fontTheme.palette.augmentColor({\n            color: {\n                main: '#DEACFA',\n                dark: '#A56AC6',\n                light: '#FCF7FE',\n            },\n            name: 'pending',\n        }),\n    },\n});\n\nexport default createTheme(theme as ThemeOptions, {\n    palette: {\n        primary: {\n            main: theme.palette.flippyBlue.main,\n        },\n        secondary: {\n            main: theme.palette.spricyCarrot.main,\n        },\n    },\n    shape: {\n        borderRadius: '4px',\n    },\n    components: {\n        MuiButton: {\n            styleOverrides: {\n                root: {\n                    padding: '12px 24px',\n                    textTransform: 'none',\n                },\n            },\n        },\n        MuiCard: {\n            styleOverrides: {\n                root: {\n                    boxShadow: 'none',\n                    borderWidth: '1px',\n                    borderStyle: 'solid',\n                    borderColor: theme.palette.divider,\n                },\n            },\n        },\n        MuiChip: {\n            styleOverrides: {\n                root: {\n                    fontWeight: 'bold',\n                    paddingLeft: '6px',\n                    paddingRight: '6px',\n                },\n            },\n        },\n        MuiListItemButton: {\n            styleOverrides: {\n                root: {\n                    '&:hover': {\n                        backgroundColor: '#eaf2ff',\n                    },\n                    '&:not(:last-child)': {\n                        borderBottom: `1px solid ${theme.palette.divider}`,\n                    },\n                },\n            },\n        },\n        MuiTableRow: {\n            styleOverrides: {\n                root: {\n                    '&.MuiTableRow-hover:hover': {\n                        backgroundColor: theme.palette.flippyBlue.light,\n                        cursor: 'pointer',\n                    },\n                },\n            },\n        },\n    },\n});\n\ndeclare module '@mui/material/styles' {\n    interface Palette {\n        black: Palette['primary'];\n        white: Palette['primary'];\n        flippyBlue: Palette['primary'];\n        freezerBurn: Palette['primary'];\n        spricyCarrot: Palette['primary'];\n        pebble: Palette['primary'];\n        donutPanic: Palette['primary'];\n        eletricLime: Palette['primary'];\n        pending: Palette['primary'];\n    }\n    interface Theme {\n        breakpoints: {\n            up: (key: number | Breakpoint) => string;\n            down: (key: number | Breakpoint) => string;\n            only: (key: number | Breakpoint) => string;\n        };\n    }\n}\n"],"names":["fontTheme","createTheme","typography","body1","fontFamily","body2","h1","h2","h3","h4","h5","h6","palette","success","main","dark","light","error","warning","theme","black","augmentColor","color","name","white","flippyBlue","freezerBurn","spricyCarrot","pebble","donutPanic","eletricLime","pending","flipdishPublicTheme","primary","secondary","shape","borderRadius","components","MuiButton","styleOverrides","root","padding","textTransform","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","borderBottom","MuiTableRow","cursor"],"mappings":"6EAIA,MAAMA,EAAYC,EAAY,CAC1BC,WAAY,CACRC,MAAO,CACHC,WAAY,wBAEhBC,MAAO,CACHD,WAAY,wBAEhBE,GAAI,CACAF,WAAY,mCAEhBG,GAAI,CACAH,WAAY,mCAEhBI,GAAI,CACAJ,WAAY,mCAEhBK,GAAI,CACAL,WAAY,mCAEhBM,GAAI,CACAN,WAAY,mCAEhBO,GAAI,CACAP,WAAY,oCAGpBQ,QAAS,CACLC,QAAS,CACLC,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXC,MAAO,CACHH,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXE,QAAS,CACLJ,KAAM,UACNC,KAAM,UACNC,MAAO,cAKbG,EAAQlB,EAAYD,EAA2B,CACjDY,QAAS,CAELQ,MAAOpB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVC,MAAOxB,EAAUY,QAAQS,aAAa,CAClCC,MAAO,CACHR,KAAM,WAEVS,KAAM,UAEVE,WAAYzB,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,UACNE,MAAO,WAEXO,KAAM,eAGVG,YAAa1B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVI,aAAc3B,EAAUY,QAAQS,aAAa,CACzCC,MAAO,CACHR,KAAM,WAEVS,KAAM,iBAEVK,OAAQ5B,EAAUY,QAAQS,aAAa,CACnCC,MAAO,CACHR,KAAM,WAEVS,KAAM,WAGVM,WAAY7B,EAAUY,QAAQS,aAAa,CACvCC,MAAO,CACHR,KAAM,WAEVS,KAAM,eAEVO,YAAa9B,EAAUY,QAAQS,aAAa,CACxCC,MAAO,CACHR,KAAM,WAEVS,KAAM,gBAEVQ,QAAS/B,EAAUY,QAAQS,aAAa,CACpCC,MAAO,CACHR,KAAM,UACNC,KAAM,UACNC,MAAO,WAEXO,KAAM,eAKlB,IAAeS,EAAA/B,EAAYkB,EAAuB,CAC9CP,QAAS,CACLqB,QAAS,CACLnB,KAAMK,EAAMP,QAAQa,WAAWX,MAEnCoB,UAAW,CACPpB,KAAMK,EAAMP,QAAQe,aAAab,OAGzCqB,MAAO,CACHC,aAAc,OAElBC,WAAY,CACRC,UAAW,CACPC,eAAgB,CACZC,KAAM,CACFC,QAAS,YACTC,cAAe,UAI3BC,QAAS,CACLJ,eAAgB,CACZC,KAAM,CACFI,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAa5B,EAAMP,QAAQoC,WAIvCC,QAAS,CACLV,eAAgB,CACZC,KAAM,CACFU,WAAY,OACZC,YAAa,MACbC,aAAc,SAI1BC,kBAAmB,CACfd,eAAgB,CACZC,KAAM,CACF,UAAW,CACPc,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAapC,EAAMP,QAAQoC,cAKzDQ,YAAa,CACTjB,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBc,gBAAiBnC,EAAMP,QAAQa,WAAWT,MAC1CyC,OAAQ"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.cjs.js","sources":["../../../../src/components/ui/Chip/Chip.tsx"],"sourcesContent":["import MuiChip, { ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\n\nexport type ChipProps = {\n    label: string;\n    color?: 'default' | 'blue';\n    size?: MuiChipProps['size'];\n    variant?: MuiChipProps['variant'];\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\nconst StyledFilledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    backgroundColor: colour === 'blue' ? theme.palette.flippyBlue.light : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst StyledOutlinedChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    borderColor: colour === 'blue' ? theme.palette.flippyBlue.dark : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon = undefined, rounded = true }: ChipProps) => {\n    if (variant === 'outlined') {\n        return <StyledOutlinedChip icon={icon} label={label} colour={color} size={size} variant=\"outlined\" rounded={rounded} />;\n    }\n    return <StyledFilledChip icon={icon} label={label} colour={color} size={size} variant=\"filled\" rounded={rounded} />;\n};\n\nexport default Chip;\n"],"names":["StyledFilledChip","styled","MuiChip","shouldForwardProp","prop","theme","colour","rounded","backgroundColor","palette","flippyBlue","light","borderRadius","StyledOutlinedChip","borderColor","dark","label","color","size","variant","icon","_jsx"],"mappings":"kHAYA,MAAMA,EAAmBC,EAAMA,OAACC,EAAS,CACrCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD7BH,EAEgB,EAAGI,QAAOC,SAAQC,cAAe,CACtEC,gBAA4B,SAAXF,EAAoBD,EAAMI,QAAQC,WAAWC,MAAQ,UACtEC,aAAcL,EAAU,QAAU,UAGhCM,EAAqBZ,EAAMA,OAACC,EAAS,CACvCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD3BH,EAEc,EAAGI,QAAOC,SAAQC,cAAe,CACtEO,YAAwB,SAAXR,EAAoBD,EAAMI,QAAQC,WAAWK,KAAO,UACjEH,aAAcL,EAAU,QAAU,yBAGzB,EAAGS,QAAOC,QAAQ,UAAWC,OAAO,SAAUC,UAAU,SAAUC,OAAkBb,WAAU,KACvF,aAAZY,EACOE,EAAAA,IAACR,EAAkB,CAACO,KAAMA,EAAMJ,MAAOA,EAAOV,OAAQW,EAAOC,KAAMA,EAAMC,QAAQ,WAAWZ,QAASA,IAEzGc,EAAAA,IAACrB,EAAgB,CAACoB,KAAMA,EAAMJ,MAAOA,EAAOV,OAAQW,EAAOC,KAAMA,EAAMC,QAAQ,SAASZ,QAASA"}
+{"version":3,"file":"Chip.cjs.js","sources":["../../../../src/components/ui/Chip/Chip.tsx"],"sourcesContent":["import MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\n\nexport type ChipProps = {\n    label: string;\n    color?: 'default' | 'blue';\n    size?: MuiChipProps['size'];\n    variant?: MuiChipProps['variant'];\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\nconst StyledFilledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    backgroundColor: colour === 'blue' ? theme.palette.flippyBlue.light : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst StyledOutlinedChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    borderColor: colour === 'blue' ? theme.palette.flippyBlue.dark : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon = undefined, rounded = true }: ChipProps) => {\n    if (variant === 'outlined') {\n        return <StyledOutlinedChip icon={icon} label={label} colour={color} size={size} variant=\"outlined\" rounded={rounded} />;\n    }\n    return <StyledFilledChip icon={icon} label={label} colour={color} size={size} variant=\"filled\" rounded={rounded} />;\n};\n\nexport default Chip;\n"],"names":["StyledFilledChip","styled","MuiChip","shouldForwardProp","prop","theme","colour","rounded","backgroundColor","palette","flippyBlue","light","borderRadius","StyledOutlinedChip","borderColor","dark","label","color","size","variant","icon","_jsx"],"mappings":"kHAYA,MAAMA,EAAmBC,EAAMA,OAACC,EAAS,CACrCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD7BH,EAEgB,EAAGI,QAAOC,SAAQC,cAAe,CACtEC,gBAA4B,SAAXF,EAAoBD,EAAMI,QAAQC,WAAWC,MAAQ,UACtEC,aAAcL,EAAU,QAAU,UAGhCM,EAAqBZ,EAAMA,OAACC,EAAS,CACvCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD3BH,EAEc,EAAGI,QAAOC,SAAQC,cAAe,CACtEO,YAAwB,SAAXR,EAAoBD,EAAMI,QAAQC,WAAWK,KAAO,UACjEH,aAAcL,EAAU,QAAU,yBAGzB,EAAGS,QAAOC,QAAQ,UAAWC,OAAO,SAAUC,UAAU,SAAUC,OAAkBb,WAAU,KACvF,aAAZY,EACOE,EAAAA,IAACR,EAAkB,CAACO,KAAMA,EAAMJ,MAAOA,EAAOV,OAAQW,EAAOC,KAAMA,EAAMC,QAAQ,WAAWZ,QAASA,IAEzGc,EAAAA,IAACrB,EAAgB,CAACoB,KAAMA,EAAMJ,MAAOA,EAAOV,OAAQW,EAAOC,KAAMA,EAAMC,QAAQ,SAASZ,QAASA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/ui/Chip/Chip.tsx"],"sourcesContent":["import MuiChip, { ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\n\nexport type ChipProps = {\n    label: string;\n    color?: 'default' | 'blue';\n    size?: MuiChipProps['size'];\n    variant?: MuiChipProps['variant'];\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\nconst StyledFilledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    backgroundColor: colour === 'blue' ? theme.palette.flippyBlue.light : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst StyledOutlinedChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    borderColor: colour === 'blue' ? theme.palette.flippyBlue.dark : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon = undefined, rounded = true }: ChipProps) => {\n    if (variant === 'outlined') {\n        return <StyledOutlinedChip icon={icon} label={label} colour={color} size={size} variant=\"outlined\" rounded={rounded} />;\n    }\n    return <StyledFilledChip icon={icon} label={label} colour={color} size={size} variant=\"filled\" rounded={rounded} />;\n};\n\nexport default Chip;\n"],"names":["StyledFilledChip","styled","MuiChip","shouldForwardProp","prop","theme","colour","rounded","backgroundColor","palette","flippyBlue","light","borderRadius","StyledOutlinedChip","borderColor","dark","Chip","label","color","size","variant","icon","_jsx"],"mappings":"wHAYA,MAAMA,EAAmBC,EAAOC,EAAS,CACrCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD7BH,EAEgB,EAAGI,QAAOC,SAAQC,cAAe,CACtEC,gBAA4B,SAAXF,EAAoBD,EAAMI,QAAQC,WAAWC,MAAQ,UACtEC,aAAcL,EAAU,QAAU,UAGhCM,EAAqBZ,EAAOC,EAAS,CACvCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD3BH,EAEc,EAAGI,QAAOC,SAAQC,cAAe,CACtEO,YAAwB,SAAXR,EAAoBD,EAAMI,QAAQC,WAAWK,KAAO,UACjEH,aAAcL,EAAU,QAAU,UAGhCS,EAAO,EAAGC,QAAOC,QAAQ,UAAWC,OAAO,SAAUC,UAAU,SAAUC,OAAkBd,WAAU,KACvF,aAAZa,EACOE,EAACT,EAAkB,CAACQ,KAAMA,EAAMJ,MAAOA,EAAOX,OAAQY,EAAOC,KAAMA,EAAMC,QAAQ,WAAWb,QAASA,IAEzGe,EAACtB,EAAgB,CAACqB,KAAMA,EAAMJ,MAAOA,EAAOX,OAAQY,EAAOC,KAAMA,EAAMC,QAAQ,SAASb,QAASA"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/ui/Chip/Chip.tsx"],"sourcesContent":["import MuiChip, { type ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\n\nexport type ChipProps = {\n    label: string;\n    color?: 'default' | 'blue';\n    size?: MuiChipProps['size'];\n    variant?: MuiChipProps['variant'];\n    icon?: MuiChipProps['icon'];\n    rounded?: boolean;\n};\n\nconst StyledFilledChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    backgroundColor: colour === 'blue' ? theme.palette.flippyBlue.light : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst StyledOutlinedChip = styled(MuiChip, {\n    shouldForwardProp: (prop) => prop !== 'colour' && prop !== 'rounded',\n})<{ colour: string; rounded: boolean }>(({ theme, colour, rounded }) => ({\n    borderColor: colour === 'blue' ? theme.palette.flippyBlue.dark : 'default',\n    borderRadius: rounded ? '100px' : '5px',\n}));\n\nconst Chip = ({ label, color = 'default', size = 'medium', variant = 'filled', icon = undefined, rounded = true }: ChipProps) => {\n    if (variant === 'outlined') {\n        return <StyledOutlinedChip icon={icon} label={label} colour={color} size={size} variant=\"outlined\" rounded={rounded} />;\n    }\n    return <StyledFilledChip icon={icon} label={label} colour={color} size={size} variant=\"filled\" rounded={rounded} />;\n};\n\nexport default Chip;\n"],"names":["StyledFilledChip","styled","MuiChip","shouldForwardProp","prop","theme","colour","rounded","backgroundColor","palette","flippyBlue","light","borderRadius","StyledOutlinedChip","borderColor","dark","Chip","label","color","size","variant","icon","_jsx"],"mappings":"wHAYA,MAAMA,EAAmBC,EAAOC,EAAS,CACrCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD7BH,EAEgB,EAAGI,QAAOC,SAAQC,cAAe,CACtEC,gBAA4B,SAAXF,EAAoBD,EAAMI,QAAQC,WAAWC,MAAQ,UACtEC,aAAcL,EAAU,QAAU,UAGhCM,EAAqBZ,EAAOC,EAAS,CACvCC,kBAAoBC,GAAkB,WAATA,GAA8B,YAATA,GAD3BH,EAEc,EAAGI,QAAOC,SAAQC,cAAe,CACtEO,YAAwB,SAAXR,EAAoBD,EAAMI,QAAQC,WAAWK,KAAO,UACjEH,aAAcL,EAAU,QAAU,UAGhCS,EAAO,EAAGC,QAAOC,QAAQ,UAAWC,OAAO,SAAUC,UAAU,SAAUC,OAAkBd,WAAU,KACvF,aAAZa,EACOE,EAACT,EAAkB,CAACQ,KAAMA,EAAMJ,MAAOA,EAAOX,OAAQY,EAAOC,KAAMA,EAAMC,QAAQ,WAAWb,QAASA,IAEzGe,EAACtB,EAAgB,CAACqB,KAAMA,EAAMJ,MAAOA,EAAOX,OAAQY,EAAOC,KAAMA,EAAMC,QAAQ,SAASb,QAASA"}

package/dist/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/x-date-pickers/AdapterMoment"),i=require("@mui/x-date-pickers/LocalizationProvider");module.exports=({children:t})=>e.jsx(i.LocalizationProvider,{dateAdapter:r.AdapterMoment,children:t});
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/x-date-pickers/AdapterMoment"),i=require("@mui/x-date-pickers/LocalizationProvider");module.exports=({children:t})=>e.jsx(i.LocalizationProvider,{dateAdapter:r.AdapterMoment,children:t});
 //# sourceMappingURL=DateTimeLocalizationProvider.cjs.js.map

package/dist/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeLocalizationProvider.cjs.js","sources":["../../../../src/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\n\nconst DateTimeLocalizationProvider = ({ children }: { children: ReactNode }) => {\n    return <LocalizationProvider dateAdapter={AdapterMoment}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["children","_jsx","LocalizationProvider","dateAdapter","AdapterMoment"],"mappings":"oKAIqC,EAAGA,cAC7BC,EAAAA,IAACC,EAAAA,qBAAqB,CAAAC,YAAaC,EAAAA,cAAaJ,SAAGA"}
+{"version":3,"file":"DateTimeLocalizationProvider.cjs.js","sources":["../../../../src/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\n\nconst DateTimeLocalizationProvider = ({ children }: { children: ReactNode }) => {\n    return <LocalizationProvider dateAdapter={AdapterMoment}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["children","_jsx","LocalizationProvider","dateAdapter","AdapterMoment"],"mappings":"yLAIqC,EAAGA,cAC7BC,EAAAA,IAACC,EAAAA,qBAAqB,CAAAC,YAAaC,EAAAA,cAAaJ,SAAGA"}

package/dist/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{AdapterMoment as e}from"@mui/x-date-pickers/AdapterMoment";import{LocalizationProvider as t}from"@mui/x-date-pickers/LocalizationProvider";const i=({children:i})=>r(t,{dateAdapter:e,children:i});export{i as default};
+import{jsx as r}from"react/jsx-runtime";import"react";import{AdapterMoment as t}from"@mui/x-date-pickers/AdapterMoment";import{LocalizationProvider as e}from"@mui/x-date-pickers/LocalizationProvider";const i=({children:i})=>r(e,{dateAdapter:t,children:i});export{i as default};
 //# sourceMappingURL=DateTimeLocalizationProvider.js.map

package/dist/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeLocalizationProvider.js","sources":["../../../../src/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\n\nconst DateTimeLocalizationProvider = ({ children }: { children: ReactNode }) => {\n    return <LocalizationProvider dateAdapter={AdapterMoment}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["DateTimeLocalizationProvider","children","_jsx","LocalizationProvider","dateAdapter","AdapterMoment"],"mappings":"0LAIA,MAAMA,EAA+B,EAAGC,cAC7BC,EAACC,EAAqB,CAAAC,YAAaC,EAAaJ,SAAGA"}
+{"version":3,"file":"DateTimeLocalizationProvider.js","sources":["../../../../src/components/ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\n\nconst DateTimeLocalizationProvider = ({ children }: { children: ReactNode }) => {\n    return <LocalizationProvider dateAdapter={AdapterMoment}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["DateTimeLocalizationProvider","children","_jsx","LocalizationProvider","dateAdapter","AdapterMoment"],"mappings":"wMAIA,MAAMA,EAA+B,EAAGC,cAC7BC,EAACC,EAAqB,CAAAC,YAAaC,EAAaJ,SAAGA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FDErrorBoundary.cjs.js","sources":["../../../../src/components/ui/FDErrorBoundary/FDErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport { ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n    const { translate } = useTranslation();\n    return (\n        <ErrorBoundary\n            FallbackComponent={() => <StyledTextContainer>{translate('Something_went_wrong_please_refresh_the_page')}</StyledTextContainer>}\n            onError={(error, info) => {\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","identifier","children","translate","useTranslation","_jsx","ErrorBoundary","FallbackComponent","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"6IAKA,MAAMA,kCAAsBC,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAEQ,EAAGC,aAAYC,eACnC,MAAMC,UAAEA,GAAcC,EAAAA,iBACtB,OACIC,EAAAA,IAACC,EAAAA,cACG,CAAAC,kBAAmB,IAAMF,EAAAA,IAACZ,EAAmB,CAAAS,SAAEC,EAAU,kDACzDK,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGR,GAAYY,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLR,SAAAA,GAEP"}
+{"version":3,"file":"FDErrorBoundary.cjs.js","sources":["../../../../src/components/ui/FDErrorBoundary/FDErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n    const { translate } = useTranslation();\n    return (\n        <ErrorBoundary\n            FallbackComponent={() => <StyledTextContainer>{translate('Something_went_wrong_please_refresh_the_page')}</StyledTextContainer>}\n            onError={(error, info) => {\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","identifier","children","translate","useTranslation","_jsx","ErrorBoundary","FallbackComponent","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"8JAKA,MAAMA,kCAAsBC,OAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,4BAEQ,EAAGC,aAAYC,eACnC,MAAMC,UAAEA,GAAcC,EAAAA,iBACtB,OACIC,EAAAA,IAACC,EAAAA,cACG,CAAAC,kBAAmB,IAAMF,EAAAA,IAACZ,EAAmB,CAAAS,SAAEC,EAAU,kDACzDK,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGR,GAAYY,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLR,SAAAA,GAEP"}

package/dist/components/ui/FDErrorBoundary/FDErrorBoundary.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"FDErrorBoundary.js","sources":["../../../../src/components/ui/FDErrorBoundary/FDErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport { ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n    const { translate } = useTranslation();\n    return (\n        <ErrorBoundary\n            FallbackComponent={() => <StyledTextContainer>{translate('Something_went_wrong_please_refresh_the_page')}</StyledTextContainer>}\n            onError={(error, info) => {\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","FDErrorBoundary","identifier","children","translate","useTranslation","_jsx","ErrorBoundary","FallbackComponent","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"sNAKA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAEVC,EAAkB,EAAGC,aAAYC,eACnC,MAAMC,UAAEA,GAAcC,IACtB,OACIC,EAACC,EACG,CAAAC,kBAAmB,IAAMF,EAACb,EAAmB,CAAAU,SAAEC,EAAU,kDACzDK,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGR,GAAYY,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLR,SAAAA,GAEP"}
+{"version":3,"file":"FDErrorBoundary.js","sources":["../../../../src/components/ui/FDErrorBoundary/FDErrorBoundary.tsx"],"sourcesContent":["import { ErrorBoundary } from 'react-error-boundary';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport { type ReactNode } from 'react';\nimport { styled } from '@mui/material/styles';\n\nconst StyledTextContainer = styled('div')(({ theme }) => ({\n    marginTop: theme.spacing(2),\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n}));\nconst FDErrorBoundary = ({ identifier, children }: { identifier: string; children: ReactNode }) => {\n    const { translate } = useTranslation();\n    return (\n        <ErrorBoundary\n            FallbackComponent={() => <StyledTextContainer>{translate('Something_went_wrong_please_refresh_the_page')}</StyledTextContainer>}\n            onError={(error, info) => {\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","FDErrorBoundary","identifier","children","translate","useTranslation","_jsx","ErrorBoundary","FallbackComponent","onError","error","info","window","fdlogger","toString","message","stack"],"mappings":"oOAKA,MAAMA,EAAsBC,EAAO,MAAPA,EAAc,EAAGC,YAAa,CACtDC,UAAWD,EAAME,QAAQ,GACzBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,aAEVC,EAAkB,EAAGC,aAAYC,eACnC,MAAMC,UAAEA,GAAcC,IACtB,OACIC,EAACC,EACG,CAAAC,kBAAmB,IAAMF,EAACb,EAAmB,CAAAU,SAAEC,EAAU,kDACzDK,QAAS,CAACC,EAAOC,KACbC,OAAOC,UAAUH,MAAM,GAAGR,GAAYY,4BAA6B,CAC/DC,QAASL,GAAOK,QAChBC,MAAOL,GACT,EAGLR,SAAAA,GAEP"}

package/dist/components/ui/FlipdishStaffContainer/FlipdishStaffContainer.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../../../providers/TranslationProvider.cjs.js"),i=require("@mui/icons-material/SupportAgentOutlined"),t=require("@mui/material/Grid"),s=require("@mui/material/styles"),a=require("@mui/material/Typography"),n=require("@mui/material/Box");const l=s.styled(n)((({theme:e})=>({backgroundColor:e.palette.grey[200],borderRadius:"4px",padding:e.spacing(2)}))),d=s.styled(t)((({theme:e})=>({alignItems:"center",display:"flex",marginBottom:e.spacing(1.5)}))),o=s.styled(a)((({theme:e})=>({fontWeight:500,marginLeft:e.spacing(1)})));module.exports=({titleOverride:t,children:s})=>{const{translate:a}=r.useTranslation();return e.jsxs(l,{"data-testid":"flipdish-staff-only-container",children:[e.jsxs(d,{children:[e.jsx(i,{}),e.jsx(o,{children:t||a("Flipdish_staff_only")})]}),s]})};
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("../../../providers/TranslationProvider.cjs.js"),i=require("@mui/icons-material/SupportAgentOutlined"),t=require("@mui/material/Grid"),a=require("@mui/material/styles"),s=require("@mui/material/Typography"),n=require("@mui/material/Box");const l=a.styled(n)((({theme:e})=>({backgroundColor:e.palette.grey[200],borderRadius:"4px",padding:e.spacing(2)}))),d=a.styled(t)((({theme:e})=>({alignItems:"center",display:"flex",marginBottom:e.spacing(1.5)}))),o=a.styled(s)((({theme:e})=>({fontWeight:500,marginLeft:e.spacing(1)})));module.exports=({titleOverride:t,children:a})=>{const{translate:s}=r.useTranslation();return e.jsxs(l,{"data-testid":"flipdish-staff-only-container",children:[e.jsxs(d,{children:[e.jsx(i,{}),e.jsx(o,{children:t||s("Flipdish_staff_only")})]}),a]})};
 //# sourceMappingURL=FlipdishStaffContainer.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlipdishStaffContainer.cjs.js","sources":["../../../../src/components/ui/FlipdishStaffContainer/FlipdishStaffContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    titleOverride?: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ titleOverride, children }: Props) => {\n    const { translate } = useTranslation();\n\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{titleOverride || translate('Flipdish_staff_only')}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","titleOverride","children","translate","useTranslation","_jsxs","_jsx","jsx","SupportAgentOutlinedIcon"],"mappings":"wSAQA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAAA,OAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,sBAQC,EAAGU,gBAAeC,eAC7C,MAAMC,UAAEA,GAAcC,EAAAA,iBAEtB,OACIC,OAACvB,EAAe,CAAA,cAAa,gCAA+BoB,SAAA,CACxDG,EAAAA,KAACb,EACG,CAAAU,SAAA,CAAAI,EAAAC,IAACC,EAAwB,IACzBF,EAAAC,IAACV,EAAK,CAAAK,SAAED,GAAiBE,EAAU,4BAGtCD,IAEP"}
+{"version":3,"file":"FlipdishStaffContainer.cjs.js","sources":["../../../../src/components/ui/FlipdishStaffContainer/FlipdishStaffContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    titleOverride?: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ titleOverride, children }: Props) => {\n    const { translate } = useTranslation();\n\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{titleOverride || translate('Flipdish_staff_only')}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","titleOverride","children","translate","useTranslation","_jsxs","_jsx","jsx","SupportAgentOutlinedIcon"],"mappings":"6TAQA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAAA,OAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAAA,OAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,sBAQC,EAAGU,gBAAeC,eAC7C,MAAMC,UAAEA,GAAcC,EAAAA,iBAEtB,OACIC,OAACvB,EAAe,CAAA,cAAa,gCAA+BoB,SAAA,CACxDG,EAAAA,KAACb,EACG,CAAAU,SAAA,CAAAI,EAAAC,IAACC,EAAwB,IACzBF,EAAAC,IAACV,EAAK,CAAAK,SAAED,GAAiBE,EAAU,4BAGtCD,IAEP"}

package/dist/components/ui/FlipdishStaffContainer/FlipdishStaffContainer.js

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useTranslation as t}from"../../../providers/TranslationProvider.js";import e from"@mui/icons-material/SupportAgentOutlined";import a from"@mui/material/Grid";import{styled as o}from"@mui/material/styles";import m from"@mui/material/Typography";import n from"@mui/material/Box";const l=o(n)((({theme:r})=>({backgroundColor:r.palette.grey[200],borderRadius:"4px",padding:r.spacing(2)}))),p=o(a)((({theme:r})=>({alignItems:"center",display:"flex",marginBottom:r.spacing(1.5)}))),s=o(m)((({theme:r})=>({fontWeight:500,marginLeft:r.spacing(1)}))),d=({titleOverride:a,children:o})=>{const{translate:m}=t();return r(l,{"data-testid":"flipdish-staff-only-container",children:[r(p,{children:[i(e,{}),i(s,{children:a||m("Flipdish_staff_only")})]}),o]})};export{d as default};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import"react";import{useTranslation as i}from"../../../providers/TranslationProvider.js";import e from"@mui/icons-material/SupportAgentOutlined";import a from"@mui/material/Grid";import{styled as o}from"@mui/material/styles";import m from"@mui/material/Typography";import n from"@mui/material/Box";const l=o(n)((({theme:r})=>({backgroundColor:r.palette.grey[200],borderRadius:"4px",padding:r.spacing(2)}))),p=o(a)((({theme:r})=>({alignItems:"center",display:"flex",marginBottom:r.spacing(1.5)}))),s=o(m)((({theme:r})=>({fontWeight:500,marginLeft:r.spacing(1)}))),d=({titleOverride:a,children:o})=>{const{translate:m}=i();return r(l,{"data-testid":"flipdish-staff-only-container",children:[r(p,{children:[t(e,{}),t(s,{children:a||m("Flipdish_staff_only")})]}),o]})};export{d as default};
 //# sourceMappingURL=FlipdishStaffContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FlipdishStaffContainer.js","sources":["../../../../src/components/ui/FlipdishStaffContainer/FlipdishStaffContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    titleOverride?: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ titleOverride, children }: Props) => {\n    const { translate } = useTranslation();\n\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{titleOverride || translate('Flipdish_staff_only')}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","titleOverride","children","translate","useTranslation","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"8UAQA,MAAMA,EAAkBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,OAQxBU,EAAyB,EAAGC,gBAAeC,eAC7C,MAAMC,UAAEA,GAAcC,IAEtB,OACIC,EAACxB,EAAe,CAAA,cAAa,gCAA+BqB,SAAA,CACxDG,EAACd,EACG,CAAAW,SAAA,CAAAI,EAACC,EAAwB,IACzBD,EAACV,EAAK,CAAAM,SAAED,GAAiBE,EAAU,4BAGtCD,IAEP"}
+{"version":3,"file":"FlipdishStaffContainer.js","sources":["../../../../src/components/ui/FlipdishStaffContainer/FlipdishStaffContainer.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { useTranslation } from '../../../providers/TranslationProvider';\nimport SupportAgentOutlinedIcon from '@mui/icons-material/SupportAgentOutlined';\nimport Grid from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nconst StyledContainer = styled(Box)(({ theme }) => ({\n    backgroundColor: theme.palette.grey[200],\n    borderRadius: '4px',\n    padding: theme.spacing(2),\n}));\n\nconst TitleContainer = styled(Grid)(({ theme }) => ({\n    alignItems: 'center',\n    display: 'flex',\n    marginBottom: theme.spacing(1.5),\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n    fontWeight: 500,\n    marginLeft: theme.spacing(1),\n}));\n\ntype Props = {\n    titleOverride?: string;\n    children: ReactNode;\n};\n\nconst FlipdishStaffContainer = ({ titleOverride, children }: Props) => {\n    const { translate } = useTranslation();\n\n    return (\n        <StyledContainer data-testid=\"flipdish-staff-only-container\">\n            <TitleContainer>\n                <SupportAgentOutlinedIcon />\n                <Title>{titleOverride || translate('Flipdish_staff_only')}</Title>\n            </TitleContainer>\n\n            {children}\n        </StyledContainer>\n    );\n};\n\nexport default FlipdishStaffContainer;\n"],"names":["StyledContainer","styled","Box","theme","backgroundColor","palette","grey","borderRadius","padding","spacing","TitleContainer","Grid","alignItems","display","marginBottom","Title","Typography","fontWeight","marginLeft","FlipdishStaffContainer","titleOverride","children","translate","useTranslation","_jsxs","_jsx","SupportAgentOutlinedIcon"],"mappings":"4VAQA,MAAMA,EAAkBC,EAAOC,EAAPD,EAAY,EAAGE,YAAa,CAChDC,gBAAiBD,EAAME,QAAQC,KAAK,KACpCC,aAAc,MACdC,QAASL,EAAMM,QAAQ,OAGrBC,EAAiBT,EAAOU,EAAPV,EAAa,EAAGE,YAAa,CAChDS,WAAY,SACZC,QAAS,OACTC,aAAcX,EAAMM,QAAQ,SAG1BM,EAAQd,EAAOe,EAAPf,EAAmB,EAAGE,YAAa,CAC7Cc,WAAY,IACZC,WAAYf,EAAMM,QAAQ,OAQxBU,EAAyB,EAAGC,gBAAeC,eAC7C,MAAMC,UAAEA,GAAcC,IAEtB,OACIC,EAACxB,EAAe,CAAA,cAAa,gCAA+BqB,SAAA,CACxDG,EAACd,EACG,CAAAW,SAAA,CAAAI,EAACC,EAAwB,IACzBD,EAACV,EAAK,CAAAM,SAAED,GAAiBE,EAAU,4BAGtCD,IAEP"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FormItemLayout.cjs.js","sources":["../../../../src/components/ui/Form/FormItemLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n    padding: theme.spacing(4.75, 0, 2.5, 0),\n    alignItems: 'flex-start',\n    flexWrap: 'wrap',\n    borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n    paddingBottom: theme.spacing(2),\n    paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n    alignItems?: 'stretch' | 'center' | 'flex-end' | 'flex-start' | 'baseline';\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    noWrap?: boolean;\n    removeRootPaddings?: boolean;\n    smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n    const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } = props;\n\n    const [titleProportion, dataProportion] = mdProportion ? mdProportion.split('x').map((m) => parseInt(m, 10)) : [4, 8];\n    const [titleProportionSm, dataProportionSm] = smProportion ? smProportion.split('x').map((m) => parseInt(m, 10)) : [];\n    const castToGridSize = (data: unknown) => data as GridSize;\n\n    return (\n        <StyledGrid container>\n            <Grid item xs={12} sm={castToGridSize(titleProportionSm)} md={castToGridSize(titleProportion)}>\n                <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                    {labelTranslated || label || null}\n                </Typography>\n\n                {descriptionTranslated || description ? (\n                    <StyledDescription>\n                        <Typography variant=\"caption\" color=\"textSecondary\">\n                            {descriptionTranslated || description || null}\n                        </Typography>\n                    </StyledDescription>\n                ) : null}\n            </Grid>\n            <Grid item xs={12} sm={castToGridSize(dataProportionSm)} md={castToGridSize(dataProportion)}>\n                {children}\n            </Grid>\n        </StyledGrid>\n    );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","xs","sm","md","_jsx","Typography","variant","component","color"],"mappings":"wJAMA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,EAAa,EAAGE,YAAa,CAC5CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGZC,EAAoBR,EAAAA,OAAO,MAAPA,EAAc,EAAGE,YAAa,CACpDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,yBAiBRO,IACpB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAAiBP,GAEtGQ,EAAiBC,GAAkBH,EAAeA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,CAAC,EAAG,IAC5GE,EAAmBC,GAAoBR,EAAeA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,GAGnH,OACII,EAAAA,KAAC5B,EAAW,CAAA6B,uBACRD,OAAC1B,EAAK,CAAA4B,MAAK,EAAAC,GAAI,GAAIC,GAAmBN,EAAoBO,GAAmBb,EACzEP,SAAA,CAAAqB,EAAAA,IAACC,EAAU,CAACC,QAAQ,YAAYC,UAAU,KAAKC,MAAM,cAAazB,SAC7DI,GAAmBD,GAAS,OAGhCD,GAAyBD,EACtBoB,EAAAA,IAACzB,EAAiB,CAAAI,SACdqB,EAAAA,IAACC,GAAWC,QAAQ,UAAUE,MAAM,gBAC/BzB,SAAAE,GAAyBD,GAAe,SAGjD,QAERoB,EAAAA,IAAChC,EAAK,CAAA4B,MAAK,EAAAC,GAAI,GAAIC,GAAmBL,EAAmBM,GAAmBZ,EAAeR,SACtFA,MAGX"}
+{"version":3,"file":"FormItemLayout.cjs.js","sources":["../../../../src/components/ui/Form/FormItemLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { type GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n    padding: theme.spacing(4.75, 0, 2.5, 0),\n    alignItems: 'flex-start',\n    flexWrap: 'wrap',\n    borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n    paddingBottom: theme.spacing(2),\n    paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n    alignItems?: 'stretch' | 'center' | 'flex-end' | 'flex-start' | 'baseline';\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    noWrap?: boolean;\n    removeRootPaddings?: boolean;\n    smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n    const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } = props;\n\n    const [titleProportion, dataProportion] = mdProportion ? mdProportion.split('x').map((m) => parseInt(m, 10)) : [4, 8];\n    const [titleProportionSm, dataProportionSm] = smProportion ? smProportion.split('x').map((m) => parseInt(m, 10)) : [];\n    const castToGridSize = (data: unknown) => data as GridSize;\n\n    return (\n        <StyledGrid container>\n            <Grid item xs={12} sm={castToGridSize(titleProportionSm)} md={castToGridSize(titleProportion)}>\n                <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                    {labelTranslated || label || null}\n                </Typography>\n\n                {descriptionTranslated || description ? (\n                    <StyledDescription>\n                        <Typography variant=\"caption\" color=\"textSecondary\">\n                            {descriptionTranslated || description || null}\n                        </Typography>\n                    </StyledDescription>\n                ) : null}\n            </Grid>\n            <Grid item xs={12} sm={castToGridSize(dataProportionSm)} md={castToGridSize(dataProportion)}>\n                {children}\n            </Grid>\n        </StyledGrid>\n    );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","xs","sm","md","_jsx","Typography","variant","component","color"],"mappings":"6KAMA,MAAMA,EAAaC,EAAAA,OAAOC,EAAPD,EAAa,EAAGE,YAAa,CAC5CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGZC,EAAoBR,EAAAA,OAAO,MAAPA,EAAc,EAAGE,YAAa,CACpDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,yBAiBRO,IACpB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAAiBP,GAEtGQ,EAAiBC,GAAkBH,EAAeA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,CAAC,EAAG,IAC5GE,EAAmBC,GAAoBR,EAAeA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,GAGnH,OACII,EAAAA,KAAC5B,EAAW,CAAA6B,uBACRD,OAAC1B,EAAK,CAAA4B,MAAK,EAAAC,GAAI,GAAIC,GAAmBN,EAAoBO,GAAmBb,EACzEP,SAAA,CAAAqB,EAAAA,IAACC,EAAU,CAACC,QAAQ,YAAYC,UAAU,KAAKC,MAAM,cAAazB,SAC7DI,GAAmBD,GAAS,OAGhCD,GAAyBD,EACtBoB,EAAAA,IAACzB,EAAiB,CAAAI,SACdqB,EAAAA,IAACC,GAAWC,QAAQ,UAAUE,MAAM,gBAC/BzB,SAAAE,GAAyBD,GAAe,SAGjD,QAERoB,EAAAA,IAAChC,EAAK,CAAA4B,MAAK,EAAAC,GAAI,GAAIC,GAAmBL,EAAmBM,GAAmBZ,EAAeR,SACtFA,MAGX"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FormItemLayout.js","sources":["../../../../src/components/ui/Form/FormItemLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n    padding: theme.spacing(4.75, 0, 2.5, 0),\n    alignItems: 'flex-start',\n    flexWrap: 'wrap',\n    borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n    paddingBottom: theme.spacing(2),\n    paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n    alignItems?: 'stretch' | 'center' | 'flex-end' | 'flex-start' | 'baseline';\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    noWrap?: boolean;\n    removeRootPaddings?: boolean;\n    smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n    const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } = props;\n\n    const [titleProportion, dataProportion] = mdProportion ? mdProportion.split('x').map((m) => parseInt(m, 10)) : [4, 8];\n    const [titleProportionSm, dataProportionSm] = smProportion ? smProportion.split('x').map((m) => parseInt(m, 10)) : [];\n    const castToGridSize = (data: unknown) => data as GridSize;\n\n    return (\n        <StyledGrid container>\n            <Grid item xs={12} sm={castToGridSize(titleProportionSm)} md={castToGridSize(titleProportion)}>\n                <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                    {labelTranslated || label || null}\n                </Typography>\n\n                {descriptionTranslated || description ? (\n                    <StyledDescription>\n                        <Typography variant=\"caption\" color=\"textSecondary\">\n                            {descriptionTranslated || description || null}\n                        </Typography>\n                    </StyledDescription>\n                ) : null}\n            </Grid>\n            <Grid item xs={12} sm={castToGridSize(dataProportionSm)} md={castToGridSize(dataProportion)}>\n                {children}\n            </Grid>\n        </StyledGrid>\n    );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","FormItemLayout","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","xs","sm","md","_jsx","Typography","variant","component","color"],"mappings":"0KAMA,MAAMA,EAAaC,EAAOC,EAAPD,EAAa,EAAGE,YAAa,CAC5CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGZC,EAAoBR,EAAO,MAAPA,EAAc,EAAGE,YAAa,CACpDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,UAiB1BO,EAAkBC,IACpB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAAiBP,GAEtGQ,EAAiBC,GAAkBH,EAAeA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,CAAC,EAAG,IAC5GE,EAAmBC,GAAoBR,EAAeA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,GAGnH,OACII,EAAC7B,EAAW,CAAA8B,uBACRD,EAAC3B,EAAK,CAAA6B,MAAK,EAAAC,GAAI,GAAIC,GAAmBN,EAAoBO,GAAmBb,EACzEP,SAAA,CAAAqB,EAACC,EAAU,CAACC,QAAQ,YAAYC,UAAU,KAAKC,MAAM,cAAazB,SAC7DI,GAAmBD,GAAS,OAGhCD,GAAyBD,EACtBoB,EAAC1B,EAAiB,CAAAK,SACdqB,EAACC,GAAWC,QAAQ,UAAUE,MAAM,gBAC/BzB,SAAAE,GAAyBD,GAAe,SAGjD,QAERoB,EAACjC,EAAK,CAAA6B,MAAK,EAAAC,GAAI,GAAIC,GAAmBL,EAAmBM,GAAmBZ,EAAeR,SACtFA,MAGX"}
+{"version":3,"file":"FormItemLayout.js","sources":["../../../../src/components/ui/Form/FormItemLayout.tsx"],"sourcesContent":["import React from 'react';\n\nimport Grid, { type GridSize } from '@mui/material/Grid';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst StyledGrid = styled(Grid)(({ theme }) => ({\n    padding: theme.spacing(4.75, 0, 2.5, 0),\n    alignItems: 'flex-start',\n    flexWrap: 'wrap',\n    borderBottom: '1px solid rgba(0,0,0,0.2)',\n}));\n\nconst StyledDescription = styled('div')(({ theme }) => ({\n    paddingBottom: theme.spacing(2),\n    paddingRight: theme.spacing(1.75),\n}));\n\nexport interface FormItemLayoutProps {\n    alignItems?: 'stretch' | 'center' | 'flex-end' | 'flex-start' | 'baseline';\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    noWrap?: boolean;\n    removeRootPaddings?: boolean;\n    smProportion?: '4x8' | '8x4' | '10x2' | '12x12';\n}\n\ntype Props = FormItemLayoutProps;\nconst FormItemLayout = (props: Props) => {\n    const { children, description, descriptionTranslated, label, labelTranslated, mdProportion, smProportion } = props;\n\n    const [titleProportion, dataProportion] = mdProportion ? mdProportion.split('x').map((m) => parseInt(m, 10)) : [4, 8];\n    const [titleProportionSm, dataProportionSm] = smProportion ? smProportion.split('x').map((m) => parseInt(m, 10)) : [];\n    const castToGridSize = (data: unknown) => data as GridSize;\n\n    return (\n        <StyledGrid container>\n            <Grid item xs={12} sm={castToGridSize(titleProportionSm)} md={castToGridSize(titleProportion)}>\n                <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                    {labelTranslated || label || null}\n                </Typography>\n\n                {descriptionTranslated || description ? (\n                    <StyledDescription>\n                        <Typography variant=\"caption\" color=\"textSecondary\">\n                            {descriptionTranslated || description || null}\n                        </Typography>\n                    </StyledDescription>\n                ) : null}\n            </Grid>\n            <Grid item xs={12} sm={castToGridSize(dataProportionSm)} md={castToGridSize(dataProportion)}>\n                {children}\n            </Grid>\n        </StyledGrid>\n    );\n};\n\nexport default FormItemLayout;\n"],"names":["StyledGrid","styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","StyledDescription","paddingBottom","paddingRight","FormItemLayout","props","children","description","descriptionTranslated","label","labelTranslated","mdProportion","smProportion","titleProportion","dataProportion","split","map","m","parseInt","titleProportionSm","dataProportionSm","_jsxs","container","item","xs","sm","md","_jsx","Typography","variant","component","color"],"mappings":"wLAMA,MAAMA,EAAaC,EAAOC,EAAPD,EAAa,EAAGE,YAAa,CAC5CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGZC,EAAoBR,EAAO,MAAPA,EAAc,EAAGE,YAAa,CACpDO,cAAeP,EAAME,QAAQ,GAC7BM,aAAcR,EAAME,QAAQ,UAiB1BO,EAAkBC,IACpB,MAAMC,SAAEA,EAAQC,YAAEA,EAAWC,sBAAEA,EAAqBC,MAAEA,EAAKC,gBAAEA,EAAeC,aAAEA,EAAYC,aAAEA,GAAiBP,GAEtGQ,EAAiBC,GAAkBH,EAAeA,EAAaI,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,CAAC,EAAG,IAC5GE,EAAmBC,GAAoBR,EAAeA,EAAaG,MAAM,KAAKC,KAAKC,GAAMC,SAASD,EAAG,MAAO,GAGnH,OACII,EAAC7B,EAAW,CAAA8B,uBACRD,EAAC3B,EAAK,CAAA6B,MAAK,EAAAC,GAAI,GAAIC,GAAmBN,EAAoBO,GAAmBb,EACzEP,SAAA,CAAAqB,EAACC,EAAU,CAACC,QAAQ,YAAYC,UAAU,KAAKC,MAAM,cAAazB,SAC7DI,GAAmBD,GAAS,OAGhCD,GAAyBD,EACtBoB,EAAC1B,EAAiB,CAAAK,SACdqB,EAACC,GAAWC,QAAQ,UAAUE,MAAM,gBAC/BzB,SAAAE,GAAyBD,GAAe,SAGjD,QAERoB,EAACjC,EAAK,CAAA6B,MAAK,EAAAC,GAAI,GAAIC,GAAmBL,EAAmBM,GAAmBZ,EAAeR,SACtFA,MAGX"}

package/dist/components/ui/Form/GenericAutocompleteField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("formik"),l=require("../../custom-hooks/useRenderValidText.cjs.js"),i=require("./FormItemLayout.cjs.js");module.exports=({label:o,fieldName:n,options:a,placeholder:s,getOptionLabel:d,validation:u,onChange:p,onInputChange:m,isOptionEqualToValue:h,onScroll:c,layout:g="horizontal",variant:x="outlined",disabled:v=!1,loading:j=!1,required:b=!1,multiple:f=!1,limitTags:q})=>{const T=()=>e.jsx(t.Field,{name:n,validate:u,children:({field:t,form:i})=>{const{errors:u,touched:T,isSubmitting:y}=i,F=u[t.name],I=!!F&&T[t.name],P=l({fieldError:F,showError:I,touched:!!T[t.name],value:t.value});return e.jsx(r.Autocomplete,{options:a,getOptionLabel:d,isOptionEqualToValue:h,onChange:(e,r)=>{i.setFieldValue(n,r),p&&p(e,r)},onInputChange:m,disabled:y||v,fullWidth:!0,value:t.value||(f?[]:null),loading:j,renderInput:t=>e.jsx(r.TextField,{...t,label:"standard"===x?void 0:o,variant:x,"data-testid":`text-field-${n}`,fullWidth:!0,style:{paddingRight:"horizontal"===g?16:0},placeholder:s||void 0,required:b,error:I,helperText:P,slotProps:{input:{...t.InputProps,endAdornment:e.jsxs(e.Fragment,{children:[j&&e.jsx(r.CircularProgress,{color:"inherit",size:25}),t.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:f,limitTags:f?q??2:void 0,slotProps:{listbox:{onScroll:c}}})}});return"vertical"===g?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(r.Typography,{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"),t=require("formik");require("react");var l=require("../../custom-hooks/useRenderValidText.cjs.js"),i=require("./FormItemLayout.cjs.js");module.exports=({label:o,fieldName:a,options:n,placeholder:s,getOptionLabel:d,validation:u,onChange:p,onInputChange:m,isOptionEqualToValue:c,onScroll:h,layout:g="horizontal",variant:x="outlined",disabled:v=!1,loading:j=!1,required:b=!1,multiple:q=!1,limitTags:f})=>{const T=()=>e.jsx(t.Field,{name:a,validate:u,children:({field:t,form:i})=>{const{errors:u,touched:T,isSubmitting:y}=i,F=u[t.name],I=!!F&&T[t.name],P=l({fieldError:F,showError:I,touched:!!T[t.name],value:t.value});return e.jsx(r.Autocomplete,{options:n,getOptionLabel:d,isOptionEqualToValue:c,onChange:(e,r)=>{i.setFieldValue(a,r),p&&p(e,r)},onInputChange:m,disabled:y||v,fullWidth:!0,value:t.value||(q?[]:null),loading:j,renderInput:t=>e.jsx(r.TextField,{...t,label:"standard"===x?void 0:o,variant:x,"data-testid":`text-field-${a}`,fullWidth:!0,style:{paddingRight:"horizontal"===g?16:0},placeholder:s||void 0,required:b,error:I,helperText:P,slotProps:{input:{...t.InputProps,endAdornment:e.jsxs(e.Fragment,{children:[j&&e.jsx(r.CircularProgress,{color:"inherit",size:25}),t.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:q,limitTags:q?f??2:void 0,slotProps:{listbox:{onScroll:h}}})}});return"vertical"===g?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(r.Typography,{variant:"subtitle1",component:"h3",color:"textPrimary",children:o}),T()]}):e.jsx(i,{label:o,children:T()})};
 //# sourceMappingURL=GenericAutocompleteField.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GenericAutocompleteField.cjs.js","sources":["../../../../src/components/ui/Form/GenericAutocompleteField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { TextFieldProps, Autocomplete, TextField, Typography, CircularProgress } from '@mui/material';\nimport { Field, FieldProps } from 'formik';\nimport { SyntheticEvent } from 'react';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\n\nexport type Props<T> = {\n    label: string;\n    fieldName: string;\n    options: T[];\n    placeholder?: string;\n    getOptionLabel?: (option: T) => string;\n    validation?: (value: T | T[]) => string | undefined;\n    onChange?: (e: SyntheticEvent, value: T | T[]) => void;\n    onInputChange?: (e: SyntheticEvent, value: string) => void;\n    isOptionEqualToValue?: (option: T, value: T) => boolean;\n    onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    loading?: boolean;\n    required?: boolean;\n    multiple?: boolean;\n    limitTags?: number;\n};\n\nconst GenericAutocompleteField = <T,>({\n    label,\n    fieldName,\n    options,\n    placeholder,\n    getOptionLabel,\n    validation,\n    onChange,\n    onInputChange,\n    isOptionEqualToValue,\n    onScroll,\n    layout = 'horizontal',\n    variant = 'outlined',\n    disabled = false,\n    loading = false,\n    required = false,\n    multiple = false,\n    limitTags = undefined,\n}: Props<T>) => {\n    const renderField = () => {\n        return (\n            <Field name={fieldName} validate={validation}>\n                {({ field, form }: FieldProps) => {\n                    const { errors, touched, isSubmitting } = form;\n                    const fieldError = errors[field.name] as string | undefined;\n                    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n                    const helperText = useRenderValidText({\n                        fieldError,\n                        showError,\n                        touched: !!touched[field.name],\n                        value: field.value,\n                    });\n\n                    return (\n                        <Autocomplete\n                            options={options}\n                            getOptionLabel={getOptionLabel}\n                            isOptionEqualToValue={isOptionEqualToValue}\n                            onChange={(e: SyntheticEvent, value: T[]) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(fieldName, value);\n                                if (onChange) {\n                                    onChange(e, value);\n                                }\n                            }}\n                            onInputChange={onInputChange}\n                            disabled={isSubmitting || disabled}\n                            fullWidth\n                            value={field.value || (multiple ? [] : null)}\n                            loading={loading}\n                            renderInput={(params) => (\n                                <TextField\n                                    {...params}\n                                    label={variant === 'standard' ? undefined : label}\n                                    variant={variant}\n                                    data-testid={`text-field-${fieldName}`}\n                                    fullWidth\n                                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                                    placeholder={placeholder ? placeholder : undefined}\n                                    required={required}\n                                    error={showError}\n                                    helperText={helperText}\n                                    slotProps={{\n                                        input: {\n                                            ...params.InputProps,\n                                            endAdornment: (\n                                                <>\n                                                    {loading && <CircularProgress color=\"inherit\" size={25} />}\n                                                    {params.InputProps.endAdornment}\n                                                </>\n                                            ),\n                                        },\n\n                                        formHelperText: {\n                                            children: ' ', // reserves line height for error message\n                                            style: { textAlign: 'right' },\n                                        },\n                                    }}\n                                />\n                            )}\n                            multiple={multiple}\n                            limitTags={multiple ? (limitTags ?? 2) : undefined}\n                            slotProps={{\n                                listbox: {\n                                    onScroll,\n                                },\n                            }}\n                        />\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 GenericAutocompleteField;\n"],"names":["label","fieldName","options","placeholder","getOptionLabel","validation","onChange","onInputChange","isOptionEqualToValue","onScroll","layout","variant","disabled","loading","required","multiple","limitTags","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","jsx","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","jsxs","_Fragment","CircularProgress","color","size","formHelperText","textAlign","listbox","Typography","component","FormItemLayout"],"mappings":"6MA2BiC,EAC7BA,QACAC,YACAC,UACAC,cACAC,iBACAC,aACAC,WACAC,gBACAC,uBACAC,WACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,EAAc,IAEZC,MAACC,EAAAA,OAAMC,KAAMnB,EAAWoB,SAAUhB,EAAUiB,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EAAmB,CAClCH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,QAGjB,OACId,MAACe,EAAYA,aAAA,CACT/B,QAASA,EACTE,eAAgBA,EAChBI,qBAAsBA,EACtBF,SAAU,CAAC4B,EAAmBF,KAE1BR,EAAKW,cAAclC,EAAW+B,GAC1B1B,GACAA,EAAS4B,EAAGF,EACf,EAELzB,cAAeA,EACfK,SAAUe,GAAgBf,EAC1BwB,aACAJ,MAAOT,EAAMS,QAAUjB,EAAW,GAAK,MACvCF,QAASA,EACTwB,YAAcC,GACVpB,EAACqB,IAAAC,YACO,IAAAF,EACJtC,MAAmB,aAAZW,OAAyB8B,EAAYzC,EAC5CW,QAASA,EAAO,cACH,cAAcV,IAC3BmC,WAAS,EACTM,MAAO,CAAEC,aAAyB,eAAXjC,EAA0B,GAAK,GACtDP,YAAaA,QAA4BsC,EACzC3B,SAAUA,EACV8B,MAAOf,EACPC,WAAYA,EACZe,UAAW,CACPC,MAAO,IACAR,EAAOS,WACVC,aACIC,EACKC,KAAAC,WAAA,CAAA7B,SAAA,CAAAT,GAAWK,EAACqB,IAAAa,mBAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDhB,EAAOS,WAAWC,iBAK/BO,eAAgB,CACZjC,SAAU,IACVoB,MAAO,CAAEc,UAAW,aAKpCzC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKyB,EACzCI,UAAW,CACPY,QAAS,CACLhD,cAId,IAMlB,MAAe,aAAXC,EAEIuC,EAAAC,KAAAC,WAAA,CAAA7B,SAAA,CACiB,aAAZX,GACGO,EAAAqB,IAACmB,aAAU,CAAC/C,QAAQ,YAAYgD,UAAU,KAAKN,MAAM,cAChD/B,SAAAtB,IAGRiB,OAKNC,EAAAqB,IAACqB,EAAc,CAAC5D,MAAOA,EAAQsB,SAAAL,KAA+B"}
+{"version":3,"file":"GenericAutocompleteField.cjs.js","sources":["../../../../src/components/ui/Form/GenericAutocompleteField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type TextFieldProps, Autocomplete, TextField, Typography, CircularProgress } from '@mui/material';\nimport { Field, type FieldProps } from 'formik';\nimport { type SyntheticEvent } from 'react';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\n\nexport type Props<T> = {\n    label: string;\n    fieldName: string;\n    options: T[];\n    placeholder?: string;\n    getOptionLabel?: (option: T) => string;\n    validation?: (value: T | T[]) => string | undefined;\n    onChange?: (e: SyntheticEvent, value: T | T[]) => void;\n    onInputChange?: (e: SyntheticEvent, value: string) => void;\n    isOptionEqualToValue?: (option: T, value: T) => boolean;\n    onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    loading?: boolean;\n    required?: boolean;\n    multiple?: boolean;\n    limitTags?: number;\n};\n\nconst GenericAutocompleteField = <T,>({\n    label,\n    fieldName,\n    options,\n    placeholder,\n    getOptionLabel,\n    validation,\n    onChange,\n    onInputChange,\n    isOptionEqualToValue,\n    onScroll,\n    layout = 'horizontal',\n    variant = 'outlined',\n    disabled = false,\n    loading = false,\n    required = false,\n    multiple = false,\n    limitTags = undefined,\n}: Props<T>) => {\n    const renderField = () => {\n        return (\n            <Field name={fieldName} validate={validation}>\n                {({ field, form }: FieldProps) => {\n                    const { errors, touched, isSubmitting } = form;\n                    const fieldError = errors[field.name] as string | undefined;\n                    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n                    const helperText = useRenderValidText({\n                        fieldError,\n                        showError,\n                        touched: !!touched[field.name],\n                        value: field.value,\n                    });\n\n                    return (\n                        <Autocomplete\n                            options={options}\n                            getOptionLabel={getOptionLabel}\n                            isOptionEqualToValue={isOptionEqualToValue}\n                            onChange={(e: SyntheticEvent, value: T[]) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(fieldName, value);\n                                if (onChange) {\n                                    onChange(e, value);\n                                }\n                            }}\n                            onInputChange={onInputChange}\n                            disabled={isSubmitting || disabled}\n                            fullWidth\n                            value={field.value || (multiple ? [] : null)}\n                            loading={loading}\n                            renderInput={(params) => (\n                                <TextField\n                                    {...params}\n                                    label={variant === 'standard' ? undefined : label}\n                                    variant={variant}\n                                    data-testid={`text-field-${fieldName}`}\n                                    fullWidth\n                                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                                    placeholder={placeholder ? placeholder : undefined}\n                                    required={required}\n                                    error={showError}\n                                    helperText={helperText}\n                                    slotProps={{\n                                        input: {\n                                            ...params.InputProps,\n                                            endAdornment: (\n                                                <>\n                                                    {loading && <CircularProgress color=\"inherit\" size={25} />}\n                                                    {params.InputProps.endAdornment}\n                                                </>\n                                            ),\n                                        },\n\n                                        formHelperText: {\n                                            children: ' ', // reserves line height for error message\n                                            style: { textAlign: 'right' },\n                                        },\n                                    }}\n                                />\n                            )}\n                            multiple={multiple}\n                            limitTags={multiple ? (limitTags ?? 2) : undefined}\n                            slotProps={{\n                                listbox: {\n                                    onScroll,\n                                },\n                            }}\n                        />\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 GenericAutocompleteField;\n"],"names":["label","fieldName","options","placeholder","getOptionLabel","validation","onChange","onInputChange","isOptionEqualToValue","onScroll","layout","variant","disabled","loading","required","multiple","limitTags","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","jsx","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","jsxs","_Fragment","CircularProgress","color","size","formHelperText","textAlign","listbox","Typography","component","FormItemLayout"],"mappings":"kOA2BiC,EAC7BA,QACAC,YACAC,UACAC,cACAC,iBACAC,aACAC,WACAC,gBACAC,uBACAC,WACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,EAAc,IAEZC,MAACC,EAAAA,OAAMC,KAAMnB,EAAWoB,SAAUhB,EAAUiB,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EAAmB,CAClCH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,QAGjB,OACId,MAACe,EAAYA,aAAA,CACT/B,QAASA,EACTE,eAAgBA,EAChBI,qBAAsBA,EACtBF,SAAU,CAAC4B,EAAmBF,KAE1BR,EAAKW,cAAclC,EAAW+B,GAC1B1B,GACAA,EAAS4B,EAAGF,EACf,EAELzB,cAAeA,EACfK,SAAUe,GAAgBf,EAC1BwB,aACAJ,MAAOT,EAAMS,QAAUjB,EAAW,GAAK,MACvCF,QAASA,EACTwB,YAAcC,GACVpB,EAACqB,IAAAC,YACO,IAAAF,EACJtC,MAAmB,aAAZW,OAAyB8B,EAAYzC,EAC5CW,QAASA,EAAO,cACH,cAAcV,IAC3BmC,WAAS,EACTM,MAAO,CAAEC,aAAyB,eAAXjC,EAA0B,GAAK,GACtDP,YAAaA,QAA4BsC,EACzC3B,SAAUA,EACV8B,MAAOf,EACPC,WAAYA,EACZe,UAAW,CACPC,MAAO,IACAR,EAAOS,WACVC,aACIC,EACKC,KAAAC,WAAA,CAAA7B,SAAA,CAAAT,GAAWK,EAACqB,IAAAa,mBAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDhB,EAAOS,WAAWC,iBAK/BO,eAAgB,CACZjC,SAAU,IACVoB,MAAO,CAAEc,UAAW,aAKpCzC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKyB,EACzCI,UAAW,CACPY,QAAS,CACLhD,cAId,IAMlB,MAAe,aAAXC,EAEIuC,EAAAC,KAAAC,WAAA,CAAA7B,SAAA,CACiB,aAAZX,GACGO,EAAAqB,IAACmB,aAAU,CAAC/C,QAAQ,YAAYgD,UAAU,KAAKN,MAAM,cAChD/B,SAAAtB,IAGRiB,OAKNC,EAAAqB,IAACqB,EAAc,CAAC5D,MAAOA,EAAQsB,SAAAL,KAA+B"}

package/dist/components/ui/Form/GenericAutocompleteField.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{Typography as l,Autocomplete as r,TextField as i,CircularProgress as n}from"@mui/material";import{Field as a}from"formik";import d from"../../custom-hooks/useRenderValidText.js";import s from"./FormItemLayout.js";const u=({label:u,fieldName:m,options:p,placeholder:h,getOptionLabel:c,validation:f,onChange:g,onInputChange:v,isOptionEqualToValue:b,onScroll:x,layout:T="horizontal",variant:I="outlined",disabled:y=!1,loading:P=!1,required:q=!1,multiple:C=!1,limitTags:E})=>{const O=()=>o(a,{name:m,validate:f,children:({field:l,form:a})=>{const{errors:s,touched:f,isSubmitting:O}=a,V=s[l.name],j=!!V&&f[l.name],z=d({fieldError:V,showError:j,touched:!!f[l.name],value:l.value});return o(r,{options:p,getOptionLabel:c,isOptionEqualToValue:b,onChange:(e,t)=>{a.setFieldValue(m,t),g&&g(e,t)},onInputChange:v,disabled:O||y,fullWidth:!0,value:l.value||(C?[]:null),loading:P,renderInput:l=>o(i,{...l,label:"standard"===I?void 0:u,variant:I,"data-testid":`text-field-${m}`,fullWidth:!0,style:{paddingRight:"horizontal"===T?16:0},placeholder:h||void 0,required:q,error:j,helperText:z,slotProps:{input:{...l.InputProps,endAdornment:e(t,{children:[P&&o(n,{color:"inherit",size:25}),l.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:C,limitTags:C?E??2:void 0,slotProps:{listbox:{onScroll:x}}})}});return"vertical"===T?e(t,{children:["standard"===I&&o(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:u}),O()]}):o(s,{label:u,children:O()})};export{u as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{Typography as r,Autocomplete as l,TextField as i,CircularProgress as n}from"@mui/material";import{Field as a}from"formik";import"react";import d from"../../custom-hooks/useRenderValidText.js";import s from"./FormItemLayout.js";const u=({label:u,fieldName:m,options:p,placeholder:h,getOptionLabel:c,validation:f,onChange:g,onInputChange:v,isOptionEqualToValue:b,onScroll:x,layout:T="horizontal",variant:I="outlined",disabled:y=!1,loading:P=!1,required:q=!1,multiple:C=!1,limitTags:E})=>{const O=()=>o(a,{name:m,validate:f,children:({field:r,form:a})=>{const{errors:s,touched:f,isSubmitting:O}=a,V=s[r.name],j=!!V&&f[r.name],z=d({fieldError:V,showError:j,touched:!!f[r.name],value:r.value});return o(l,{options:p,getOptionLabel:c,isOptionEqualToValue:b,onChange:(e,t)=>{a.setFieldValue(m,t),g&&g(e,t)},onInputChange:v,disabled:O||y,fullWidth:!0,value:r.value||(C?[]:null),loading:P,renderInput:r=>o(i,{...r,label:"standard"===I?void 0:u,variant:I,"data-testid":`text-field-${m}`,fullWidth:!0,style:{paddingRight:"horizontal"===T?16:0},placeholder:h||void 0,required:q,error:j,helperText:z,slotProps:{input:{...r.InputProps,endAdornment:e(t,{children:[P&&o(n,{color:"inherit",size:25}),r.InputProps.endAdornment]})},formHelperText:{children:" ",style:{textAlign:"right"}}}}),multiple:C,limitTags:C?E??2:void 0,slotProps:{listbox:{onScroll:x}}})}});return"vertical"===T?e(t,{children:["standard"===I&&o(r,{variant:"subtitle1",component:"h3",color:"textPrimary",children:u}),O()]}):o(s,{label:u,children:O()})};export{u as default};
 //# sourceMappingURL=GenericAutocompleteField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GenericAutocompleteField.js","sources":["../../../../src/components/ui/Form/GenericAutocompleteField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { TextFieldProps, Autocomplete, TextField, Typography, CircularProgress } from '@mui/material';\nimport { Field, FieldProps } from 'formik';\nimport { SyntheticEvent } from 'react';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\n\nexport type Props<T> = {\n    label: string;\n    fieldName: string;\n    options: T[];\n    placeholder?: string;\n    getOptionLabel?: (option: T) => string;\n    validation?: (value: T | T[]) => string | undefined;\n    onChange?: (e: SyntheticEvent, value: T | T[]) => void;\n    onInputChange?: (e: SyntheticEvent, value: string) => void;\n    isOptionEqualToValue?: (option: T, value: T) => boolean;\n    onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    loading?: boolean;\n    required?: boolean;\n    multiple?: boolean;\n    limitTags?: number;\n};\n\nconst GenericAutocompleteField = <T,>({\n    label,\n    fieldName,\n    options,\n    placeholder,\n    getOptionLabel,\n    validation,\n    onChange,\n    onInputChange,\n    isOptionEqualToValue,\n    onScroll,\n    layout = 'horizontal',\n    variant = 'outlined',\n    disabled = false,\n    loading = false,\n    required = false,\n    multiple = false,\n    limitTags = undefined,\n}: Props<T>) => {\n    const renderField = () => {\n        return (\n            <Field name={fieldName} validate={validation}>\n                {({ field, form }: FieldProps) => {\n                    const { errors, touched, isSubmitting } = form;\n                    const fieldError = errors[field.name] as string | undefined;\n                    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n                    const helperText = useRenderValidText({\n                        fieldError,\n                        showError,\n                        touched: !!touched[field.name],\n                        value: field.value,\n                    });\n\n                    return (\n                        <Autocomplete\n                            options={options}\n                            getOptionLabel={getOptionLabel}\n                            isOptionEqualToValue={isOptionEqualToValue}\n                            onChange={(e: SyntheticEvent, value: T[]) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(fieldName, value);\n                                if (onChange) {\n                                    onChange(e, value);\n                                }\n                            }}\n                            onInputChange={onInputChange}\n                            disabled={isSubmitting || disabled}\n                            fullWidth\n                            value={field.value || (multiple ? [] : null)}\n                            loading={loading}\n                            renderInput={(params) => (\n                                <TextField\n                                    {...params}\n                                    label={variant === 'standard' ? undefined : label}\n                                    variant={variant}\n                                    data-testid={`text-field-${fieldName}`}\n                                    fullWidth\n                                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                                    placeholder={placeholder ? placeholder : undefined}\n                                    required={required}\n                                    error={showError}\n                                    helperText={helperText}\n                                    slotProps={{\n                                        input: {\n                                            ...params.InputProps,\n                                            endAdornment: (\n                                                <>\n                                                    {loading && <CircularProgress color=\"inherit\" size={25} />}\n                                                    {params.InputProps.endAdornment}\n                                                </>\n                                            ),\n                                        },\n\n                                        formHelperText: {\n                                            children: ' ', // reserves line height for error message\n                                            style: { textAlign: 'right' },\n                                        },\n                                    }}\n                                />\n                            )}\n                            multiple={multiple}\n                            limitTags={multiple ? (limitTags ?? 2) : undefined}\n                            slotProps={{\n                                listbox: {\n                                    onScroll,\n                                },\n                            }}\n                        />\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 GenericAutocompleteField;\n"],"names":["GenericAutocompleteField","label","fieldName","options","placeholder","getOptionLabel","validation","onChange","onInputChange","isOptionEqualToValue","onScroll","layout","variant","disabled","loading","required","multiple","limitTags","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","_Fragment","CircularProgress","color","size","formHelperText","textAlign","listbox","Typography","component","FormItemLayout"],"mappings":"4RA2BM,MAAAA,EAA2B,EAC7BC,QACAC,YACAC,UACAC,cACAC,iBACAC,aACAC,WACAC,gBACAC,uBACAC,WACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,EAAc,IAEZC,EAACC,GAAMC,KAAMnB,EAAWoB,SAAUhB,EAAUiB,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EAAmB,CAClCH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,QAGjB,OACId,EAACe,EAAY,CACT/B,QAASA,EACTE,eAAgBA,EAChBI,qBAAsBA,EACtBF,SAAU,CAAC4B,EAAmBF,KAE1BR,EAAKW,cAAclC,EAAW+B,GAC1B1B,GACAA,EAAS4B,EAAGF,EACf,EAELzB,cAAeA,EACfK,SAAUe,GAAgBf,EAC1BwB,aACAJ,MAAOT,EAAMS,QAAUjB,EAAW,GAAK,MACvCF,QAASA,EACTwB,YAAcC,GACVpB,EAACqB,EACO,IAAAD,EACJtC,MAAmB,aAAZW,OAAyB6B,EAAYxC,EAC5CW,QAASA,EAAO,cACH,cAAcV,IAC3BmC,WAAS,EACTK,MAAO,CAAEC,aAAyB,eAAXhC,EAA0B,GAAK,GACtDP,YAAaA,QAA4BqC,EACzC1B,SAAUA,EACV6B,MAAOd,EACPC,WAAYA,EACZc,UAAW,CACPC,MAAO,IACAP,EAAOQ,WACVC,aACIC,EACKC,EAAA,CAAA3B,SAAA,CAAAT,GAAWK,EAACgC,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDd,EAAOQ,WAAWC,iBAK/BM,eAAgB,CACZ/B,SAAU,IACVmB,MAAO,CAAEa,UAAW,aAKpCvC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKwB,EACzCI,UAAW,CACPW,QAAS,CACL9C,cAId,IAMlB,MAAe,aAAXC,EAEIsC,EAAAC,EAAA,CAAA3B,SAAA,CACiB,aAAZX,GACGO,EAACsC,EAAU,CAAC7C,QAAQ,YAAY8C,UAAU,KAAKN,MAAM,cAChD7B,SAAAtB,IAGRiB,OAKNC,EAACwC,EAAc,CAAC1D,MAAOA,EAAQsB,SAAAL,KAA+B"}
+{"version":3,"file":"GenericAutocompleteField.js","sources":["../../../../src/components/ui/Form/GenericAutocompleteField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { type TextFieldProps, Autocomplete, TextField, Typography, CircularProgress } from '@mui/material';\nimport { Field, type FieldProps } from 'formik';\nimport { type SyntheticEvent } from 'react';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\n\nexport type Props<T> = {\n    label: string;\n    fieldName: string;\n    options: T[];\n    placeholder?: string;\n    getOptionLabel?: (option: T) => string;\n    validation?: (value: T | T[]) => string | undefined;\n    onChange?: (e: SyntheticEvent, value: T | T[]) => void;\n    onInputChange?: (e: SyntheticEvent, value: string) => void;\n    isOptionEqualToValue?: (option: T, value: T) => boolean;\n    onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    loading?: boolean;\n    required?: boolean;\n    multiple?: boolean;\n    limitTags?: number;\n};\n\nconst GenericAutocompleteField = <T,>({\n    label,\n    fieldName,\n    options,\n    placeholder,\n    getOptionLabel,\n    validation,\n    onChange,\n    onInputChange,\n    isOptionEqualToValue,\n    onScroll,\n    layout = 'horizontal',\n    variant = 'outlined',\n    disabled = false,\n    loading = false,\n    required = false,\n    multiple = false,\n    limitTags = undefined,\n}: Props<T>) => {\n    const renderField = () => {\n        return (\n            <Field name={fieldName} validate={validation}>\n                {({ field, form }: FieldProps) => {\n                    const { errors, touched, isSubmitting } = form;\n                    const fieldError = errors[field.name] as string | undefined;\n                    const showError = !!fieldError && (touched[field.name] as boolean | undefined);\n                    const helperText = useRenderValidText({\n                        fieldError,\n                        showError,\n                        touched: !!touched[field.name],\n                        value: field.value,\n                    });\n\n                    return (\n                        <Autocomplete\n                            options={options}\n                            getOptionLabel={getOptionLabel}\n                            isOptionEqualToValue={isOptionEqualToValue}\n                            onChange={(e: SyntheticEvent, value: T[]) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(fieldName, value);\n                                if (onChange) {\n                                    onChange(e, value);\n                                }\n                            }}\n                            onInputChange={onInputChange}\n                            disabled={isSubmitting || disabled}\n                            fullWidth\n                            value={field.value || (multiple ? [] : null)}\n                            loading={loading}\n                            renderInput={(params) => (\n                                <TextField\n                                    {...params}\n                                    label={variant === 'standard' ? undefined : label}\n                                    variant={variant}\n                                    data-testid={`text-field-${fieldName}`}\n                                    fullWidth\n                                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                                    placeholder={placeholder ? placeholder : undefined}\n                                    required={required}\n                                    error={showError}\n                                    helperText={helperText}\n                                    slotProps={{\n                                        input: {\n                                            ...params.InputProps,\n                                            endAdornment: (\n                                                <>\n                                                    {loading && <CircularProgress color=\"inherit\" size={25} />}\n                                                    {params.InputProps.endAdornment}\n                                                </>\n                                            ),\n                                        },\n\n                                        formHelperText: {\n                                            children: ' ', // reserves line height for error message\n                                            style: { textAlign: 'right' },\n                                        },\n                                    }}\n                                />\n                            )}\n                            multiple={multiple}\n                            limitTags={multiple ? (limitTags ?? 2) : undefined}\n                            slotProps={{\n                                listbox: {\n                                    onScroll,\n                                },\n                            }}\n                        />\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 GenericAutocompleteField;\n"],"names":["GenericAutocompleteField","label","fieldName","options","placeholder","getOptionLabel","validation","onChange","onInputChange","isOptionEqualToValue","onScroll","layout","variant","disabled","loading","required","multiple","limitTags","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","slotProps","input","InputProps","endAdornment","_jsxs","_Fragment","CircularProgress","color","size","formHelperText","textAlign","listbox","Typography","component","FormItemLayout"],"mappings":"0SA2BM,MAAAA,EAA2B,EAC7BC,QACAC,YACAC,UACAC,cACAC,iBACAC,aACAC,WACAC,gBACAC,uBACAC,WACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,WAAU,EACVC,YAAW,EACXC,YAAW,EACXC,gBAEA,MAAMC,EAAc,IAEZC,EAACC,GAAMC,KAAMnB,EAAWoB,SAAUhB,EAAUiB,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EAAmB,CAClCH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,QAGjB,OACId,EAACe,EAAY,CACT/B,QAASA,EACTE,eAAgBA,EAChBI,qBAAsBA,EACtBF,SAAU,CAAC4B,EAAmBF,KAE1BR,EAAKW,cAAclC,EAAW+B,GAC1B1B,GACAA,EAAS4B,EAAGF,EACf,EAELzB,cAAeA,EACfK,SAAUe,GAAgBf,EAC1BwB,aACAJ,MAAOT,EAAMS,QAAUjB,EAAW,GAAK,MACvCF,QAASA,EACTwB,YAAcC,GACVpB,EAACqB,EACO,IAAAD,EACJtC,MAAmB,aAAZW,OAAyB6B,EAAYxC,EAC5CW,QAASA,EAAO,cACH,cAAcV,IAC3BmC,WAAS,EACTK,MAAO,CAAEC,aAAyB,eAAXhC,EAA0B,GAAK,GACtDP,YAAaA,QAA4BqC,EACzC1B,SAAUA,EACV6B,MAAOd,EACPC,WAAYA,EACZc,UAAW,CACPC,MAAO,IACAP,EAAOQ,WACVC,aACIC,EACKC,EAAA,CAAA3B,SAAA,CAAAT,GAAWK,EAACgC,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDd,EAAOQ,WAAWC,iBAK/BM,eAAgB,CACZ/B,SAAU,IACVmB,MAAO,CAAEa,UAAW,aAKpCvC,SAAUA,EACVC,UAAWD,EAAYC,GAAa,OAAKwB,EACzCI,UAAW,CACPW,QAAS,CACL9C,cAId,IAMlB,MAAe,aAAXC,EAEIsC,EAAAC,EAAA,CAAA3B,SAAA,CACiB,aAAZX,GACGO,EAACsC,EAAU,CAAC7C,QAAQ,YAAY8C,UAAU,KAAKN,MAAM,cAChD7B,SAAAtB,IAGRiB,OAKNC,EAACwC,EAAc,CAAC1D,MAAOA,EAAQsB,SAAAL,KAA+B"}

package/dist/components/ui/Form/GenericTextField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("formik"),t=require("@mui/material/TextField"),i=require("../../custom-hooks/useRenderValidText.cjs.js"),a=require("./FormItemLayout.cjs.js"),l=require("@mui/material/Typography"),o=require("@mui/material/InputAdornment");module.exports=({label:n,fieldName:d,placeholder:s,validation:u,onChange:m,multiline:h,minRows:c,maxRows:p,layout:v="horizontal",variant:x="standard",disabled:g=!1,required:j=!1,showHelperTextWhenValid:f=!1,startIcon:b,endIcon:q,value:y,type:w="text"})=>{const T=!!d,I=(r,i,a,l,u)=>e.jsx(t,{label:"standard"===x?void 0:n,variant:x,value:y??r,"data-testid":`text-field-${d??n.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:h,minRows:c??(h?3:void 0),maxRows:p??(h?10:void 0),style:{paddingRight:"horizontal"===v?16:0},placeholder:s||void 0,disabled:i||g,required:j,error:a,helperText:a||f?l:void 0,onChange:e=>{"number"===w&&isNaN(Number(e.target.value))||(u&&u(d,e.target.value),m&&m(e))},slotProps:{htmlInput:{style:{paddingTop:"outlined"!==x?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:b?e.jsx(o,{position:"start",children:b}):void 0,endAdornment:q?e.jsx(o,{position:"end",children:q}):void 0}}),R=()=>e.jsx(r.Field,{name:d,validate:u,children:({field:e,form:r})=>{const{errors:t,touched:a,isSubmitting:l}=r,o=t[e.name],n=!!o&&a[e.name],d=i({fieldError:o,showError:n,touched:!!a[e.name],value:e.value});return I(e.value,l,n,d,r.setFieldValue)}});return"vertical"===v?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:n}),T?R():I()]}):e.jsx(a,{label:n,children:T?R():I()})};
+"use strict";var e=require("react/jsx-runtime");require("react");var r=require("formik"),t=require("@mui/material/TextField"),i=require("../../custom-hooks/useRenderValidText.cjs.js"),a=require("./FormItemLayout.cjs.js"),l=require("@mui/material/Typography"),o=require("@mui/material/InputAdornment");module.exports=({label:n,fieldName:d,placeholder:s,validation:u,onChange:m,multiline:h,minRows:c,maxRows:v,layout:p="horizontal",variant:x="standard",disabled:g=!1,required:j=!1,showHelperTextWhenValid:f=!1,startIcon:q,endIcon:b,value:y,type:w="text"})=>{const T=!!d,I=(r,i,a,l,u)=>e.jsx(t,{label:"standard"===x?void 0:n,variant:x,value:y??r,"data-testid":`text-field-${d??n.toLowerCase().replace(/\s+/g,"-")}`,autoComplete:"off",fullWidth:!0,multiline:h,minRows:c??(h?3:void 0),maxRows:v??(h?10:void 0),style:{paddingRight:"horizontal"===p?16:0},placeholder:s||void 0,disabled:i||g,required:j,error:a,helperText:a||f?l:void 0,onChange:e=>{"number"===w&&isNaN(Number(e.target.value))||(u&&u(d,e.target.value),m&&m(e))},slotProps:{htmlInput:{style:{paddingTop:"outlined"!==x?0:void 0,height:"1.1876em"}},formHelperText:{children:" ",style:{textAlign:"right"}}},InputProps:{startAdornment:q?e.jsx(o,{position:"start",children:q}):void 0,endAdornment:b?e.jsx(o,{position:"end",children:b}):void 0}}),R=()=>e.jsx(r.Field,{name:d,validate:u,children:({field:e,form:r})=>{const{errors:t,touched:a,isSubmitting:l}=r,o=t[e.name],n=!!o&&a[e.name],d=i({fieldError:o,showError:n,touched:!!a[e.name],value:e.value});return I(e.value,l,n,d,r.setFieldValue)}});return"vertical"===p?e.jsxs(e.Fragment,{children:["standard"===x&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:n}),T?R():I()]}):e.jsx(a,{label:n,children:T?R():I()})};
 //# sourceMappingURL=GenericTextField.cjs.js.map