From b815fb3da789697ca4ac61d652d0aa5ae7732c8c Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Sun, 18 Oct 2020 23:44:39 +0300
Subject: [PATCH] title prop added to multiselect

---
 src/common/Multiselect/Multiselect.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/common/Multiselect/Multiselect.js b/src/common/Multiselect/Multiselect.js
index be3a79e60..202e654eb 100644
--- a/src/common/Multiselect/Multiselect.js
+++ b/src/common/Multiselect/Multiselect.js
@@ -114,8 +114,8 @@ const Multiselect = ({ className, mode, direction, title, disabled, dataset, ren
         <div className={styles['menu-container']} onKeyDown={menuOnKeyDown} onClick={menuOnClick}>
             {
                 options.length > 0 ?
-                    options.map(({ label, value }) => (
-                        <Button key={value} className={classnames(styles['option-container'], { 'selected': selected.includes(value) })} title={typeof label === 'string' ? label : value} data-value={value} onClick={optionOnClick}>
+                    options.map(({ label, title, value }) => (
+                        <Button key={value} className={classnames(styles['option-container'], { 'selected': selected.includes(value) })} title={typeof title === 'string' ? title : typeof label === 'string' ? label : value} data-value={value} onClick={optionOnClick}>
                             <div className={styles['label']}>{typeof label === 'string' ? label : value}</div>
                             <div className={styles['icon']} />
                         </Button>
@@ -162,6 +162,7 @@ Multiselect.propTypes = {
     title: PropTypes.string,
     options: PropTypes.arrayOf(PropTypes.shape({
         value: PropTypes.string.isRequired,
+        title: PropTypes.string,
         label: PropTypes.string
     })),
     selected: PropTypes.arrayOf(PropTypes.string),