Merge pull request #677 from SUI-Components/feat/MMAA-42893-use-rende…

…rer-datalist feat(components/form/builder): use datalist from renderer prop
SUI-Components · Dec 3, 2024 · bce5f64 · bce5f64
2 parents e91b00b + a7ec502
commit bce5f64
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/components/form/builder/src/Select/Default/index.js b/components/form/builder/src/Select/Default/index.js
@@ -107,6 +107,8 @@ const DefaultSelect = ({
   // render custom component
   if (isValidElement(rendererResponse)) return rendererResponse
 
+  const nextDataList = rendererResponse?.dataList || datalist
+
   // render SUI component
   return (
     <div className={`sui-FormBuilder-field sui-FormBuilder-DefaultSelect sui-FormBuilder-${selectProps.id}`}>
@@ -119,14 +121,9 @@ const DefaultSelect = ({
       )}
 
       <MoleculeSelectField {...selectProps} {...rendererResponse} multiselection={multiselection}>
-        {datalist.map(data => (
-          <MoleculeSelectOption
-            key={data.value}
-            value={data.value}
-            description={data.description}
-            leftAddon={data.leftAddon}
-          >
-            {data.text}
+        {nextDataList.map(({value, text, description, leftAddon, ...others}) => (
+          <MoleculeSelectOption key={value} value={value} description={description} leftAddon={leftAddon} {...others}>
+            {text}
           </MoleculeSelectOption>
         ))}
       </MoleculeSelectField>