@bluemarble/bm-components 0.0.81 → 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) => {
@@ -15129,7 +15130,7 @@ function createFilter(filters) {
     };
 }
 
-function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100] }) {
+function useGrid({ columns, filters = [], search, rowsPerPageOptions = [30, 60, 100] }) {
     const [defaultData, setDefaultData] = useState([]);
     const [sortedBy, setSortedBy] = useState('');
     const [sortedDirection, setSortedDirection] = useState('desc');
@@ -15192,10 +15193,14 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100] })
         setRowsPerPage(rows);
     };
     const filteredData = useMemo(() => {
-        const newData = defaultData.slice(0);
+        let newData = defaultData.slice(0);
+        if (search && search.value !== '') {
+            const searchBy = createSearch(search);
+            newData = newData.filter(searchBy);
+        }
         const newFilter = createFilter(filters);
         return newData.filter(newFilter.apply);
-    }, [defaultData, filters]);
+    }, [defaultData, filters, search]);
     const displayData = useMemo(() => {
         const sortedData = sortData(filteredData);
         const startPage = currentPage * rowsPerPage;
@@ -15220,6 +15225,44 @@ function useGrid({ columns, filters = [], rowsPerPageOptions = [30, 60, 100] })
         setSort
     };
 }
+function searchKeysForValue(row, compare) {
+    const rowKeys = Object.keys(row);
+    let match = false;
+    const isNumberOrString = (value) => ['number', 'string'].includes(typeof value);
+    for (const key of rowKeys) {
+        const objValue = row[key];
+        if (objValue) {
+            if (Array.isArray(objValue))
+                match = objValue.some((obj) => isNumberOrString(obj)
+                    ? compare(obj)
+                    : searchKeysForValue(obj, compare));
+            else if (typeof objValue === 'object')
+                match = searchKeysForValue(objValue, compare);
+            else
+                match = compare(row[key]);
+            if (match)
+                return match;
+        }
+    }
+    return match;
+}
+function createSearch(options) {
+    const searchValue = options.caseSensitive
+        ? options.value
+        : String(options.value).toLowerCase();
+    function compare(objValue) {
+        const value = options.caseSensitive
+            ? String(objValue)
+            : String(objValue).toLowerCase();
+        if (options.exact)
+            return value === searchValue;
+        return value.includes(searchValue);
+    }
+    return (row) => {
+        const match = searchKeysForValue(row, compare);
+        return match;
+    };
+}
 
 /* eslint no-undef: "off" */
 function useEvent(event, handler, passive = false) {