@bluemarble/bm-components 1.10.1 → 1.10.2

package/dist/index.js

@@ -3356,6 +3356,7 @@ function FormikSelect(_a) {
 
 
 
+
 var _styles = require('@mui/material/styles');
 function Autocomplete2(_a) {
   var _b = _a, {
@@ -3368,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
@@ -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] = _formik.useField.call(void 0, {
     name: props.name
   }), _c = _a2, { value } = _c, field = __objRest(_c, ["value"]), [meta, { setValue }] = _b2;
-  const theme = _styles.useTheme.call(void 0, );
-  const isLegacyBehaviorDisabledTheme = _react.useMemo.call(void 0, () => {
-    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 = _react.useMemo.call(void 0, () => {
-    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] = _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