Merge pull request #423 from rhinogram/RHIN-11665-hover

adds title option to Select component to allow hover text
rhinogram · Feb 7, 2025 · fafe852 · fafe852
2 parents a12dc31 + f55f322
commit fafe852
Show file tree

Hide file tree

Showing 15 changed files with 131 additions and 129 deletions.
diff --git a/dist/animation/flag/sprite.svg b/dist/animation/flag/sprite.svg
diff --git a/dist/animation/login/sprite.svg b/dist/animation/login/sprite.svg
diff --git a/dist/animation/secure/sprite.svg b/dist/animation/secure/sprite.svg
diff --git a/dist/animation/time/sprite.svg b/dist/animation/time/sprite.svg
diff --git a/dist/css/rhinostyle.css.map b/dist/css/rhinostyle.css.map
diff --git a/dist/scripts/rhinostyle.min.js b/dist/scripts/rhinostyle.min.js
diff --git a/dist/scripts/rhinostyle.min.js.map b/dist/scripts/rhinostyle.min.js.map
diff --git a/docs/animation/flag/sprite.svg b/docs/animation/flag/sprite.svg
diff --git a/docs/animation/login/sprite.svg b/docs/animation/login/sprite.svg
diff --git a/docs/animation/secure/sprite.svg b/docs/animation/secure/sprite.svg
diff --git a/docs/animation/time/sprite.svg b/docs/animation/time/sprite.svg
diff --git a/docs/css/rhinostyle-docs.css.map b/docs/css/rhinostyle-docs.css.map
diff --git a/docs/scripts/rhinostyle-docs.js b/docs/scripts/rhinostyle-docs.js
diff --git a/src/scripts/components/Select.jsx b/src/scripts/components/Select.jsx
@@ -218,6 +218,7 @@ class Select extends React.Component {
               value={this.props.selected}
               onChange={this.onChange}
               data-cypress={this.props.dataCypress}
+              title={this.props.title || label}
             >
               {options.map(renderOpts)}
             </select>
@@ -248,6 +249,7 @@ Select.propTypes = {
   validationMessage: PropTypes.string,
   placeholder: PropTypes.string,
   dataCypress: PropTypes.string,
+  title: PropTypes.string,
 };
 
 Select.defaultProps = {

diff --git a/src/scripts/docs/examples/Select.example.txt b/src/scripts/docs/examples/Select.example.txt
@@ -20,7 +20,7 @@ class ComponentExample extends React.Component {
 
   render() {
     return (
-      <Select placeholder="Select an option" onSelect={this.handleSelect} selected={this.state.selected} name="mySelect" label="Choose One" options={this.selectOpts} />
+      <Select placeholder="Select an option" onSelect={this.handleSelect} selected={this.state.selected} name="mySelect" label="Choose One" options={this.selectOpts} title="hover text"/>
     );
   }
 }