chrome-devtools-frontend 1.0.1402249 → 1.0.1418433

package/front_end/ui/components/docs/data_grid_controller/filter.ts

@@ -1,298 +0,0 @@
-// Copyright 2020 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as TextUtils from '../../../../models/text_utils/text_utils.js';
-import * as DataGrid from '../../data_grid/data_grid.js';
-import * as ComponentHelpers from '../../helpers/helpers.js';
-
-await ComponentHelpers.ComponentServerSetup.setup();
-
-const component = new DataGrid.DataGridController.DataGridController();
-
-const filterParser = new TextUtils.TextUtils.FilterParser(['key', 'value']);
-
-component.data = {
-  columns: [
-    {id: 'key', title: 'Method', sortable: true, widthWeighting: 1, visible: true, hideable: false},
-    {id: 'value', title: 'Value', sortable: false, widthWeighting: 1, visible: true, hideable: false},
-  ],
-  rows: [
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.showOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-    {
-      cells: [
-        {columnId: 'key', value: 'Overlay.hideOverlay', title: 'Bravo'},
-        {columnId: 'value', value: 'foobar', title: 'foobar'},
-      ],
-    },
-  ],
-};
-
-document.getElementById('container')?.appendChild(component);
-
-const filterTextInput = document.querySelector('input');
-filterTextInput?.addEventListener('input', event => {
-  const newText = (event.target as HTMLInputElement).value;
-  const filters = filterParser.parse(newText);
-  component.data = {
-    ...component.data,
-    filters,
-  };
-});

package/front_end/ui/components/docs/recorder_start_view/basic.html

@@ -1,20 +0,0 @@
-<!--
-  Copyright 2023 The Chromium Authors. All rights reserved.
-  Use of this source code is governed by a BSD-style license that can be
-  found in the LICENSE file.
--->
-<!DOCTYPE html>
-<html>
-
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>Recorder: start view</title>
-</head>
-
-<body>
-  <div id="container"></div>
-  <script src="./basic.js" type="module"></script>
-</body>
-
-</html>

package/front_end/ui/components/docs/recorder_start_view/basic.ts

@@ -1,13 +0,0 @@
-// Copyright 2023 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-import * as ComponentHelpers from '../../../../../front_end/ui/components/helpers/helpers.js';
-import * as RecorderComponents from '../../../../panels/recorder/components/components.js';
-import * as FrontendHelpers from '../../../../testing/EnvironmentHelpers.js';  // eslint-disable-line rulesdir/es-modules-import
-
-await ComponentHelpers.ComponentServerSetup.setup();
-await FrontendHelpers.initializeGlobalVars();
-
-const startView = new RecorderComponents.StartView.StartView();
-document.getElementById('container')?.appendChild(startView);

package/front_end/ui/legacy/applicationColorTokens.css

@@ -1,61 +0,0 @@
-/*
- * Copyright 2023 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file.
- */
-:root {
-  --icon-action: var(--sys-color-primary-bright);
-  --icon-arrow-main-thread: var(--sys-color-primary-bright);
-  --icon-checkmark-green: var(--sys-color-green-bright);
-  --icon-checkmark-purple: var(--sys-color-purple-bright);
-  --icon-checkmark-red: var(--sys-color-error-bright);
-  --icon-contrast-issue: var(--sys-color-error-bright);
-  --icon-default: var(--sys-color-on-surface-subtle);
-  --icon-default-hover: var(--sys-color-on-surface);
-  --icon-disabled: var(--sys-color-state-disabled);
-  --icon-error: var(--sys-color-error-bright);
-  --icon-file-authored: var(--sys-color-orange-bright);
-  --icon-file-default: var(--sys-color-on-surface-subtle);
-  --icon-file-document: var(--sys-color-blue-bright);
-  --icon-file-font: var(--sys-color-cyan-bright);
-  --icon-file-media: var(--sys-color-green-bright);
-  --icon-file-image: var(--sys-color-green-bright);
-  --icon-file-script: var(--sys-color-orange-bright);
-  --icon-file-styles: var(--sys-color-purple-bright);
-  --icon-fold-marker: var(--sys-color-on-surface-subtle);
-  --icon-folder-authored: var(--sys-color-orange);
-  --icon-folder-primary: var(--sys-color-on-surface-subtle);
-  --icon-folder-deployed: var(--sys-color-primary-bright);
-  --icon-folder-workspace: var(--sys-color-orange);
-  --icon-force-white: var(--sys-color-on-tonal-container);
-  --icon-gap-focus-selected: var(--sys-color-tonal-container);
-  --icon-gap-default: var(--sys-color-cdt-base-container);
-  --icon-gap-inactive: var(--sys-color-neutral-container);
-  --icon-gap-hover: var(--sys-color-state-hover-on-subtle);
-  --icon-gap-toolbar: var(--sys-color-surface1);
-  --icon-gap-toolbar-hover: var(--sys-color-state-header-hover);
-  --icon-info: var(--sys-color-primary-bright);
-  --icon-link: var(--sys-color-primary-bright);
-  --icon-no-request: var(--sys-color-orange-bright);
-  --icon-primary: var(--sys-color-primary-bright);
-  --icon-record: var(--sys-color-error-bright);
-  --icon-request-response: var(--sys-color-primary-bright);
-  --icon-request: var(--sys-color-on-surface-subtle);
-  --icon-security-lock: var(--sys-color-green-bright);
-  --icon-css: var(--sys-color-purple-bright);
-  --icon-css-hover: var(--sys-color-purple);
-  --icon-status-code-ok: var(--sys-color-tertiary-bright);
-  --icon-stop: var(--sys-color-error-bright);
-  --icon-toggled: var(--sys-color-primary-bright);
-  --icon-warning: var(--sys-color-orange-bright);
-  --ui-text: var(--sys-color-on-surface-subtle);
-  --text-disabled: var(--ref-palette-neutral60);
-  --text-primary: var(--sys-color-on-surface);
-  --text-secondary: var(--sys-color-token-subtle);
-  --text-link: var(--sys-color-primary);
-  --color-grid-stripe: var(--sys-color-surface1);
-  --color-grid-default: var(--sys-color-surface);
-  --color-grid-focus-selected: var(--sys-color-tonal-container);
-  --color-grid-selected: var(--sys-color-surface-variant);
-  --color-grid-hovered: var(--sys-color-state-hover-on-subtle);
-}

package/front_end/ui/legacy/components/data_grid/DataGridWithPreview.ts

@@ -1,297 +0,0 @@
-// Copyright 2024 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-/*
- * Copyright (C) 2008 Nokia Inc.  All rights reserved.
- * Copyright (C) 2013 Samsung Electronics. All rights reserved.
- *
- * Redistribution and use in source and binary forms, with or without
- * modification, are permitted provided that the following conditions
- * are met:
- * 1. Redistributions of source code must retain the above copyright
- *    notice, this list of conditions and the following disclaimer.
- * 2. Redistributions in binary form must reproduce the above copyright
- *    notice, this list of conditions and the following disclaimer in the
- *    documentation and/or other materials provided with the distribution.
- *
- * THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
- * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
- * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL APPLE INC. OR
- * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
- * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
- * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
- * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
- * OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
- * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
- */
-import * as i18n from '../../../../core/i18n/i18n.js';
-import * as VisualLogging from '../../../visual_logging/visual_logging.js';
-import {ARIAUtils, EmptyWidget, SplitWidget, Widget} from '../../legacy.js';
-
-import {type ColumnDescriptor, DataGridImpl, DataGridNode, Events} from './DataGrid.js';
-
-const UIStrings = {
-  /**
-   *@description Preview text when viewing storage in Application panel
-   */
-  selectAValueToPreview: 'Select a value to preview',
-  /**
-   *@description Text for announcing number of entries after filtering
-   *@example {5} PH1
-   */
-  numberEntries: 'Number of entries shown in table: {PH1}',
-};
-const str_ = i18n.i18n.registerUIStrings('ui/legacy/components/data_grid/DataGridWithPreview.ts', UIStrings);
-const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
-
-interface Callbacks {
-  // Called to refresh items, e.g when the sorting order is changed.
-  refreshItems: () => void;
-  // Edit callbacks. If undefined, the data grid is not editable.
-  edit?: {
-    // Called when a key is deleted in the UI.
-    removeItem: (key: string) => void,
-    // Called when an item is created or updated in the UI.
-    setItem: (key: string, value: string) => void,
-  };
-  // Called when the selection state changes.
-  setCanDeleteSelected: (canSelect: boolean) => void;
-  // Called to create the preview widget when a new item is selected.
-  createPreview: (key: string, value: string) => Promise<Widget.Widget|null>;
-}
-
-interface Messages {
-  title: string;
-  itemDeleted: string;
-  itemsCleared: string;
-}
-
-/**
- * A helper typically used in the Application panel. Renders a split view
- * between a DataGrid displaying key-value pairs and a preview Widget.
- */
-export class DataGridWithPreview {
-  #dataGrid: DataGridImpl<unknown>;
-  readonly #splitWidget: SplitWidget.SplitWidget;
-  readonly #previewPanel: Widget.VBox;
-  #preview: Widget.Widget|null;
-  #previewValue: string|null;
-
-  #callbacks: Callbacks;
-  #messages: Messages;
-
-  constructor(id: string, parent: HTMLElement, columns: ColumnDescriptor[], callbacks: Callbacks, messages: Messages) {
-    this.#callbacks = callbacks;
-    this.#messages = messages;
-    this.#dataGrid = new DataGridImpl({
-      displayName: this.#messages.title,
-      columns,
-      refreshCallback: this.#callbacks.refreshItems,
-      ...(this.#callbacks.edit ? {
-        editCallback: this.#editingCallback.bind(this),
-        deleteCallback: this.#deleteCallback.bind(this),
-      } :
-                                 {}),
-    });
-    this.#dataGrid.addEventListener(Events.SELECTED_NODE, event => {
-      void this.#previewEntry(event.data);
-    });
-    this.#dataGrid.addEventListener(Events.DESELECTED_NODE, () => {
-      void this.#previewEntry(null);
-    });
-    this.#dataGrid.addEventListener(Events.SORTING_CHANGED, this.#callbacks.refreshItems, this);
-    this.#dataGrid.setStriped(true);
-    this.#dataGrid.setName(`${id}-datagrid-with-preview`);
-
-    this.#splitWidget = new SplitWidget.SplitWidget(
-        /* isVertical: */ false, /* secondIsSidebar: */ true, `${id}-split-view-state`);
-    this.#splitWidget.show(parent);
-
-    this.#previewPanel = new Widget.VBox();
-    this.#previewPanel.setMinimumSize(0, 50);
-    this.#previewPanel.element.setAttribute('jslog', `${VisualLogging.pane('preview').track({resize: true})}`);
-    const resizer = this.#previewPanel.element.createChild('div', 'preview-panel-resizer');
-    const dataGridWidget = this.#dataGrid.asWidget();
-    dataGridWidget.setMinimumSize(0, 50);
-    this.#splitWidget.setMainWidget(dataGridWidget);
-    this.#splitWidget.setSidebarWidget(this.#previewPanel);
-    this.#splitWidget.installResizer(resizer);
-
-    this.#preview = null;
-    this.#previewValue = null;
-
-    this.showPreview(null, null);
-  }
-
-  get dataGridForTesting(): DataGridImpl<unknown> {
-    return this.#dataGrid;
-  }
-
-  clearItems(): void {
-    this.#dataGrid.rootNode().removeChildren();
-    this.#dataGrid.addCreationNode(false);
-    ARIAUtils.alert(this.#messages.itemsCleared);
-    this.#callbacks.setCanDeleteSelected(false);
-  }
-
-  removeItem(key: string): void {
-    const rootNode = this.#dataGrid.rootNode();
-    const children = rootNode.children;
-
-    for (let i = 0; i < children.length; ++i) {
-      const childNode = children[i];
-      if (childNode.data.key === key) {
-        rootNode.removeChild(childNode);
-        this.#callbacks.setCanDeleteSelected(children.length > 1);
-        return;
-      }
-    }
-  }
-
-  addItem(item: string[]): void {
-    const rootNode = this.#dataGrid.rootNode();
-    const children = rootNode.children;
-
-    const key = item[0];
-    const value = item[1];
-
-    for (let i = 0; i < children.length; ++i) {
-      if (children[i].data.key === key) {
-        return;
-      }
-    }
-
-    const childNode = new DataGridNode({key, value}, false);
-    rootNode.insertChild(childNode, children.length - 1);
-  }
-
-  updateItem(key: string, value: string): void {
-    const childNode = this.#dataGrid.rootNode().children.find((child: DataGridNode<unknown>) => child.data.key === key);
-    if (!childNode) {
-      return;
-    }
-    if (childNode.data.value !== value) {
-      childNode.data.value = value;
-      childNode.refresh();
-    }
-    if (!childNode.selected) {
-      return;
-    }
-    if (this.#previewValue !== value) {
-      void this.#previewEntry(childNode);
-    }
-    this.#callbacks.setCanDeleteSelected(true);
-  }
-
-  showItems(items: string[][]): void {
-    const rootNode = this.#dataGrid.rootNode();
-    let selectedKey: null = null;
-    for (const node of rootNode.children) {
-      if (!node.selected) {
-        continue;
-      }
-      selectedKey = node.data.key;
-      void this.#previewEntry(node);
-      break;
-    }
-    rootNode.removeChildren();
-    let selectedNode: DataGridNode<unknown>|null = null;
-    const sortDirection = this.#dataGrid.isSortOrderAscending() ? 1 : -1;
-    const filteredList = items.sort(function(item1: string[], item2: string[]): number {
-      return sortDirection * (item1[0] > item2[0] ? 1 : -1);
-    });
-    for (const item of filteredList) {
-      const key = item[0];
-      const value = item[1];
-      const node = new DataGridNode({key, value}, false);
-      node.selectable = true;
-      rootNode.appendChild(node);
-      if (!selectedNode || key === selectedKey) {
-        selectedNode = node;
-      }
-    }
-    if (selectedNode) {
-      selectedNode.selected = true;
-    }
-    this.#dataGrid.addCreationNode(false);
-    this.#callbacks.setCanDeleteSelected(Boolean(selectedNode));
-    ARIAUtils.alert(i18nString(UIStrings.numberEntries, {PH1: filteredList.length}));
-  }
-
-  deleteSelectedItem(): void {
-    if (!this.#dataGrid.selectedNode) {
-      return;
-    }
-
-    this.#deleteCallback(this.#dataGrid.selectedNode);
-  }
-
-  #editingCallback(editingNode: DataGridNode<unknown>, columnIdentifier: string, oldText: string, newText: string):
-      void {
-    if (columnIdentifier === 'key') {
-      if (typeof oldText === 'string') {
-        this.#callbacks.edit?.removeItem(oldText);
-      }
-      this.#callbacks.edit?.setItem(newText, editingNode.data.value || '');
-      this.#removeDupes(editingNode);
-    } else {
-      this.#callbacks.edit?.setItem(editingNode.data.key || '', newText);
-    }
-  }
-
-  #removeDupes(masterNode: DataGridNode<unknown>): void {
-    const rootNode = this.#dataGrid.rootNode();
-    const children = rootNode.children;
-    for (let i = children.length - 1; i >= 0; --i) {
-      const childNode = children[i];
-      if ((childNode.data.key === masterNode.data.key) && (masterNode !== childNode)) {
-        rootNode.removeChild(childNode);
-      }
-    }
-  }
-
-  #deleteCallback(node: DataGridNode<unknown>): void {
-    if (!node || node.isCreationNode) {
-      return;
-    }
-
-    this.#callbacks.edit?.removeItem(node.data.key);
-
-    ARIAUtils.alert(this.#messages.itemDeleted);
-  }
-
-  showPreview(preview: Widget.Widget|null, value: string|null): void {
-    if (this.#preview && this.#previewValue === value) {
-      return;
-    }
-    if (this.#preview) {
-      this.#preview.detach();
-    }
-    if (!preview) {
-      preview = new EmptyWidget.EmptyWidget(i18nString(UIStrings.selectAValueToPreview));
-    }
-    this.#previewValue = value;
-    this.#preview = preview;
-    preview.show(this.#previewPanel.contentElement);
-  }
-
-  async #previewEntry(entry: DataGridNode<unknown>|null): Promise<void> {
-    const value = entry && entry.data && entry.data.value;
-    if (entry && entry.data && entry.data.value) {
-      const preview = await this.#callbacks.createPreview(entry.key, value as string);
-      // Selection could've changed while the preview was loaded
-      if (entry.selected) {
-        this.showPreview(preview, value);
-      }
-    } else {
-      this.showPreview(null, value);
-    }
-  }
-
-  detach(): void {
-    this.#splitWidget.detach();
-  }
-}