1// Copyright (C) 2023 The Android Open Source Project 2// 3// Licensed under the Apache License, Version 2.0 (the "License"); 4// you may not use this file except in compliance with the License. 5// You may obtain a copy of the License at 6// 7// http://www.apache.org/licenses/LICENSE-2.0 8// 9// Unless required by applicable law or agreed to in writing, software 10// distributed under the License is distributed on an "AS IS" BASIS, 11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12// See the License for the specific language governing permissions and 13// limitations under the License. 14 15import m from 'mithril'; 16import {classNames} from '../classnames'; 17 18export interface TextInputAttrs { 19 [htmlAttrs: string]: any; 20 extraClasses?: string|string[]; 21} 22 23// For now, this component is just a simple wrapper around a plain old input 24// element, which does no more than specify a class. However, in the future we 25// might want to add more features such as an optional icon or button (e.g. a 26// clear button), at which point the benefit of having this as a component would 27// become more apparent. 28export class TextInput implements m.ClassComponent<TextInputAttrs> { 29 view({attrs}: m.CVnode<TextInputAttrs>) { 30 const {extraClasses = '', ...htmlAttrs} = attrs; 31 const classes = classNames(extraClasses); 32 return m('input.pf-text-input', { 33 class: classes, 34 // Stop keydown events from triggering hotkeys 35 onkeydown: (e: Event) => e.stopPropagation(), 36 ...htmlAttrs, 37 }); 38 } 39} 40