@flipdish/portal-library 1.0.28 → 1.0.30

package/dist/components/custom-hooks/useRenderValidText.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),s=require("../../providers/TranslationProvider.cjs.js");module.exports=({fieldError:t,showError:a,touched:o,value:i})=>{const[u,c]=e.useState(""),{translate:l}=s.useTranslation();return e.useEffect((()=>{c(!a&&o&&i?r.jsx("span",{style:{color:"#1dc798"},children:l("Valid")}):a?t:"")}),[t,i,a,o]),u};
+//# sourceMappingURL=useRenderValidText.cjs.js.map

package/dist/components/custom-hooks/useRenderValidText.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderValidText.cjs.js","sources":["../../../src/components/custom-hooks/useRenderValidText.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useTranslation } from '../../providers/TranslationProvider';\n\ntype Props = {\n    fieldError?: string;\n    showError?: boolean;\n    touched: boolean;\n    value: string;\n};\n/**\n * @description Use this with Formik - the touched field state is not available immediately because ```form.setFieldValue``` is async\n * @description https://github.com/formium/formik/issues/529#issuecomment-571294217\n */\nconst useRenderValidText = ({ fieldError, showError, touched, value }: Props) => {\n    const [validTextElement, setvalidTextElement] = useState<JSX.Element | string | undefined>('');\n    const { translate } = useTranslation();\n\n    useEffect(() => {\n        if (!showError && touched && value) {\n            setvalidTextElement(<span style={{ color: '#1dc798' }}>{translate('Valid')}</span>);\n        } else if (showError) {\n            setvalidTextElement(fieldError);\n        } else setvalidTextElement('');\n    }, [fieldError, value, showError, touched]);\n\n    return validTextElement;\n};\n\nexport default useRenderValidText;\n"],"names":["fieldError","showError","touched","value","validTextElement","setvalidTextElement","useState","translate","useTranslation","useEffect","_jsx","style","color","children"],"mappings":"0IAa2B,EAAGA,aAAYC,YAAWC,UAASC,YAC1D,MAAOC,EAAkBC,GAAuBC,EAAQA,SAAmC,KACrFC,UAAEA,GAAcC,EAAAA,iBAUtB,OARAC,EAAAA,WAAU,KAEFJ,GADCJ,GAAaC,GAAWC,EACLO,EAAAA,IAAM,OAAA,CAAAC,MAAO,CAAEC,MAAO,WAAWC,SAAGN,EAAU,WAC3DN,EACaD,EACG,GAAG,GAC/B,CAACA,EAAYG,EAAOF,EAAWC,IAE3BE,CAAgB"}

package/dist/components/custom-hooks/useRenderValidText.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{useState as o,useEffect as t}from"react";import{useTranslation as e}from"../../providers/TranslationProvider.js";const a=({fieldError:a,showError:s,touched:i,value:l})=>{const[n,c]=o(""),{translate:d}=e();return t((()=>{c(!s&&i&&l?r("span",{style:{color:"#1dc798"},children:d("Valid")}):s?a:"")}),[a,l,s,i]),n};export{a as default};
+//# sourceMappingURL=useRenderValidText.js.map

package/dist/components/custom-hooks/useRenderValidText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderValidText.js","sources":["../../../src/components/custom-hooks/useRenderValidText.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useTranslation } from '../../providers/TranslationProvider';\n\ntype Props = {\n    fieldError?: string;\n    showError?: boolean;\n    touched: boolean;\n    value: string;\n};\n/**\n * @description Use this with Formik - the touched field state is not available immediately because ```form.setFieldValue``` is async\n * @description https://github.com/formium/formik/issues/529#issuecomment-571294217\n */\nconst useRenderValidText = ({ fieldError, showError, touched, value }: Props) => {\n    const [validTextElement, setvalidTextElement] = useState<JSX.Element | string | undefined>('');\n    const { translate } = useTranslation();\n\n    useEffect(() => {\n        if (!showError && touched && value) {\n            setvalidTextElement(<span style={{ color: '#1dc798' }}>{translate('Valid')}</span>);\n        } else if (showError) {\n            setvalidTextElement(fieldError);\n        } else setvalidTextElement('');\n    }, [fieldError, value, showError, touched]);\n\n    return validTextElement;\n};\n\nexport default useRenderValidText;\n"],"names":["useRenderValidText","fieldError","showError","touched","value","validTextElement","setvalidTextElement","useState","translate","useTranslation","useEffect","_jsx","style","color","children"],"mappings":"gKAaA,MAAMA,EAAqB,EAAGC,aAAYC,YAAWC,UAASC,YAC1D,MAAOC,EAAkBC,GAAuBC,EAA2C,KACrFC,UAAEA,GAAcC,IAUtB,OARAC,GAAU,KAEFJ,GADCJ,GAAaC,GAAWC,EACLO,EAAM,OAAA,CAAAC,MAAO,CAAEC,MAAO,WAAWC,SAAGN,EAAU,WAC3DN,EACaD,EACG,GAAG,GAC/B,CAACA,EAAYG,EAAOF,EAAWC,IAE3BE,CAAgB"}

package/dist/components/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./themes/flipdishPublicTheme.cjs.js"),r=require("./ui/NotFoundPage/NotFoundPage.cjs.js"),i=require("./ui/PageLayout/PageLayout.cjs.js"),o=require("./ui/PortalMock/PortalMock.cjs.js"),t=require("./ui/LazyComponent/LazyComponent.cjs.js"),u=require("./ui/Spacer/Spacer.cjs.js"),a=require("./ui/Chip/Chip.cjs.js"),s=require("./ui/Form/utilities/formValidation.cjs.js");require("react/jsx-runtime"),require("@mui/material/Button"),require("formik"),require("@mui/material/TextField"),require("react"),require("../providers/TranslationProvider.cjs.js"),require("./ui/Form/FormItemLayout.cjs.js"),require("@mui/material/Typography"),exports.flipdishPublicTheme=e,exports.NotFoundPage=r,exports.PageLayout=i.default,exports.PortalMock=o,exports.LazyComponent=t,exports.Spacer=u,exports.Chip=a,exports.formikValidate=s.formikValidate;
+"use strict";var e=require("./themes/flipdishPublicTheme.cjs.js"),r=require("./ui/NotFoundPage/NotFoundPage.cjs.js"),i=require("./ui/PageLayout/PageLayout.cjs.js"),o=require("./ui/PortalMock/PortalMock.cjs.js"),s=require("./ui/LazyComponent/LazyComponent.cjs.js"),t=require("./ui/Spacer/Spacer.cjs.js"),a=require("./ui/Chip/Chip.cjs.js"),c=require("./ui/Form/utilities/formValidation.cjs.js"),u=require("./ui/Form/GenericFormContainer.cjs.js"),n=require("./ui/Form/GenericTextField.cjs.js"),j=require("./ui/GenericTable/GenericTable.cjs.js"),l=require("./ui/GenericTableBody/GenericTableBody.cjs.js"),p=require("./ui/GenericTableBodyRow/GenericTableBodyRow.cjs.js"),T=require("./ui/GenericTableTitle/GenericTableTitle.cjs.js");require("react/jsx-runtime"),require("react"),require("../providers/TranslationProvider.cjs.js"),exports.flipdishPublicTheme=e,exports.NotFoundPage=r,exports.PageLayout=i.default,exports.PortalMock=o,exports.LazyComponent=s,exports.Spacer=t,exports.Chip=a,exports.formikValidate=c.formikValidate,exports.GenericFormContainer=u,exports.GenericTextField=n,exports.GenericTable=j,exports.GenericTableBody=l,exports.GenericTableBodyRow=p,exports.GenericTableTitle=T;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/index.d.ts

@@ -6,3 +6,10 @@ 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 { formikValidate } from './ui/Form/utilities/formValidation.js';
+export { default as GenericFormContainer } from './ui/Form/GenericFormContainer.js';
+export { default as GenericTextField } from './ui/Form/GenericTextField.js';
+export { GenericTableColumns } from './ui/GenericTable/types.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';

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 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{formikValidate}from"./ui/Form/utilities/formValidation.js";import"react/jsx-runtime";import"@mui/material/Button";import"formik";import"@mui/material/TextField";import"react";import"../providers/TranslationProvider.js";import"./ui/Form/FormItemLayout.js";import"@mui/material/Typography";
+export{default as flipdishPublicTheme}from"./themes/flipdishPublicTheme.js";export{default as NotFoundPage}from"./ui/NotFoundPage/NotFoundPage.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{formikValidate}from"./ui/Form/utilities/formValidation.js";export{default as GenericFormContainer}from"./ui/Form/GenericFormContainer.js";export{default as GenericTextField}from"./ui/Form/GenericTextField.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";import"react/jsx-runtime";import"react";import"../providers/TranslationProvider.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"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${t.palette.divider}`}}}}}});module.exports=r;
+"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"}}}),r=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 t=e(r,{palette:{primary:{main:r.palette.flippyBlue.main},secondary:{main:r.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:r.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${r.palette.divider}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:r.palette.flippyBlue.light,cursor:"pointer"}}}}}});module.exports=t;
 //# 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                },\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    },\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","MuiListItemButton","backgroundColor","borderBottom"],"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,UAIxBC,kBAAmB,CACfZ,eAAgB,CACZC,KAAM,CACF,UAAW,CACPY,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAalC,EAAMP,QAAQoC"}
+{"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                },\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","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,UAIxBC,kBAAmB,CACfZ,eAAgB,CACZC,KAAM,CACF,UAAW,CACPY,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAalC,EAAMP,QAAQoC,cAKzDM,YAAa,CACTf,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBY,gBAAiBjC,EAAMP,QAAQa,WAAWT,MAC1CuC,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"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:"#eaf2ff"},"&:not(:last-child)":{borderBottom:`1px solid ${t.palette.divider}`}}}}}});export{r as default};
+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"}}},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                },\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    },\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","MuiListItemButton","backgroundColor","borderBottom"],"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,UAIxBC,kBAAmB,CACfZ,eAAgB,CACZC,KAAM,CACF,UAAW,CACPY,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAalC,EAAMP,QAAQoC"}
+{"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                },\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","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,UAIxBC,kBAAmB,CACfZ,eAAgB,CACZC,KAAM,CACF,UAAW,CACPY,gBAAiB,WAErB,qBAAsB,CAClBC,aAAc,aAAalC,EAAMP,QAAQoC,cAKzDM,YAAa,CACTf,eAAgB,CACZC,KAAM,CACF,4BAA6B,CACzBY,gBAAiBjC,EAAMP,QAAQa,WAAWT,MAC1CuC,OAAQ"}

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

@@ -1,2 +1,2 @@
-"use strict";require("react/jsx-runtime");var e=require("@mui/material/Grid"),i=require("@mui/material/styles");require("@mui/material/Typography"),i.styled(e)((({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)"}))),i.styled("div")((({theme:e})=>({paddingBottom:e.spacing(2),paddingRight:e.spacing(1.75)})));
+"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})]})};
 //# 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":["styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","paddingBottom","paddingRight"],"mappings":"oJAMmBA,EAAMA,OAACC,EAAPD,EAAa,EAAGE,YAAa,CAC5CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGQP,EAAMA,OAAC,MAAPA,EAAc,EAAGE,YAAa,CACpDM,cAAeN,EAAME,QAAQ,GAC7BK,aAAcP,EAAME,QAAQ"}
+{"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"}

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

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import i from"@mui/material/Grid";import{styled as t}from"@mui/material/styles";import"@mui/material/Typography";t(i)((({theme:i})=>({padding:i.spacing(4.75,0,2.5,0),alignItems:"flex-start",flexWrap:"wrap",borderBottom:"1px solid rgba(0,0,0,0.2)"}))),t("div")((({theme:i})=>({paddingBottom:i.spacing(2),paddingRight:i.spacing(1.75)})));
+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};
 //# 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":["styled","Grid","theme","padding","spacing","alignItems","flexWrap","borderBottom","paddingBottom","paddingRight"],"mappings":"2IAMmBA,EAAOC,EAAPD,EAAa,EAAGE,YAAa,CAC5CC,QAASD,EAAME,QAAQ,KAAM,EAAG,IAAK,GACrCC,WAAY,aACZC,SAAU,OACVC,aAAc,gCAGQP,EAAO,MAAPA,EAAc,EAAGE,YAAa,CACpDM,cAAeN,EAAME,QAAQ,GAC7BK,aAAcP,EAAME,QAAQ"}
+{"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericFormContainer.cjs.js","sources":["../../../../src/components/ui/Form/GenericFormContainer.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport { Form, Formik } from 'formik';\n\ntype GenericFormContainerProps = {\n    fields: {\n        fieldName: string;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        defaultValue: any;\n        component: React.ReactNode;\n    }[];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onSubmit: (values: any) => Promise<void>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    handleError?: (error: any) => void;\n    submitButtonText: string;\n};\n\nconst GenericFormContainer = ({ fields, onSubmit, handleError, submitButtonText }: GenericFormContainerProps) => {\n    const initialValues = fields.reduce((acc, field) => {\n        acc[field.fieldName] = field.defaultValue;\n        return acc;\n    }, {});\n\n    return (\n        <Formik\n            initialValues={initialValues}\n            onSubmit={async (values) => {\n                try {\n                    await onSubmit(values);\n                } catch (error) {\n                    if (handleError) {\n                        handleError(error);\n                    }\n                }\n            }}\n        >\n            {({ isSubmitting }) => (\n                <Form>\n                    {fields.map((field) => field.component)}\n\n                    <Button variant=\"contained\" type=\"submit\" disabled={isSubmitting} sx={{ marginTop: 4 }} data-testid=\"submit-form-button\">\n                        {submitButtonText}\n                    </Button>\n                </Form>\n            )}\n        </Formik>\n    );\n};\n\nexport default GenericFormContainer;\n"],"names":["fields","onSubmit","handleError","submitButtonText","initialValues","reduce","acc","field","fieldName","defaultValue","_jsx","Formik","async","values","error","children","isSubmitting","_jsxs","Form","map","component","Button","variant","type","disabled","sx","marginTop"],"mappings":"qHAiB6B,EAAGA,SAAQC,WAAUC,cAAaC,uBAC3D,MAAMC,EAAgBJ,EAAOK,QAAO,CAACC,EAAKC,KACtCD,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,IACR,CAAE,GAEL,OACII,EAAAA,IAACC,EAAAA,OAAM,CACHP,cAAeA,EACfH,SAAUW,MAAOC,IACb,UACUZ,EAASY,EAClB,CAAC,MAAOC,GACDZ,GACAA,EAAYY,EAEnB,GACJC,SAEA,EAAGC,kBACAC,EAAAA,KAACC,EAAAA,KACI,CAAAH,SAAA,CAAAf,EAAOmB,KAAKZ,GAAUA,EAAMa,YAE7BV,EAAAA,IAACW,GAAOC,QAAQ,YAAYC,KAAK,SAASC,SAAUR,EAAcS,GAAI,CAAEC,UAAW,GAAG,cAAc,qBAAoBX,SACnHZ,QAKnB"}

package/dist/components/ui/Form/GenericFormContainer.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type GenericFormContainerProps = {
+    fields: {
+        fieldName: string;
+        defaultValue: any;
+        component: React.ReactNode;
+    }[];
+    onSubmit: (values: any) => Promise<void>;
+    handleError?: (error: any) => void;
+    submitButtonText: string;
+};
+declare const GenericFormContainer: ({ fields, onSubmit, handleError, submitButtonText }: GenericFormContainerProps) => react_jsx_runtime.JSX.Element;
+
+export { GenericFormContainer as default };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericFormContainer.js","sources":["../../../../src/components/ui/Form/GenericFormContainer.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport { Form, Formik } from 'formik';\n\ntype GenericFormContainerProps = {\n    fields: {\n        fieldName: string;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        defaultValue: any;\n        component: React.ReactNode;\n    }[];\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onSubmit: (values: any) => Promise<void>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    handleError?: (error: any) => void;\n    submitButtonText: string;\n};\n\nconst GenericFormContainer = ({ fields, onSubmit, handleError, submitButtonText }: GenericFormContainerProps) => {\n    const initialValues = fields.reduce((acc, field) => {\n        acc[field.fieldName] = field.defaultValue;\n        return acc;\n    }, {});\n\n    return (\n        <Formik\n            initialValues={initialValues}\n            onSubmit={async (values) => {\n                try {\n                    await onSubmit(values);\n                } catch (error) {\n                    if (handleError) {\n                        handleError(error);\n                    }\n                }\n            }}\n        >\n            {({ isSubmitting }) => (\n                <Form>\n                    {fields.map((field) => field.component)}\n\n                    <Button variant=\"contained\" type=\"submit\" disabled={isSubmitting} sx={{ marginTop: 4 }} data-testid=\"submit-form-button\">\n                        {submitButtonText}\n                    </Button>\n                </Form>\n            )}\n        </Formik>\n    );\n};\n\nexport default GenericFormContainer;\n"],"names":["GenericFormContainer","fields","onSubmit","handleError","submitButtonText","initialValues","reduce","acc","field","fieldName","defaultValue","_jsx","Formik","async","values","error","children","isSubmitting","_jsxs","Form","map","component","Button","variant","type","disabled","sx","marginTop"],"mappings":"gIAiBA,MAAMA,EAAuB,EAAGC,SAAQC,WAAUC,cAAaC,uBAC3D,MAAMC,EAAgBJ,EAAOK,QAAO,CAACC,EAAKC,KACtCD,EAAIC,EAAMC,WAAaD,EAAME,aACtBH,IACR,CAAE,GAEL,OACII,EAACC,EAAM,CACHP,cAAeA,EACfH,SAAUW,MAAOC,IACb,UACUZ,EAASY,EAClB,CAAC,MAAOC,GACDZ,GACAA,EAAYY,EAEnB,GACJC,SAEA,EAAGC,kBACAC,EAACC,EACI,CAAAH,SAAA,CAAAf,EAAOmB,KAAKZ,GAAUA,EAAMa,YAE7BV,EAACW,GAAOC,QAAQ,YAAYC,KAAK,SAASC,SAAUR,EAAcS,GAAI,CAAEC,UAAW,GAAG,cAAc,qBAAoBX,SACnHZ,QAKnB"}

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

@@ -0,0 +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");module.exports=({label:d,fieldName:o,placeholder:n,validation:s,multiline:u,layout:m="horizontal",variant:h="standard",disabled:c=!1})=>{const p=()=>e.jsx(r.Field,{name:o,validate:s,children:({field:r,form:a})=>{const{errors:l,touched:s,isSubmitting:m}=a,p=l[r.name],v=!!p&&s[r.name],x=i({fieldError:p,showError:v,touched:!!s[r.name],value:r.value});return e.jsx(t,{label:"standard"===h?void 0:d,variant:h,value:r.value,"data-testid":`text-field-${o}`,autoComplete:"off",fullWidth:!0,multiline:!0,minRows:u?3:1,style:{paddingRight:16},placeholder:n||void 0,disabled:m||c,error:v,helperText:x,FormHelperTextProps:{children:" ",style:{textAlign:"right"}},inputProps:{style:{paddingTop:0,height:"1.1876em"}},onChange:e=>{a.setFieldValue(r.name,e.target.value)}})}});return"vertical"===m?e.jsxs(e.Fragment,{children:["standard"===h&&e.jsx(l,{variant:"subtitle1",component:"h3",color:"textPrimary",children:d}),p()]}):e.jsx(a,{label:d,children:p()})};
+//# sourceMappingURL=GenericTextField.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTextField.cjs.js","sources":["../../../../src/components/ui/Form/GenericTextField.tsx"],"sourcesContent":["import { ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\nimport Typography from '@mui/material/Typography';\n\ntype Props = {\n    label: string;\n    fieldName: string;\n    placeholder?: string;\n    validation?: (value: string) => string | undefined;\n    multiline?: boolean;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n};\n\nconst GenericTextField = ({\n    label,\n    fieldName,\n    placeholder,\n    validation,\n    multiline,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n}: Props) => {\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                        <TextField\n                            label={variant === 'standard' ? undefined : label}\n                            variant={variant}\n                            value={field.value}\n                            data-testid={`text-field-${fieldName}`}\n                            autoComplete=\"off\"\n                            fullWidth\n                            multiline\n                            minRows={multiline ? 3 : 1}\n                            style={{ paddingRight: 16 }}\n                            placeholder={placeholder ? placeholder : undefined}\n                            disabled={isSubmitting || disabled}\n                            error={showError}\n                            helperText={helperText}\n                            FormHelperTextProps={{\n                                children: ' ', // reserves line height for error message\n                                style: { textAlign: 'right' },\n                            }}\n                            inputProps={{\n                                style: {\n                                    paddingTop: 0,\n                                    height: '1.1876em',\n                                },\n                            }}\n                            onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(field.name, e.target.value);\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 GenericTextField;\n"],"names":["label","fieldName","placeholder","validation","multiline","layout","variant","disabled","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","jsx","TextField","undefined","autoComplete","fullWidth","minRows","style","paddingRight","error","FormHelperTextProps","textAlign","inputProps","paddingTop","height","onChange","e","setFieldValue","target","_jsxs","jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"6PAmByB,EACrBA,QACAC,YACAC,cACAC,aACAC,YACAC,SAAS,aACTC,UAAU,WACVC,YAAW,MAEX,MAAMC,EAAc,IAEZC,MAACC,EAAAA,OAAMC,KAAMV,EAAWW,SAAUT,EAAUU,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,IAAAC,GACGzB,MAAmB,aAAZM,OAAyBoB,EAAY1B,EAC5CM,QAASA,EACTiB,MAAOT,EAAMS,MAAK,cACL,cAActB,IAC3B0B,aAAa,MACbC,aACAxB,WAAS,EACTyB,QAASzB,EAAY,EAAI,EACzB0B,MAAO,CAAEC,aAAc,IACvB7B,YAAaA,QAA4BwB,EACzCnB,SAAUW,GAAgBX,EAC1ByB,MAAOZ,EACPC,WAAYA,EACZY,oBAAqB,CACjBpB,SAAU,IACViB,MAAO,CAAEI,UAAW,UAExBC,WAAY,CACRL,MAAO,CACHM,WAAY,EACZC,OAAQ,aAGhBC,SAAWC,IAEPxB,EAAKyB,cAAc1B,EAAMH,KAAM4B,EAAEE,OAAOlB,MAAM,GAGxD,IAMlB,MAAe,aAAXlB,EAEIqC,EAAAC,KAAAC,WAAA,CAAA/B,SAAA,CACiB,aAAZP,GACGG,EAAAe,IAACqB,EAAU,CAACvC,QAAQ,YAAYwC,UAAU,KAAKC,MAAM,cAChDlC,SAAAb,IAGRQ,OAKNC,EAAAe,IAACwB,EAAc,CAAChD,MAAOA,EAAQa,SAAAL,KAA+B"}

package/dist/components/ui/Form/GenericTextField.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material/TextField';
+
+type Props = {
+    label: string;
+    fieldName: string;
+    placeholder?: string;
+    validation?: (value: string) => string | undefined;
+    multiline?: boolean;
+    layout?: 'horizontal' | 'vertical';
+    variant?: TextFieldProps['variant'];
+    disabled?: boolean;
+};
+declare const GenericTextField: ({ label, fieldName, placeholder, validation, multiline, layout, variant, disabled, }: Props) => react_jsx_runtime.JSX.Element;
+
+export { GenericTextField as default };

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

@@ -0,0 +1,2 @@
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{Field as a}from"formik";import i from"@mui/material/TextField";import l from"../../custom-hooks/useRenderValidText.js";import o from"./FormItemLayout.js";import d from"@mui/material/Typography";const m=({label:m,fieldName:n,placeholder:s,validation:u,multiline:h,layout:p="horizontal",variant:c="standard",disabled:f=!1})=>{const v=()=>r(a,{name:n,validate:u,children:({field:e,form:t})=>{const{errors:a,touched:o,isSubmitting:d}=t,u=a[e.name],p=!!u&&o[e.name],v=l({fieldError:u,showError:p,touched:!!o[e.name],value:e.value});return r(i,{label:"standard"===c?void 0:m,variant:c,value:e.value,"data-testid":`text-field-${n}`,autoComplete:"off",fullWidth:!0,multiline:!0,minRows:h?3:1,style:{paddingRight:16},placeholder:s||void 0,disabled:d||f,error:p,helperText:v,FormHelperTextProps:{children:" ",style:{textAlign:"right"}},inputProps:{style:{paddingTop:0,height:"1.1876em"}},onChange:r=>{t.setFieldValue(e.name,r.target.value)}})}});return"vertical"===p?e(t,{children:["standard"===c&&r(d,{variant:"subtitle1",component:"h3",color:"textPrimary",children:m}),v()]}):r(o,{label:m,children:v()})};export{m as default};
+//# sourceMappingURL=GenericTextField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTextField.js","sources":["../../../../src/components/ui/Form/GenericTextField.tsx"],"sourcesContent":["import { ChangeEvent } from 'react';\n\nimport { type FieldProps, Field } from 'formik';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\nimport Typography from '@mui/material/Typography';\n\ntype Props = {\n    label: string;\n    fieldName: string;\n    placeholder?: string;\n    validation?: (value: string) => string | undefined;\n    multiline?: boolean;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n};\n\nconst GenericTextField = ({\n    label,\n    fieldName,\n    placeholder,\n    validation,\n    multiline,\n    layout = 'horizontal',\n    variant = 'standard',\n    disabled = false,\n}: Props) => {\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                        <TextField\n                            label={variant === 'standard' ? undefined : label}\n                            variant={variant}\n                            value={field.value}\n                            data-testid={`text-field-${fieldName}`}\n                            autoComplete=\"off\"\n                            fullWidth\n                            multiline\n                            minRows={multiline ? 3 : 1}\n                            style={{ paddingRight: 16 }}\n                            placeholder={placeholder ? placeholder : undefined}\n                            disabled={isSubmitting || disabled}\n                            error={showError}\n                            helperText={helperText}\n                            FormHelperTextProps={{\n                                children: ' ', // reserves line height for error message\n                                style: { textAlign: 'right' },\n                            }}\n                            inputProps={{\n                                style: {\n                                    paddingTop: 0,\n                                    height: '1.1876em',\n                                },\n                            }}\n                            onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(field.name, e.target.value);\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 GenericTextField;\n"],"names":["GenericTextField","label","fieldName","placeholder","validation","multiline","layout","variant","disabled","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","TextField","undefined","autoComplete","fullWidth","minRows","style","paddingRight","error","FormHelperTextProps","textAlign","inputProps","paddingTop","height","onChange","e","setFieldValue","target","_jsxs","_Fragment","Typography","component","color","FormItemLayout"],"mappings":"yQAmBM,MAAAA,EAAmB,EACrBC,QACAC,YACAC,cACAC,aACAC,YACAC,SAAS,aACTC,UAAU,WACVC,YAAW,MAEX,MAAMC,EAAc,IAEZC,EAACC,GAAMC,KAAMV,EAAWW,SAAUT,EAAUU,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,GACGxB,MAAmB,aAAZM,OAAyBmB,EAAYzB,EAC5CM,QAASA,EACTiB,MAAOT,EAAMS,MAAK,cACL,cAActB,IAC3ByB,aAAa,MACbC,aACAvB,WAAS,EACTwB,QAASxB,EAAY,EAAI,EACzByB,MAAO,CAAEC,aAAc,IACvB5B,YAAaA,QAA4BuB,EACzClB,SAAUW,GAAgBX,EAC1BwB,MAAOX,EACPC,WAAYA,EACZW,oBAAqB,CACjBnB,SAAU,IACVgB,MAAO,CAAEI,UAAW,UAExBC,WAAY,CACRL,MAAO,CACHM,WAAY,EACZC,OAAQ,aAGhBC,SAAWC,IAEPvB,EAAKwB,cAAczB,EAAMH,KAAM2B,EAAEE,OAAOjB,MAAM,GAGxD,IAMlB,MAAe,aAAXlB,EAEIoC,EAAAC,EAAA,CAAA7B,SAAA,CACiB,aAAZP,GACGG,EAACkC,EAAU,CAACrC,QAAQ,YAAYsC,UAAU,KAAKC,MAAM,cAChDhC,SAAAb,IAGRQ,OAKNC,EAACqC,EAAc,CAAC9C,MAAOA,EAAQa,SAAAL,KAA+B"}

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

@@ -0,0 +1,18 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material/styles"),r=require("@mui/material/Table"),l=require("@mui/material/TableCell"),a=require("@mui/material/TableHead"),t=require("@mui/material/TableRow"),s=require("@mui/material/useMediaQuery"),n=require("../GenericTableTitle/GenericTableTitle.cjs.js"),o=require("./HighlightScrollbar.cjs.js"),d=require("../GenericTableBody/GenericTableBody.cjs.js"),c=require("@mui/material/Card");const u=i.styled("div")`
+    overflow-x: auto;
+    &::-webkit-scrollbar {
+        padding: 2px 0;
+        height: 6px;
+        border: 1px solid #d5d5d5;
+    }
+    &::-webkit-scrollbar-track {
+        background: #f1f1f1;
+    }
+    &::-webkit-scrollbar-thumb {
+        background: #f5f5f5;
+        border-radius: 3px;
+    }
+`,m=i.styled(l)((({theme:e,isSticky:i})=>({fontSize:13,padding:e.spacing(1.25,2),whiteSpace:"nowrap",position:i?"sticky":"relative",zIndex:i?1:"auto"}))),b=i.styled(c)`
+    overflow: hidden;
+`;module.exports=({data:l,title:c,subTitle:h,showTitle:x=!0,onRowClick:j,loading:p,metadata:T})=>{const k=new Set(T.filter((e=>e.isVisible)).sort(((e,i)=>e.ordinal-i.ordinal)).map((e=>e.columnName))),y=T.reduce(((e,i)=>(e[i.columnName]=i,e)),{}),f=i.useTheme(),g=!s(f.breakpoints.up("sm")),w=g?"normal":"sticky";return e.jsxs(u,{children:[x&&e.jsx(n,{title:c,subTitle:h}),e.jsx(b,{children:e.jsx(o,{children:e.jsxs(r,{"aria-label":c,children:[e.jsx(a,{children:e.jsx(t,{children:Array.from(k).map(((i,r)=>{const{columnName:l,columnTitle:a,align:t="left"}=y[i];return e.jsx(m,{align:t,isSticky:0===r&&!g,children:e.jsx("div",{children:e.jsx("span",{children:a})})},l)}))})}),e.jsx(d,{type:w,data:l,columns:k,onRowClick:j,loading:p,meta:y})]})})})]})};
+//# sourceMappingURL=GenericTable.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTable.cjs.js","sources":["../../../../src/components/ui/GenericTable/GenericTable.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\n\nimport Table from '@mui/material/Table';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport { GenericTableColumns } from './types';\nimport GenericTableTitle from '../GenericTableTitle/GenericTableTitle';\nimport HighlightScrollbar from './HighlightScrollbar';\nimport { GenericTableBody } from '../GenericTableBody';\nimport Card from '@mui/material/Card';\n\ntype GenericTableProps = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data?: any[];\n    loading?: boolean;\n    metadata: GenericTableColumns[];\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    onRowClick?: Function;\n    showTitle?: boolean;\n    subTitle?: string;\n    title?: string;\n};\n\nconst StyledContainer = styled('div')`\n    overflow-x: auto;\n    &::-webkit-scrollbar {\n        padding: 2px 0;\n        height: 6px;\n        border: 1px solid #d5d5d5;\n    }\n    &::-webkit-scrollbar-track {\n        background: #f1f1f1;\n    }\n    &::-webkit-scrollbar-thumb {\n        background: #f5f5f5;\n        border-radius: 3px;\n    }\n`;\n\nconst StyledTableCell = styled(TableCell)<{ isSticky: boolean }>(({ theme, isSticky }) => ({\n    fontSize: 13,\n    padding: theme.spacing(1.25, 2),\n    whiteSpace: 'nowrap',\n    position: isSticky ? 'sticky' : 'relative',\n    zIndex: isSticky ? 1 : 'auto',\n}));\n\nconst StyledPaper = styled(Card)`\n    overflow: hidden;\n`;\n\nconst GenericTable = ({ data, title, subTitle, showTitle = true, onRowClick, loading, metadata }: GenericTableProps) => {\n    const columns = new Set(\n        metadata\n            .filter((m) => m.isVisible)\n            .sort((a, b) => a.ordinal - b.ordinal)\n            .map((m) => m.columnName),\n    );\n    const tableMeta = metadata.reduce<{ [key: string]: GenericTableColumns }>((obj, mData) => {\n        obj[mData.columnName] = mData;\n        return obj;\n    }, {});\n\n    const theme = useTheme();\n    const isMobile = !useMediaQuery(theme.breakpoints.up('sm'));\n\n    // We never want sticky on mobile - only on desktop\n    const firstColumnStylePosition = isMobile ? 'normal' : 'sticky';\n\n    const renderTableHeader = () => (\n        <TableHead>\n            <TableRow>\n                {Array.from(columns).map((prop, idx) => {\n                    const { columnName, columnTitle, align = 'left' } = tableMeta[prop];\n                    return (\n                        <StyledTableCell key={columnName} align={align} isSticky={idx === 0 && !isMobile}>\n                            <div>\n                                <span>{columnTitle}</span>\n                            </div>\n                        </StyledTableCell>\n                    );\n                })}\n            </TableRow>\n        </TableHead>\n    );\n\n    return (\n        <StyledContainer>\n            {showTitle && <GenericTableTitle title={title} subTitle={subTitle}></GenericTableTitle>}\n            <StyledPaper>\n                <HighlightScrollbar>\n                    <Table aria-label={title}>\n                        {renderTableHeader()}\n                        <GenericTableBody\n                            type={firstColumnStylePosition}\n                            data={data}\n                            columns={columns}\n                            onRowClick={onRowClick}\n                            loading={loading}\n                            meta={tableMeta}\n                        />\n                    </Table>\n                </HighlightScrollbar>\n            </StyledPaper>\n        </StyledContainer>\n    );\n};\n\nexport default GenericTable;\n"],"names":["StyledContainer","styled","StyledTableCell","TableCell","theme","isSticky","fontSize","padding","spacing","whiteSpace","position","zIndex","StyledPaper","Card","data","title","subTitle","showTitle","onRowClick","loading","metadata","columns","Set","filter","m","isVisible","sort","a","b","ordinal","map","columnName","tableMeta","reduce","obj","mData","useTheme","isMobile","useMediaQuery","breakpoints","up","firstColumnStylePosition","_jsxs","children","_jsx","jsx","GenericTableTitle","HighlightScrollbar","Table","TableHead","TableRow","Array","from","prop","idx","columnTitle","align","GenericTableBody","type","meta"],"mappings":"ucAyBA,MAAMA,EAAkBC,EAAAA,OAAO,MAAM;;;;;;;;;;;;;;EAgB/BC,EAAkBD,EAAMA,OAACE,EAAPF,EAAyC,EAAGG,QAAOC,eAAgB,CACvFC,SAAU,GACVC,QAASH,EAAMI,QAAQ,KAAM,GAC7BC,WAAY,SACZC,SAAUL,EAAW,SAAW,WAChCM,OAAQN,EAAW,EAAI,WAGrBO,EAAcX,EAAAA,OAAOY,EAAK;;iBAIX,EAAGC,OAAMC,QAAOC,WAAUC,aAAY,EAAMC,aAAYC,UAASC,eAClF,MAAMC,EAAU,IAAIC,IAChBF,EACKG,QAAQC,GAAMA,EAAEC,YAChBC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,QAAUD,EAAEC,UAC7BC,KAAKN,GAAMA,EAAEO,cAEhBC,EAAYZ,EAASa,QAA+C,CAACC,EAAKC,KAC5ED,EAAIC,EAAMJ,YAAcI,EACjBD,IACR,CAAE,GAEC9B,EAAQgC,EAAAA,WACRC,GAAYC,EAAclC,EAAMmC,YAAYC,GAAG,OAG/CC,EAA2BJ,EAAW,SAAW,SAmBvD,OACIK,OAAC1C,EAAe,CAAA2C,SAAA,CACX1B,GAAa2B,EAACC,IAAAC,EAAkB,CAAA/B,MAAOA,EAAOC,SAAUA,IACzD4B,EAAAC,IAACjC,EAAW,CAAA+B,SACRC,EAAAA,IAACG,EACG,CAAAJ,SAAAD,OAACM,EAAK,CAAA,aAAajC,EAAK4B,SAAA,CArBpCC,EAAAC,IAACI,EAAS,CAAAN,SACNC,EAAAA,IAACM,EACI,CAAAP,SAAAQ,MAAMC,KAAK/B,GAASS,KAAI,CAACuB,EAAMC,KAC5B,MAAMvB,WAAEA,EAAUwB,YAAEA,EAAWC,MAAEA,EAAQ,QAAWxB,EAAUqB,GAC9D,OACIT,MAAC1C,EAAiC,CAAAsD,MAAOA,EAAOnD,SAAkB,IAARiD,IAAcjB,EACpEM,SAAAC,EAAAA,IAAA,MAAA,CAAAD,SACIC,MAAO,OAAA,CAAAD,SAAAY,OAFOxB,EAKxB,QAaEa,EAAAA,IAACa,EACG,CAAAC,KAAMjB,EACN3B,KAAMA,EACNO,QAASA,EACTH,WAAYA,EACZC,QAASA,EACTwC,KAAM3B,aAM5B"}

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

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { GenericTableColumns } from './types.js';
+
+type GenericTableProps = {
+    data?: any[];
+    loading?: boolean;
+    metadata: GenericTableColumns[];
+    onRowClick?: Function;
+    showTitle?: boolean;
+    subTitle?: string;
+    title?: string;
+};
+declare const GenericTable: ({ data, title, subTitle, showTitle, onRowClick, loading, metadata }: GenericTableProps) => react_jsx_runtime.JSX.Element;
+
+export { GenericTable as default };

package/dist/components/ui/GenericTable/GenericTable.js

@@ -0,0 +1,18 @@
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{styled as r,useTheme as a}from"@mui/material/styles";import l from"@mui/material/Table";import t from"@mui/material/TableCell";import o from"@mui/material/TableHead";import m from"@mui/material/TableRow";import n from"@mui/material/useMediaQuery";import d from"../GenericTableTitle/GenericTableTitle.js";import c from"./HighlightScrollbar.js";import s from"../GenericTableBody/GenericTableBody.js";import p from"@mui/material/Card";const u=r("div")`
+    overflow-x: auto;
+    &::-webkit-scrollbar {
+        padding: 2px 0;
+        height: 6px;
+        border: 1px solid #d5d5d5;
+    }
+    &::-webkit-scrollbar-track {
+        background: #f1f1f1;
+    }
+    &::-webkit-scrollbar-thumb {
+        background: #f5f5f5;
+        border-radius: 3px;
+    }
+`,b=r(t)((({theme:i,isSticky:e})=>({fontSize:13,padding:i.spacing(1.25,2),whiteSpace:"nowrap",position:e?"sticky":"relative",zIndex:e?1:"auto"}))),f=r(p)`
+    overflow: hidden;
+`,h=({data:r,title:t,subTitle:p,showTitle:h=!0,onRowClick:T,loading:k,metadata:g})=>{const w=new Set(g.filter((i=>i.isVisible)).sort(((i,e)=>i.ordinal-e.ordinal)).map((i=>i.columnName))),y=g.reduce(((i,e)=>(i[e.columnName]=e,i)),{}),x=a(),S=!n(x.breakpoints.up("sm")),v=S?"normal":"sticky";return i(u,{children:[h&&e(d,{title:t,subTitle:p}),e(f,{children:e(c,{children:i(l,{"aria-label":t,children:[e(o,{children:e(m,{children:Array.from(w).map(((i,r)=>{const{columnName:a,columnTitle:l,align:t="left"}=y[i];return e(b,{align:t,isSticky:0===r&&!S,children:e("div",{children:e("span",{children:l})})},a)}))})}),e(s,{type:v,data:r,columns:w,onRowClick:T,loading:k,meta:y})]})})})]})};export{h as default};
+//# sourceMappingURL=GenericTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTable.js","sources":["../../../../src/components/ui/GenericTable/GenericTable.tsx"],"sourcesContent":["import { styled, useTheme } from '@mui/material/styles';\n\nimport Table from '@mui/material/Table';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport { GenericTableColumns } from './types';\nimport GenericTableTitle from '../GenericTableTitle/GenericTableTitle';\nimport HighlightScrollbar from './HighlightScrollbar';\nimport { GenericTableBody } from '../GenericTableBody';\nimport Card from '@mui/material/Card';\n\ntype GenericTableProps = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data?: any[];\n    loading?: boolean;\n    metadata: GenericTableColumns[];\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    onRowClick?: Function;\n    showTitle?: boolean;\n    subTitle?: string;\n    title?: string;\n};\n\nconst StyledContainer = styled('div')`\n    overflow-x: auto;\n    &::-webkit-scrollbar {\n        padding: 2px 0;\n        height: 6px;\n        border: 1px solid #d5d5d5;\n    }\n    &::-webkit-scrollbar-track {\n        background: #f1f1f1;\n    }\n    &::-webkit-scrollbar-thumb {\n        background: #f5f5f5;\n        border-radius: 3px;\n    }\n`;\n\nconst StyledTableCell = styled(TableCell)<{ isSticky: boolean }>(({ theme, isSticky }) => ({\n    fontSize: 13,\n    padding: theme.spacing(1.25, 2),\n    whiteSpace: 'nowrap',\n    position: isSticky ? 'sticky' : 'relative',\n    zIndex: isSticky ? 1 : 'auto',\n}));\n\nconst StyledPaper = styled(Card)`\n    overflow: hidden;\n`;\n\nconst GenericTable = ({ data, title, subTitle, showTitle = true, onRowClick, loading, metadata }: GenericTableProps) => {\n    const columns = new Set(\n        metadata\n            .filter((m) => m.isVisible)\n            .sort((a, b) => a.ordinal - b.ordinal)\n            .map((m) => m.columnName),\n    );\n    const tableMeta = metadata.reduce<{ [key: string]: GenericTableColumns }>((obj, mData) => {\n        obj[mData.columnName] = mData;\n        return obj;\n    }, {});\n\n    const theme = useTheme();\n    const isMobile = !useMediaQuery(theme.breakpoints.up('sm'));\n\n    // We never want sticky on mobile - only on desktop\n    const firstColumnStylePosition = isMobile ? 'normal' : 'sticky';\n\n    const renderTableHeader = () => (\n        <TableHead>\n            <TableRow>\n                {Array.from(columns).map((prop, idx) => {\n                    const { columnName, columnTitle, align = 'left' } = tableMeta[prop];\n                    return (\n                        <StyledTableCell key={columnName} align={align} isSticky={idx === 0 && !isMobile}>\n                            <div>\n                                <span>{columnTitle}</span>\n                            </div>\n                        </StyledTableCell>\n                    );\n                })}\n            </TableRow>\n        </TableHead>\n    );\n\n    return (\n        <StyledContainer>\n            {showTitle && <GenericTableTitle title={title} subTitle={subTitle}></GenericTableTitle>}\n            <StyledPaper>\n                <HighlightScrollbar>\n                    <Table aria-label={title}>\n                        {renderTableHeader()}\n                        <GenericTableBody\n                            type={firstColumnStylePosition}\n                            data={data}\n                            columns={columns}\n                            onRowClick={onRowClick}\n                            loading={loading}\n                            meta={tableMeta}\n                        />\n                    </Table>\n                </HighlightScrollbar>\n            </StyledPaper>\n        </StyledContainer>\n    );\n};\n\nexport default GenericTable;\n"],"names":["StyledContainer","styled","StyledTableCell","TableCell","theme","isSticky","fontSize","padding","spacing","whiteSpace","position","zIndex","StyledPaper","Card","GenericTable","data","title","subTitle","showTitle","onRowClick","loading","metadata","columns","Set","filter","m","isVisible","sort","a","b","ordinal","map","columnName","tableMeta","reduce","obj","mData","useTheme","isMobile","useMediaQuery","breakpoints","up","firstColumnStylePosition","_jsxs","children","_jsx","GenericTableTitle","HighlightScrollbar","Table","TableHead","TableRow","Array","from","prop","idx","columnTitle","align","GenericTableBody","type","meta"],"mappings":"yeAyBA,MAAMA,EAAkBC,EAAO,MAAM;;;;;;;;;;;;;;EAgB/BC,EAAkBD,EAAOE,EAAPF,EAAyC,EAAGG,QAAOC,eAAgB,CACvFC,SAAU,GACVC,QAASH,EAAMI,QAAQ,KAAM,GAC7BC,WAAY,SACZC,SAAUL,EAAW,SAAW,WAChCM,OAAQN,EAAW,EAAI,WAGrBO,EAAcX,EAAOY,EAAK;;EAI1BC,EAAe,EAAGC,OAAMC,QAAOC,WAAUC,aAAY,EAAMC,aAAYC,UAASC,eAClF,MAAMC,EAAU,IAAIC,IAChBF,EACKG,QAAQC,GAAMA,EAAEC,YAChBC,MAAK,CAACC,EAAGC,IAAMD,EAAEE,QAAUD,EAAEC,UAC7BC,KAAKN,GAAMA,EAAEO,cAEhBC,EAAYZ,EAASa,QAA+C,CAACC,EAAKC,KAC5ED,EAAIC,EAAMJ,YAAcI,EACjBD,IACR,CAAE,GAEC/B,EAAQiC,IACRC,GAAYC,EAAcnC,EAAMoC,YAAYC,GAAG,OAG/CC,EAA2BJ,EAAW,SAAW,SAmBvD,OACIK,EAAC3C,EAAe,CAAA4C,SAAA,CACX1B,GAAa2B,EAACC,EAAkB,CAAA9B,MAAOA,EAAOC,SAAUA,IACzD4B,EAACjC,EAAW,CAAAgC,SACRC,EAACE,EACG,CAAAH,SAAAD,EAACK,EAAK,CAAA,aAAahC,EAAK4B,SAAA,CArBpCC,EAACI,EAAS,CAAAL,SACNC,EAACK,EACI,CAAAN,SAAAO,MAAMC,KAAK9B,GAASS,KAAI,CAACsB,EAAMC,KAC5B,MAAMtB,WAAEA,EAAUuB,YAAEA,EAAWC,MAAEA,EAAQ,QAAWvB,EAAUoB,GAC9D,OACIR,EAAC3C,EAAiC,CAAAsD,MAAOA,EAAOnD,SAAkB,IAARiD,IAAchB,EACpEM,SAAAC,EAAA,MAAA,CAAAD,SACIC,EAAO,OAAA,CAAAD,SAAAW,OAFOvB,EAKxB,QAaEa,EAACY,EACG,CAAAC,KAAMhB,EACN3B,KAAMA,EACNO,QAASA,EACTH,WAAYA,EACZC,QAASA,EACTuC,KAAM1B,aAM5B"}

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

@@ -0,0 +1,2 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material/styles"),o=require("react");const t=e.styled("div")((({hovered:r,isScrolling:e})=>({overflowX:"auto","&::-webkit-scrollbar":{padding:"2px 0",height:"6px",border:"1px solid #d5d5d5"},"&::-webkit-scrollbar-track":{background:"#f1f1f1"},"&::-webkit-scrollbar-thumb":{background:r?"rgba(5, 20, 158, 0.3)":"#f5f5f5",borderRadius:"3px"},"&::-webkit-scrollbar-thumb:horizontal:active, &::-webkit-scrollbar-thumb:vertical:active":{background:r?"rgba(5, 20, 158, 0.6)":"#f5f5f5"},"&:hover .sticky":{boxShadow:e?"0px 2px 6px rgba(0, 0, 0, 0.5)":"none",transition:"box-shadow 200ms"}})));module.exports=e=>{const{children:l,onScroll:i,setIsScrolling:a,setScrollStarted:s}=e,[c,b]=o.useState(!1);return r.jsx(t,{hovered:c,isScrolling:!!a,onMouseEnter:()=>b(!0),onMouseLeave:()=>{b(!1),a&&a(!1),s&&s(!1)},onScroll:i,children:l})};
+//# sourceMappingURL=HighlightScrollbar.cjs.js.map

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{styled as o}from"@mui/material/styles";import{useState as e}from"react";const t=o("div")((({hovered:r,isScrolling:o})=>({overflowX:"auto","&::-webkit-scrollbar":{padding:"2px 0",height:"6px",border:"1px solid #d5d5d5"},"&::-webkit-scrollbar-track":{background:"#f1f1f1"},"&::-webkit-scrollbar-thumb":{background:r?"rgba(5, 20, 158, 0.3)":"#f5f5f5",borderRadius:"3px"},"&::-webkit-scrollbar-thumb:horizontal:active, &::-webkit-scrollbar-thumb:vertical:active":{background:r?"rgba(5, 20, 158, 0.6)":"#f5f5f5"},"&:hover .sticky":{boxShadow:o?"0px 2px 6px rgba(0, 0, 0, 0.5)":"none",transition:"box-shadow 200ms"}}))),l=o=>{const{children:l,onScroll:a,setIsScrolling:i,setScrollStarted:c}=o,[s,b]=e(!1);return r(t,{hovered:s,isScrolling:!!i,onMouseEnter:()=>b(!0),onMouseLeave:()=>{b(!1),i&&i(!1),c&&c(!1)},onScroll:a,children:l})};export{l as default};
+//# sourceMappingURL=HighlightScrollbar.js.map

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

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

package/dist/components/ui/GenericTable/types.d.ts

@@ -0,0 +1,11 @@
+type GenericTableColumns = {
+    columnName: string;
+    columnTitle: string;
+    columnType: 'String' | 'Custom';
+    align?: 'left' | 'right';
+    isVisible: boolean;
+    ordinal: number;
+    customComponent?: (data: any) => JSX.Element;
+};
+
+export type { GenericTableColumns };

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/styles"),i=require("@mui/material/TableBody"),t=require("@mui/material/TableCell"),l=require("@mui/material/TableRow"),a=require("@mui/material/Skeleton"),n=require("../GenericTableBodyRow/GenericTableBodyRow.cjs.js");const o=r.styled(t)((({align:e,titleCell:r,warning:i,sticky:t})=>({textAlign:e,fontWeight:r?"bold":"normal",backgroundColor:i?"#ffcccb":"inherit",position:t?"sticky":"static"}))),c=({colIdx:r,colName:i,hasWarning:t,hasTitle:l,meta:a,row:n,type:c})=>{const s=n[i],m={align:a[i].align??"left",warning:t,titleCell:l,sticky:"sticky"===c&&0===r};switch(a[i].columnType){case"String":default:return e.jsx(o,{...m,children:s??"-"});case"Custom":return e.jsx(o,{...m,children:s?a[i].customComponent(s):"-"})}};module.exports=({columns:r,data:t,loading:s,type:m,onRowClick:u,meta:d})=>e.jsx(i,{children:s?Array.from(Array(5)).map(((i,t)=>e.jsx(l,{children:Array.from(r).map(((r,i)=>e.jsx(o,{align:"left",titleCell:!1,warning:!1,sticky:!1,children:e.jsx(a,{width:"90%",height:22})},i)))},t))):t?.map(((i,t)=>e.jsx(n,{onRowClick:u,row:i,children:Array.from(r).map(((r,t)=>e.jsx(c,{colIdx:t,colName:r,row:i,type:m,meta:d})))},t)))});
+//# sourceMappingURL=GenericTableBody.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTableBody.cjs.js","sources":["../../../../src/components/ui/GenericTableBody/GenericTableBody.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiTableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\n\nimport { GenericTableColumns } from '../GenericTable';\nimport Skeleton from '@mui/material/Skeleton';\nimport { GenericTableBodyRow } from '../GenericTableBodyRow';\n\nconst StyledTableCell = styled(TableCell)<{ align: string; titleCell: boolean; warning: boolean; sticky: boolean }>(\n    ({ align, titleCell, warning, sticky }) => ({\n        textAlign: align,\n        fontWeight: titleCell ? 'bold' : 'normal',\n        backgroundColor: warning ? '#ffcccb' : 'inherit',\n        position: sticky ? 'sticky' : 'static',\n    }),\n);\n\nexport type TableCellProps = {\n    colIdx: number;\n    colName: string;\n    hasWarning?: boolean;\n    hasTitle?: boolean;\n    meta: { [key: string]: GenericTableColumns };\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    row: Record<string, any>;\n    type: 'sticky' | 'normal';\n};\n\nconst RenderTableCell: React.FC<TableCellProps> = ({ colIdx, colName, hasWarning, hasTitle, meta, row, type }) => {\n    const prop = row[colName];\n    const align = meta[colName].align ?? 'left';\n    const tableCellProps = { align, warning: hasWarning, titleCell: hasTitle, sticky: type === 'sticky' && colIdx === 0 };\n\n    switch (meta[colName].columnType) {\n        case 'String':\n            return <StyledTableCell {...tableCellProps}>{prop ?? '-'}</StyledTableCell>;\n        case 'Custom':\n            return <StyledTableCell {...tableCellProps}>{prop ? meta[colName].customComponent(prop) : '-'}</StyledTableCell>;\n        default:\n            return <StyledTableCell {...tableCellProps}>{prop ?? '-'}</StyledTableCell>;\n    }\n};\n\ntype TableBodyProps = {\n    columns: Set<string>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data?: any[];\n    loading?: boolean;\n    meta?: { [key: string]: GenericTableColumns };\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    onRowClick?: Function;\n    type: 'sticky' | 'normal';\n};\n\nconst GenericTableBody: React.FC<TableBodyProps> = ({ columns, data, loading, type, onRowClick, meta }) => {\n    const rowsPerPage = 5;\n    return (\n        <MuiTableBody>\n            {loading\n                ? Array.from(Array(rowsPerPage)).map((_, idx) => (\n                      <TableRow key={idx}>\n                          {Array.from(columns).map((_col, colIdx) => (\n                              <StyledTableCell key={colIdx} align={'left'} titleCell={false} warning={false} sticky={false}>\n                                  <Skeleton width=\"90%\" height={22} />\n                              </StyledTableCell>\n                          ))}\n                      </TableRow>\n                  ))\n                : data?.map((row, rowIdx) => (\n                      <GenericTableBodyRow key={rowIdx} onRowClick={onRowClick} row={row}>\n                          {Array.from(columns).map((colName, colIdx) => (\n                              <RenderTableCell colIdx={colIdx} colName={colName} row={row} type={type} meta={meta} />\n                          ))}\n                      </GenericTableBodyRow>\n                  ))}\n        </MuiTableBody>\n    );\n};\n\nexport default GenericTableBody;\n"],"names":["StyledTableCell","styled","TableCell","align","titleCell","warning","sticky","textAlign","fontWeight","backgroundColor","position","RenderTableCell","colIdx","colName","hasWarning","hasTitle","meta","row","type","prop","tableCellProps","columnType","_jsx","jsx","customComponent","columns","data","loading","onRowClick","MuiTableBody","children","Array","from","map","_","idx","TableRow","_col","Skeleton","width","height","rowIdx","GenericTableBodyRow"],"mappings":"mSAUA,MAAMA,EAAkBC,EAAAA,OAAOC,EAAPD,EACpB,EAAGE,QAAOC,YAAWC,UAASC,aAAc,CACxCC,UAAWJ,EACXK,WAAYJ,EAAY,OAAS,SACjCK,gBAAiBJ,EAAU,UAAY,UACvCK,SAAUJ,EAAS,SAAW,aAehCK,EAA4C,EAAGC,SAAQC,UAASC,aAAYC,WAAUC,OAAMC,MAAKC,WACnG,MAAMC,EAAOF,EAAIJ,GAEXO,EAAiB,CAAEjB,MADXa,EAAKH,GAASV,OAAS,OACLE,QAASS,EAAYV,UAAWW,EAAUT,OAAiB,WAATY,GAAgC,IAAXN,GAEvG,OAAQI,EAAKH,GAASQ,YAClB,IAAK,SAIL,QACI,OAAOC,EAAAC,IAACvB,EAAoB,IAAAoB,WAAiBD,GAAQ,MAHzD,IAAK,SACD,OAAOG,EAAAC,IAACvB,EAAoB,IAAAoB,WAAiBD,EAAOH,EAAKH,GAASW,gBAAgBL,GAAQ,MAGjG,iBAc8C,EAAGM,UAASC,OAAMC,UAAST,OAAMU,aAAYZ,UAGxFM,MAACO,EAAY,CAAAC,SACRH,EACKI,MAAMC,KAAKD,MAJL,IAIyBE,KAAI,CAACC,EAAGC,IACnCb,MAACc,EAAQ,CAAAN,SACJC,MAAMC,KAAKP,GAASQ,KAAI,CAACI,EAAMzB,IAC5BU,EAAAC,IAACvB,EAA6B,CAAAG,MAAO,OAAQC,WAAW,EAAOC,SAAS,EAAOC,QAAQ,EACnFwB,SAAAR,EAAAA,IAACgB,EAAQ,CAACC,MAAM,MAAMC,OAAQ,MADZ5B,MAFfuB,KAQnBT,GAAMO,KAAI,CAAChB,EAAKwB,IACZnB,MAACoB,EAAiC,CAAAd,WAAYA,EAAYX,IAAKA,WAC1Dc,MAAMC,KAAKP,GAASQ,KAAI,CAACpB,EAASD,IAC/BU,EAAAA,IAACX,EAAgB,CAAAC,OAAQA,EAAQC,QAASA,EAASI,IAAKA,EAAKC,KAAMA,EAAMF,KAAMA,OAF7DyB"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { GenericTableColumns } from '../GenericTable/types.js';
+
+type TableBodyProps = {
+    columns: Set<string>;
+    data?: any[];
+    loading?: boolean;
+    meta?: {
+        [key: string]: GenericTableColumns;
+    };
+    onRowClick?: Function;
+    type: 'sticky' | 'normal';
+};
+declare const GenericTableBody: React.FC<TableBodyProps>;
+
+export { GenericTableBody as default };

package/dist/components/ui/GenericTableBody/GenericTableBody.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{styled as i}from"@mui/material/styles";import r from"@mui/material/TableBody";import e from"@mui/material/TableCell";import o from"@mui/material/TableRow";import l from"@mui/material/Skeleton";import a from"../GenericTableBodyRow/GenericTableBodyRow.js";const m=i(e)((({align:t,titleCell:i,warning:r,sticky:e})=>({textAlign:t,fontWeight:i?"bold":"normal",backgroundColor:r?"#ffcccb":"inherit",position:e?"sticky":"static"}))),n=({colIdx:i,colName:r,hasWarning:e,hasTitle:o,meta:l,row:a,type:n})=>{const c=a[r],s={align:l[r].align??"left",warning:e,titleCell:o,sticky:"sticky"===n&&0===i};switch(l[r].columnType){case"String":default:return t(m,{...s,children:c??"-"});case"Custom":return t(m,{...s,children:c?l[r].customComponent(c):"-"})}},c=({columns:i,data:e,loading:c,type:s,onRowClick:d,meta:p})=>t(r,{children:c?Array.from(Array(5)).map(((r,e)=>t(o,{children:Array.from(i).map(((i,r)=>t(m,{align:"left",titleCell:!1,warning:!1,sticky:!1,children:t(l,{width:"90%",height:22})},r)))},e))):e?.map(((r,e)=>t(a,{onRowClick:d,row:r,children:Array.from(i).map(((i,e)=>t(n,{colIdx:e,colName:i,row:r,type:s,meta:p})))},e)))});export{c as default};
+//# sourceMappingURL=GenericTableBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTableBody.js","sources":["../../../../src/components/ui/GenericTableBody/GenericTableBody.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport MuiTableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableRow from '@mui/material/TableRow';\n\nimport { GenericTableColumns } from '../GenericTable';\nimport Skeleton from '@mui/material/Skeleton';\nimport { GenericTableBodyRow } from '../GenericTableBodyRow';\n\nconst StyledTableCell = styled(TableCell)<{ align: string; titleCell: boolean; warning: boolean; sticky: boolean }>(\n    ({ align, titleCell, warning, sticky }) => ({\n        textAlign: align,\n        fontWeight: titleCell ? 'bold' : 'normal',\n        backgroundColor: warning ? '#ffcccb' : 'inherit',\n        position: sticky ? 'sticky' : 'static',\n    }),\n);\n\nexport type TableCellProps = {\n    colIdx: number;\n    colName: string;\n    hasWarning?: boolean;\n    hasTitle?: boolean;\n    meta: { [key: string]: GenericTableColumns };\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    row: Record<string, any>;\n    type: 'sticky' | 'normal';\n};\n\nconst RenderTableCell: React.FC<TableCellProps> = ({ colIdx, colName, hasWarning, hasTitle, meta, row, type }) => {\n    const prop = row[colName];\n    const align = meta[colName].align ?? 'left';\n    const tableCellProps = { align, warning: hasWarning, titleCell: hasTitle, sticky: type === 'sticky' && colIdx === 0 };\n\n    switch (meta[colName].columnType) {\n        case 'String':\n            return <StyledTableCell {...tableCellProps}>{prop ?? '-'}</StyledTableCell>;\n        case 'Custom':\n            return <StyledTableCell {...tableCellProps}>{prop ? meta[colName].customComponent(prop) : '-'}</StyledTableCell>;\n        default:\n            return <StyledTableCell {...tableCellProps}>{prop ?? '-'}</StyledTableCell>;\n    }\n};\n\ntype TableBodyProps = {\n    columns: Set<string>;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data?: any[];\n    loading?: boolean;\n    meta?: { [key: string]: GenericTableColumns };\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    onRowClick?: Function;\n    type: 'sticky' | 'normal';\n};\n\nconst GenericTableBody: React.FC<TableBodyProps> = ({ columns, data, loading, type, onRowClick, meta }) => {\n    const rowsPerPage = 5;\n    return (\n        <MuiTableBody>\n            {loading\n                ? Array.from(Array(rowsPerPage)).map((_, idx) => (\n                      <TableRow key={idx}>\n                          {Array.from(columns).map((_col, colIdx) => (\n                              <StyledTableCell key={colIdx} align={'left'} titleCell={false} warning={false} sticky={false}>\n                                  <Skeleton width=\"90%\" height={22} />\n                              </StyledTableCell>\n                          ))}\n                      </TableRow>\n                  ))\n                : data?.map((row, rowIdx) => (\n                      <GenericTableBodyRow key={rowIdx} onRowClick={onRowClick} row={row}>\n                          {Array.from(columns).map((colName, colIdx) => (\n                              <RenderTableCell colIdx={colIdx} colName={colName} row={row} type={type} meta={meta} />\n                          ))}\n                      </GenericTableBodyRow>\n                  ))}\n        </MuiTableBody>\n    );\n};\n\nexport default GenericTableBody;\n"],"names":["StyledTableCell","styled","TableCell","align","titleCell","warning","sticky","textAlign","fontWeight","backgroundColor","position","RenderTableCell","colIdx","colName","hasWarning","hasTitle","meta","row","type","prop","tableCellProps","columnType","_jsx","customComponent","GenericTableBody","columns","data","loading","onRowClick","MuiTableBody","children","Array","from","map","_","idx","TableRow","_col","Skeleton","width","height","rowIdx","GenericTableBodyRow"],"mappings":"6SAUA,MAAMA,EAAkBC,EAAOC,EAAPD,EACpB,EAAGE,QAAOC,YAAWC,UAASC,aAAc,CACxCC,UAAWJ,EACXK,WAAYJ,EAAY,OAAS,SACjCK,gBAAiBJ,EAAU,UAAY,UACvCK,SAAUJ,EAAS,SAAW,aAehCK,EAA4C,EAAGC,SAAQC,UAASC,aAAYC,WAAUC,OAAMC,MAAKC,WACnG,MAAMC,EAAOF,EAAIJ,GAEXO,EAAiB,CAAEjB,MADXa,EAAKH,GAASV,OAAS,OACLE,QAASS,EAAYV,UAAWW,EAAUT,OAAiB,WAATY,GAAgC,IAAXN,GAEvG,OAAQI,EAAKH,GAASQ,YAClB,IAAK,SAIL,QACI,OAAOC,EAACtB,EAAoB,IAAAoB,WAAiBD,GAAQ,MAHzD,IAAK,SACD,OAAOG,EAACtB,EAAoB,IAAAoB,WAAiBD,EAAOH,EAAKH,GAASU,gBAAgBJ,GAAQ,MAGjG,EAcCK,EAA6C,EAAGC,UAASC,OAAMC,UAAST,OAAMU,aAAYZ,UAGxFM,EAACO,EAAY,CAAAC,SACRH,EACKI,MAAMC,KAAKD,MAJL,IAIyBE,KAAI,CAACC,EAAGC,IACnCb,EAACc,EAAQ,CAAAN,SACJC,MAAMC,KAAKP,GAASQ,KAAI,CAACI,EAAMzB,IAC5BU,EAACtB,EAA6B,CAAAG,MAAO,OAAQC,WAAW,EAAOC,SAAS,EAAOC,QAAQ,EACnFwB,SAAAR,EAACgB,EAAQ,CAACC,MAAM,MAAMC,OAAQ,MADZ5B,MAFfuB,KAQnBT,GAAMO,KAAI,CAAChB,EAAKwB,IACZnB,EAACoB,EAAiC,CAAAd,WAAYA,EAAYX,IAAKA,WAC1Dc,MAAMC,KAAKP,GAASQ,KAAI,CAACpB,EAASD,IAC/BU,EAACX,EAAgB,CAAAC,OAAQA,EAAQC,QAASA,EAASI,IAAKA,EAAKC,KAAMA,EAAMF,KAAMA,OAF7DyB"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/TableRow");module.exports=o=>{const{onRowClick:i,row:t,children:l}=o,n=e=>{e.preventDefault(),i&&i({row:t})};return i?e.jsx(r,{role:"button",onClick:n,hover:void 0!==n,children:l}):e.jsx(r,{children:l})};
+//# sourceMappingURL=GenericTableBodyRow.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTableBodyRow.cjs.js","sources":["../../../../src/components/ui/GenericTableBodyRow/GenericTableBodyRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport TableRow from '@mui/material/TableRow';\n\nexport type TableBodyRowProps = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    row: any;\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    onRowClick?: Function;\n};\n\ntype TableBodyRowProp = TableBodyRowProps & { children: React.ReactNode };\n\nconst GenericTableBodyRow: React.FC<React.PropsWithChildren<TableBodyRowProp>> = (props) => {\n    const { onRowClick, row, children } = props;\n\n    const onClick = (e) => {\n        e.preventDefault();\n        onRowClick && onRowClick({ row });\n    };\n\n    if (onRowClick) {\n        return (\n            <TableRow role=\"button\" onClick={onClick} hover={onClick !== undefined}>\n                {children}\n            </TableRow>\n        );\n    }\n\n    return <TableRow>{children}</TableRow>;\n};\n\nexport default GenericTableBodyRow;\n"],"names":["props","onRowClick","row","children","onClick","e","preventDefault","_jsx","TableRow","role","hover","undefined","jsx"],"mappings":"mGAakFA,IAC9E,MAAMC,WAAEA,EAAUC,IAAEA,EAAGC,SAAEA,GAAaH,EAEhCI,EAAWC,IACbA,EAAEC,iBACFL,GAAcA,EAAW,CAAEC,OAAM,EAGrC,OAAID,EAEIM,MAACC,EAAQ,CAACC,KAAK,SAASL,QAASA,EAASM,WAAmBC,IAAZP,EAC5CD,SAAAA,IAKNI,EAACK,IAAAJ,EAAU,CAAAL,SAAAA,GAAoB"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+
+type TableBodyRowProps = {
+    row: any;
+    onRowClick?: Function;
+};
+type TableBodyRowProp = TableBodyRowProps & {
+    children: React.ReactNode;
+};
+declare const GenericTableBodyRow: React.FC<React.PropsWithChildren<TableBodyRowProp>>;
+
+export { type TableBodyRowProps, GenericTableBodyRow as default };

package/dist/components/ui/GenericTableBodyRow/GenericTableBodyRow.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import o from"@mui/material/TableRow";const e=e=>{const{onRowClick:t,row:i,children:n}=e,l=r=>{r.preventDefault(),t&&t({row:i})};return r(o,t?{role:"button",onClick:l,hover:void 0!==l,children:n}:{children:n})};export{e as default};
+//# sourceMappingURL=GenericTableBodyRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTableBodyRow.js","sources":["../../../../src/components/ui/GenericTableBodyRow/GenericTableBodyRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport TableRow from '@mui/material/TableRow';\n\nexport type TableBodyRowProps = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    row: any;\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    onRowClick?: Function;\n};\n\ntype TableBodyRowProp = TableBodyRowProps & { children: React.ReactNode };\n\nconst GenericTableBodyRow: React.FC<React.PropsWithChildren<TableBodyRowProp>> = (props) => {\n    const { onRowClick, row, children } = props;\n\n    const onClick = (e) => {\n        e.preventDefault();\n        onRowClick && onRowClick({ row });\n    };\n\n    if (onRowClick) {\n        return (\n            <TableRow role=\"button\" onClick={onClick} hover={onClick !== undefined}>\n                {children}\n            </TableRow>\n        );\n    }\n\n    return <TableRow>{children}</TableRow>;\n};\n\nexport default GenericTableBodyRow;\n"],"names":["GenericTableBodyRow","props","onRowClick","row","children","onClick","e","preventDefault","_jsx","TableRow","role","hover","undefined"],"mappings":"8EAaA,MAAMA,EAA4EC,IAC9E,MAAMC,WAAEA,EAAUC,IAAEA,EAAGC,SAAEA,GAAaH,EAEhCI,EAAWC,IACbA,EAAEC,iBACFL,GAAcA,EAAW,CAAEC,OAAM,EAGrC,OAEQK,EAACC,EAFLP,EAEa,CAACQ,KAAK,SAASL,QAASA,EAASM,WAAmBC,IAAZP,EAC5CD,SAAAA,GAKK,CAAAA,SAAAA,GAAoB"}

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

@@ -0,0 +1,2 @@
+"use strict";var i=require("react/jsx-runtime"),e=require("@mui/material/Grid"),t=require("@mui/material/Typography"),r=require("@mui/material/styles");const a=r.styled(e)((({theme:i,titlePadding:e})=>{switch(e){case"small":return{padding:i.spacing(3,0,1.5),[i.breakpoints.down("md")]:{padding:i.spacing(3,2,1.5)}};case"medium":return{padding:i.spacing(4,0,2),[i.breakpoints.down("md")]:{padding:i.spacing(4,2,2)}};default:return{padding:0}}})),d=r.styled(t)({width:191,height:16,fontSize:12,fontWeight:"normal",lineHeight:1.33,letterSpacing:.4,color:"rgba(0, 0, 0, 0.38)"});module.exports=({maxGridWidth:r=12,subTitle:n,title:s,children:l,titlePadding:c="medium"})=>i.jsxs(a,{container:!0,titlePadding:c,children:[i.jsxs(e,{item:!0,xs:r,sm:r,children:[s&&i.jsx(t,{variant:"h5",children:s}),n&&i.jsx("div",{children:i.jsx(d,{variant:"caption",children:n})})]}),l]});
+//# sourceMappingURL=GenericTableTitle.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTableTitle.cjs.js","sources":["../../../../src/components/ui/GenericTableTitle/GenericTableTitle.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\n\ntype OuterProps = {\n    maxGridWidth?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n    subTitle?: string;\n    title?: string;\n    children?: ReactNode;\n    titlePadding?: 'small' | 'medium';\n};\n\nconst HeaderContainer = styled(Grid)<{ titlePadding: OuterProps['titlePadding'] }>(({ theme, titlePadding }) => {\n    switch (titlePadding) {\n        case 'small':\n            return {\n                padding: theme.spacing(3, 0, 1.5),\n                [theme.breakpoints.down('md')]: {\n                    padding: theme.spacing(3, 2, 1.5),\n                },\n            };\n        case 'medium':\n            return {\n                padding: theme.spacing(4, 0, 2),\n                [theme.breakpoints.down('md')]: {\n                    padding: theme.spacing(4, 2, 2),\n                },\n            };\n        default:\n            return { padding: 0 };\n    }\n});\n\nconst SubTitle = styled(Typography)({\n    width: 191,\n    height: 16,\n    fontSize: 12,\n    fontWeight: 'normal',\n    lineHeight: 1.33,\n    letterSpacing: 0.4,\n    color: 'rgba(0, 0, 0, 0.38)',\n});\n\nconst GenericTableTitle = ({ maxGridWidth = 12, subTitle, title, children, titlePadding = 'medium' }: OuterProps) => {\n    return (\n        <HeaderContainer container titlePadding={titlePadding}>\n            <Grid item xs={maxGridWidth} sm={maxGridWidth}>\n                {title && <Typography variant=\"h5\">{title}</Typography>}\n                {subTitle && (\n                    <div>\n                        <SubTitle variant=\"caption\">{subTitle}</SubTitle>\n                    </div>\n                )}\n            </Grid>\n\n            {children}\n        </HeaderContainer>\n    );\n};\n\nexport default GenericTableTitle;\n"],"names":["HeaderContainer","styled","Grid","theme","titlePadding","padding","spacing","breakpoints","down","SubTitle","Typography","width","height","fontSize","fontWeight","lineHeight","letterSpacing","color","maxGridWidth","subTitle","title","children","_jsxs","jsxs","container","item","xs","sm","_jsx","jsx","variant"],"mappings":"wJAaA,MAAMA,EAAkBC,EAAMA,OAACC,EAAPD,EAA2D,EAAGE,QAAOC,mBACzF,OAAQA,GACJ,IAAK,QACD,MAAO,CACHC,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAC7B,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC5BH,QAASF,EAAMG,QAAQ,EAAG,EAAG,OAGzC,IAAK,SACD,MAAO,CACHD,QAASF,EAAMG,QAAQ,EAAG,EAAG,GAC7B,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC5BH,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAGzC,QACI,MAAO,CAAED,QAAS,GACzB,IAGCI,EAAWR,EAAAA,OAAOS,EAAPT,CAAmB,CAChCU,MAAO,IACPC,OAAQ,GACRC,SAAU,GACVC,WAAY,SACZC,WAAY,KACZC,cAAe,GACfC,MAAO,uCAGe,EAAGC,eAAe,GAAIC,WAAUC,QAAOC,WAAUjB,eAAe,YAElFkB,EAACC,KAAAvB,EAAgB,CAAAwB,aAAUpB,aAAcA,EAAYiB,SAAA,CACjDC,EAAAA,KAACpB,GAAKuB,MAAI,EAACC,GAAIR,EAAcS,GAAIT,EAAYG,SAAA,CACxCD,GAASQ,EAACC,IAAAnB,GAAWoB,QAAQ,KAAIT,SAAED,IACnCD,GACGS,EACIC,IAAA,MAAA,CAAAR,SAAAO,EAAAA,IAACnB,EAAQ,CAACqB,QAAQ,UAAWT,SAAAF,SAKxCE"}

package/dist/components/ui/GenericTableTitle/GenericTableTitle.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+type OuterProps = {
+    maxGridWidth?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    subTitle?: string;
+    title?: string;
+    children?: ReactNode;
+    titlePadding?: 'small' | 'medium';
+};
+declare const GenericTableTitle: ({ maxGridWidth, subTitle, title, children, titlePadding }: OuterProps) => react_jsx_runtime.JSX.Element;
+
+export { GenericTableTitle as default };

package/dist/components/ui/GenericTableTitle/GenericTableTitle.js

@@ -0,0 +1,2 @@
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import e from"@mui/material/Grid";import a from"@mui/material/Typography";import{styled as r}from"@mui/material/styles";const n=r(e)((({theme:i,titlePadding:t})=>{switch(t){case"small":return{padding:i.spacing(3,0,1.5),[i.breakpoints.down("md")]:{padding:i.spacing(3,2,1.5)}};case"medium":return{padding:i.spacing(4,0,2),[i.breakpoints.down("md")]:{padding:i.spacing(4,2,2)}};default:return{padding:0}}})),d=r(a)({width:191,height:16,fontSize:12,fontWeight:"normal",lineHeight:1.33,letterSpacing:.4,color:"rgba(0, 0, 0, 0.38)"}),m=({maxGridWidth:r=12,subTitle:m,title:l,children:o,titlePadding:p="medium"})=>i(n,{container:!0,titlePadding:p,children:[i(e,{item:!0,xs:r,sm:r,children:[l&&t(a,{variant:"h5",children:l}),m&&t("div",{children:t(d,{variant:"caption",children:m})})]}),o]});export{m as default};
+//# sourceMappingURL=GenericTableTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericTableTitle.js","sources":["../../../../src/components/ui/GenericTableTitle/GenericTableTitle.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport Grid from '@mui/material/Grid';\nimport Typography from '@mui/material/Typography';\nimport { styled } from '@mui/material/styles';\n\ntype OuterProps = {\n    maxGridWidth?: boolean | 'auto' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n    subTitle?: string;\n    title?: string;\n    children?: ReactNode;\n    titlePadding?: 'small' | 'medium';\n};\n\nconst HeaderContainer = styled(Grid)<{ titlePadding: OuterProps['titlePadding'] }>(({ theme, titlePadding }) => {\n    switch (titlePadding) {\n        case 'small':\n            return {\n                padding: theme.spacing(3, 0, 1.5),\n                [theme.breakpoints.down('md')]: {\n                    padding: theme.spacing(3, 2, 1.5),\n                },\n            };\n        case 'medium':\n            return {\n                padding: theme.spacing(4, 0, 2),\n                [theme.breakpoints.down('md')]: {\n                    padding: theme.spacing(4, 2, 2),\n                },\n            };\n        default:\n            return { padding: 0 };\n    }\n});\n\nconst SubTitle = styled(Typography)({\n    width: 191,\n    height: 16,\n    fontSize: 12,\n    fontWeight: 'normal',\n    lineHeight: 1.33,\n    letterSpacing: 0.4,\n    color: 'rgba(0, 0, 0, 0.38)',\n});\n\nconst GenericTableTitle = ({ maxGridWidth = 12, subTitle, title, children, titlePadding = 'medium' }: OuterProps) => {\n    return (\n        <HeaderContainer container titlePadding={titlePadding}>\n            <Grid item xs={maxGridWidth} sm={maxGridWidth}>\n                {title && <Typography variant=\"h5\">{title}</Typography>}\n                {subTitle && (\n                    <div>\n                        <SubTitle variant=\"caption\">{subTitle}</SubTitle>\n                    </div>\n                )}\n            </Grid>\n\n            {children}\n        </HeaderContainer>\n    );\n};\n\nexport default GenericTableTitle;\n"],"names":["HeaderContainer","styled","Grid","theme","titlePadding","padding","spacing","breakpoints","down","SubTitle","Typography","width","height","fontSize","fontWeight","lineHeight","letterSpacing","color","GenericTableTitle","maxGridWidth","subTitle","title","children","_jsxs","container","item","xs","sm","_jsx","variant"],"mappings":"0KAaA,MAAMA,EAAkBC,EAAOC,EAAPD,EAA2D,EAAGE,QAAOC,mBACzF,OAAQA,GACJ,IAAK,QACD,MAAO,CACHC,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAC7B,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC5BH,QAASF,EAAMG,QAAQ,EAAG,EAAG,OAGzC,IAAK,SACD,MAAO,CACHD,QAASF,EAAMG,QAAQ,EAAG,EAAG,GAC7B,CAACH,EAAMI,YAAYC,KAAK,OAAQ,CAC5BH,QAASF,EAAMG,QAAQ,EAAG,EAAG,KAGzC,QACI,MAAO,CAAED,QAAS,GACzB,IAGCI,EAAWR,EAAOS,EAAPT,CAAmB,CAChCU,MAAO,IACPC,OAAQ,GACRC,SAAU,GACVC,WAAY,SACZC,WAAY,KACZC,cAAe,GACfC,MAAO,wBAGLC,EAAoB,EAAGC,eAAe,GAAIC,WAAUC,QAAOC,WAAUlB,eAAe,YAElFmB,EAACvB,EAAgB,CAAAwB,aAAUpB,aAAcA,EAAYkB,SAAA,CACjDC,EAACrB,GAAKuB,MAAI,EAACC,GAAIP,EAAcQ,GAAIR,EAAYG,SAAA,CACxCD,GAASO,EAAClB,GAAWmB,QAAQ,KAAIP,SAAED,IACnCD,GACGQ,EACI,MAAA,CAAAN,SAAAM,EAACnB,EAAQ,CAACoB,QAAQ,UAAWP,SAAAF,SAKxCE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "files": [
     "dist"
   ],