@producteca/producteca-ui-kit 1.77.4 → 1.77.6

package/dist/producteca-ui-kit.es.js

@@ -20808,11 +20808,16 @@ const SelectFieldBase = (props) => {
     tooltipProps
   } = props;
   const value = input?.value ?? props.value;
-  const defaultOption = filter$1(
-    options,
-    (option) => includes$1(value, _valueGetter(option, getOptionValue4))
+  const isControlled = input !== void 0 || props.value !== void 0;
+  const resolveSelected = (raw) => {
+    if (raw === null || raw === void 0) return isMultiple ? [] : null;
+    const val = isArray$h(raw) ? raw : [raw];
+    const matchingOptions = filter$1(options, (option) => includes$1(val, _valueGetter(option, getOptionValue4)));
+    return isMultiple ? matchingOptions : matchingOptions[0] || null;
+  };
+  const [optionSelected, setOptionSelected] = useState(
+    () => resolveSelected(isControlled ? value : defaultValue2)
   );
-  const [optionSelected, setOptionSelected] = useState(defaultOption || null);
   const [isFocused, setIsFocused] = useState(false);
   const validationProps = { meta, value, isValid: isValid2, required };
   const validated = formValidation(validationProps);
@@ -20841,12 +20846,15 @@ const SelectFieldBase = (props) => {
     setOptionSelected(selected2);
   };
   useEffect(() => {
-    if (defaultValue2 && options.length > 0) {
-      const val = isArray$h(defaultValue2) ? defaultValue2 : [defaultValue2];
-      const matchingOptions = filter$1(options, (option) => includes$1(val, _valueGetter(option, getOptionValue4)));
-      setOptionSelected(isMultiple ? matchingOptions : matchingOptions[0] || null);
+    if (isControlled) {
+      setOptionSelected(resolveSelected(value));
+    }
+  }, [value, options]);
+  useEffect(() => {
+    if (defaultValue2 != null && options.length > 0) {
+      setOptionSelected(resolveSelected(defaultValue2));
     }
-  }, [defaultValue2, options]);
+  }, [options]);
   const OptionWithFormat = (optionProps) => /* @__PURE__ */ jsx$1(Option$1, { ...optionProps, formatOption, tooltipProps });
   const SingleValueWithFormat = (singleValueProps) => /* @__PURE__ */ jsx$1(SingleValue2, { ...singleValueProps, getOptionLabel: getOptionLabel4 });
   const MultiValueWithFormat = (multiValueProps) => /* @__PURE__ */ jsx$1(MultiValue2, { ...multiValueProps, formatOption });
@@ -57615,6 +57623,9 @@ const datePickerDayStyles = {
     color: "var(--grey-900)",
     border: "1px solid var(--grey-900)"
   },
+  "&.Mui-disabled": {
+    opacity: "0.5"
+  },
   "&.Mui-selected": {
     backgroundColor: "var(--primary-500)",
     color: "white",