Remove unused FormRow
diff --git a/ui/src/plugins/dev.perfetto.WidgetsPage/demos/form_demo.ts b/ui/src/plugins/dev.perfetto.WidgetsPage/demos/form_demo.ts index 5c0022c..f33c48e 100644 --- a/ui/src/plugins/dev.perfetto.WidgetsPage/demos/form_demo.ts +++ b/ui/src/plugins/dev.perfetto.WidgetsPage/demos/form_demo.ts
@@ -18,7 +18,7 @@ import {Checkbox} from '../../../widgets/checkbox'; import { Form, - FormAttrs, + type FormAttrs, FormGrid, FormLabel, FormSection,
diff --git a/ui/src/widgets/form.scss b/ui/src/widgets/form.scss index 423303f..618d51b 100644 --- a/ui/src/widgets/form.scss +++ b/ui/src/widgets/form.scss
@@ -33,11 +33,6 @@ margin-bottom: -4px; } - &__row { - display: grid; - gap: 8px 16px; - } - &__grid { display: grid; grid-template-columns: auto 1fr;
diff --git a/ui/src/widgets/form.ts b/ui/src/widgets/form.ts index 5fd38e9..e796566 100644 --- a/ui/src/widgets/form.ts +++ b/ui/src/widgets/form.ts
@@ -151,29 +151,6 @@ } } -export interface FormRowAttrs extends HTMLAttrs { - // Number of columns in the grid layout (default: 2) - columns?: number; -} - -// A container for placing multiple FormLabel elements side by side in a grid. -export class FormRow implements m.ClassComponent<FormRowAttrs> { - view({attrs, children}: m.CVnode<FormRowAttrs>) { - const {columns = 2, ...htmlAttrs} = attrs; - return m( - '.pf-form__row', - { - ...htmlAttrs, - style: { - gridTemplateColumns: `repeat(${columns}, auto 1fr)`, - ...(htmlAttrs.style as object), - }, - }, - children, - ); - } -} - // A two-column grid container where labels align on the left and inputs // stretch to fill the right column. Place FormLabel and input elements // as direct children - they will automatically align in rows.
diff --git a/ui/src/widgets/multiselect.ts b/ui/src/widgets/multiselect.ts index 0020ce7..18a6a65 100644 --- a/ui/src/widgets/multiselect.ts +++ b/ui/src/widgets/multiselect.ts
@@ -15,7 +15,7 @@ import './multiselect.scss'; import m from 'mithril'; import {Icons} from '../base/semantic_icons'; -import {Button, ButtonVariant} from './button'; +import {Button, type ButtonVariant} from './button'; import {Checkbox} from './checkbox'; import {EmptyState} from './empty_state'; import {Popup, PopupPosition} from './popup';