@bluemarble/bm-components 1.10.0 → 1.10.2

package/dist/index.js

@@ -2919,7 +2919,7 @@ var _moment = require('moment'); var _moment2 = _interopRequireDefault(_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 @@ var _reactimask = require('react-imask');
 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,
@@ -3356,6 +3356,8 @@ function FormikSelect(_a) {
 
 
 
+
+var _styles = require('@mui/material/styles');
 function Autocomplete2(_a) {
   var _b = _a, {
     withFormik = true,
@@ -3367,8 +3369,22 @@ function Autocomplete2(_a) {
     "getOptionValue"
   ]);
   if (withFormik) {
+    const theme = _styles.useTheme.call(void 0, );
+    const isLegacyBehaviorDisabledTheme = _react.useMemo.call(void 0, () => {
+      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__ */ React2.default.createElement(
+        FormikAutocomplete,
+        __spreadValues({
+          name,
+          getOptionValue
+        }, rest)
+      );
     return /* @__PURE__ */ React2.default.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] = _formik.useField.call(void 0, {
     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 = _react.useMemo.call(void 0, () => {
-    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] = _formik.useField.call(void 0, {
+    name: props.name
+  }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
+  const [defaultValue] = _react.useState.call(void 0, 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__ */ React2.default.createElement(
+    _material.Autocomplete,
+    __spreadValues({
+      renderInput: (params) => /* @__PURE__ */ React2.default.createElement(
+        _material.TextField,
+        __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,
+          required: props.required,
+          autoFocus: props.autoFocus
+        }), props.textFieldProps)
+      ),
+      defaultValue,
+      onChange
+    }, props)
+  );
+}
 
 // src/components/Checkbox/index.tsx