@progress/kendo-react-inputs 5.6.0-dev.202208120836 → 5.6.0-next.202208151055
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-inputs.js +1 -1
- package/dist/es/checkbox/Checkbox.js +1 -0
- package/dist/es/colors/ColorInput.js +1 -1
- package/dist/es/colors/ColorPicker.js +1 -1
- package/dist/es/colors/FlatColorPicker.js +1 -1
- package/dist/es/numerictextbox/NumericTextBox.js +2 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/slider/Slider.js +2 -6
- package/dist/es/slider/SliderLabel.js +1 -2
- package/dist/es/switch/Switch.js +5 -5
- package/dist/npm/checkbox/Checkbox.js +1 -0
- package/dist/npm/colors/ColorInput.js +1 -1
- package/dist/npm/colors/ColorPicker.js +1 -1
- package/dist/npm/colors/FlatColorPicker.js +1 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +2 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/slider/Slider.js +2 -6
- package/dist/npm/slider/SliderLabel.js +1 -2
- package/dist/npm/switch/Switch.js +5 -5
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +14 -14
|
@@ -148,6 +148,7 @@ export var Checkbox = React.forwardRef(function (directProps, target) {
|
|
|
148
148
|
_a["k-checkbox-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
149
149
|
_a["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
|
|
150
150
|
_a['k-indeterminate'] = indeterminateProp,
|
|
151
|
+
_a['k-disabled'] = disabled,
|
|
151
152
|
_a['k-invalid k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
|
|
152
153
|
_a)), ref: elementRef, name: name, id: id || calculatedId, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, checked: Boolean(checkedProp), disabled: disabled, tabIndex: getTabIndex(tabIndex, disabled), role: 'checkbox', required: required !== undefined ? required : false, 'aria-checked': currentChecked || checkedProp ?
|
|
153
154
|
true :
|
|
@@ -69,7 +69,7 @@ var ColorInput = /** @class */ (function (_super) {
|
|
|
69
69
|
var toggleButtonMessage = localizationService.toLanguageString(colorGradientToggleInputsButton, messages[colorGradientToggleInputsButton]);
|
|
70
70
|
return (React.createElement("div", { className: "k-colorgradient-inputs k-hstack" },
|
|
71
71
|
React.createElement("div", { className: "k-vstack" },
|
|
72
|
-
React.createElement(Button, { "aria-label": toggleButtonMessage, fillMode: 'flat', icon: '
|
|
72
|
+
React.createElement(Button, { "aria-label": toggleButtonMessage, fillMode: 'flat', icon: 'caret-alt-expand', className: "k-colorgradient-toggle-mode k-icon-button", onClick: this.onToggleModeChange.bind(this) })),
|
|
73
73
|
this.state.inputMode === 'hex' &&
|
|
74
74
|
React.createElement("div", { className: "k-vstack k-flex-1" },
|
|
75
75
|
React.createElement("span", { className: "k-hex-value k-textbox k-input" },
|
|
@@ -212,7 +212,7 @@ export var ColorPicker = React.forwardRef(function (directProps, target) {
|
|
|
212
212
|
(iconClassName || icon) && React.createElement("span", { className: classNames('k-color-preview-icon', iconClassName, (_b = {},
|
|
213
213
|
_b["k-icon k-i-".concat(icon)] = (icon && !iconClassName),
|
|
214
214
|
_b)) }),
|
|
215
|
-
React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: '
|
|
215
|
+
React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: 'caret-alt-down', "aria-label": localization.toLanguageString(colorPickerDropdownButtonAriaLabel, messages[colorPickerDropdownButtonAriaLabel]) })), content: (React.createElement(React.Fragment, null,
|
|
216
216
|
(view === 'combo' || view === 'gradient') && (React.createElement(ColorGradient, __assign({}, gradientSettings, { tabIndex: 0, ref: gradientRef, value: value, onChange: onChangeHandler }))),
|
|
217
217
|
(view === 'combo' || view === 'palette') && (React.createElement(ColorPalette, __assign({}, paletteSettings, { ref: paletteRef, value: value, onChange: onPaletteChangeHandler }))))) })));
|
|
218
218
|
});
|
|
@@ -73,7 +73,7 @@ export var FlatColorPicker = React.forwardRef(function (props, ref) {
|
|
|
73
73
|
React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
|
|
74
74
|
(props.showClearButton && defaultProps.showClearButton) &&
|
|
75
75
|
React.createElement(Button, { type: "button", fillMode: 'flat', onClick: handleResetColor },
|
|
76
|
-
React.createElement("span", { className: "k-icon k-i-
|
|
76
|
+
React.createElement("span", { className: "k-icon k-i-droplet-slash" })),
|
|
77
77
|
(props.showPreview && defaultProps.showPreview) &&
|
|
78
78
|
React.createElement("div", { className: "k-coloreditor-preview k-vstack" },
|
|
79
79
|
React.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: colorValue } }),
|
|
@@ -272,8 +272,8 @@ export var NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
272
272
|
props.children,
|
|
273
273
|
props.spinners &&
|
|
274
274
|
(React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },
|
|
275
|
-
React.createElement(Button, { tabIndex: -1, type: "button", icon: '
|
|
276
|
-
React.createElement(Button, { tabIndex: -1, type: "button", icon: '
|
|
275
|
+
React.createElement(Button, { tabIndex: -1, type: "button", icon: 'caret-alt-up', rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), onClick: onIncrease }),
|
|
276
|
+
React.createElement(Button, { tabIndex: -1, type: "button", icon: 'caret-alt-down', rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), onClick: onDecrease })))));
|
|
277
277
|
return props.label
|
|
278
278
|
? (React.createElement(FloatingLabel, { label: props.label, editorId: inputId, editorValue: looseValue === null ? '' : looseValue, editorValid: isValid, editorDisabled: props.disabled, editorPlaceholder: props.placeholder, children: numerictextbox, style: { width: props.width }, dir: props.dir }))
|
|
279
279
|
: numerictextbox;
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-react-inputs',
|
|
6
6
|
productName: 'KendoReact',
|
|
7
7
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1660559919,
|
|
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
|
};
|
package/dist/es/slider/Slider.js
CHANGED
|
@@ -56,13 +56,9 @@ var SliderWithoutContext = /** @class */ (function (_super) {
|
|
|
56
56
|
return props.children;
|
|
57
57
|
}
|
|
58
58
|
return (React.createElement(React.Fragment, null,
|
|
59
|
-
React.createElement(Button, { className: "k-button-decrease
|
|
60
|
-
// rounded={'full'}
|
|
61
|
-
icon: _this.props.vertical ? 'arrow-s' : 'arrow-w', title: props.decrementTitle, onClick: props.decrement }),
|
|
59
|
+
React.createElement(Button, { className: "k-button-decrease", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-down' : 'caret-alt-left', title: props.decrementTitle, onClick: props.decrement }),
|
|
62
60
|
props.children,
|
|
63
|
-
React.createElement(Button, { className: "k-button-increase
|
|
64
|
-
// rounded={'full'}
|
|
65
|
-
icon: _this.props.vertical ? 'arrow-n' : 'arrow-e', title: props.incrementTitle, onClick: props.increment })));
|
|
61
|
+
React.createElement(Button, { className: "k-button-increase", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-up' : 'caret-alt-right', title: props.incrementTitle, onClick: props.increment })));
|
|
66
62
|
};
|
|
67
63
|
/**
|
|
68
64
|
* @hidden
|
|
@@ -26,6 +26,5 @@ export var SliderLabel = function (props) {
|
|
|
26
26
|
? { bottom: "".concat(props.position, "%") }
|
|
27
27
|
: (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(props.position, "%"), _a);
|
|
28
28
|
var tickStyle = props.vertical ? 'k-tick-vertical' : 'k-tick-horizontal';
|
|
29
|
-
return (React.createElement("li", { ref: sliderLabelRef, className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) },
|
|
30
|
-
React.createElement("span", __assign({}, (_b = {}, _b[SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
|
|
29
|
+
return (React.createElement("li", { ref: sliderLabelRef, className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) }, props.children && React.createElement("span", __assign({}, (_b = {}, _b[SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
|
|
31
30
|
};
|
package/dist/es/switch/Switch.js
CHANGED
|
@@ -264,11 +264,11 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
|
|
|
264
264
|
}, tabIndex: getTabIndex(tabIndex, disabled, undefined), accessKey: this.props.accessKey }),
|
|
265
265
|
this.dummyInput(this.value),
|
|
266
266
|
React.createElement("span", { className: 'k-switch-label-on' }, onLabel),
|
|
267
|
-
React.createElement("span", { className: 'k-switch-label-off' }, offLabel),
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
267
|
+
React.createElement("span", { className: 'k-switch-label-off' }, offLabel)),
|
|
268
|
+
React.createElement("span", { className: 'k-switch-thumb-wrap' },
|
|
269
|
+
React.createElement("span", { className: classNames('k-switch-thumb', (_c = {},
|
|
270
|
+
_c["k-rounded-".concat(thumbRounded)] = thumbRounded,
|
|
271
|
+
_c)) }))));
|
|
272
272
|
};
|
|
273
273
|
SwitchWithoutContext.displayName = 'Switch';
|
|
274
274
|
/**
|
|
@@ -151,6 +151,7 @@ exports.Checkbox = React.forwardRef(function (directProps, target) {
|
|
|
151
151
|
_a["k-checkbox-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
152
152
|
_a["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
|
|
153
153
|
_a['k-indeterminate'] = indeterminateProp,
|
|
154
|
+
_a['k-disabled'] = disabled,
|
|
154
155
|
_a['k-invalid k-invalid'] = !(isValid || validityStyles !== undefined || validityStyles === true),
|
|
155
156
|
_a)), ref: elementRef, name: name, id: id || calculatedId, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, checked: Boolean(checkedProp), disabled: disabled, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), role: 'checkbox', required: required !== undefined ? required : false, 'aria-checked': currentChecked || checkedProp ?
|
|
156
157
|
true :
|
|
@@ -71,7 +71,7 @@ var ColorInput = /** @class */ (function (_super) {
|
|
|
71
71
|
var toggleButtonMessage = localizationService.toLanguageString(messages_1.colorGradientToggleInputsButton, messages_1.messages[messages_1.colorGradientToggleInputsButton]);
|
|
72
72
|
return (React.createElement("div", { className: "k-colorgradient-inputs k-hstack" },
|
|
73
73
|
React.createElement("div", { className: "k-vstack" },
|
|
74
|
-
React.createElement(kendo_react_buttons_1.Button, { "aria-label": toggleButtonMessage, fillMode: 'flat', icon: '
|
|
74
|
+
React.createElement(kendo_react_buttons_1.Button, { "aria-label": toggleButtonMessage, fillMode: 'flat', icon: 'caret-alt-expand', className: "k-colorgradient-toggle-mode k-icon-button", onClick: this.onToggleModeChange.bind(this) })),
|
|
75
75
|
this.state.inputMode === 'hex' &&
|
|
76
76
|
React.createElement("div", { className: "k-vstack k-flex-1" },
|
|
77
77
|
React.createElement("span", { className: "k-hex-value k-textbox k-input" },
|
|
@@ -215,7 +215,7 @@ exports.ColorPicker = React.forwardRef(function (directProps, target) {
|
|
|
215
215
|
(iconClassName || icon) && React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-color-preview-icon', iconClassName, (_b = {},
|
|
216
216
|
_b["k-icon k-i-".concat(icon)] = (icon && !iconClassName),
|
|
217
217
|
_b)) }),
|
|
218
|
-
React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: '
|
|
218
|
+
React.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: value } })))), button: (React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", onClick: onClickHandler, className: "k-input-button", rounded: null, icon: 'caret-alt-down', "aria-label": localization.toLanguageString(messages_1.colorPickerDropdownButtonAriaLabel, messages_1.messages[messages_1.colorPickerDropdownButtonAriaLabel]) })), content: (React.createElement(React.Fragment, null,
|
|
219
219
|
(view === 'combo' || view === 'gradient') && (React.createElement(ColorGradient_1.ColorGradient, __assign({}, gradientSettings, { tabIndex: 0, ref: gradientRef, value: value, onChange: onChangeHandler }))),
|
|
220
220
|
(view === 'combo' || view === 'palette') && (React.createElement(ColorPalette_1.ColorPalette, __assign({}, paletteSettings, { ref: paletteRef, value: value, onChange: onPaletteChangeHandler }))))) })));
|
|
221
221
|
});
|
|
@@ -76,7 +76,7 @@ exports.FlatColorPicker = React.forwardRef(function (props, ref) {
|
|
|
76
76
|
React.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
|
|
77
77
|
(props.showClearButton && defaultProps.showClearButton) &&
|
|
78
78
|
React.createElement(kendo_react_buttons_1.Button, { type: "button", fillMode: 'flat', onClick: handleResetColor },
|
|
79
|
-
React.createElement("span", { className: "k-icon k-i-
|
|
79
|
+
React.createElement("span", { className: "k-icon k-i-droplet-slash" })),
|
|
80
80
|
(props.showPreview && defaultProps.showPreview) &&
|
|
81
81
|
React.createElement("div", { className: "k-coloreditor-preview k-vstack" },
|
|
82
82
|
React.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: colorValue } }),
|
|
@@ -275,8 +275,8 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
275
275
|
props.children,
|
|
276
276
|
props.spinners &&
|
|
277
277
|
(React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },
|
|
278
|
-
React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: '
|
|
279
|
-
React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: '
|
|
278
|
+
React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-up', rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), title: localizationService.toLanguageString(messages_1.numericIncreaseValue, messages_1.messages[messages_1.numericIncreaseValue]), onClick: onIncrease }),
|
|
279
|
+
React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'caret-alt-down', rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), title: localizationService.toLanguageString(messages_1.numericDecreaseValue, messages_1.messages[messages_1.numericDecreaseValue]), onClick: onDecrease })))));
|
|
280
280
|
return props.label
|
|
281
281
|
? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: props.label, editorId: inputId, editorValue: looseValue === null ? '' : looseValue, editorValid: isValid, editorDisabled: props.disabled, editorPlaceholder: props.placeholder, children: numerictextbox, style: { width: props.width }, dir: props.dir }))
|
|
282
282
|
: numerictextbox;
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-react-inputs',
|
|
9
9
|
productName: 'KendoReact',
|
|
10
10
|
productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1660559919,
|
|
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
|
};
|
|
@@ -59,13 +59,9 @@ var SliderWithoutContext = /** @class */ (function (_super) {
|
|
|
59
59
|
return props.children;
|
|
60
60
|
}
|
|
61
61
|
return (React.createElement(React.Fragment, null,
|
|
62
|
-
React.createElement(kendo_react_buttons_1.Button, { className: "k-button-decrease
|
|
63
|
-
// rounded={'full'}
|
|
64
|
-
icon: _this.props.vertical ? 'arrow-s' : 'arrow-w', title: props.decrementTitle, onClick: props.decrement }),
|
|
62
|
+
React.createElement(kendo_react_buttons_1.Button, { className: "k-button-decrease", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-down' : 'caret-alt-left', title: props.decrementTitle, onClick: props.decrement }),
|
|
65
63
|
props.children,
|
|
66
|
-
React.createElement(kendo_react_buttons_1.Button, { className: "k-button-increase
|
|
67
|
-
// rounded={'full'}
|
|
68
|
-
icon: _this.props.vertical ? 'arrow-n' : 'arrow-e', title: props.incrementTitle, onClick: props.increment })));
|
|
64
|
+
React.createElement(kendo_react_buttons_1.Button, { className: "k-button-increase", rounded: 'full', icon: _this.props.vertical ? 'caret-alt-up' : 'caret-alt-right', title: props.incrementTitle, onClick: props.increment })));
|
|
69
65
|
};
|
|
70
66
|
/**
|
|
71
67
|
* @hidden
|
|
@@ -29,7 +29,6 @@ var SliderLabel = function (props) {
|
|
|
29
29
|
? { bottom: "".concat(props.position, "%") }
|
|
30
30
|
: (_a = {}, _a[dir === 'rtl' ? 'right' : 'left'] = "".concat(props.position, "%"), _a);
|
|
31
31
|
var tickStyle = props.vertical ? 'k-tick-vertical' : 'k-tick-horizontal';
|
|
32
|
-
return (React.createElement("li", { ref: sliderLabelRef, className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) },
|
|
33
|
-
React.createElement("span", __assign({}, (_b = {}, _b[exports.SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
|
|
32
|
+
return (React.createElement("li", { ref: sliderLabelRef, className: "k-tick k-tick-large ".concat(tickStyle), title: props.title, style: __assign({ zIndex: 1, position: 'absolute' }, style) }, props.children && React.createElement("span", __assign({}, (_b = {}, _b[exports.SLIDER_LABEL_ATTRIBUTE] = true, _b), { className: "k-label", onClick: props.onClick }), props.children)));
|
|
34
33
|
};
|
|
35
34
|
exports.SliderLabel = SliderLabel;
|
|
@@ -267,11 +267,11 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
|
|
|
267
267
|
}, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey }),
|
|
268
268
|
this.dummyInput(this.value),
|
|
269
269
|
React.createElement("span", { className: 'k-switch-label-on' }, onLabel),
|
|
270
|
-
React.createElement("span", { className: 'k-switch-label-off' }, offLabel),
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
270
|
+
React.createElement("span", { className: 'k-switch-label-off' }, offLabel)),
|
|
271
|
+
React.createElement("span", { className: 'k-switch-thumb-wrap' },
|
|
272
|
+
React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-thumb', (_c = {},
|
|
273
|
+
_c["k-rounded-".concat(thumbRounded)] = thumbRounded,
|
|
274
|
+
_c)) }))));
|
|
275
275
|
};
|
|
276
276
|
SwitchWithoutContext.displayName = 'Switch';
|
|
277
277
|
/**
|