@bluemarble/bm-components 0.0.82 → 0.0.84

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) => {
@@ -15032,18 +15033,43 @@ const GridPagination = ({ currentPage, totalNumberOfPages, onPageChange, rowsPer
                 React__default.createElement(MdArrowForwardIos, { size: 8 * 2 })))));
 };
 
-function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, isLoading }) {
-    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign({ 'tr td': {
-                py: dense ? 0.23 : 0.7
-            }, 'tr td:not(:last-child), tr th:not(:last-child)': {
-                borderRight: bordered ? '1px solid' : '',
+const styles = {
+    rowGap: function (dense) {
+        return {
+            py: dense ? 0.23 : 0.7
+        };
+    },
+    bordered: function (active) {
+        if (!active)
+            return {};
+        return {
+            'tr td:not(:last-child), tr th:not(:last-child)': {
+                borderRight: '1px solid',
                 borderColor: 'divider'
-            }, 'tr:nth-of-type(even)': {
+            }
+        };
+    },
+    striped: function (active) {
+        if (!active)
+            return {};
+        return {
+            'tr:nth-of-type(even)': {
                 transition: 'background-color ease 200ms',
-                bgcolor: striped ? 'divider' : 'initial'
-            }, 'tbody tr:last-child td': {
-                borderBottomWidth: hideFooter ? 0 : 1
-            } }, paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
+                bgcolor: 'divider'
+            }
+        };
+    },
+    lastRowBorder: function (active) {
+        return {
+            'tbody tr:last-child td': {
+                borderBottomWidth: active ? 0 : 1
+            }
+        };
+    }
+};
+
+function BaseGrid({ columns, children, fixedColumns, paperProps, tableBodyProps, tableHeadProps, tableProps, sortedDirection, sortedBy, onSortBy, dense = true, striped, bordered, currentPage, totalNumberOfPages, onPageChange, rowsPerPage, setRowsPerPage, rowsPerPageOptions, hideFooter, isLoading }) {
+    return (React__default.createElement(Paper, Object.assign({}, paperProps, { sx: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, styles.rowGap(dense)), styles.bordered(bordered)), styles.striped(striped)), styles.lastRowBorder(hideFooter)), paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx) }),
         React__default.createElement(Table, Object.assign({ size: "small", stickyHeader: true }, tableProps, { sx: Object.assign({}, tableProps === null || tableProps === void 0 ? void 0 : tableProps.sx) }),
             React__default.createElement(TableHead, Object.assign({}, tableHeadProps),
                 React__default.createElement(TableRow, null, columns.map((column) => (React__default.createElement(TableCell, { key: column.name, padding: dense ? 'none' : 'normal', sx: Object.assign({ pl: 2 }, column === null || column === void 0 ? void 0 : column.sx) }, column.children ? (column.children) : (React__default.createElement(TableSortLabel, { active: sortedBy === column.name, direction: sortedDirection, onClick: () => onSortBy(column.name), disabled: column.canSort === false }, column.label)))))),