@bluemarble/bm-components 1.10.0 → 1.10.2

package/dist/index.mjs

@@ -2919,7 +2919,7 @@ import moment from "moment";
 var DefaultInput = (allProps) => {
   var _a;
   const {
-    TextFieldProps: TextFieldProps4,
+    TextFieldProps: TextFieldProps3,
     onSave,
     name,
     onUpdateValue,
@@ -2973,7 +2973,7 @@ var DefaultInput = (allProps) => {
       defaultValue: formatDefaultValue(rowData == null ? void 0 : rowData[name]),
       sx: __spreadValues({
         width: fullWidth ? "100%" : "intial"
-      }, TextFieldProps4 == null ? void 0 : TextFieldProps4.sx),
+      }, TextFieldProps3 == null ? void 0 : TextFieldProps3.sx),
       inputProps: {
         style: {
           paddingBottom: 6,
@@ -2981,13 +2981,13 @@ var DefaultInput = (allProps) => {
         },
         onKeyDown
       },
-      InputProps: __spreadProps(__spreadValues({}, TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps), {
+      InputProps: __spreadProps(__spreadValues({}, TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps), {
         sx: __spreadValues({
           fontSize: 14,
           pl: 0.2
-        }, (_a = TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps) == null ? void 0 : _a.sx)
+        }, (_a = TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps) == null ? void 0 : _a.sx)
       })
-    }, TextFieldProps4)
+    }, TextFieldProps3)
   );
 };
 
@@ -2998,7 +2998,7 @@ import { TextField as TextField3 } from "@mui/material";
 var InputMask = (allProps) => {
   var _a;
   const {
-    TextFieldProps: TextFieldProps4,
+    TextFieldProps: TextFieldProps3,
     onSave,
     name,
     rowData,
@@ -3045,7 +3045,7 @@ var InputMask = (allProps) => {
       size: "small",
       sx: __spreadValues({
         width: fullWidth ? "100%" : "intial"
-      }, TextFieldProps4 == null ? void 0 : TextFieldProps4.sx),
+      }, TextFieldProps3 == null ? void 0 : TextFieldProps3.sx),
       inputProps: {
         style: {
           paddingBottom: 6,
@@ -3053,20 +3053,20 @@ var InputMask = (allProps) => {
         },
         onKeyDown
       },
-      InputProps: __spreadProps(__spreadValues({}, TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps), {
+      InputProps: __spreadProps(__spreadValues({}, TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps), {
         sx: __spreadValues({
           fontSize: 14,
           pl: 0.2
-        }, (_a = TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps) == null ? void 0 : _a.sx)
+        }, (_a = TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps) == null ? void 0 : _a.sx)
       })
-    }, TextFieldProps4)
+    }, TextFieldProps3)
   );
 };
 
 // src/components/Grid/EditableTableCell/index.tsx
 var EditableTableCell = (allProps) => {
   const _a = allProps, {
-    TextFieldProps: TextFieldProps4,
+    TextFieldProps: TextFieldProps3,
     onSave = () => {
     },
     onCancel,
@@ -3348,7 +3348,8 @@ function FormikSelect(_a) {
 // src/components/Autocomplete/index.tsx
 import React13, {
   Fragment,
-  useMemo as useMemo2
+  useMemo as useMemo2,
+  useState as useState3
 } from "react";
 import { useField as useField2 } from "formik";
 import {
@@ -3356,6 +3357,7 @@ import {
   TextField as TextField5,
   CircularProgress
 } from "@mui/material";
+import { useTheme as useTheme3 } from "@mui/material/styles";
 function Autocomplete2(_a) {
   var _b = _a, {
     withFormik = true,
@@ -3367,8 +3369,22 @@ function Autocomplete2(_a) {
     "getOptionValue"
   ]);
   if (withFormik) {
+    const theme = useTheme3();
+    const isLegacyBehaviorDisabledTheme = useMemo2(() => {
+      var _a2, _b2, _c;
+      return ((_c = (_b2 = (_a2 = theme.components) == null ? void 0 : _a2.MuiAutocomplete) == null ? void 0 : _b2.defaultProps) == null ? void 0 : _c["data-legacy-behavior"]) === "disabled";
+    }, [theme]);
+    const isLegacyBehaviorDisabled = typeof (rest == null ? void 0 : rest["data-legacy-behavior"]) !== "undefined" ? rest["data-legacy-behavior"] === "disabled" : isLegacyBehaviorDisabledTheme;
+    if (isLegacyBehaviorDisabled)
+      return /* @__PURE__ */ React13.createElement(
+        FormikAutocomplete,
+        __spreadValues({
+          name,
+          getOptionValue
+        }, rest)
+      );
     return /* @__PURE__ */ React13.createElement(
-      FormikAutocomplete,
+      FormikAutocompleteLegacy,
       __spreadValues({
         name,
         getOptionValue
@@ -3386,7 +3402,7 @@ function BaseInput2(props) {
     }, props)
   );
 }
-function FormikAutocomplete(_a) {
+function FormikAutocompleteLegacy(_a) {
   var _b = _a, {
     getOptionValue,
     option
@@ -3396,23 +3412,21 @@ function FormikAutocomplete(_a) {
   ]);
   const [_a2, ..._b2] = useField2({
     name: props.name
-  }), _c = _a2, { value: defaultValue } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
+  }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
   const defaultOption = useMemo2(() => {
-    if (!option)
-      return defaultValue;
     const key = option == null ? void 0 : option.key;
     if (key)
-      return props.options.find((option2) => option2[key] === defaultValue);
+      return props.options.find((option2) => option2[key] === value);
     return props.options.find(
-      (option2) => Object.values(option2)[0] === defaultValue
+      (option2) => Object.values(option2)[0] === value
     );
-  }, [defaultValue, option, props.options.find]);
+  }, [value, option, props.options.find]);
   const onChange = (_, newValue) => {
-    const value = option == null ? void 0 : option.value;
+    const value2 = option == null ? void 0 : option.value;
     if (getOptionValue) {
       setValue(getOptionValue(newValue));
-    } else if (value) {
-      setValue(newValue[value]);
+    } else if (value2) {
+      setValue(newValue[value2]);
     } else
       setValue(newValue);
   };
@@ -3449,12 +3463,55 @@ function FormikAutocomplete(_a) {
           autoFocus: props.autoFocus
         }), props.textFieldProps)
       ),
-      defaultValue: defaultOption,
+      value: defaultOption || null,
       onChange,
       isOptionEqualToValue
     }, props)
   );
 }
+function FormikAutocomplete(_a) {
+  var _b = _a, {
+    getOptionValue,
+    option
+  } = _b, props = __objRest(_b, [
+    "getOptionValue",
+    "option"
+  ]);
+  const [_a2, ..._b2] = useField2({
+    name: props.name
+  }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
+  const [defaultValue] = useState3(value);
+  const onChange = (_, newValue) => {
+    const value2 = option == null ? void 0 : option.value;
+    if (getOptionValue) {
+      setValue(getOptionValue(newValue));
+    } else if (value2) {
+      setValue(newValue[value2]);
+    } else
+      setValue(newValue);
+  };
+  return /* @__PURE__ */ React13.createElement(
+    MuiAutocomplete,
+    __spreadValues({
+      renderInput: (params) => /* @__PURE__ */ React13.createElement(
+        TextField5,
+        __spreadValues(__spreadProps(__spreadValues(__spreadValues({
+          error: Boolean(meta == null ? void 0 : meta.error),
+          helperText: meta == null ? void 0 : meta.error
+        }, params), field), {
+          InputProps: __spreadProps(__spreadValues({}, params.InputProps), {
+            endAdornment: /* @__PURE__ */ React13.createElement(Fragment, null, props.loading ? /* @__PURE__ */ React13.createElement(CircularProgress, { color: "inherit", size: 20 }) : null, params.InputProps.endAdornment)
+          }),
+          label: props.label,
+          required: props.required,
+          autoFocus: props.autoFocus
+        }), props.textFieldProps)
+      ),
+      defaultValue,
+      onChange
+    }, props)
+  );
+}
 
 // src/components/Checkbox/index.tsx
 import React14 from "react";
@@ -4120,7 +4177,7 @@ import { useContext as useContext2 } from "react";
 
 // src/contexts/AlertContext.tsx
 import React25, { useCallback } from "react";
-import { createContext, useState as useState3 } from "react";
+import { createContext, useState as useState4 } from "react";
 
 // src/components/Toast/index.tsx
 import React24 from "react";
@@ -4160,9 +4217,9 @@ var Toast = ({ open, onClose, severity, message }) => {
 // src/contexts/AlertContext.tsx
 var AlertContext = createContext({});
 var AlertProvider = ({ children }) => {
-  const [severity, setSeverity] = useState3("info");
-  const [message, setMessage] = useState3("");
-  const [isVisible, setIsVisible] = useState3(false);
+  const [severity, setSeverity] = useState4("info");
+  const [message, setMessage] = useState4("");
+  const [isVisible, setIsVisible] = useState4(false);
   const createAlert = useCallback(
     (newMessage, severity2) => {
       setMessage(newMessage);
@@ -4191,9 +4248,9 @@ var useAlert = () => {
 };
 
 // src/hooks/useLoading.ts
-import { useCallback as useCallback2, useState as useState4 } from "react";
+import { useCallback as useCallback2, useState as useState5 } from "react";
 function useLoading() {
-  const [state, setState] = useState4([]);
+  const [state, setState] = useState5([]);
   const isLoading = useCallback2((prop) => state.includes(prop), [state]);
   const setLoading = useCallback2((prop, remove) => {
     if (remove)
@@ -4609,11 +4666,11 @@ var AuthHelper = class {
 };
 
 // src/hooks/useGrid.ts
-import { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMemo3, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect5, useMemo as useMemo3, useState as useState7 } from "react";
 
 // src/hooks/useFilter.ts
 import moment2 from "moment";
-import { useCallback as useCallback4, useState as useState5 } from "react";
+import { useCallback as useCallback4, useState as useState6 } from "react";
 
 // src/components/utils/getObjectValue.ts
 function getObjectValue(obj) {
@@ -4628,7 +4685,7 @@ function getObjectValue(obj) {
 
 // src/hooks/useFilter.ts
 function useFilter() {
-  const [selectedFilters, setSelectedFilters] = useState5([]);
+  const [selectedFilters, setSelectedFilters] = useState6([]);
   const filterBy = useCallback4((newFilter) => {
     const propToCompare = (newFilter == null ? void 0 : newFilter.id) ? "id" : "prop";
     function removeRepeatedFilters(filter) {
@@ -4716,13 +4773,13 @@ function useGrid({
   defaultCurrentPage,
   defaultSortedBy
 }) {
-  const [defaultData, setDefaultData] = useState6(externalDefaultData || []);
-  const [sortedBy, setSortedBy] = useState6(
+  const [defaultData, setDefaultData] = useState7(externalDefaultData || []);
+  const [sortedBy, setSortedBy] = useState7(
     defaultSortedBy || []
   );
-  const [currentPage, setCurrentPage] = useState6(defaultCurrentPage || 0);
-  const [rowsPerPage, setRowsPerPage] = useState6(rowsPerPageOptions[0]);
-  const [updatedTimes, setUpdatedTimes] = useState6(0);
+  const [currentPage, setCurrentPage] = useState7(defaultCurrentPage || 0);
+  const [rowsPerPage, setRowsPerPage] = useState7(rowsPerPageOptions[0]);
+  const [updatedTimes, setUpdatedTimes] = useState7(0);
   const toggleSortedDirection = useCallback5(
     (direction) => {
       if (direction === "asc")
@@ -4871,7 +4928,7 @@ function createSearch(options) {
 }
 
 // src/hooks/useAsyncGrid.ts
-import { useCallback as useCallback6, useEffect as useEffect6, useState as useState7 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect6, useState as useState8 } from "react";
 function useAsyncGrid({
   columns,
   filters = [],
@@ -4884,14 +4941,14 @@ function useAsyncGrid({
   defaultCurrentPage,
   defaultSortedBy
 }) {
-  const [defaultData, setDefaultData] = useState7(externalDefaultData || []);
-  const [sortedBy, setSortedBy] = useState7(
+  const [defaultData, setDefaultData] = useState8(externalDefaultData || []);
+  const [sortedBy, setSortedBy] = useState8(
     defaultSortedBy || []
   );
-  const [totalNumberOfItems, setTotalNumberOfItems] = useState7(0);
-  const [isLoading, setIsLoading] = useState7(false);
-  const [currentPage, setCurrentPage] = useState7(defaultCurrentPage || 0);
-  const [rowsPerPage, setRowsPerPage] = useState7(rowsPerPageOptions[0]);
+  const [totalNumberOfItems, setTotalNumberOfItems] = useState8(0);
+  const [isLoading, setIsLoading] = useState8(false);
+  const [currentPage, setCurrentPage] = useState8(defaultCurrentPage || 0);
+  const [rowsPerPage, setRowsPerPage] = useState8(rowsPerPageOptions[0]);
   const totalNumberOfPages = Math.ceil(totalNumberOfItems / rowsPerPage) - 1;
   const toggleSortedDirection = useCallback6(
     (direction) => {
@@ -5060,7 +5117,7 @@ import React27, { useCallback as useCallback7 } from "react";
 import {
   createContext as createContext3,
   useEffect as useEffect8,
-  useState as useState8
+  useState as useState9
 } from "react";
 import { parseCookies as parseCookies2 } from "nookies";
 function createAuthContext() {
@@ -5072,8 +5129,8 @@ function CreateAuthProvider({
   sessionTokenName,
   Provider
 }) {
-  const [user, setUser] = useState8();
-  const [status, setStatus] = useState8("unauthenticated");
+  const [user, setUser] = useState9();
+  const [status, setStatus] = useState9("unauthenticated");
   const { createAlert } = useAlert();
   const signIn = useCallback7(
     (_0) => __async(this, [_0], function* ({ email, password }) {