@bluemarble/bm-components 0.0.82 → 0.0.83

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { memo, useState, useRef, useMemo, useEffect, useCallback } from 'react';
-import { TableHead, TableRow, TableCell, TableSortLabel, Chip, Tooltip, IconButton, Paper, LinearProgress, TableContainer, Table, TableBody, TablePagination, Popover, Box as Box$2, Typography, Autocomplete as Autocomplete$1, TextField, Button, FormControl, Select as Select$1, InputLabel, FormControlLabel, Checkbox as Checkbox$1, Switch as Switch$1, FormLabel, RadioGroup, Radio as Radio$1, CircularProgress, Stack, MenuItem, Modal as Modal$1, Dialog as Dialog$1, DialogTitle, DialogContentText, DialogActions } from '@mui/material';
+import { TableHead, TableRow, TableCell, TableSortLabel, Chip, Tooltip, IconButton, Paper, LinearProgress, TableContainer, Table, TableBody, TablePagination, Popover, Box as Box$2, Typography, Autocomplete as Autocomplete$1, TextField, Button, FormControl, Select as Select$1, FormHelperText, InputLabel, FormControlLabel, Checkbox as Checkbox$1, Switch as Switch$1, FormLabel, RadioGroup, Radio as Radio$1, CircularProgress, Stack, MenuItem, Modal as Modal$1, Dialog as Dialog$1, DialogTitle, DialogContentText, DialogActions } from '@mui/material';
 import emStyled from '@emotion/styled';
 import '@emotion/react';
 import { Field, useField } from 'formik';
@@ -14804,8 +14804,8 @@ const BaseInput$1 = (props) => {
 const FormikInput = (_a) => {
     var { name, shrink } = _a, rest = __rest(_a, ["name", "shrink"]);
     return (React__default.createElement(Field, { name: name }, (_a) => {
-        var _b = _a.field, { value } = _b, field = __rest(_b, ["value"]);
-        return (React__default.createElement(BaseInput$1, Object.assign({ defaultValue: value }, field, rest, { InputLabelProps: Object.assign({ shrink }, rest.InputLabelProps) })));
+        var _b = _a.field, { value } = _b, field = __rest(_b, ["value"]), { meta: { error } } = _a;
+        return (React__default.createElement(BaseInput$1, Object.assign({ defaultValue: value, error: Boolean(error), helperText: error }, field, rest, { InputLabelProps: Object.assign({ shrink }, rest.InputLabelProps) })));
     }));
 };
 
@@ -14846,10 +14846,10 @@ function FormikInputMask(_a) {
             formikSaveFunction.current(name, unmaskedValue);
     }, [value]);
     return (React__default.createElement(Field, { name: name }, (_a) => {
-        var _b = _a.field, { value } = _b, field = __rest(_b, ["value"]), { form: { setFieldValue } } = _a;
+        var _b = _a.field, { value } = _b, field = __rest(_b, ["value"]), { meta: { error }, form: { setFieldValue } } = _a;
         initialValue.current = value;
         formikSaveFunction.current = setFieldValue;
-        return React__default.createElement(BaseInput$1, Object.assign({}, rest, field, { inputRef: ref }));
+        return (React__default.createElement(BaseInput$1, Object.assign({}, rest, field, { inputRef: ref, error: Boolean(error), helperText: error })));
     }));
 }
 
@@ -14870,16 +14870,17 @@ const BaseSelect = (_a) => {
             }, label: label }, rest), children)));
 };
 const FormikSelect = (_a) => {
-    var { name, label, children, FormControlProps, InputLabelProps } = _a, rest = __rest(_a, ["name", "label", "children", "FormControlProps", "InputLabelProps"]);
+    var { name, label, children, FormControlProps, InputLabelProps, helperText } = _a, rest = __rest(_a, ["name", "label", "children", "FormControlProps", "InputLabelProps", "helperText"]);
     const [_b, meta, { setValue }] = useField({ name }), { value } = _b, field = __rest(_b, ["value"]);
     const onChange = (_, { props: { value } }) => {
         setValue(value);
     };
-    return (React__default.createElement(FormControl, Object.assign({ fullWidth: true }, FormControlProps),
+    return (React__default.createElement(FormControl, Object.assign({ fullWidth: true }, FormControlProps, { error: Boolean(meta === null || meta === void 0 ? void 0 : meta.error) }),
         React__default.createElement(CustomInputLabel, Object.assign({}, InputLabelProps), label),
         React__default.createElement(Select$1, Object.assign({ inputProps: {
                 name
-            }, label: label }, rest, field, { defaultValue: value, onChange: onChange }), children)));
+            }, label: label }, rest, field, { defaultValue: value, onChange: onChange }), children),
+        React__default.createElement(FormHelperText, null, helperText || (meta === null || meta === void 0 ? void 0 : meta.error))));
 };
 
 function Autocomplete(_a) {
@@ -14895,7 +14896,7 @@ function BaseInput(props) {
 }
 function FormikAutocomplete(_a) {
     var { getOptionValue, option } = _a, props = __rest(_a, ["getOptionValue", "option"]);
-    const [_b, , { setValue }] = useField({
+    const [_b, meta, { setValue }] = useField({
         name: props.name
     }), { value: defaultValue } = _b, field = __rest(_b, ["value"]);
     const defaultOption = useMemo(() => {
@@ -14931,7 +14932,7 @@ function FormikAutocomplete(_a) {
             return a[key] === b[key];
         return Object.values(a)[0] === Object.values(b)[0];
     };
-    return (React__default.createElement(Autocomplete$1, Object.assign({ getOptionLabel: getOptionLabel, renderInput: (params) => (React__default.createElement(TextField, Object.assign({}, params, field, { label: props.label }))), defaultValue: defaultOption, onChange: onChange, isOptionEqualToValue: isOptionEqualToValue }, props)));
+    return (React__default.createElement(Autocomplete$1, Object.assign({ getOptionLabel: getOptionLabel, renderInput: (params) => (React__default.createElement(TextField, Object.assign({ error: Boolean(meta === null || meta === void 0 ? void 0 : meta.error), helperText: meta === null || meta === void 0 ? void 0 : meta.error }, params, field, { label: props.label }))), defaultValue: defaultOption, onChange: onChange, isOptionEqualToValue: isOptionEqualToValue }, props)));
 }
 
 const Checkbox = (_a) => {
@@ -14953,7 +14954,7 @@ const FormikCheckbox = (_a) => {
     const onChange = (_, value) => {
         setValue(value);
     };
-    return (React__default.createElement(FormControlLabel, Object.assign({ label: label, onChange: onChange, control: React__default.createElement(Checkbox$1, Object.assign({}, props, { defaultChecked: value })) }, field, FormControlLabelProps)));
+    return (React__default.createElement(FormControlLabel, Object.assign({ label: label, onChange: onChange, control: React__default.createElement(Checkbox$1, Object.assign({}, props, { defaultChecked: Boolean(value) })) }, field, FormControlLabelProps)));
 };
 
 const Switch = (_a) => {