@bluemarble/bm-components 0.0.11 → 0.0.12

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 } 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, InputLabel, FormControlLabel, Checkbox as Checkbox$1, Switch as Switch$1, FormLabel, RadioGroup, Radio as Radio$1, CircularProgress } from '@mui/material';
 import emStyled from '@emotion/styled';
 import '@emotion/react';
 import { Field, useField } from 'formik';
@@ -4019,7 +4019,7 @@ const Grid = (props) => {
                 horizontal: "right",
             } },
             React__default.createElement(Box$2, { sx: { minWidth: 300, padding: 2 } },
-                React__default.createElement(Typography, { fontWeight: "bold", variant: "body1" }, "Filtrar por:"),
+                React__default.createElement(Typography, { fontWeight: "bold", variant: "body2" }, "Filtrar por:"),
                 React__default.createElement(Autocomplete$1, { value: selectedTitle || "", onChange: ({ target }) => {
                         !target.innerHTML.includes("path")
                             ? setSelectedTitle(target.innerHTML)
@@ -14772,8 +14772,8 @@ const BaseInput$1 = (props) => {
 const FormikInput = (_a) => {
     var { name } = _a, rest = __rest(_a, ["name"]);
     return (React__default.createElement(Field, { name: name }, (_a) => {
-        var _b = _a.field, field = __rest(_b, ["value"]);
-        return (React__default.createElement(BaseInput$1, Object.assign({}, field, rest)));
+        var _b = _a.field, { value } = _b, field = __rest(_b, ["value"]);
+        return (React__default.createElement(BaseInput$1, Object.assign({}, field, rest, { defaultValue: value })));
     }));
 };
 
@@ -14800,15 +14800,20 @@ const BaseInputMask = (_a) => {
 function FormikInputMask(_a) {
     var { mask, defaultValue, name } = _a, rest = __rest(_a, ["mask", "defaultValue", "name"]);
     const { ref, value, unmaskedValue, setValue } = useIMask(mask);
+    const initialValue = useRef();
     useEffect(() => {
         if (!value && defaultValue)
             setValue(String(defaultValue));
+        else if (initialValue.current) {
+            setValue(String(initialValue.current));
+        }
     }, [defaultValue]);
     const onChange = (setFieldValue) => {
         setFieldValue(name, unmaskedValue);
     };
     return (React__default.createElement(Field, { name: name }, (_a) => {
-        var _b = _a.field, field = __rest(_b, ["value"]), { form: { setFieldValue } } = _a;
+        var _b = _a.field, { value } = _b, field = __rest(_b, ["value"]), { form: { setFieldValue } } = _a;
+        initialValue.current = value;
         return (React__default.createElement(BaseInput$1, Object.assign({}, rest, field, { onChange: () => onChange(setFieldValue), inputRef: ref })));
     }));
 }
@@ -14831,7 +14836,7 @@ const BaseSelect = (_a) => {
 };
 const FormikSelect = (_a) => {
     var { name, label, children, FormControlProps, InputLabelProps } = _a, rest = __rest(_a, ["name", "label", "children", "FormControlProps", "InputLabelProps"]);
-    const [_b, meta, { setValue }] = useField({ name }), field = __rest(_b, ["value"]);
+    const [_b, meta, { setValue }] = useField({ name }), { value } = _b, field = __rest(_b, ["value"]);
     const onChange = (_, { props: { value } }) => {
         setValue(value);
     };
@@ -14839,7 +14844,7 @@ const FormikSelect = (_a) => {
         React__default.createElement(CustomInputLabel, Object.assign({}, InputLabelProps), label),
         React__default.createElement(Select$1, Object.assign({ inputProps: {
                 name,
-            }, label: label }, rest, field, { onChange: onChange }), children)));
+            }, label: label }, rest, field, { defaultValue: value, onChange: onChange }), children)));
 };
 
 function Autocomplete(_a) {
@@ -14855,7 +14860,9 @@ function BaseInput(props) {
 }
 function FormikAutocomplete(_a) {
     var { getOptionValue } = _a, props = __rest(_a, ["getOptionValue"]);
-    const [_b, , { setValue }] = useField({ name: props.name }), field = __rest(_b, []);
+    const [_b, , { setValue }] = useField({
+        name: props.name,
+    }), { value: defaultValue } = _b, field = __rest(_b, ["value"]);
     const onChange = (_, newValue) => {
         if (getOptionValue) {
             setValue(getOptionValue(newValue));
@@ -14863,7 +14870,7 @@ function FormikAutocomplete(_a) {
         else
             setValue(newValue);
     };
-    return (React__default.createElement(Autocomplete$1, Object.assign({}, props, { renderInput: (params) => (React__default.createElement(TextField, Object.assign({}, params, field, { label: props.label }))), onChange: onChange })));
+    return (React__default.createElement(Autocomplete$1, Object.assign({}, props, { renderInput: (params) => (React__default.createElement(TextField, Object.assign({}, params, field, { label: props.label }))), defaultValue: props.options.find((option) => Object.values(option)[0] === defaultValue), onChange: onChange })));
 }
 
 const Checkbox = (_a) => {
@@ -14881,11 +14888,11 @@ const FormikCheckbox = (_a) => {
     var { label, name, FormControlLabelProps } = _a, props = __rest(_a, ["label", "name", "FormControlLabelProps"]);
     const [_b, , { setValue }] = useField({
         name,
-    }), field = __rest(_b, ["value", "onChange"]);
+    }), { value, onChange: unused } = _b, field = __rest(_b, ["value", "onChange"]);
     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)) }, field, FormControlLabelProps)));
+    return (React__default.createElement(FormControlLabel, Object.assign({ label: label, onChange: onChange, control: React__default.createElement(Checkbox$1, Object.assign({}, props, { defaultChecked: value })) }, field, FormControlLabelProps)));
 };
 
 const Switch = (_a) => {
@@ -14903,11 +14910,11 @@ const FormikSwitch = (_a) => {
     var { label, name, FormControlLabelProps } = _a, props = __rest(_a, ["label", "name", "FormControlLabelProps"]);
     const [_b, , { setValue }] = useField({
         name,
-    }), field = __rest(_b, ["value", "onChange"]);
+    }), { value, onChange: unused } = _b, field = __rest(_b, ["value", "onChange"]);
     const onChange = (_, value) => {
         setValue(value);
     };
-    return (React__default.createElement(FormControlLabel, Object.assign({ label: label, onChange: onChange, control: React__default.createElement(Switch$1, Object.assign({}, props)) }, field, FormControlLabelProps)));
+    return (React__default.createElement(FormControlLabel, Object.assign({ label: label, onChange: onChange, control: React__default.createElement(Switch$1, Object.assign({}, props, { defaultChecked: value })) }, field, FormControlLabelProps)));
 };
 
 const Radio = (_a) => {
@@ -14928,14 +14935,14 @@ const FormikRadio = (_a) => {
     const onChange = (setFieldValue, value) => {
         setFieldValue(name, value);
     };
-    return (React__default.createElement(Field, null, ({ form: { setFieldValue } }) => (React__default.createElement(FormControl, null,
+    return (React__default.createElement(Field, null, ({ field: { value }, form: { setFieldValue } }) => (React__default.createElement(FormControl, null,
         label && React__default.createElement(FormLabel, null, label),
-        React__default.createElement(RadioGroup, Object.assign({ onChange: (_, value) => onChange(setFieldValue, value) }, rest), options.map((option) => (React__default.createElement(FormControlLabel, { key: String(option.value), value: option.value, label: option.label, control: React__default.createElement(Radio$1, null) }))))))));
+        React__default.createElement(RadioGroup, Object.assign({ defaultValue: value, onChange: (_, value) => onChange(setFieldValue, value) }, rest), options.map((option) => (React__default.createElement(FormControlLabel, { key: String(option.value), value: option.value, label: option.label, control: React__default.createElement(Radio$1, null) }))))))));
 };
 
 const LargeButton = (_a) => {
-    var { loading, children } = _a, rest = __rest(_a, ["loading", "children"]);
-    return (React__default.createElement(Button, Object.assign({ variant: "contained", fullWidth: true, sx: Object.assign({ color: "#fff", fontWeight: "bold" }, rest.sx) }, rest), children));
+    var { loading, children, CircularProgressProps } = _a, rest = __rest(_a, ["loading", "children", "CircularProgressProps"]);
+    return (React__default.createElement(Button, Object.assign({ variant: "contained", fullWidth: true, sx: Object.assign({ color: "#fff", fontWeight: "bold" }, rest.sx), disabled: rest.disabled || loading }, rest), loading ? (React__default.createElement(CircularProgress, Object.assign({ size: 25, color: "inherit" }, CircularProgressProps))) : (children)));
 };
 
 export { Autocomplete, Checkbox, EditableTableCell, Grid, Input, InputMask, LargeButton, Radio, Select, Switch, Td, Tr, filterData };