LPS-101063 - Don't merge into master - just a POC

Author: natecavanaugh

modules/apps/segments/segments-web/src/main/resources/META-INF/resources/js/components/inputs/StringInput.es.js

@@ -94,15 +94,19 @@ class StringInput extends React.Component {
 				event => {
 					onChange({
 						displayValue: event.entityname,
-						value: event.entityid
+						value: event.entityid, options: [{label: 'test', value: 1234}]
 					});
 				}
 			);
 		}
 	};
 
 	render() {
-		const {disabled, options, value} = this.props;
+		let {disabled, displayValue, options, value} = this.props;
+
+		if (value) {
+			options = [{label: 'test', value: 1234}];
+		}
 
 		return options.length === 0 ? (
 			<div className="criterion-input input-group">
@@ -127,19 +131,32 @@ class StringInput extends React.Component {
 				</div>
 			</div>
 		) : (
-			<ClaySelectWithOption
-				className="criterion-input form-control"
-				data-testid="options-string"
-				disabled={disabled}
-				onChange={this._handleChange}
-				options={options.map(o => ({
-					label: o.label,
-					value: o.value
-				}))}
-				value={value}
-			/>
+			<div className="criterion-input input-group">
+				<div className="input-group-prepend">
+					<button
+						className="btn btn-secondary"
+						id="button-addon1"
+						onClick={this._handleSelectEntity}
+						type="button"
+					>
+						{displayValue}
+					</button>
+				</div>
+
+				<ClaySelectWithOption
+					className="criterion-input form-control input-group-item input-group-append input-group-item-shrink"
+					data-testid="options-string"
+					disabled={disabled}
+					onChange={this._handleChange}
+					options={options.map(o => ({
+						label: o.label,
+						value: o.value
+					}))}
+					value={value}
+				/>
+			</div>
 		);
 	}
 }
 
-export default StringInput;
+export default StringInput;