@bluemarble/bm-components 1.8.0 → 1.9.1

package/dist/index.d.mts

@@ -108,18 +108,22 @@ interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
     withFormik: false;
     getOptionValue?: never;
     label?: string;
+    required?: boolean;
     getOptionLabel: (option: T) => string;
     renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
+    textFieldProps?: TextFieldProps;
 }
 interface AutocompleteWithFormikProps<T> extends MuiAutocompleteBaseProps<T> {
     name: string;
     withFormik?: true;
+    required?: boolean;
     label?: string;
     option?: {
         label?: keyof T;
         value?: keyof T;
         key?: string;
     };
+    textFieldProps?: TextFieldProps;
     renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
     getOptionLabel?: (option: T) => string;
     getOptionValue?: (option: T) => string | number;

package/dist/index.d.ts

@@ -108,18 +108,22 @@ interface AutocompleteWithoutProps<T> extends MuiAutocompleteBaseProps<T> {
     withFormik: false;
     getOptionValue?: never;
     label?: string;
+    required?: boolean;
     getOptionLabel: (option: T) => string;
     renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
+    textFieldProps?: TextFieldProps;
 }
 interface AutocompleteWithFormikProps<T> extends MuiAutocompleteBaseProps<T> {
     name: string;
     withFormik?: true;
+    required?: boolean;
     label?: string;
     option?: {
         label?: keyof T;
         value?: keyof T;
         key?: string;
     };
+    textFieldProps?: TextFieldProps;
     renderInput?: (params: AutocompleteRenderInputParams) => ReactNode;
     getOptionLabel?: (option: T) => string;
     getOptionValue?: (option: T) => string | number;

package/dist/index.js

@@ -2919,7 +2919,7 @@ var _moment = require('moment'); var _moment2 = _interopRequireDefault(_moment);
 var DefaultInput = (allProps) => {
   var _a;
   const {
-    TextFieldProps: TextFieldProps3,
+    TextFieldProps: TextFieldProps4,
     onSave,
     name,
     onUpdateValue,
@@ -2973,7 +2973,7 @@ var DefaultInput = (allProps) => {
       defaultValue: formatDefaultValue(rowData == null ? void 0 : rowData[name]),
       sx: __spreadValues({
         width: fullWidth ? "100%" : "intial"
-      }, TextFieldProps3 == null ? void 0 : TextFieldProps3.sx),
+      }, TextFieldProps4 == null ? void 0 : TextFieldProps4.sx),
       inputProps: {
         style: {
           paddingBottom: 6,
@@ -2981,13 +2981,13 @@ var DefaultInput = (allProps) => {
         },
         onKeyDown
       },
-      InputProps: __spreadProps(__spreadValues({}, TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps), {
+      InputProps: __spreadProps(__spreadValues({}, TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps), {
         sx: __spreadValues({
           fontSize: 14,
           pl: 0.2
-        }, (_a = TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps) == null ? void 0 : _a.sx)
+        }, (_a = TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps) == null ? void 0 : _a.sx)
       })
-    }, TextFieldProps3)
+    }, TextFieldProps4)
   );
 };
 
@@ -2998,7 +2998,7 @@ var _reactimask = require('react-imask');
 var InputMask = (allProps) => {
   var _a;
   const {
-    TextFieldProps: TextFieldProps3,
+    TextFieldProps: TextFieldProps4,
     onSave,
     name,
     rowData,
@@ -3045,7 +3045,7 @@ var InputMask = (allProps) => {
       size: "small",
       sx: __spreadValues({
         width: fullWidth ? "100%" : "intial"
-      }, TextFieldProps3 == null ? void 0 : TextFieldProps3.sx),
+      }, TextFieldProps4 == null ? void 0 : TextFieldProps4.sx),
       inputProps: {
         style: {
           paddingBottom: 6,
@@ -3053,20 +3053,20 @@ var InputMask = (allProps) => {
         },
         onKeyDown
       },
-      InputProps: __spreadProps(__spreadValues({}, TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps), {
+      InputProps: __spreadProps(__spreadValues({}, TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps), {
         sx: __spreadValues({
           fontSize: 14,
           pl: 0.2
-        }, (_a = TextFieldProps3 == null ? void 0 : TextFieldProps3.InputProps) == null ? void 0 : _a.sx)
+        }, (_a = TextFieldProps4 == null ? void 0 : TextFieldProps4.InputProps) == null ? void 0 : _a.sx)
       })
-    }, TextFieldProps3)
+    }, TextFieldProps4)
   );
 };
 
 // src/components/Grid/EditableTableCell/index.tsx
 var EditableTableCell = (allProps) => {
   const _a = allProps, {
-    TextFieldProps: TextFieldProps3,
+    TextFieldProps: TextFieldProps4,
     onSave = () => {
     },
     onCancel,
@@ -3437,15 +3437,17 @@ function FormikAutocomplete(_a) {
       getOptionLabel,
       renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
         _material.TextField,
-        __spreadProps(__spreadValues(__spreadValues({
+        __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__ */ React2.default.createElement(_react.Fragment, null, props.loading ? /* @__PURE__ */ React2.default.createElement(_material.CircularProgress, { color: "inherit", size: 20 }) : null, params.InputProps.endAdornment)
           }),
-          label: props.label
-        })
+          label: props.label,
+          required: props.required,
+          autoFocus: props.autoFocus
+        }), props.textFieldProps)
       ),
       defaultValue: defaultOption,
       onChange,
@@ -4207,50 +4209,44 @@ function useFormHelper() {
   const { createAlert } = alertProps;
   const { setLoading } = loadingProps;
   const sourceRef = _react.useRef.call(void 0, new AbortController());
-  const onSubmitWrapper = _react.useCallback.call(void 0, 
-    (fn, { name }) => {
-      return (fields, methods) => __async(this, null, function* () {
-        const LOADING_NAME = name;
-        setLoading(LOADING_NAME);
-        try {
-          yield fn(fields, methods);
-        } catch (error) {
-          errorHandler(error, methods.setErrors);
-        } finally {
-          setLoading(LOADING_NAME, true);
-        }
-      });
-    },
-    [setLoading]
-  );
-  const onRequestWrapper = _react.useCallback.call(void 0, 
-    (fn, { name }) => {
-      return (...params) => __async(this, null, function* () {
-        const LOADING_NAME = name;
-        setLoading(LOADING_NAME);
-        api.interceptors.request.use(
-          (config) => {
-            if (!config.signal && sourceRef.current && config.method === "get") {
-              config.signal = sourceRef.current.signal;
-            }
-            return config;
-          },
-          (error) => {
-            return Promise.reject(error);
+  const onSubmitWrapper = (fn, { name }) => {
+    return (fields, methods) => __async(this, null, function* () {
+      const LOADING_NAME = name;
+      setLoading(LOADING_NAME);
+      try {
+        yield fn(fields, methods);
+      } catch (error) {
+        errorHandler(error, methods.setErrors);
+      } finally {
+        setLoading(LOADING_NAME, true);
+      }
+    });
+  };
+  const onRequestWrapper = (fn, { name }) => {
+    return (...params) => __async(this, null, function* () {
+      const LOADING_NAME = name;
+      setLoading(LOADING_NAME);
+      api.interceptors.request.use(
+        (config) => {
+          if (!config.signal && sourceRef.current && config.method === "get") {
+            config.signal = sourceRef.current.signal;
           }
-        );
-        try {
-          const response = yield fn(...params);
-          return response;
-        } catch (error) {
-          errorHandler(error);
-        } finally {
-          setLoading(LOADING_NAME, true);
+          return config;
+        },
+        (error) => {
+          return Promise.reject(error);
         }
-      });
-    },
-    [setLoading, api]
-  );
+      );
+      try {
+        const response = yield fn(...params);
+        return response;
+      } catch (error) {
+        errorHandler(error);
+      } finally {
+        setLoading(LOADING_NAME, true);
+      }
+    });
+  };
   const errorHandler = _react.useCallback.call(void 0, 
     (error, callback) => {
       if ((error == null ? void 0 : error.message) === "cancel.navigation")
@@ -4607,7 +4603,7 @@ function getObjectValue(obj) {
   return (prop) => {
     try {
       return prop.split(".").reduce((o, k) => o[k], obj);
-    } catch (error) {
+    } catch (_) {
       return void 0;
     }
   };