Delete ValidateLabelInput component

Author: vbabich

packages/code-studio/src/styleguide/Inputs.tsx

@@ -13,7 +13,6 @@ import {
   DateTimeInput,
   CustomTimeSelect,
   UISwitch,
-  ValidateLabelInput,
   Select,
   Option,
 } from '@deephaven/components';
@@ -244,12 +243,12 @@ function Inputs(): React.ReactElement {
               defaultValue="0"
               className="custom-select"
             >
-              <option disabled value="0">
+              <Option disabled value="0">
                 Custom Selection
-              </option>
-              <option value="1">One</option>
-              <option value="2">Two</option>
-              <option value="3">Three</option>
+              </Option>
+              <Option value="1">One</Option>
+              <Option value="2">Two</Option>
+              <Option value="3">Three</Option>
             </Select>
           </div>
 
@@ -262,12 +261,12 @@ function Inputs(): React.ReactElement {
               className="custom-select"
               disabled
             >
-              <option disabled value="0">
+              <Option disabled value="0">
                 Custom Selection
-              </option>
-              <option value="1">One</option>
-              <option value="2">Two</option>
-              <option value="3">Three</option>
+              </Option>
+              <Option value="1">One</Option>
+              <Option value="2">Two</Option>
+              <Option value="3">Three</Option>
             </Select>
           </div>
 
@@ -297,52 +296,6 @@ function Inputs(): React.ReactElement {
           </div>
         </div>
 
-        <div className="col">
-          <div className="form-group">
-            <h5>Validate Label</h5>
-            <ValidateLabelInput
-              validationError={!validateValue ? 'Value not set' : undefined}
-              isModified={!!validateValue}
-              id="validateInput1"
-              labelText={`Input Field${on ? ' (disabled)' : ''}`}
-              hintText="Hint text"
-            >
-              <input
-                disabled={on}
-                type="text"
-                className="form-control"
-                aria-describedby="emailHelp"
-                placeholder="Type to modify"
-                onChange={handleValidateInputChange}
-              />
-            </ValidateLabelInput>
-            <ValidateLabelInput
-              validationError={
-                validateOption === 'Invalid' ? 'Invalid value' : undefined
-              }
-              id="validateLabelInput2"
-              labelText={`Dropdown${on ? ' (disabled)' : ''}`}
-            >
-              <Select
-                disabled={on}
-                onChange={eventTargetValue =>
-                  setValidateOption(eventTargetValue)
-                }
-                value={validateOption}
-              >
-                {VALIDATE_OPTIONS.map(option => (
-                  <Option value={option} key={option}>
-                    {option}
-                  </Option>
-                ))}
-              </Select>
-            </ValidateLabelInput>
-            <ValidateLabelInput labelText="Switch" isModified={on}>
-              <UISwitch on={on} onClick={handleToggleClick} />
-            </ValidateLabelInput>
-          </div>
-        </div>
-
         <div className="col">
           <div className="form-group">
             <h5>Time Input</h5>

packages/components/src/ValidateLabelInput.scss

@@ -58,4 +58,3 @@ export { default as TimeInput } from './TimeInput';
 export { default as TimeSlider } from './TimeSlider';
 export { default as ToastNotification } from './ToastNotification';
 export { default as UISwitch } from './UISwitch';
-export { default as ValidateLabelInput } from './ValidateLabelInput';