@flipdish/portal-library 1.0.38 → 1.0.40

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"),s=require("./ui/LazyComponent/LazyComponent.cjs.js"),t=require("./ui/Spacer/Spacer.cjs.js"),c=require("./ui/Chip/Chip.cjs.js"),a=require("./ui/Switch/Switch.cjs.js"),u=require("./ui/Form/utilities/formValidation.cjs.js"),n=require("./ui/Form/GenericFormContainer.cjs.js"),j=require("./ui/Form/GenericTextField.cjs.js"),l=require("./ui/GenericDateTimePickerField/GenericDateTimePickerField.cjs.js"),p=require("./ui/GenericRadioButtons/GenericRadioButtons.cjs.js"),d=require("./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.cjs.js"),T=require("./ui/GenericTable/GenericTable.cjs.js"),G=require("./ui/GenericTableBody/GenericTableBody.cjs.js"),q=require("./ui/GenericTableBodyRow/GenericTableBodyRow.cjs.js"),x=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=c,exports.Switch=a,exports.formikValidate=u.formikValidate,exports.GenericFormContainer=n,exports.GenericTextField=j,exports.GenericDatePickerField=l,exports.GenericRadioButtons=p,exports.DateTimeLocalizationProvider=d,exports.GenericTable=T,exports.GenericTableBody=G,exports.GenericTableBodyRow=q,exports.GenericTableTitle=x;
+"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"),s=require("./ui/Spacer/Spacer.cjs.js"),c=require("./ui/Chip/Chip.cjs.js"),a=require("./ui/Switch/Switch.cjs.js"),u=require("./ui/Form/utilities/formValidation.cjs.js"),n=require("./ui/Form/GenericAutocompleteField.cjs.js"),j=require("./ui/Form/GenericFormContainer.cjs.js"),l=require("./ui/Form/GenericTextField.cjs.js"),p=require("./ui/GenericDateTimePickerField/GenericDateTimePickerField.cjs.js"),d=require("./ui/GenericRadioButtons/GenericRadioButtons.cjs.js"),T=require("./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.cjs.js"),G=require("./ui/GenericTable/GenericTable.cjs.js"),m=require("./ui/GenericTableBody/GenericTableBody.cjs.js"),q=require("./ui/GenericTableBodyRow/GenericTableBodyRow.cjs.js"),x=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=t,exports.Spacer=s,exports.Chip=c,exports.Switch=a,exports.formikValidate=u.formikValidate,exports.GenericAutocompleteField=n,exports.GenericFormContainer=j,exports.GenericTextField=l,exports.GenericDatePickerField=p,exports.GenericRadioButtons=d,exports.DateTimeLocalizationProvider=T,exports.GenericTable=G,exports.GenericTableBody=m,exports.GenericTableBodyRow=q,exports.GenericTableTitle=x;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { default as Spacer } from './ui/Spacer/Spacer.js';
 export { default as Chip } from './ui/Chip/Chip.js';
 export { default as Switch } from './ui/Switch/Switch.js';
 export { formikValidate } from './ui/Form/utilities/formValidation.js';
+export { default as GenericAutocompleteField } from './ui/Form/GenericAutocompleteField.js';
 export { default as GenericFormContainer } from './ui/Form/GenericFormContainer.js';
 export { default as GenericTextField } from './ui/Form/GenericTextField.js';
 export { default as GenericDatePickerField } from './ui/GenericDateTimePickerField/GenericDateTimePickerField.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{default as Switch}from"./ui/Switch/Switch.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 GenericDatePickerField}from"./ui/GenericDateTimePickerField/GenericDateTimePickerField.js";export{default as GenericRadioButtons}from"./ui/GenericRadioButtons/GenericRadioButtons.js";export{default as DateTimeLocalizationProvider}from"./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.js";export{default as GenericTable}from"./ui/GenericTable/GenericTable.js";export{default as GenericTableBody}from"./ui/GenericTableBody/GenericTableBody.js";export{default as GenericTableBodyRow}from"./ui/GenericTableBodyRow/GenericTableBodyRow.js";export{default as GenericTableTitle}from"./ui/GenericTableTitle/GenericTableTitle.js";import"react/jsx-runtime";import"react";import"../providers/TranslationProvider.js";
+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{default as Switch}from"./ui/Switch/Switch.js";export{formikValidate}from"./ui/Form/utilities/formValidation.js";export{default as GenericAutocompleteField}from"./ui/Form/GenericAutocompleteField.js";export{default as GenericFormContainer}from"./ui/Form/GenericFormContainer.js";export{default as GenericTextField}from"./ui/Form/GenericTextField.js";export{default as GenericDatePickerField}from"./ui/GenericDateTimePickerField/GenericDateTimePickerField.js";export{default as GenericRadioButtons}from"./ui/GenericRadioButtons/GenericRadioButtons.js";export{default as DateTimeLocalizationProvider}from"./ui/DateTimeLocalizationProvider/DateTimeLocalizationProvider.js";export{default as GenericTable}from"./ui/GenericTable/GenericTable.js";export{default as GenericTableBody}from"./ui/GenericTableBody/GenericTableBody.js";export{default as GenericTableBodyRow}from"./ui/GenericTableBodyRow/GenericTableBodyRow.js";export{default as GenericTableTitle}from"./ui/GenericTableTitle/GenericTableTitle.js";import"react/jsx-runtime";import"react";import"../providers/TranslationProvider.js";
 //# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericAutocompleteField.cjs.js","sources":["../../../../src/components/ui/Form/GenericAutocompleteField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { TextFieldProps, Autocomplete, TextField, Typography, CircularProgress } from '@mui/material';\nimport { Field, FieldProps } from 'formik';\nimport { SyntheticEvent } from 'react';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\n\ntype Props = {\n    label: string;\n    fieldName: string;\n    options: any[];\n    placeholder?: string;\n    getOptionLabel?: (option: any) => string;\n    validation?: (value: string) => string | undefined;\n    onChange?: (e: SyntheticEvent, value: any) => void;\n    onInputChange?: (e: SyntheticEvent, value: any) => void;\n    isOptionEqualToValue?: (option: any, value: any) => boolean;\n    onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    loading?: boolean;\n    required?: boolean;\n};\n\nconst GenericAutocompleteField = ({\n    label,\n    fieldName,\n    options,\n    placeholder,\n    getOptionLabel,\n    validation,\n    onChange,\n    onInputChange,\n    isOptionEqualToValue,\n    onScroll,\n    layout = 'horizontal',\n    variant = 'outlined',\n    disabled = false,\n    loading = false,\n    required = false,\n}: 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                        <Autocomplete\n                            options={options}\n                            getOptionLabel={getOptionLabel}\n                            isOptionEqualToValue={isOptionEqualToValue}\n                            onChange={(e: SyntheticEvent, value: any) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(fieldName, value);\n                                if (onChange) {\n                                    onChange(e, value);\n                                }\n                            }}\n                            onInputChange={onInputChange}\n                            disabled={isSubmitting || disabled}\n                            fullWidth\n                            loading={loading}\n                            renderInput={(params) => (\n                                <TextField\n                                    {...params}\n                                    label={variant === 'standard' ? undefined : label}\n                                    variant={variant}\n                                    data-testid={`text-field-${fieldName}`}\n                                    fullWidth\n                                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                                    placeholder={placeholder ? placeholder : undefined}\n                                    required={required}\n                                    error={showError}\n                                    helperText={helperText}\n                                    FormHelperTextProps={{\n                                        children: ' ', // reserves line height for error message\n                                        style: { textAlign: 'right' },\n                                    }}\n                                    InputProps={{\n                                        endAdornment: (\n                                            <>\n                                                {loading && <CircularProgress color=\"inherit\" size={25} />}\n                                                {params.InputProps.endAdornment}\n                                            </>\n                                        ),\n                                    }}\n                                />\n                            )}\n                            ListboxProps={{\n                                onScroll,\n                            }}\n                        />\n                    );\n                }}\n            </Field>\n        );\n    };\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {variant === 'standard' && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericAutocompleteField;\n"],"names":["label","fieldName","options","placeholder","getOptionLabel","validation","onChange","onInputChange","isOptionEqualToValue","onScroll","layout","variant","disabled","loading","required","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","FormHelperTextProps","textAlign","InputProps","endAdornment","_jsxs","jsxs","_Fragment","jsx","CircularProgress","color","size","ListboxProps","Typography","component","FormItemLayout"],"mappings":"6MAyBiC,EAC7BA,QACAC,YACAC,UACAC,cACAC,iBACAC,aACAC,WACAC,gBACAC,uBACAC,WACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,WAAU,EACVC,YAAW,MAEX,MAAMC,EAAc,IAEZC,MAACC,EAAAA,OAAMC,KAAMjB,EAAWkB,SAAUd,EAAUe,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EAAmB,CAClCH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,QAGjB,OACId,MAACe,EAAYA,aAAA,CACT7B,QAASA,EACTE,eAAgBA,EAChBI,qBAAsBA,EACtBF,SAAU,CAAC0B,EAAmBF,KAE1BR,EAAKW,cAAchC,EAAW6B,GAC1BxB,GACAA,EAAS0B,EAAGF,EACf,EAELvB,cAAeA,EACfK,SAAUa,GAAgBb,EAC1BsB,WAAS,EACTrB,QAASA,EACTsB,YAAcC,GACVpB,EAAAA,IAACqB,EAASA,UACF,IAAAD,EACJpC,MAAmB,aAAZW,OAAyB2B,EAAYtC,EAC5CW,QAASA,EAAO,cACH,cAAcV,IAC3BiC,WAAS,EACTK,MAAO,CAAEC,aAAyB,eAAX9B,EAA0B,GAAK,GACtDP,YAAaA,QAA4BmC,EACzCxB,SAAUA,EACV2B,MAAOd,EACPC,WAAYA,EACZc,oBAAqB,CACjBtB,SAAU,IACVmB,MAAO,CAAEI,UAAW,UAExBC,WAAY,CACRC,aACIC,EACKC,KAAAC,WAAA,CAAA5B,SAAA,CAAAP,GAAWG,EAACiC,IAAAC,mBAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDhB,EAAOQ,WAAWC,mBAMvCQ,aAAc,CACV5C,aAGV,IAMlB,MAAe,aAAXC,EAEIoC,EAAAC,KAAAC,WAAA,CAAA5B,SAAA,CACiB,aAAZT,GACGK,EAAAiC,IAACK,aAAU,CAAC3C,QAAQ,YAAY4C,UAAU,KAAKJ,MAAM,cAChD/B,SAAApB,IAGRe,OAKNC,EAAAiC,IAACO,EAAc,CAACxD,MAAOA,EAAQoB,SAAAL,KAA+B"}

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

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextFieldProps } from '@mui/material';
+import { SyntheticEvent } from 'react';
+
+type Props = {
+    label: string;
+    fieldName: string;
+    options: any[];
+    placeholder?: string;
+    getOptionLabel?: (option: any) => string;
+    validation?: (value: string) => string | undefined;
+    onChange?: (e: SyntheticEvent, value: any) => void;
+    onInputChange?: (e: SyntheticEvent, value: any) => void;
+    isOptionEqualToValue?: (option: any, value: any) => boolean;
+    onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;
+    layout?: 'horizontal' | 'vertical';
+    variant?: TextFieldProps['variant'];
+    disabled?: boolean;
+    loading?: boolean;
+    required?: boolean;
+};
+declare const GenericAutocompleteField: ({ label, fieldName, options, placeholder, getOptionLabel, validation, onChange, onInputChange, isOptionEqualToValue, onScroll, layout, variant, disabled, loading, required, }: Props) => react_jsx_runtime.JSX.Element;
+
+export { GenericAutocompleteField as default };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenericAutocompleteField.js","sources":["../../../../src/components/ui/Form/GenericAutocompleteField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { TextFieldProps, Autocomplete, TextField, Typography, CircularProgress } from '@mui/material';\nimport { Field, FieldProps } from 'formik';\nimport { SyntheticEvent } from 'react';\nimport useRenderValidText from '../../custom-hooks/useRenderValidText';\nimport FormItemLayout from './FormItemLayout';\n\ntype Props = {\n    label: string;\n    fieldName: string;\n    options: any[];\n    placeholder?: string;\n    getOptionLabel?: (option: any) => string;\n    validation?: (value: string) => string | undefined;\n    onChange?: (e: SyntheticEvent, value: any) => void;\n    onInputChange?: (e: SyntheticEvent, value: any) => void;\n    isOptionEqualToValue?: (option: any, value: any) => boolean;\n    onScroll?: (e: React.UIEvent<HTMLUListElement, UIEvent>) => void;\n    layout?: 'horizontal' | 'vertical';\n    variant?: TextFieldProps['variant'];\n    disabled?: boolean;\n    loading?: boolean;\n    required?: boolean;\n};\n\nconst GenericAutocompleteField = ({\n    label,\n    fieldName,\n    options,\n    placeholder,\n    getOptionLabel,\n    validation,\n    onChange,\n    onInputChange,\n    isOptionEqualToValue,\n    onScroll,\n    layout = 'horizontal',\n    variant = 'outlined',\n    disabled = false,\n    loading = false,\n    required = false,\n}: 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                        <Autocomplete\n                            options={options}\n                            getOptionLabel={getOptionLabel}\n                            isOptionEqualToValue={isOptionEqualToValue}\n                            onChange={(e: SyntheticEvent, value: any) => {\n                                // eslint-disable-next-line @typescript-eslint/no-floating-promises\n                                form.setFieldValue(fieldName, value);\n                                if (onChange) {\n                                    onChange(e, value);\n                                }\n                            }}\n                            onInputChange={onInputChange}\n                            disabled={isSubmitting || disabled}\n                            fullWidth\n                            loading={loading}\n                            renderInput={(params) => (\n                                <TextField\n                                    {...params}\n                                    label={variant === 'standard' ? undefined : label}\n                                    variant={variant}\n                                    data-testid={`text-field-${fieldName}`}\n                                    fullWidth\n                                    style={{ paddingRight: layout === 'horizontal' ? 16 : 0 }}\n                                    placeholder={placeholder ? placeholder : undefined}\n                                    required={required}\n                                    error={showError}\n                                    helperText={helperText}\n                                    FormHelperTextProps={{\n                                        children: ' ', // reserves line height for error message\n                                        style: { textAlign: 'right' },\n                                    }}\n                                    InputProps={{\n                                        endAdornment: (\n                                            <>\n                                                {loading && <CircularProgress color=\"inherit\" size={25} />}\n                                                {params.InputProps.endAdornment}\n                                            </>\n                                        ),\n                                    }}\n                                />\n                            )}\n                            ListboxProps={{\n                                onScroll,\n                            }}\n                        />\n                    );\n                }}\n            </Field>\n        );\n    };\n\n    if (layout === 'vertical') {\n        return (\n            <>\n                {variant === 'standard' && (\n                    <Typography variant=\"subtitle1\" component=\"h3\" color=\"textPrimary\">\n                        {label}\n                    </Typography>\n                )}\n                {renderField()}\n            </>\n        );\n    }\n\n    return <FormItemLayout label={label}>{renderField()}</FormItemLayout>;\n};\n\nexport default GenericAutocompleteField;\n"],"names":["GenericAutocompleteField","label","fieldName","options","placeholder","getOptionLabel","validation","onChange","onInputChange","isOptionEqualToValue","onScroll","layout","variant","disabled","loading","required","renderField","_jsx","Field","name","validate","children","field","form","errors","touched","isSubmitting","fieldError","showError","helperText","useRenderValidText","value","Autocomplete","e","setFieldValue","fullWidth","renderInput","params","TextField","undefined","style","paddingRight","error","FormHelperTextProps","textAlign","InputProps","endAdornment","_jsxs","_Fragment","CircularProgress","color","size","ListboxProps","Typography","component","FormItemLayout"],"mappings":"4RAyBM,MAAAA,EAA2B,EAC7BC,QACAC,YACAC,UACAC,cACAC,iBACAC,aACAC,WACAC,gBACAC,uBACAC,WACAC,SAAS,aACTC,UAAU,WACVC,YAAW,EACXC,WAAU,EACVC,YAAW,MAEX,MAAMC,EAAc,IAEZC,EAACC,GAAMC,KAAMjB,EAAWkB,SAAUd,EAAUe,SACvC,EAAGC,QAAOC,WACP,MAAMC,OAAEA,EAAMC,QAAEA,EAAOC,aAAEA,GAAiBH,EACpCI,EAAaH,EAAOF,EAAMH,MAC1BS,IAAcD,GAAeF,EAAQH,EAAMH,MAC3CU,EAAaC,EAAmB,CAClCH,aACAC,YACAH,UAAWA,EAAQH,EAAMH,MACzBY,MAAOT,EAAMS,QAGjB,OACId,EAACe,EAAY,CACT7B,QAASA,EACTE,eAAgBA,EAChBI,qBAAsBA,EACtBF,SAAU,CAAC0B,EAAmBF,KAE1BR,EAAKW,cAAchC,EAAW6B,GAC1BxB,GACAA,EAAS0B,EAAGF,EACf,EAELvB,cAAeA,EACfK,SAAUa,GAAgBb,EAC1BsB,WAAS,EACTrB,QAASA,EACTsB,YAAcC,GACVpB,EAACqB,EACO,IAAAD,EACJpC,MAAmB,aAAZW,OAAyB2B,EAAYtC,EAC5CW,QAASA,EAAO,cACH,cAAcV,IAC3BiC,WAAS,EACTK,MAAO,CAAEC,aAAyB,eAAX9B,EAA0B,GAAK,GACtDP,YAAaA,QAA4BmC,EACzCxB,SAAUA,EACV2B,MAAOd,EACPC,WAAYA,EACZc,oBAAqB,CACjBtB,SAAU,IACVmB,MAAO,CAAEI,UAAW,UAExBC,WAAY,CACRC,aACIC,EACKC,EAAA,CAAA3B,SAAA,CAAAP,GAAWG,EAACgC,EAAiB,CAAAC,MAAM,UAAUC,KAAM,KACnDd,EAAOQ,WAAWC,mBAMvCM,aAAc,CACV1C,aAGV,IAMlB,MAAe,aAAXC,EAEIoC,EAAAC,EAAA,CAAA3B,SAAA,CACiB,aAAZT,GACGK,EAACoC,EAAU,CAACzC,QAAQ,YAAY0C,UAAU,KAAKJ,MAAM,cAChD7B,SAAApB,IAGRe,OAKNC,EAACsC,EAAc,CAACtD,MAAOA,EAAQoB,SAAAL,KAA+B"}

package/package.json

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