xref: /aosp_15_r20/external/perfetto/ui/src/widgets/checkbox.ts (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)
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 '../base/classnames';
17import {HTMLCheckboxAttrs} from './common';
18
19export interface CheckboxAttrs extends HTMLCheckboxAttrs {
20  // Optional text to show to the right of the checkbox.
21  label?: string;
22}
23
24export class Checkbox implements m.ClassComponent<CheckboxAttrs> {
25  view({attrs}: m.CVnode<CheckboxAttrs>) {
26    const {label, disabled, checked, className, ...htmlAttrs} = attrs;
27    const classes = classNames(disabled && 'pf-disabled', className);
28
29    // The default checkbox is removed and an entirely new one created inside
30    // the span element in CSS.
31    return m(
32      'label.pf-checkbox',
33      {
34        ...htmlAttrs,
35        className: classes,
36      },
37      m('input[type=checkbox]', {disabled, checked}),
38      m('span'),
39      label,
40    );
41  }
42}
43