feat: <Dropdown> leftRenderer prop (#1853)

mondaycom · Dec 26, 2023 · c82a39d · c82a39d
1 parent c223cea
commit c82a39d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx b/src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx
@@ -21,10 +21,14 @@ export const ChildrenContent = ({ data, children, readOnly }) => {
       onMouseDown={onMouseDown}
       data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}
     >
-      {data?.leftAvatar && (
-        <Avatar withoutBorder square={data.square} src={data.leftAvatar} type={Avatar.types.IMG} customSize={20} />
+      {data?.leftRenderer || (
+        <>
+          {data?.leftAvatar && (
+            <Avatar withoutBorder square={data.square} src={data.leftAvatar} type={Avatar.types.IMG} customSize={20} />
+          )}
+          {data?.leftIcon && <Icon iconSize={18} icon={data.leftIcon} clickable={false} />}
+        </>
       )}
-      {data?.leftIcon && <Icon iconSize={18} icon={data.leftIcon} clickable={false} />}
       {children}
       {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} clickable={false} />}
       {data?.rightAvatar && (

diff --git a/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx b/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.jsx
@@ -74,6 +74,7 @@ export default function Container({ children, selectProps, ...otherProps }) {
             }}
             readOnly={readOnly || (withMandatoryDefaultOptions && option.isMandatory)}
             allowTextSelection={readOnly}
+            leftRenderer={option.leftRenderer}
             leftAvatar={option.leftAvatar}
             leftIcon={option.leftIcon}
             color={overrideChipColor}