@bluemarble/bm-components 1.10.1 → 1.10.2

package/dist/index.mjs

@@ -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 {
@@ -3368,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
@@ -3387,7 +3402,7 @@ function BaseInput2(props) {
     }, props)
   );
 }
-function FormikAutocomplete(_a) {
+function FormikAutocompleteLegacy(_a) {
   var _b = _a, {
     getOptionValue,
     option
@@ -3398,22 +3413,14 @@ function FormikAutocomplete(_a) {
   const [_a2, ..._b2] = useField2({
     name: props.name
   }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
-  const theme = useTheme3();
-  const isLegacyBehaviorDisabledTheme = useMemo2(() => {
-    var _a3, _b3, _c2;
-    return ((_c2 = (_b3 = (_a3 = theme.components) == null ? void 0 : _a3.MuiAutocomplete) == null ? void 0 : _b3.defaultProps) == null ? void 0 : _c2["data-legacy-behavior"]) === "disabled";
-  }, [theme]);
-  const isLegacyBehaviorDisabled = typeof (props == null ? void 0 : props["data-legacy-behavior"]) !== "undefined" ? props["data-legacy-behavior"] === "disabled" : isLegacyBehaviorDisabledTheme;
   const defaultOption = useMemo2(() => {
-    if (!option && isLegacyBehaviorDisabled)
-      return value;
     const key = option == null ? void 0 : option.key;
     if (key)
       return props.options.find((option2) => option2[key] === value);
     return props.options.find(
       (option2) => Object.values(option2)[0] === value
     );
-  }, [value, option, props.options.find, isLegacyBehaviorDisabled]);
+  }, [value, option, props.options.find]);
   const onChange = (_, newValue) => {
     const value2 = option == null ? void 0 : option.value;
     if (getOptionValue) {
@@ -3462,6 +3469,49 @@ function FormikAutocomplete(_a) {
     }, 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";
@@ -4127,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";
@@ -4167,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);
@@ -4198,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)
@@ -4616,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) {
@@ -4635,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) {
@@ -4723,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")
@@ -4878,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 = [],
@@ -4891,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) => {
@@ -5067,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() {
@@ -5079,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 }) {