@theia/preferences 1.45.0 → 1.46.0-next.72
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +81 -81
- package/lib/browser/abstract-resource-preference-provider.d.ts +47 -47
- package/lib/browser/abstract-resource-preference-provider.js +240 -240
- package/lib/browser/abstract-resource-preference-provider.spec.d.ts +1 -1
- package/lib/browser/abstract-resource-preference-provider.spec.js +83 -83
- package/lib/browser/folder-preference-provider.d.ts +20 -20
- package/lib/browser/folder-preference-provider.js +59 -59
- package/lib/browser/folders-preferences-provider.d.ts +27 -27
- package/lib/browser/folders-preferences-provider.js +245 -245
- package/lib/browser/index.d.ts +7 -7
- package/lib/browser/index.js +34 -34
- package/lib/browser/monaco-jsonc-editor.d.ts +9 -9
- package/lib/browser/monaco-jsonc-editor.js +80 -80
- package/lib/browser/package.spec.js +25 -25
- package/lib/browser/preference-bindings.d.ts +4 -4
- package/lib/browser/preference-bindings.js +63 -63
- package/lib/browser/preference-frontend-module.d.ts +6 -6
- package/lib/browser/preference-frontend-module.js +52 -52
- package/lib/browser/preference-open-handler.d.ts +9 -9
- package/lib/browser/preference-open-handler.js +64 -64
- package/lib/browser/preference-transaction-manager.d.ts +100 -100
- package/lib/browser/preference-transaction-manager.js +293 -293
- package/lib/browser/preference-tree-model.d.ts +60 -60
- package/lib/browser/preference-tree-model.js +243 -243
- package/lib/browser/preferences-contribution.d.ts +37 -37
- package/lib/browser/preferences-contribution.js +280 -280
- package/lib/browser/preferences-json-schema-contribution.d.ts +17 -17
- package/lib/browser/preferences-json-schema-contribution.js +91 -91
- package/lib/browser/preferences-monaco-contribution.d.ts +1 -1
- package/lib/browser/preferences-monaco-contribution.js +27 -27
- package/lib/browser/section-preference-provider.d.ts +21 -21
- package/lib/browser/section-preference-provider.js +96 -96
- package/lib/browser/user-configs-preference-provider.d.ts +22 -22
- package/lib/browser/user-configs-preference-provider.js +137 -137
- package/lib/browser/user-preference-provider.d.ts +13 -13
- package/lib/browser/user-preference-provider.js +41 -41
- package/lib/browser/util/preference-scope-command-manager.d.ts +17 -17
- package/lib/browser/util/preference-scope-command-manager.js +87 -87
- package/lib/browser/util/preference-tree-generator.d.ts +31 -31
- package/lib/browser/util/preference-tree-generator.js +237 -237
- package/lib/browser/util/preference-tree-label-provider.d.ts +11 -11
- package/lib/browser/util/preference-tree-label-provider.js +77 -77
- package/lib/browser/util/preference-tree-label-provider.spec.d.ts +1 -1
- package/lib/browser/util/preference-tree-label-provider.spec.js +87 -87
- package/lib/browser/util/preference-types.d.ts +62 -62
- package/lib/browser/util/preference-types.js +128 -128
- package/lib/browser/views/components/preference-array-input.d.ts +28 -28
- package/lib/browser/views/components/preference-array-input.js +180 -180
- package/lib/browser/views/components/preference-boolean-input.d.ts +17 -17
- package/lib/browser/views/components/preference-boolean-input.js +79 -79
- package/lib/browser/views/components/preference-file-input.d.ts +29 -29
- package/lib/browser/views/components/preference-file-input.js +110 -110
- package/lib/browser/views/components/preference-json-input.d.ts +19 -19
- package/lib/browser/views/components/preference-json-input.js +93 -93
- package/lib/browser/views/components/preference-markdown-renderer.d.ts +12 -12
- package/lib/browser/views/components/preference-markdown-renderer.js +81 -81
- package/lib/browser/views/components/preference-node-renderer-creator.d.ts +48 -48
- package/lib/browser/views/components/preference-node-renderer-creator.js +132 -132
- package/lib/browser/views/components/preference-node-renderer.d.ts +112 -112
- package/lib/browser/views/components/preference-node-renderer.js +441 -441
- package/lib/browser/views/components/preference-number-input.d.ts +34 -34
- package/lib/browser/views/components/preference-number-input.js +142 -142
- package/lib/browser/views/components/preference-select-input.d.ts +28 -28
- package/lib/browser/views/components/preference-select-input.js +138 -138
- package/lib/browser/views/components/preference-string-input.d.ts +17 -17
- package/lib/browser/views/components/preference-string-input.js +89 -89
- package/lib/browser/views/preference-editor-widget.d.ts +67 -67
- package/lib/browser/views/preference-editor-widget.js +363 -363
- package/lib/browser/views/preference-scope-tabbar-widget.d.ts +54 -54
- package/lib/browser/views/preference-scope-tabbar-widget.js +343 -343
- package/lib/browser/views/preference-searchbar-widget.d.ts +53 -53
- package/lib/browser/views/preference-searchbar-widget.js +173 -173
- package/lib/browser/views/preference-tree-widget.d.ts +17 -17
- package/lib/browser/views/preference-tree-widget.js +104 -104
- package/lib/browser/views/preference-widget-bindings.d.ts +3 -3
- package/lib/browser/views/preference-widget-bindings.js +87 -87
- package/lib/browser/views/preference-widget.d.ts +36 -36
- package/lib/browser/views/preference-widget.js +126 -126
- package/lib/browser/workspace-file-preference-provider.d.ts +23 -23
- package/lib/browser/workspace-file-preference-provider.js +110 -110
- package/lib/browser/workspace-preference-provider.d.ts +28 -28
- package/lib/browser/workspace-preference-provider.js +142 -142
- package/package.json +10 -10
- package/src/browser/abstract-resource-preference-provider.spec.ts +95 -95
- package/src/browser/abstract-resource-preference-provider.ts +232 -232
- package/src/browser/folder-preference-provider.ts +58 -58
- package/src/browser/folders-preferences-provider.ts +244 -244
- package/src/browser/index.ts +23 -23
- package/src/browser/monaco-jsonc-editor.ts +67 -67
- package/src/browser/package.spec.ts +28 -28
- package/src/browser/preference-bindings.ts +65 -65
- package/src/browser/preference-frontend-module.ts +57 -57
- package/src/browser/preference-open-handler.ts +53 -53
- package/src/browser/preference-transaction-manager.ts +287 -287
- package/src/browser/preference-tree-model.ts +250 -250
- package/src/browser/preferences-contribution.ts +263 -263
- package/src/browser/preferences-json-schema-contribution.ts +86 -86
- package/src/browser/preferences-monaco-contribution.ts +27 -27
- package/src/browser/section-preference-provider.ts +83 -83
- package/src/browser/style/index.css +506 -506
- package/src/browser/style/preference-array.css +94 -94
- package/src/browser/style/preference-context-menu.css +74 -74
- package/src/browser/style/preference-file.css +31 -31
- package/src/browser/style/preference-object.css +49 -49
- package/src/browser/style/search-input.css +66 -66
- package/src/browser/user-configs-preference-provider.ts +127 -127
- package/src/browser/user-preference-provider.ts +35 -35
- package/src/browser/util/preference-scope-command-manager.ts +75 -75
- package/src/browser/util/preference-tree-generator.ts +226 -226
- package/src/browser/util/preference-tree-label-provider.spec.ts +108 -108
- package/src/browser/util/preference-tree-label-provider.ts +64 -64
- package/src/browser/util/preference-types.ts +169 -169
- package/src/browser/views/components/preference-array-input.ts +174 -174
- package/src/browser/views/components/preference-boolean-input.ts +69 -69
- package/src/browser/views/components/preference-file-input.ts +104 -104
- package/src/browser/views/components/preference-json-input.ts +78 -78
- package/src/browser/views/components/preference-markdown-renderer.ts +68 -68
- package/src/browser/views/components/preference-node-renderer-creator.ts +141 -141
- package/src/browser/views/components/preference-node-renderer.ts +477 -477
- package/src/browser/views/components/preference-number-input.ts +147 -147
- package/src/browser/views/components/preference-select-input.ts +131 -131
- package/src/browser/views/components/preference-string-input.ts +76 -76
- package/src/browser/views/preference-editor-widget.ts +349 -349
- package/src/browser/views/preference-scope-tabbar-widget.tsx +344 -344
- package/src/browser/views/preference-searchbar-widget.tsx +183 -183
- package/src/browser/views/preference-tree-widget.tsx +93 -93
- package/src/browser/views/preference-widget-bindings.ts +102 -102
- package/src/browser/views/preference-widget.tsx +117 -117
- package/src/browser/workspace-file-preference-provider.ts +100 -100
- package/src/browser/workspace-preference-provider.ts +134 -134
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { interfaces } from '@theia/core/shared/inversify';
|
|
2
|
-
import { Preference } from '../../util/preference-types';
|
|
3
|
-
import { PreferenceLeafNodeRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
|
|
4
|
-
import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
|
|
5
|
-
interface PreferenceNumberInputValidation {
|
|
6
|
-
/**
|
|
7
|
-
* the numeric value of the input. `NaN` if there is an error.
|
|
8
|
-
*/
|
|
9
|
-
value: number;
|
|
10
|
-
/**
|
|
11
|
-
* the error message to display.
|
|
12
|
-
*/
|
|
13
|
-
message: string;
|
|
14
|
-
}
|
|
15
|
-
export declare class PreferenceNumberInputRenderer extends PreferenceLeafNodeRenderer<number, HTMLInputElement> {
|
|
16
|
-
protected _errorMessage: HTMLElement | undefined;
|
|
17
|
-
protected interactableWrapper: HTMLElement;
|
|
18
|
-
get errorMessage(): HTMLElement;
|
|
19
|
-
protected createInteractable(parent: HTMLElement): void;
|
|
20
|
-
protected getFallbackValue(): number;
|
|
21
|
-
protected handleUserInteraction(): void;
|
|
22
|
-
protected handleBlur(): Promise<void>;
|
|
23
|
-
protected doHandleValueChange(): void;
|
|
24
|
-
protected getInputValidation(input: string): PreferenceNumberInputValidation;
|
|
25
|
-
protected showErrorMessage(message: string): void;
|
|
26
|
-
protected hideErrorMessage(): void;
|
|
27
|
-
}
|
|
28
|
-
export declare class PreferenceNumberInputRendererContribution extends PreferenceLeafNodeRendererContribution {
|
|
29
|
-
static ID: string;
|
|
30
|
-
id: string;
|
|
31
|
-
canHandleLeafNode(node: Preference.LeafNode): number;
|
|
32
|
-
createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer;
|
|
33
|
-
}
|
|
34
|
-
export {};
|
|
1
|
+
import { interfaces } from '@theia/core/shared/inversify';
|
|
2
|
+
import { Preference } from '../../util/preference-types';
|
|
3
|
+
import { PreferenceLeafNodeRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
|
|
4
|
+
import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
|
|
5
|
+
interface PreferenceNumberInputValidation {
|
|
6
|
+
/**
|
|
7
|
+
* the numeric value of the input. `NaN` if there is an error.
|
|
8
|
+
*/
|
|
9
|
+
value: number;
|
|
10
|
+
/**
|
|
11
|
+
* the error message to display.
|
|
12
|
+
*/
|
|
13
|
+
message: string;
|
|
14
|
+
}
|
|
15
|
+
export declare class PreferenceNumberInputRenderer extends PreferenceLeafNodeRenderer<number, HTMLInputElement> {
|
|
16
|
+
protected _errorMessage: HTMLElement | undefined;
|
|
17
|
+
protected interactableWrapper: HTMLElement;
|
|
18
|
+
get errorMessage(): HTMLElement;
|
|
19
|
+
protected createInteractable(parent: HTMLElement): void;
|
|
20
|
+
protected getFallbackValue(): number;
|
|
21
|
+
protected handleUserInteraction(): void;
|
|
22
|
+
protected handleBlur(): Promise<void>;
|
|
23
|
+
protected doHandleValueChange(): void;
|
|
24
|
+
protected getInputValidation(input: string): PreferenceNumberInputValidation;
|
|
25
|
+
protected showErrorMessage(message: string): void;
|
|
26
|
+
protected hideErrorMessage(): void;
|
|
27
|
+
}
|
|
28
|
+
export declare class PreferenceNumberInputRendererContribution extends PreferenceLeafNodeRendererContribution {
|
|
29
|
+
static ID: string;
|
|
30
|
+
id: string;
|
|
31
|
+
canHandleLeafNode(node: Preference.LeafNode): number;
|
|
32
|
+
createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer;
|
|
33
|
+
}
|
|
34
|
+
export {};
|
|
35
35
|
//# sourceMappingURL=preference-number-input.d.ts.map
|
|
@@ -1,143 +1,143 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
// *****************************************************************************
|
|
3
|
-
// Copyright (C) 2021 Ericsson and others.
|
|
4
|
-
//
|
|
5
|
-
// This program and the accompanying materials are made available under the
|
|
6
|
-
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
7
|
-
// http://www.eclipse.org/legal/epl-2.0.
|
|
8
|
-
//
|
|
9
|
-
// This Source Code may also be made available under the following Secondary
|
|
10
|
-
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
11
|
-
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
12
|
-
// with the GNU Classpath Exception which is available at
|
|
13
|
-
// https://www.gnu.org/software/classpath/license.html.
|
|
14
|
-
//
|
|
15
|
-
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
16
|
-
// *****************************************************************************
|
|
17
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
18
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
19
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
20
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
21
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22
|
-
};
|
|
23
|
-
var PreferenceNumberInputRendererContribution_1;
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.PreferenceNumberInputRendererContribution = exports.PreferenceNumberInputRenderer = void 0;
|
|
26
|
-
const core_1 = require("@theia/core");
|
|
27
|
-
const inversify_1 = require("@theia/core/shared/inversify");
|
|
28
|
-
const preference_types_1 = require("../../util/preference-types");
|
|
29
|
-
const preference_node_renderer_1 = require("./preference-node-renderer");
|
|
30
|
-
const preference_node_renderer_creator_1 = require("./preference-node-renderer-creator");
|
|
31
|
-
let PreferenceNumberInputRenderer = class PreferenceNumberInputRenderer extends preference_node_renderer_1.PreferenceLeafNodeRenderer {
|
|
32
|
-
get errorMessage() {
|
|
33
|
-
if (!this._errorMessage) {
|
|
34
|
-
const errorMessage = document.createElement('div');
|
|
35
|
-
errorMessage.classList.add('pref-error-notification');
|
|
36
|
-
this._errorMessage = errorMessage;
|
|
37
|
-
}
|
|
38
|
-
return this._errorMessage;
|
|
39
|
-
}
|
|
40
|
-
createInteractable(parent) {
|
|
41
|
-
var _a, _b;
|
|
42
|
-
const interactableWrapper = document.createElement('div');
|
|
43
|
-
this.interactableWrapper = interactableWrapper;
|
|
44
|
-
interactableWrapper.classList.add('pref-input-container');
|
|
45
|
-
const interactable = document.createElement('input');
|
|
46
|
-
this.interactable = interactable;
|
|
47
|
-
interactable.type = 'number';
|
|
48
|
-
interactable.step = this.preferenceNode.preference.data.type === 'integer' ? '1' : 'any';
|
|
49
|
-
interactable.classList.add('theia-input');
|
|
50
|
-
interactable.defaultValue = (_b = (_a = this.getValue()) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
|
|
51
|
-
interactable.oninput = this.handleUserInteraction.bind(this);
|
|
52
|
-
interactable.onblur = this.handleBlur.bind(this);
|
|
53
|
-
interactableWrapper.appendChild(interactable);
|
|
54
|
-
parent.appendChild(interactableWrapper);
|
|
55
|
-
}
|
|
56
|
-
getFallbackValue() {
|
|
57
|
-
return 0;
|
|
58
|
-
}
|
|
59
|
-
handleUserInteraction() {
|
|
60
|
-
const { value, message } = this.getInputValidation(this.interactable.value);
|
|
61
|
-
if (isNaN(value)) {
|
|
62
|
-
this.showErrorMessage(message);
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
this.hideErrorMessage();
|
|
66
|
-
this.setPreferenceWithDebounce(value);
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
async handleBlur() {
|
|
70
|
-
this.hideErrorMessage();
|
|
71
|
-
await this.setPreferenceWithDebounce.flush();
|
|
72
|
-
this.handleValueChange();
|
|
73
|
-
}
|
|
74
|
-
doHandleValueChange() {
|
|
75
|
-
var _a;
|
|
76
|
-
const { value } = this.interactable;
|
|
77
|
-
const currentValue = value.length ? Number(value) : NaN;
|
|
78
|
-
this.updateInspection();
|
|
79
|
-
const newValue = (_a = this.getValue()) !== null && _a !== void 0 ? _a : '';
|
|
80
|
-
this.updateModificationStatus(newValue);
|
|
81
|
-
if (newValue !== currentValue) {
|
|
82
|
-
if (document.activeElement !== this.interactable) {
|
|
83
|
-
this.interactable.value = newValue.toString();
|
|
84
|
-
}
|
|
85
|
-
else {
|
|
86
|
-
this.handleUserInteraction(); // give priority to the value of the input if it is focused.
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
getInputValidation(input) {
|
|
91
|
-
const { preference: { data } } = this.preferenceNode;
|
|
92
|
-
const inputValue = Number(input);
|
|
93
|
-
const errorMessages = [];
|
|
94
|
-
if (input === '' || isNaN(inputValue)) {
|
|
95
|
-
return { value: NaN, message: core_1.nls.localizeByDefault('Value must be a number.') };
|
|
96
|
-
}
|
|
97
|
-
if (data.minimum && inputValue < data.minimum) {
|
|
98
|
-
errorMessages.push(core_1.nls.localizeByDefault('Value must be greater than or equal to {0}.', data.minimum));
|
|
99
|
-
}
|
|
100
|
-
;
|
|
101
|
-
if (data.maximum && inputValue > data.maximum) {
|
|
102
|
-
errorMessages.push(core_1.nls.localizeByDefault('Value must be less than or equal to {0}.', data.maximum));
|
|
103
|
-
}
|
|
104
|
-
;
|
|
105
|
-
if (data.type === 'integer' && !Number.isInteger(inputValue)) {
|
|
106
|
-
errorMessages.push(core_1.nls.localizeByDefault('Value must be an integer.'));
|
|
107
|
-
}
|
|
108
|
-
return {
|
|
109
|
-
value: errorMessages.length ? NaN : inputValue,
|
|
110
|
-
message: errorMessages.join(' ')
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
showErrorMessage(message) {
|
|
114
|
-
this.errorMessage.textContent = message;
|
|
115
|
-
this.interactableWrapper.appendChild(this.errorMessage);
|
|
116
|
-
}
|
|
117
|
-
hideErrorMessage() {
|
|
118
|
-
this.errorMessage.remove();
|
|
119
|
-
}
|
|
120
|
-
};
|
|
121
|
-
PreferenceNumberInputRenderer = __decorate([
|
|
122
|
-
(0, inversify_1.injectable)()
|
|
123
|
-
], PreferenceNumberInputRenderer);
|
|
124
|
-
exports.PreferenceNumberInputRenderer = PreferenceNumberInputRenderer;
|
|
125
|
-
let PreferenceNumberInputRendererContribution = PreferenceNumberInputRendererContribution_1 = class PreferenceNumberInputRendererContribution extends preference_node_renderer_creator_1.PreferenceLeafNodeRendererContribution {
|
|
126
|
-
constructor() {
|
|
127
|
-
super(...arguments);
|
|
128
|
-
this.id = PreferenceNumberInputRendererContribution_1.ID;
|
|
129
|
-
}
|
|
130
|
-
canHandleLeafNode(node) {
|
|
131
|
-
const type = preference_types_1.Preference.LeafNode.getType(node);
|
|
132
|
-
return type === 'integer' || type === 'number' ? 2 : 0;
|
|
133
|
-
}
|
|
134
|
-
createLeafNodeRenderer(container) {
|
|
135
|
-
return container.get(PreferenceNumberInputRenderer);
|
|
136
|
-
}
|
|
137
|
-
};
|
|
138
|
-
PreferenceNumberInputRendererContribution.ID = 'preference-number-input-renderer';
|
|
139
|
-
PreferenceNumberInputRendererContribution = PreferenceNumberInputRendererContribution_1 = __decorate([
|
|
140
|
-
(0, inversify_1.injectable)()
|
|
141
|
-
], PreferenceNumberInputRendererContribution);
|
|
142
|
-
exports.PreferenceNumberInputRendererContribution = PreferenceNumberInputRendererContribution;
|
|
1
|
+
"use strict";
|
|
2
|
+
// *****************************************************************************
|
|
3
|
+
// Copyright (C) 2021 Ericsson and others.
|
|
4
|
+
//
|
|
5
|
+
// This program and the accompanying materials are made available under the
|
|
6
|
+
// terms of the Eclipse Public License v. 2.0 which is available at
|
|
7
|
+
// http://www.eclipse.org/legal/epl-2.0.
|
|
8
|
+
//
|
|
9
|
+
// This Source Code may also be made available under the following Secondary
|
|
10
|
+
// Licenses when the conditions for such availability set forth in the Eclipse
|
|
11
|
+
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
|
|
12
|
+
// with the GNU Classpath Exception which is available at
|
|
13
|
+
// https://www.gnu.org/software/classpath/license.html.
|
|
14
|
+
//
|
|
15
|
+
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0-only WITH Classpath-exception-2.0
|
|
16
|
+
// *****************************************************************************
|
|
17
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
18
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
19
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
20
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
21
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
22
|
+
};
|
|
23
|
+
var PreferenceNumberInputRendererContribution_1;
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.PreferenceNumberInputRendererContribution = exports.PreferenceNumberInputRenderer = void 0;
|
|
26
|
+
const core_1 = require("@theia/core");
|
|
27
|
+
const inversify_1 = require("@theia/core/shared/inversify");
|
|
28
|
+
const preference_types_1 = require("../../util/preference-types");
|
|
29
|
+
const preference_node_renderer_1 = require("./preference-node-renderer");
|
|
30
|
+
const preference_node_renderer_creator_1 = require("./preference-node-renderer-creator");
|
|
31
|
+
let PreferenceNumberInputRenderer = class PreferenceNumberInputRenderer extends preference_node_renderer_1.PreferenceLeafNodeRenderer {
|
|
32
|
+
get errorMessage() {
|
|
33
|
+
if (!this._errorMessage) {
|
|
34
|
+
const errorMessage = document.createElement('div');
|
|
35
|
+
errorMessage.classList.add('pref-error-notification');
|
|
36
|
+
this._errorMessage = errorMessage;
|
|
37
|
+
}
|
|
38
|
+
return this._errorMessage;
|
|
39
|
+
}
|
|
40
|
+
createInteractable(parent) {
|
|
41
|
+
var _a, _b;
|
|
42
|
+
const interactableWrapper = document.createElement('div');
|
|
43
|
+
this.interactableWrapper = interactableWrapper;
|
|
44
|
+
interactableWrapper.classList.add('pref-input-container');
|
|
45
|
+
const interactable = document.createElement('input');
|
|
46
|
+
this.interactable = interactable;
|
|
47
|
+
interactable.type = 'number';
|
|
48
|
+
interactable.step = this.preferenceNode.preference.data.type === 'integer' ? '1' : 'any';
|
|
49
|
+
interactable.classList.add('theia-input');
|
|
50
|
+
interactable.defaultValue = (_b = (_a = this.getValue()) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : '';
|
|
51
|
+
interactable.oninput = this.handleUserInteraction.bind(this);
|
|
52
|
+
interactable.onblur = this.handleBlur.bind(this);
|
|
53
|
+
interactableWrapper.appendChild(interactable);
|
|
54
|
+
parent.appendChild(interactableWrapper);
|
|
55
|
+
}
|
|
56
|
+
getFallbackValue() {
|
|
57
|
+
return 0;
|
|
58
|
+
}
|
|
59
|
+
handleUserInteraction() {
|
|
60
|
+
const { value, message } = this.getInputValidation(this.interactable.value);
|
|
61
|
+
if (isNaN(value)) {
|
|
62
|
+
this.showErrorMessage(message);
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
this.hideErrorMessage();
|
|
66
|
+
this.setPreferenceWithDebounce(value);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
async handleBlur() {
|
|
70
|
+
this.hideErrorMessage();
|
|
71
|
+
await this.setPreferenceWithDebounce.flush();
|
|
72
|
+
this.handleValueChange();
|
|
73
|
+
}
|
|
74
|
+
doHandleValueChange() {
|
|
75
|
+
var _a;
|
|
76
|
+
const { value } = this.interactable;
|
|
77
|
+
const currentValue = value.length ? Number(value) : NaN;
|
|
78
|
+
this.updateInspection();
|
|
79
|
+
const newValue = (_a = this.getValue()) !== null && _a !== void 0 ? _a : '';
|
|
80
|
+
this.updateModificationStatus(newValue);
|
|
81
|
+
if (newValue !== currentValue) {
|
|
82
|
+
if (document.activeElement !== this.interactable) {
|
|
83
|
+
this.interactable.value = newValue.toString();
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
this.handleUserInteraction(); // give priority to the value of the input if it is focused.
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
getInputValidation(input) {
|
|
91
|
+
const { preference: { data } } = this.preferenceNode;
|
|
92
|
+
const inputValue = Number(input);
|
|
93
|
+
const errorMessages = [];
|
|
94
|
+
if (input === '' || isNaN(inputValue)) {
|
|
95
|
+
return { value: NaN, message: core_1.nls.localizeByDefault('Value must be a number.') };
|
|
96
|
+
}
|
|
97
|
+
if (data.minimum && inputValue < data.minimum) {
|
|
98
|
+
errorMessages.push(core_1.nls.localizeByDefault('Value must be greater than or equal to {0}.', data.minimum));
|
|
99
|
+
}
|
|
100
|
+
;
|
|
101
|
+
if (data.maximum && inputValue > data.maximum) {
|
|
102
|
+
errorMessages.push(core_1.nls.localizeByDefault('Value must be less than or equal to {0}.', data.maximum));
|
|
103
|
+
}
|
|
104
|
+
;
|
|
105
|
+
if (data.type === 'integer' && !Number.isInteger(inputValue)) {
|
|
106
|
+
errorMessages.push(core_1.nls.localizeByDefault('Value must be an integer.'));
|
|
107
|
+
}
|
|
108
|
+
return {
|
|
109
|
+
value: errorMessages.length ? NaN : inputValue,
|
|
110
|
+
message: errorMessages.join(' ')
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
showErrorMessage(message) {
|
|
114
|
+
this.errorMessage.textContent = message;
|
|
115
|
+
this.interactableWrapper.appendChild(this.errorMessage);
|
|
116
|
+
}
|
|
117
|
+
hideErrorMessage() {
|
|
118
|
+
this.errorMessage.remove();
|
|
119
|
+
}
|
|
120
|
+
};
|
|
121
|
+
PreferenceNumberInputRenderer = __decorate([
|
|
122
|
+
(0, inversify_1.injectable)()
|
|
123
|
+
], PreferenceNumberInputRenderer);
|
|
124
|
+
exports.PreferenceNumberInputRenderer = PreferenceNumberInputRenderer;
|
|
125
|
+
let PreferenceNumberInputRendererContribution = PreferenceNumberInputRendererContribution_1 = class PreferenceNumberInputRendererContribution extends preference_node_renderer_creator_1.PreferenceLeafNodeRendererContribution {
|
|
126
|
+
constructor() {
|
|
127
|
+
super(...arguments);
|
|
128
|
+
this.id = PreferenceNumberInputRendererContribution_1.ID;
|
|
129
|
+
}
|
|
130
|
+
canHandleLeafNode(node) {
|
|
131
|
+
const type = preference_types_1.Preference.LeafNode.getType(node);
|
|
132
|
+
return type === 'integer' || type === 'number' ? 2 : 0;
|
|
133
|
+
}
|
|
134
|
+
createLeafNodeRenderer(container) {
|
|
135
|
+
return container.get(PreferenceNumberInputRenderer);
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
PreferenceNumberInputRendererContribution.ID = 'preference-number-input-renderer';
|
|
139
|
+
PreferenceNumberInputRendererContribution = PreferenceNumberInputRendererContribution_1 = __decorate([
|
|
140
|
+
(0, inversify_1.injectable)()
|
|
141
|
+
], PreferenceNumberInputRendererContribution);
|
|
142
|
+
exports.PreferenceNumberInputRendererContribution = PreferenceNumberInputRendererContribution;
|
|
143
143
|
//# sourceMappingURL=preference-number-input.js.map
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { PreferenceLeafNodeRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
|
|
3
|
-
import { interfaces } from '@theia/core/shared/inversify';
|
|
4
|
-
import { JSONValue } from '@theia/core/shared/@phosphor/coreutils';
|
|
5
|
-
import { SelectComponent, SelectOption } from '@theia/core/lib/browser/widgets/select-component';
|
|
6
|
-
import { Preference } from '../../util/preference-types';
|
|
7
|
-
import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
|
|
8
|
-
import * as React from '@theia/core/shared/react';
|
|
9
|
-
export declare class PreferenceSelectInputRenderer extends PreferenceLeafNodeRenderer<JSONValue, HTMLDivElement> {
|
|
10
|
-
protected readonly selectComponent: React.RefObject<SelectComponent>;
|
|
11
|
-
protected selectOptions: SelectOption[];
|
|
12
|
-
protected get enumValues(): JSONValue[];
|
|
13
|
-
protected updateSelectOptions(): void;
|
|
14
|
-
protected createInteractable(parent: HTMLElement): void;
|
|
15
|
-
protected getFallbackValue(): JSONValue;
|
|
16
|
-
protected doHandleValueChange(): void;
|
|
17
|
-
/**
|
|
18
|
-
* Returns the stringified index corresponding to the currently selected value.
|
|
19
|
-
*/
|
|
20
|
-
protected getDataValue(): number;
|
|
21
|
-
protected handleUserInteraction(selected: number): void;
|
|
22
|
-
}
|
|
23
|
-
export declare class PreferenceSelectInputRendererContribution extends PreferenceLeafNodeRendererContribution {
|
|
24
|
-
static ID: string;
|
|
25
|
-
id: string;
|
|
26
|
-
canHandleLeafNode(node: Preference.LeafNode): number;
|
|
27
|
-
createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer;
|
|
28
|
-
}
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PreferenceLeafNodeRenderer, PreferenceNodeRenderer } from './preference-node-renderer';
|
|
3
|
+
import { interfaces } from '@theia/core/shared/inversify';
|
|
4
|
+
import { JSONValue } from '@theia/core/shared/@phosphor/coreutils';
|
|
5
|
+
import { SelectComponent, SelectOption } from '@theia/core/lib/browser/widgets/select-component';
|
|
6
|
+
import { Preference } from '../../util/preference-types';
|
|
7
|
+
import { PreferenceLeafNodeRendererContribution } from './preference-node-renderer-creator';
|
|
8
|
+
import * as React from '@theia/core/shared/react';
|
|
9
|
+
export declare class PreferenceSelectInputRenderer extends PreferenceLeafNodeRenderer<JSONValue, HTMLDivElement> {
|
|
10
|
+
protected readonly selectComponent: React.RefObject<SelectComponent>;
|
|
11
|
+
protected selectOptions: SelectOption[];
|
|
12
|
+
protected get enumValues(): JSONValue[];
|
|
13
|
+
protected updateSelectOptions(): void;
|
|
14
|
+
protected createInteractable(parent: HTMLElement): void;
|
|
15
|
+
protected getFallbackValue(): JSONValue;
|
|
16
|
+
protected doHandleValueChange(): void;
|
|
17
|
+
/**
|
|
18
|
+
* Returns the stringified index corresponding to the currently selected value.
|
|
19
|
+
*/
|
|
20
|
+
protected getDataValue(): number;
|
|
21
|
+
protected handleUserInteraction(selected: number): void;
|
|
22
|
+
}
|
|
23
|
+
export declare class PreferenceSelectInputRendererContribution extends PreferenceLeafNodeRendererContribution {
|
|
24
|
+
static ID: string;
|
|
25
|
+
id: string;
|
|
26
|
+
canHandleLeafNode(node: Preference.LeafNode): number;
|
|
27
|
+
createLeafNodeRenderer(container: interfaces.Container): PreferenceNodeRenderer;
|
|
28
|
+
}
|
|
29
29
|
//# sourceMappingURL=preference-select-input.d.ts.map
|