Sosynpl: [premieroctet#169] Fix Address component value

Wappizy · Aug 22, 2024 · 1f11cb8 · 1f11cb8
1 parent d2e4adb
commit 1f11cb8
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/studio-test/src/dependencies/custom-components/Address.tsx b/studio-test/src/dependencies/custom-components/Address.tsx
@@ -1,5 +1,5 @@
 import { AsyncSelect } from 'chakra-react-select'
-import React,  {useState} from 'react'
+import React,  {useEffect, useState} from 'react'
 import axios from 'axios'
 import {debounce} from 'lodash'
 import lodash from 'lodash'
@@ -13,6 +13,12 @@ const Address = ({children, onChange, value, isCityOnly, ...props}: {children: R
     props.setComponentAttribute(props.id, props.attribute)
   }
 
+  useEffect(() => {
+    if (props.setComponentValue) {
+      props.setComponentValue(props.id, address)
+    }
+  }, [address])
+
   const addressToOption = addr => {
     return addr ?
       ({value: addr, label : isCityOnly ? addr.city : `${addr.address}, ${addr.zip_code} ${addr.city}`})

diff --git a/studio-test/src/dependencies/hoc/withDynamicInput.js b/studio-test/src/dependencies/hoc/withDynamicInput.js
@@ -96,13 +96,13 @@ const withDynamicInput = Component => {
         </InputGroup>
       )
       :
-      (<Component {...props} onChange={onChange} />)
+      (<Component {...props} setComponentValue={setComponentValue} onChange={onChange} />)
     }
 
     return displayEye ?
       withDisplayEye(Component)
       :
-      <Component {...props} dataSource={dataSource} onChange={onChange}/>
+      <Component {...props} dataSource={dataSource} setComponentValue={setComponentValue} onChange={onChange}/>
   }
 
   return Internal

diff --git a/studio/src/dependencies/custom-components/Address.tsx b/studio/src/dependencies/custom-components/Address.tsx
@@ -1,5 +1,5 @@
 import { AsyncSelect } from 'chakra-react-select'
-import React,  {useState} from 'react'
+import React,  {useEffect, useState} from 'react'
 import axios from 'axios'
 import {debounce} from 'lodash'
 import lodash from 'lodash'
@@ -13,6 +13,12 @@ const Address = ({children, onChange, value, isCityOnly, ...props}: {children: R
     props.setComponentAttribute(props.id, props.attribute)
   }
 
+  useEffect(() => {
+    if (props.setComponentValue) {
+      props.setComponentValue(props.id, address)
+    }
+  }, [address])
+
   const addressToOption = addr => {
     return addr ?
       ({value: addr, label : isCityOnly ? addr.city : `${addr.address}, ${addr.zip_code} ${addr.city}`})

diff --git a/studio/src/dependencies/hoc/withDynamicInput.js b/studio/src/dependencies/hoc/withDynamicInput.js
@@ -96,13 +96,13 @@ const withDynamicInput = Component => {
         </InputGroup>
       )
       :
-      (<Component {...props} onChange={onChange} />)
+      (<Component {...props} setComponentValue={setComponentValue} onChange={onChange} />)
     }
 
     return displayEye ?
       withDisplayEye(Component)
       :
-      <Component {...props} dataSource={dataSource} onChange={onChange}/>
+      <Component {...props} dataSource={dataSource} setComponentValue={setComponentValue} onChange={onChange}/>
   }
 
   return Internal