@progress/kendo-react-editor 5.12.0-dev.202302271006 → 5.12.0-dev.202303021526
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/dist/cdn/js/kendo-react-editor.js +1 -1
- package/dist/es/config/toolsSettings.js +4 -2
- package/dist/es/messages/index.d.ts +4 -0
- package/dist/es/messages/index.js +13 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/tools/applyColor.js +2 -1
- package/dist/npm/config/toolsSettings.js +4 -2
- package/dist/npm/messages/index.d.ts +4 -0
- package/dist/npm/messages/index.js +13 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/tools/applyColor.js +2 -1
- package/dist/systemjs/kendo-react-editor.js +1 -1
- package/package.json +12 -12
|
@@ -399,7 +399,8 @@ export var EditorToolsSettings;
|
|
|
399
399
|
icon: 'foreground-color',
|
|
400
400
|
svgIcon: foregroundColorIcon,
|
|
401
401
|
view: 'palette',
|
|
402
|
-
title: keys.foregroundColor
|
|
402
|
+
title: keys.foregroundColor,
|
|
403
|
+
ariaLabel: keys.foreColorLabel
|
|
403
404
|
},
|
|
404
405
|
commandName: 'ForeColor'
|
|
405
406
|
};
|
|
@@ -412,7 +413,8 @@ export var EditorToolsSettings;
|
|
|
412
413
|
icon: 'droplet',
|
|
413
414
|
svgIcon: dropletIcon,
|
|
414
415
|
view: 'palette',
|
|
415
|
-
title: keys.backgroundColor
|
|
416
|
+
title: keys.backgroundColor,
|
|
417
|
+
ariaLabel: keys.backColorLabel
|
|
416
418
|
},
|
|
417
419
|
commandName: 'BackColor'
|
|
418
420
|
};
|
|
@@ -81,6 +81,8 @@ export declare const messages: {
|
|
|
81
81
|
"editor.findReplace-nextMatch": string;
|
|
82
82
|
"editor.findReplace-matches": string;
|
|
83
83
|
"editor.iframeTitle": string;
|
|
84
|
+
"editorTools.foreColorLabel": string;
|
|
85
|
+
"editorTools.backColorLabel": string;
|
|
84
86
|
};
|
|
85
87
|
/**
|
|
86
88
|
* @hidden
|
|
@@ -165,4 +167,6 @@ export declare const keys: {
|
|
|
165
167
|
findReplaceNextMatch: string;
|
|
166
168
|
findReplaceMatches: string;
|
|
167
169
|
iframeTitle: string;
|
|
170
|
+
foreColorLabel: string;
|
|
171
|
+
backColorLabel: string;
|
|
168
172
|
};
|
|
@@ -315,6 +315,14 @@ var findReplaceMatches = 'editor.findReplace-matches';
|
|
|
315
315
|
* @hidden
|
|
316
316
|
*/
|
|
317
317
|
var iframeTitle = 'editor.iframeTitle';
|
|
318
|
+
/**
|
|
319
|
+
* @hidden
|
|
320
|
+
*/
|
|
321
|
+
var foreColorLabel = 'editorTools.foreColorLabel';
|
|
322
|
+
/**
|
|
323
|
+
* @hidden
|
|
324
|
+
*/
|
|
325
|
+
var backColorLabel = 'editorTools.backColorLabel';
|
|
318
326
|
/**
|
|
319
327
|
* @hidden
|
|
320
328
|
*/
|
|
@@ -404,6 +412,8 @@ export var messages = (_a = {},
|
|
|
404
412
|
_a[findReplaceNextMatch] = 'Next',
|
|
405
413
|
_a[findReplaceMatches] = '{0} of {1} matches',
|
|
406
414
|
_a[iframeTitle] = 'Editable area. Press Alt + F10 for toolbar.',
|
|
415
|
+
_a[foreColorLabel] = 'Fore Color',
|
|
416
|
+
_a[backColorLabel] = 'Back Color',
|
|
407
417
|
_a);
|
|
408
418
|
/**
|
|
409
419
|
* @hidden
|
|
@@ -487,5 +497,7 @@ export var keys = {
|
|
|
487
497
|
findReplacePrevMatch: findReplacePrevMatch,
|
|
488
498
|
findReplaceNextMatch: findReplaceNextMatch,
|
|
489
499
|
findReplaceMatches: findReplaceMatches,
|
|
490
|
-
iframeTitle: iframeTitle
|
|
500
|
+
iframeTitle: iframeTitle,
|
|
501
|
+
foreColorLabel: foreColorLabel,
|
|
502
|
+
backColorLabel: backColorLabel
|
|
491
503
|
};
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-editor',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1677769418,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
11
11
|
};
|
|
@@ -20,6 +20,7 @@ import { messages } from '../messages';
|
|
|
20
20
|
export var ApplyColorTool = function (props) {
|
|
21
21
|
var view = props.view, style = props.style, colorPickerProps = props.colorPickerProps, commandName = props.commandName;
|
|
22
22
|
var titleKey = colorPickerProps.title;
|
|
23
|
+
var ariaLabelKey = colorPickerProps.ariaLabel;
|
|
23
24
|
var _a = colorPickerProps.view, paletteView = _a === void 0 ? 'palette' : _a;
|
|
24
25
|
var onChange = React.useCallback(function (event) {
|
|
25
26
|
if (view) {
|
|
@@ -29,5 +30,5 @@ export var ApplyColorTool = function (props) {
|
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
}, [view, style, paletteView, commandName]);
|
|
32
|
-
return (React.createElement(ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? useLocalization().toLanguageString(titleKey, messages[titleKey]) : titleKey })));
|
|
33
|
+
return (React.createElement(ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? useLocalization().toLanguageString(titleKey, messages[titleKey]) : titleKey, ariaLabel: ariaLabelKey ? useLocalization().toLanguageString(ariaLabelKey, messages[ariaLabelKey]) : ariaLabelKey })));
|
|
33
34
|
};
|
|
@@ -402,7 +402,8 @@ var EditorToolsSettings;
|
|
|
402
402
|
icon: 'foreground-color',
|
|
403
403
|
svgIcon: kendo_svg_icons_1.foregroundColorIcon,
|
|
404
404
|
view: 'palette',
|
|
405
|
-
title: messages_1.keys.foregroundColor
|
|
405
|
+
title: messages_1.keys.foregroundColor,
|
|
406
|
+
ariaLabel: messages_1.keys.foreColorLabel
|
|
406
407
|
},
|
|
407
408
|
commandName: 'ForeColor'
|
|
408
409
|
};
|
|
@@ -415,7 +416,8 @@ var EditorToolsSettings;
|
|
|
415
416
|
icon: 'droplet',
|
|
416
417
|
svgIcon: kendo_svg_icons_1.dropletIcon,
|
|
417
418
|
view: 'palette',
|
|
418
|
-
title: messages_1.keys.backgroundColor
|
|
419
|
+
title: messages_1.keys.backgroundColor,
|
|
420
|
+
ariaLabel: messages_1.keys.backColorLabel
|
|
419
421
|
},
|
|
420
422
|
commandName: 'BackColor'
|
|
421
423
|
};
|
|
@@ -81,6 +81,8 @@ export declare const messages: {
|
|
|
81
81
|
"editor.findReplace-nextMatch": string;
|
|
82
82
|
"editor.findReplace-matches": string;
|
|
83
83
|
"editor.iframeTitle": string;
|
|
84
|
+
"editorTools.foreColorLabel": string;
|
|
85
|
+
"editorTools.backColorLabel": string;
|
|
84
86
|
};
|
|
85
87
|
/**
|
|
86
88
|
* @hidden
|
|
@@ -165,4 +167,6 @@ export declare const keys: {
|
|
|
165
167
|
findReplaceNextMatch: string;
|
|
166
168
|
findReplaceMatches: string;
|
|
167
169
|
iframeTitle: string;
|
|
170
|
+
foreColorLabel: string;
|
|
171
|
+
backColorLabel: string;
|
|
168
172
|
};
|
|
@@ -318,6 +318,14 @@ var findReplaceMatches = 'editor.findReplace-matches';
|
|
|
318
318
|
* @hidden
|
|
319
319
|
*/
|
|
320
320
|
var iframeTitle = 'editor.iframeTitle';
|
|
321
|
+
/**
|
|
322
|
+
* @hidden
|
|
323
|
+
*/
|
|
324
|
+
var foreColorLabel = 'editorTools.foreColorLabel';
|
|
325
|
+
/**
|
|
326
|
+
* @hidden
|
|
327
|
+
*/
|
|
328
|
+
var backColorLabel = 'editorTools.backColorLabel';
|
|
321
329
|
/**
|
|
322
330
|
* @hidden
|
|
323
331
|
*/
|
|
@@ -407,6 +415,8 @@ exports.messages = (_a = {},
|
|
|
407
415
|
_a[findReplaceNextMatch] = 'Next',
|
|
408
416
|
_a[findReplaceMatches] = '{0} of {1} matches',
|
|
409
417
|
_a[iframeTitle] = 'Editable area. Press Alt + F10 for toolbar.',
|
|
418
|
+
_a[foreColorLabel] = 'Fore Color',
|
|
419
|
+
_a[backColorLabel] = 'Back Color',
|
|
410
420
|
_a);
|
|
411
421
|
/**
|
|
412
422
|
* @hidden
|
|
@@ -490,5 +500,7 @@ exports.keys = {
|
|
|
490
500
|
findReplacePrevMatch: findReplacePrevMatch,
|
|
491
501
|
findReplaceNextMatch: findReplaceNextMatch,
|
|
492
502
|
findReplaceMatches: findReplaceMatches,
|
|
493
|
-
iframeTitle: iframeTitle
|
|
503
|
+
iframeTitle: iframeTitle,
|
|
504
|
+
foreColorLabel: foreColorLabel,
|
|
505
|
+
backColorLabel: backColorLabel
|
|
494
506
|
};
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-editor',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1677769418,
|
|
12
12
|
version: '',
|
|
13
13
|
licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
|
|
14
14
|
};
|
|
@@ -23,6 +23,7 @@ var messages_1 = require("../messages");
|
|
|
23
23
|
var ApplyColorTool = function (props) {
|
|
24
24
|
var view = props.view, style = props.style, colorPickerProps = props.colorPickerProps, commandName = props.commandName;
|
|
25
25
|
var titleKey = colorPickerProps.title;
|
|
26
|
+
var ariaLabelKey = colorPickerProps.ariaLabel;
|
|
26
27
|
var _a = colorPickerProps.view, paletteView = _a === void 0 ? 'palette' : _a;
|
|
27
28
|
var onChange = React.useCallback(function (event) {
|
|
28
29
|
if (view) {
|
|
@@ -32,6 +33,6 @@ var ApplyColorTool = function (props) {
|
|
|
32
33
|
}
|
|
33
34
|
}
|
|
34
35
|
}, [view, style, paletteView, commandName]);
|
|
35
|
-
return (React.createElement(kendo_react_inputs_1.ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) : titleKey })));
|
|
36
|
+
return (React.createElement(kendo_react_inputs_1.ColorPicker, __assign({ onChange: onChange, onActiveColorClick: onChange }, colorPickerProps, { title: titleKey ? (0, kendo_react_intl_1.useLocalization)().toLanguageString(titleKey, messages_1.messages[titleKey]) : titleKey, ariaLabel: ariaLabelKey ? (0, kendo_react_intl_1.useLocalization)().toLanguageString(ariaLabelKey, messages_1.messages[ariaLabelKey]) : ariaLabelKey })));
|
|
36
37
|
};
|
|
37
38
|
exports.ApplyColorTool = ApplyColorTool;
|