@theia/memory-inspector 1.34.2 → 1.34.3

package/lib/browser/utils/memory-widget-utils.js

@@ -1,43 +1,43 @@
-"use strict";
-/********************************************************************************
- * Copyright (C) 2021 Ericsson and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RegisterWidgetOptions = exports.MemoryDiffWidgetData = exports.MemoryWidgetOptions = exports.Interfaces = exports.Utils = exports.Constants = void 0;
-var Constants;
-(function (Constants) {
-    Constants.DEBOUNCE_TIME = 200;
-    Constants.ERROR_TIMEOUT = 5000;
-})(Constants = exports.Constants || (exports.Constants = {}));
-var Utils;
-(function (Utils) {
-    Utils.validateNumericalInputs = (e, allowNegative = true) => {
-        const toReplace = allowNegative ? /[^\d-]/g : /[^\d]/g;
-        e.target.value = e.target.value.replace(toReplace, '');
-    };
-    Utils.isPrintableAsAscii = (byte) => byte >= 32 && byte < (128 - 1);
-})(Utils = exports.Utils || (exports.Utils = {}));
-var Interfaces;
-(function (Interfaces) {
-    let Endianness;
-    (function (Endianness) {
-        Endianness["Little"] = "Little Endian";
-        Endianness["Big"] = "Big Endian";
-    })(Endianness = Interfaces.Endianness || (Interfaces.Endianness = {}));
-})(Interfaces = exports.Interfaces || (exports.Interfaces = {}));
-exports.MemoryWidgetOptions = Symbol('MemoryWidgetOptions');
-exports.MemoryDiffWidgetData = Symbol('MemoryDiffWidgetData');
-exports.RegisterWidgetOptions = Symbol('RegisterWidgetData');
+"use strict";
+/********************************************************************************
+ * Copyright (C) 2021 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RegisterWidgetOptions = exports.MemoryDiffWidgetData = exports.MemoryWidgetOptions = exports.Interfaces = exports.Utils = exports.Constants = void 0;
+var Constants;
+(function (Constants) {
+    Constants.DEBOUNCE_TIME = 200;
+    Constants.ERROR_TIMEOUT = 5000;
+})(Constants = exports.Constants || (exports.Constants = {}));
+var Utils;
+(function (Utils) {
+    Utils.validateNumericalInputs = (e, allowNegative = true) => {
+        const toReplace = allowNegative ? /[^\d-]/g : /[^\d]/g;
+        e.target.value = e.target.value.replace(toReplace, '');
+    };
+    Utils.isPrintableAsAscii = (byte) => byte >= 32 && byte < (128 - 1);
+})(Utils = exports.Utils || (exports.Utils = {}));
+var Interfaces;
+(function (Interfaces) {
+    let Endianness;
+    (function (Endianness) {
+        Endianness["Little"] = "Little Endian";
+        Endianness["Big"] = "Big Endian";
+    })(Endianness = Interfaces.Endianness || (Interfaces.Endianness = {}));
+})(Interfaces = exports.Interfaces || (exports.Interfaces = {}));
+exports.MemoryWidgetOptions = Symbol('MemoryWidgetOptions');
+exports.MemoryDiffWidgetData = Symbol('MemoryDiffWidgetData');
+exports.RegisterWidgetOptions = Symbol('RegisterWidgetData');
 //# sourceMappingURL=memory-widget-utils.js.map

package/lib/browser/utils/memory-widget-variable-utils.d.ts

@@ -1,58 +1,58 @@
-/********************************************************************************
- * Copyright (C) 2021 Ericsson and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
-import { DebugVariable } from '@theia/debug/lib/browser/console/debug-console-items';
-import { DebugSession } from '@theia/debug/lib/browser/debug-session';
-import * as Long from 'long';
-export interface VariableRange {
-    name: string;
-    address: Long;
-    pastTheEndAddress: Long;
-    type?: string;
-    value?: string;
-}
-export interface VariableDecoration {
-    name: string;
-    color: string;
-    firstAppearance?: boolean;
-}
-export interface RegisterReadResult {
-    threadId: string | undefined;
-    registers: DebugVariable[];
-}
-export declare class VariableFinder {
-    protected readonly HIGH_CONTRAST_COLORS: string[];
-    protected readonly NON_HC_COLORS: string[];
-    protected readonly variables: VariableRange[];
-    protected currentIndex: number;
-    protected currentVariable: VariableRange | undefined;
-    protected handledVariables: Map<string, Long.Long>;
-    protected workingColors: string[];
-    protected lastCall: Long.Long;
-    constructor(variables: VariableRange[], highContrast?: boolean);
-    /**
-     * @param address the address of interest.
-     *
-     * This function should be called with a sequence of addresses in increasing order
-     */
-    getVariableForAddress(address: Long): VariableDecoration | undefined;
-    protected initialize(address: Long): void;
-    searchForVariable(addressOrName: Long | string): VariableRange | undefined;
-}
-/**
- * Get the Registers of the currently selected frame.
- */
-export declare function getRegisters(session: DebugSession | undefined): Promise<DebugVariable[]>;
+/********************************************************************************
+ * Copyright (C) 2021 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+import { DebugVariable } from '@theia/debug/lib/browser/console/debug-console-items';
+import { DebugSession } from '@theia/debug/lib/browser/debug-session';
+import * as Long from 'long';
+export interface VariableRange {
+    name: string;
+    address: Long;
+    pastTheEndAddress: Long;
+    type?: string;
+    value?: string;
+}
+export interface VariableDecoration {
+    name: string;
+    color: string;
+    firstAppearance?: boolean;
+}
+export interface RegisterReadResult {
+    threadId: string | undefined;
+    registers: DebugVariable[];
+}
+export declare class VariableFinder {
+    protected readonly HIGH_CONTRAST_COLORS: string[];
+    protected readonly NON_HC_COLORS: string[];
+    protected readonly variables: VariableRange[];
+    protected currentIndex: number;
+    protected currentVariable: VariableRange | undefined;
+    protected handledVariables: Map<string, Long.Long>;
+    protected workingColors: string[];
+    protected lastCall: Long.Long;
+    constructor(variables: VariableRange[], highContrast?: boolean);
+    /**
+     * @param address the address of interest.
+     *
+     * This function should be called with a sequence of addresses in increasing order
+     */
+    getVariableForAddress(address: Long): VariableDecoration | undefined;
+    protected initialize(address: Long): void;
+    searchForVariable(addressOrName: Long | string): VariableRange | undefined;
+}
+/**
+ * Get the Registers of the currently selected frame.
+ */
+export declare function getRegisters(session: DebugSession | undefined): Promise<DebugVariable[]>;
 //# sourceMappingURL=memory-widget-variable-utils.d.ts.map

package/lib/browser/utils/memory-widget-variable-utils.js

@@ -1,144 +1,144 @@
-"use strict";
-/********************************************************************************
- * Copyright (C) 2021 Ericsson and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRegisters = exports.VariableFinder = void 0;
-const debug_console_items_1 = require("@theia/debug/lib/browser/console/debug-console-items");
-const Long = require("long");
-class VariableFinder {
-    constructor(variables, highContrast = false) {
-        this.HIGH_CONTRAST_COLORS = [
-            'var(--theia-contrastActiveBorder)',
-            'var(--theia-contrastBorder)',
-        ];
-        this.NON_HC_COLORS = [
-            'var(--theia-terminal-ansiBlue)',
-            'var(--theia-terminal-ansiGreen)',
-            'var(--theia-terminal-ansiRed)',
-            'var(--theia-terminal-ansiYellow)',
-            'var(--theia-terminal-ansiMagenta)',
-        ];
-        this.currentIndex = -1;
-        this.currentVariable = undefined;
-        this.handledVariables = new Map();
-        this.lastCall = Long.MAX_UNSIGNED_VALUE;
-        this.variables = variables.sort((a, b) => a.address.lessThan(b.address) ? -1 : 1);
-        this.workingColors = highContrast ? this.HIGH_CONTRAST_COLORS : this.NON_HC_COLORS;
-    }
-    /**
-     * @param address the address of interest.
-     *
-     * This function should be called with a sequence of addresses in increasing order
-     */
-    getVariableForAddress(address) {
-        if (address.lessThan(this.lastCall)) {
-            this.initialize(address);
-        }
-        this.lastCall = address;
-        if (this.currentVariable && address.greaterThanOrEqual(this.currentVariable.pastTheEndAddress)) {
-            this.currentIndex += 1;
-            this.currentVariable = this.variables[this.currentIndex];
-        }
-        if (!this.currentVariable) {
-            return undefined;
-        }
-        const { name } = this.currentVariable;
-        // const color = `hsl(${HSL_BASIS * this.currentIndex / this.variables.length}, 60%, 60%)`;
-        const color = this.workingColors[this.currentIndex % this.workingColors.length];
-        const decoration = {
-            name,
-            color,
-            firstAppearance: this.handledVariables.get(name) === address || !this.handledVariables.has(name),
-        };
-        if (address.greaterThanOrEqual(this.currentVariable.address) && address.lessThan(this.currentVariable.pastTheEndAddress)) {
-            this.handledVariables.set(name, address);
-            return decoration;
-        }
-        return undefined;
-    }
-    initialize(address) {
-        this.handledVariables.clear();
-        const firstCandidateIndex = this.variables.findIndex(variable => address.lessThan(variable.pastTheEndAddress));
-        if (firstCandidateIndex === -1) {
-            this.currentIndex = this.variables.length;
-        }
-        else {
-            this.currentVariable = this.variables[firstCandidateIndex];
-            this.currentIndex = firstCandidateIndex;
-        }
-    }
-    searchForVariable(addressOrName) {
-        if (typeof addressOrName === 'string') {
-            return this.variables.find(variable => variable.name === addressOrName);
-        }
-        let upperLimit = this.variables.length - 1;
-        let lowerLimit = 0;
-        while (upperLimit >= lowerLimit) {
-            const target = Math.floor((lowerLimit + upperLimit) / 2);
-            const candidate = this.variables[target];
-            if (addressOrName >= candidate.address && addressOrName < candidate.pastTheEndAddress) {
-                return candidate;
-            }
-            if (addressOrName < candidate.address) {
-                upperLimit = target - 1;
-            }
-            if (addressOrName >= candidate.pastTheEndAddress) {
-                lowerLimit = target + 1;
-            }
-        }
-        return undefined;
-    }
-}
-exports.VariableFinder = VariableFinder;
-/**
- * Get the Registers of the currently selected frame.
- */
-async function getRegisters(session) {
-    if (session === undefined) {
-        console.warn('No active debug session.');
-        return [];
-    }
-    const frame = session.currentFrame;
-    if (frame === undefined) {
-        throw new Error('No active stack frame.');
-    }
-    const registers = [];
-    const scopes = await frame.getScopes();
-    const regScope = scopes.find(x => x.render() === 'Registers');
-    if (regScope !== undefined) {
-        const handleRegisterScope = async (scope) => {
-            const variables = await scope.getElements();
-            for (const v of variables) {
-                if (v instanceof debug_console_items_1.DebugVariable) {
-                    try {
-                        BigInt(v.value); // Make sure the value looks like a numerical value
-                        registers.push(v);
-                    }
-                    catch (_a) {
-                        handleRegisterScope(v);
-                    }
-                }
-            }
-        };
-        handleRegisterScope(regScope);
-    }
-    else {
-        throw new Error('No Register scope in active stack frame.');
-    }
-    return registers;
-}
-exports.getRegisters = getRegisters;
+"use strict";
+/********************************************************************************
+ * Copyright (C) 2021 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRegisters = exports.VariableFinder = void 0;
+const debug_console_items_1 = require("@theia/debug/lib/browser/console/debug-console-items");
+const Long = require("long");
+class VariableFinder {
+    constructor(variables, highContrast = false) {
+        this.HIGH_CONTRAST_COLORS = [
+            'var(--theia-contrastActiveBorder)',
+            'var(--theia-contrastBorder)',
+        ];
+        this.NON_HC_COLORS = [
+            'var(--theia-terminal-ansiBlue)',
+            'var(--theia-terminal-ansiGreen)',
+            'var(--theia-terminal-ansiRed)',
+            'var(--theia-terminal-ansiYellow)',
+            'var(--theia-terminal-ansiMagenta)',
+        ];
+        this.currentIndex = -1;
+        this.currentVariable = undefined;
+        this.handledVariables = new Map();
+        this.lastCall = Long.MAX_UNSIGNED_VALUE;
+        this.variables = variables.sort((a, b) => a.address.lessThan(b.address) ? -1 : 1);
+        this.workingColors = highContrast ? this.HIGH_CONTRAST_COLORS : this.NON_HC_COLORS;
+    }
+    /**
+     * @param address the address of interest.
+     *
+     * This function should be called with a sequence of addresses in increasing order
+     */
+    getVariableForAddress(address) {
+        if (address.lessThan(this.lastCall)) {
+            this.initialize(address);
+        }
+        this.lastCall = address;
+        if (this.currentVariable && address.greaterThanOrEqual(this.currentVariable.pastTheEndAddress)) {
+            this.currentIndex += 1;
+            this.currentVariable = this.variables[this.currentIndex];
+        }
+        if (!this.currentVariable) {
+            return undefined;
+        }
+        const { name } = this.currentVariable;
+        // const color = `hsl(${HSL_BASIS * this.currentIndex / this.variables.length}, 60%, 60%)`;
+        const color = this.workingColors[this.currentIndex % this.workingColors.length];
+        const decoration = {
+            name,
+            color,
+            firstAppearance: this.handledVariables.get(name) === address || !this.handledVariables.has(name),
+        };
+        if (address.greaterThanOrEqual(this.currentVariable.address) && address.lessThan(this.currentVariable.pastTheEndAddress)) {
+            this.handledVariables.set(name, address);
+            return decoration;
+        }
+        return undefined;
+    }
+    initialize(address) {
+        this.handledVariables.clear();
+        const firstCandidateIndex = this.variables.findIndex(variable => address.lessThan(variable.pastTheEndAddress));
+        if (firstCandidateIndex === -1) {
+            this.currentIndex = this.variables.length;
+        }
+        else {
+            this.currentVariable = this.variables[firstCandidateIndex];
+            this.currentIndex = firstCandidateIndex;
+        }
+    }
+    searchForVariable(addressOrName) {
+        if (typeof addressOrName === 'string') {
+            return this.variables.find(variable => variable.name === addressOrName);
+        }
+        let upperLimit = this.variables.length - 1;
+        let lowerLimit = 0;
+        while (upperLimit >= lowerLimit) {
+            const target = Math.floor((lowerLimit + upperLimit) / 2);
+            const candidate = this.variables[target];
+            if (addressOrName >= candidate.address && addressOrName < candidate.pastTheEndAddress) {
+                return candidate;
+            }
+            if (addressOrName < candidate.address) {
+                upperLimit = target - 1;
+            }
+            if (addressOrName >= candidate.pastTheEndAddress) {
+                lowerLimit = target + 1;
+            }
+        }
+        return undefined;
+    }
+}
+exports.VariableFinder = VariableFinder;
+/**
+ * Get the Registers of the currently selected frame.
+ */
+async function getRegisters(session) {
+    if (session === undefined) {
+        console.warn('No active debug session.');
+        return [];
+    }
+    const frame = session.currentFrame;
+    if (frame === undefined) {
+        throw new Error('No active stack frame.');
+    }
+    const registers = [];
+    const scopes = await frame.getScopes();
+    const regScope = scopes.find(x => x.render() === 'Registers');
+    if (regScope !== undefined) {
+        const handleRegisterScope = async (scope) => {
+            const variables = await scope.getElements();
+            for (const v of variables) {
+                if (v instanceof debug_console_items_1.DebugVariable) {
+                    try {
+                        BigInt(v.value); // Make sure the value looks like a numerical value
+                        registers.push(v);
+                    }
+                    catch (_a) {
+                        handleRegisterScope(v);
+                    }
+                }
+            }
+        };
+        handleRegisterScope(regScope);
+    }
+    else {
+        throw new Error('No Register scope in active stack frame.');
+    }
+    return registers;
+}
+exports.getRegisters = getRegisters;
 //# sourceMappingURL=memory-widget-variable-utils.js.map

package/lib/browser/utils/multi-select-bar.d.ts

@@ -1,32 +1,32 @@
-/********************************************************************************
- * Copyright (C) 2021 Ericsson and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
-/// <reference types="react" />
-import * as React from '@theia/core/shared/react';
-import { MWLabelProps } from './memory-widget-components';
-export interface SingleSelectItemProps {
-    id: string;
-    label: string;
-    defaultChecked?: boolean;
-}
-interface MultiSelectBarProps {
-    items: SingleSelectItemProps[];
-    id?: string;
-    onSelectionChanged: (labelSelected: string, newSelectionState: boolean) => unknown;
-}
-export declare const MultiSelectBar: React.FC<MultiSelectBarProps>;
-export declare const MWMultiSelect: React.FC<MWLabelProps & MultiSelectBarProps>;
-export {};
+/********************************************************************************
+ * Copyright (C) 2021 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+/// <reference types="react" />
+import * as React from '@theia/core/shared/react';
+import { MWLabelProps } from './memory-widget-components';
+export interface SingleSelectItemProps {
+    id: string;
+    label: string;
+    defaultChecked?: boolean;
+}
+interface MultiSelectBarProps {
+    items: SingleSelectItemProps[];
+    id?: string;
+    onSelectionChanged: (labelSelected: string, newSelectionState: boolean) => unknown;
+}
+export declare const MultiSelectBar: React.FC<MultiSelectBarProps>;
+export declare const MWMultiSelect: React.FC<MWLabelProps & MultiSelectBarProps>;
+export {};
 //# sourceMappingURL=multi-select-bar.d.ts.map

package/lib/browser/utils/multi-select-bar.js

@@ -1,35 +1,35 @@
-"use strict";
-/********************************************************************************
- * Copyright (C) 2021 Ericsson and others.
- *
- * This program and the accompanying materials are made available under the
- * terms of the Eclipse Public License v. 2.0 which is available at
- * http://www.eclipse.org/legal/epl-2.0.
- *
- * This Source Code may also be made available under the following Secondary
- * Licenses when the conditions for such availability set forth in the Eclipse
- * Public License v. 2.0 are satisfied: GNU General Public License, version 2
- * with the GNU Classpath Exception which is available at
- * https://www.gnu.org/software/classpath/license.html.
- *
- * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
- ********************************************************************************/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MWMultiSelect = exports.MultiSelectBar = void 0;
-const React = require("@theia/core/shared/react");
-const memory_widget_components_1 = require("./memory-widget-components");
-const MultiSelectBar = ({ items, onSelectionChanged, id }) => {
-    const changeHandler = React.useCallback(e => {
-        onSelectionChanged(e.target.id, e.target.checked);
-    }, [onSelectionChanged]);
-    return (React.createElement("div", { className: 'multi-select-bar', id: id }, items.map(({ label, id: itemId, defaultChecked }) => (React.createElement(LabeledCheckbox, { label: label, onChange: changeHandler, defaultChecked: !!defaultChecked, id: itemId, key: `${label}-${id}-checkbox` })))));
-};
-exports.MultiSelectBar = MultiSelectBar;
-const LabeledCheckbox = ({ defaultChecked, label, onChange, id }) => (React.createElement("div", { className: 'multi-select-checkbox-wrapper' },
-    React.createElement("input", { tabIndex: 0, type: 'checkbox', id: id, className: 'multi-select-checkbox', defaultChecked: defaultChecked, onChange: onChange }),
-    React.createElement(memory_widget_components_1.MWLabel, { id: id, label: label, classNames: ['multi-select-label'] })));
-const MWMultiSelect = ({ id, label, disabled, items, onSelectionChanged }) => (React.createElement(React.Fragment, null,
-    React.createElement(memory_widget_components_1.MWLabel, { id: id, label: label, disabled: disabled }),
-    React.createElement(exports.MultiSelectBar, { id: id, items: items, onSelectionChanged: onSelectionChanged })));
-exports.MWMultiSelect = MWMultiSelect;
+"use strict";
+/********************************************************************************
+ * Copyright (C) 2021 Ericsson and others.
+ *
+ * This program and the accompanying materials are made available under the
+ * terms of the Eclipse Public License v. 2.0 which is available at
+ * http://www.eclipse.org/legal/epl-2.0.
+ *
+ * This Source Code may also be made available under the following Secondary
+ * Licenses when the conditions for such availability set forth in the Eclipse
+ * Public License v. 2.0 are satisfied: GNU General Public License, version 2
+ * with the GNU Classpath Exception which is available at
+ * https://www.gnu.org/software/classpath/license.html.
+ *
+ * SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
+ ********************************************************************************/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MWMultiSelect = exports.MultiSelectBar = void 0;
+const React = require("@theia/core/shared/react");
+const memory_widget_components_1 = require("./memory-widget-components");
+const MultiSelectBar = ({ items, onSelectionChanged, id }) => {
+    const changeHandler = React.useCallback(e => {
+        onSelectionChanged(e.target.id, e.target.checked);
+    }, [onSelectionChanged]);
+    return (React.createElement("div", { className: 'multi-select-bar', id: id }, items.map(({ label, id: itemId, defaultChecked }) => (React.createElement(LabeledCheckbox, { label: label, onChange: changeHandler, defaultChecked: !!defaultChecked, id: itemId, key: `${label}-${id}-checkbox` })))));
+};
+exports.MultiSelectBar = MultiSelectBar;
+const LabeledCheckbox = ({ defaultChecked, label, onChange, id }) => (React.createElement("div", { className: 'multi-select-checkbox-wrapper' },
+    React.createElement("input", { tabIndex: 0, type: 'checkbox', id: id, className: 'multi-select-checkbox', defaultChecked: defaultChecked, onChange: onChange }),
+    React.createElement(memory_widget_components_1.MWLabel, { id: id, label: label, classNames: ['multi-select-label'] })));
+const MWMultiSelect = ({ id, label, disabled, items, onSelectionChanged }) => (React.createElement(React.Fragment, null,
+    React.createElement(memory_widget_components_1.MWLabel, { id: id, label: label, disabled: disabled }),
+    React.createElement(exports.MultiSelectBar, { id: id, items: items, onSelectionChanged: onSelectionChanged })));
+exports.MWMultiSelect = MWMultiSelect;
 //# sourceMappingURL=multi-select-bar.js.map