@websolutespa/bom-mixer-ui 1.9.0 → 1.9.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.9.1
+
+### Patch Changes
+
+- Modified: FieldCombobox, Combobox, FormTester, Form
+- Updated dependencies
+  - @websolutespa/bom-mixer-forms@1.9.1
+
 ## 1.9.0
 
 ### Minor Changes

package/dist/cjs/index.js

@@ -9381,10 +9381,16 @@ function Combobox$1(_a) {
   }, [innerValue, outerValue]);
   React.useEffect(() => {
     const selectedValue = outerToInnerValue(outerSelectedValue);
-    // console.log('Combobox', selectedValue, innerSelectedValue);
     if (innerSelectedValue !== selectedValue) {
-      setInnerValue(Array.isArray(selectedValue) ? selectedValue[0] : selectedValue);
+      // const value = Array.isArray(selectedValue) ? selectedValue[0] : selectedValue;
+      // setInnerValue(value);
       setInnerSelectedValue(selectedValue);
+      if (selectedValue) {
+        setInnerValue(Array.isArray(selectedValue) ? selectedValue[0] : selectedValue);
+      } else {
+        setInnerValue('');
+      }
+      // console.log('Combobox', innerSelectedValue, selectedValue);
     }
   }, [innerSelectedValue, outerSelectedValue]);
   const onBlur_ = event => {
@@ -9419,11 +9425,11 @@ function Combobox$1(_a) {
   const globalVariants = useVariants('combobox', comboboxVariants);
   variants = variants || globalVariants;
   return jsxRuntime.jsx(Ariakit__namespace.ComboboxProvider, Object.assign({
-    value: innerValue,
     defaultValue: defaultValue,
+    value: innerValue,
     setValue: onSetValue,
-    selectedValue: innerSelectedValue,
     defaultSelectedValue: defaultSelectedValue,
+    selectedValue: innerSelectedValue,
     setSelectedValue: onSetSelectedValue
   }, props, {
     children: jsxRuntime.jsx(ComboboxContext.Provider, {
@@ -9541,6 +9547,7 @@ const ComboboxCombobox = /*#__PURE__*/React.forwardRef(function ComboboxCombobox
   const onBlur = () => {
     // store.setValue(Array.isArray(selectedValue) ? selectedValue[0] : selectedValue);
   };
+  // console.log('selectedValue', selectedValue);
   const classNames = bomCore.getClassNames('combobox__combobox', {
     empty: isEmptyValue(selectedValue)
   }, className);
@@ -10611,10 +10618,10 @@ const Form = /*#__PURE__*/React.forwardRef((_a, ref) => {
   React.useEffect(() => {
     if (form) {
       const onChange = value => {
-        console.log('FormComponent.onChange', form.state);
+        // console.log('FormComponent.onChange', form.state);
         if (innerRef.current !== null) {
           const formElement = innerRef.current;
-          Object.entries(form.state).forEach(_ref => {
+          Object.entries(bomMixerForms.mapState_(form.state)).forEach(_ref => {
             let [k, v] = _ref;
             formElement.classList.toggle(k, v);
           });
@@ -12677,7 +12684,7 @@ function FieldCombobox(_ref) {
   const onChange = option => {
     setValue(option);
   };
-  console.log('FieldCombobox', control.value);
+  // console.log('FieldCombobox', control.value);
   return state.flags.hidden ? jsxRuntime.jsx("input", {
     type: "hidden",
     value: bomMixerForms.valueToString(state.value)