@bluemarble/bm-components 0.0.9 → 0.0.12

package/dist/esm/index.js

@@ -1,9 +1,8 @@
 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 { useTable } from 'react-table';
 import { Field, useField } from 'formik';
 
 const GridHeader = ({ setOrder, setOrderBy, order, orderBy, titles = [], }) => {
@@ -14760,18 +14759,6 @@ const EditableTableCell = (allProps) => {
         }, isEditing: isEditing, name: name, rowData: rowData, onSave: onSave, handleCancelEditing: handleCancelEditing, setIsEditing: setIsEditing, formatInputDefautvalue: formatInputDefautvalue, type: type })))) : (React__default.createElement(React__default.Fragment, null, formatCellValue(value)))));
 };
 
-function GridV2({ columns, data, }) {
-    const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = useTable({ columns, data });
-    return (React__default.createElement("table", Object.assign({}, getTableProps()),
-        React__default.createElement("thead", null, headerGroups.map((headerGroup) => (React__default.createElement("tr", Object.assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map((column) => (React__default.createElement("th", Object.assign({}, column.getHeaderProps()), column.render("Header")))))))),
-        React__default.createElement("tbody", Object.assign({}, getTableBodyProps()), rows.map((row, i) => {
-            prepareRow(row);
-            return (React__default.createElement("tr", Object.assign({}, row.getRowProps()), row.cells.map((cell) => {
-                return React__default.createElement("td", Object.assign({}, cell.getCellProps()), cell.render("Cell"));
-            })));
-        }))));
-}
-
 const Input = (_a) => {
     var { withFormik = true } = _a, rest = __rest(_a, ["withFormik"]);
     if (withFormik)
@@ -14785,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 })));
     }));
 };
 
@@ -14813,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 })));
     }));
 }
@@ -14844,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);
     };
@@ -14852,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) {
@@ -14868,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));
@@ -14876,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) => {
@@ -14894,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) => {
@@ -14916,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) => {
@@ -14941,15 +14935,15 @@ 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, GridV2, Input, InputMask, LargeButton, Radio, Select, Switch, Td, Tr, filterData };
+export { Autocomplete, Checkbox, EditableTableCell, Grid, Input, InputMask, LargeButton, Radio, Select, Switch, Td, Tr, filterData };
 //# sourceMappingURL=index.js.map