Merge pull request #91 from openimis/feature/picker-title

Allow setting title on location pickers

Author: delcroip

src/components/CoarseLocation.js

@@ -60,7 +60,14 @@ class CoarseLocation extends Component {
   };
 
   render() {
-    const { classes, readOnly, required = false, filterLabels = true, allRegions } = this.props;
+    const {
+      classes,
+      readOnly,
+      required = false,
+      filterLabels = true,
+      allRegions,
+      title,
+    } = this.props;
     const { region, district } = this.state;
     return (
       <Grid container className={classes.form}>
@@ -78,6 +85,7 @@ class CoarseLocation extends Component {
                 filterLabels={filterLabels}
                 onChange={this.onChangeRegion}
                 allRegions={allRegions}
+                title={title}
               />
             </Grid>
           }
@@ -96,6 +104,7 @@ class CoarseLocation extends Component {
                 withNull={false}
                 filterLabels={filterLabels}
                 onChange={this.onChangeDistrict}
+                title={title}
               />
             </Grid>
           }

src/components/DetailedLocation.js

@@ -94,7 +94,14 @@ class DetailedLocation extends Component {
   };
 
   render() {
-    const { classes, split = false, readOnly, required = false, filterLabels = true } = this.props;
+    const {
+      classes,
+      split = false,
+      readOnly,
+      required = false,
+      filterLabels = true,
+      title = '',
+    } = this.props;
     let grid = split ? 12 : 6;
     return (
       <Grid container className={classes.form}>
@@ -106,6 +113,7 @@ class DetailedLocation extends Component {
             required={required}
             onChange={this.onDistrictChange}
             filterLabels={filterLabels}
+            title={title}
           />
         </Grid>
         {_.times(this.locationTypes.length - 2, (i) => (
@@ -125,6 +133,7 @@ class DetailedLocation extends Component {
                   filterLabels={filterLabels}
                   locationLevel={this.locationTypes.length - 2 + i}
                   onChange={(v) => this.onLocationChange(i, v)}
+                  title={title}
                 />
               </Grid>
             }

src/pickers/DistrictPicker.js

@@ -44,6 +44,7 @@ class DistrictPicker extends Component {
       districts,
       readOnly = false,
       required = false,
+      title,
     } = this.props;
 
     let items = userHealthFacilityFullPath && [userHealthFacilityFullPath.location] || districts || [];
@@ -75,6 +76,7 @@ class DistrictPicker extends Component {
             ? formatMessage(intl, "location", "location.DistrictPicker.null")
             : formatMessage(intl, "location", "location.DistrictPicker.none")
         }
+        title={title}
       />
     );
   }

src/pickers/LocationPicker.js

@@ -33,6 +33,7 @@ const LocationPicker = (props) => {
     filterSelectedOptions = true,
     withPlaceholder,
     restrictedOptions,
+    title = '',
   } = props;
   const [open, setOpen] = useState(false);
   const [resetKey, setResetKey] = useState();
@@ -132,6 +133,7 @@ const LocationPicker = (props) => {
           placeholder={
             withPlaceholder ? placeholder || formatMessage(`Location${locationLevel}Picker.placehoder`) : null
           }
+          title={title}
         />
       )}
     />

src/pickers/RegionPicker.js

@@ -55,6 +55,7 @@ class RegionPicker extends Component {
       readOnly = false,
       required = false,
       allRegions,
+      title,
     } = this.props;
 
     allRegionsFlag = allRegions;
@@ -86,6 +87,7 @@ class RegionPicker extends Component {
             ? formatMessage(intl, "location", "location.RegionPicker.null")
             : formatMessage(intl, "location", "location.RegionPicker.none")
         }
+        title={title}
       />
     );
   }