@progress/kendo-react-inputs 5.10.0-dev.202301111405 → 5.10.0-dev.202301121619
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/colors/ColorGradient.d.ts +3 -0
- package/dist/es/colors/ColorGradient.js +6 -3
- package/dist/es/colors/ColorPalette.js +2 -2
- package/dist/es/colors/ColorPicker.js +1 -1
- package/dist/es/colors/FlatColorPicker.d.ts +8 -0
- package/dist/es/colors/FlatColorPicker.js +9 -7
- package/dist/es/colors/interfaces/ColorGradientProps.d.ts +16 -0
- package/dist/es/colors/interfaces/ColorPaletteProps.d.ts +4 -0
- package/dist/es/colors/interfaces/ColorPickerProps.d.ts +4 -0
- package/dist/es/maskedtextbox/MaskedTextBox.js +1 -1
- package/dist/es/messages/index.d.ts +15 -0
- package/dist/es/messages/index.js +15 -0
- package/dist/es/numerictextbox/NumericTextBox.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/switch/Switch.js +8 -6
- package/dist/es/textarea/TextArea.js +1 -1
- package/dist/npm/colors/ColorGradient.d.ts +3 -0
- package/dist/npm/colors/ColorGradient.js +6 -3
- package/dist/npm/colors/ColorPalette.js +2 -2
- package/dist/npm/colors/ColorPicker.js +1 -1
- package/dist/npm/colors/FlatColorPicker.d.ts +8 -0
- package/dist/npm/colors/FlatColorPicker.js +8 -6
- package/dist/npm/colors/interfaces/ColorGradientProps.d.ts +16 -0
- package/dist/npm/colors/interfaces/ColorPaletteProps.d.ts +4 -0
- package/dist/npm/colors/interfaces/ColorPickerProps.d.ts +4 -0
- package/dist/npm/maskedtextbox/MaskedTextBox.js +1 -1
- package/dist/npm/messages/index.d.ts +15 -0
- package/dist/npm/messages/index.js +16 -1
- package/dist/npm/numerictextbox/NumericTextBox.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/switch/Switch.js +8 -6
- package/dist/npm/textarea/TextArea.js +1 -1
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +18 -18
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var _a;
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.messages = exports.signatureMinimize = exports.signatureMaximize = exports.signatureClear = exports.ratingAriaLabel = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientToggleInputsButton = exports.colorGradientAlphaSliderLabel = exports.colorGradientHueSliderLabel = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
|
|
4
|
+
exports.messages = exports.signatureMinimize = exports.signatureMaximize = exports.signatureClear = exports.ratingAriaLabel = exports.colorPickerDropdownButtonAriaLabel = exports.switchValidation = exports.radioButtonValidation = exports.checkboxOptionalText = exports.checkboxValidation = exports.flatColorPickerClearBtn = exports.flatColorPickerColorPaletteBtn = exports.flatColorPickerColorGradientBtn = exports.flatColorPickerApplyBtn = exports.flatColorPickerCancelBtn = exports.colorGradientToggleInputsButton = exports.colorGradientAlphaSliderLabel = exports.colorGradientHueSliderLabel = exports.colorGradientFail = exports.colorGradientPass = exports.colorGradientAAALevel = exports.colorGradientAALevel = exports.colorGradientContrastRatio = exports.colorGradientHex = exports.colorGradientA = exports.colorGradientB = exports.colorGradientG = exports.colorGradientR = exports.sliderDragTitle = exports.sliderDecreaseValue = exports.sliderIncreaseValue = exports.numericDecreaseValue = exports.numericIncreaseValue = void 0;
|
|
5
5
|
/**
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
@@ -82,6 +82,18 @@ exports.flatColorPickerCancelBtn = 'flatColorPicker.cancelBtn';
|
|
|
82
82
|
* @hidden
|
|
83
83
|
*/
|
|
84
84
|
exports.flatColorPickerApplyBtn = 'flatColorPicker.applyBtn';
|
|
85
|
+
/**
|
|
86
|
+
* @hidden
|
|
87
|
+
*/
|
|
88
|
+
exports.flatColorPickerColorGradientBtn = 'flatColorPicker.colorGradientBtn';
|
|
89
|
+
/**
|
|
90
|
+
* @hidden
|
|
91
|
+
*/
|
|
92
|
+
exports.flatColorPickerColorPaletteBtn = 'flatColorPicker.colorPaletteBtn';
|
|
93
|
+
/**
|
|
94
|
+
* @hidden
|
|
95
|
+
*/
|
|
96
|
+
exports.flatColorPickerClearBtn = 'flatColorPicker.clearBtn';
|
|
85
97
|
/**
|
|
86
98
|
* @hidden
|
|
87
99
|
*/
|
|
@@ -142,6 +154,9 @@ exports.messages = (_a = {},
|
|
|
142
154
|
_a[exports.colorGradientToggleInputsButton] = 'Toggle colorgradient inputs',
|
|
143
155
|
_a[exports.flatColorPickerCancelBtn] = 'Cancel',
|
|
144
156
|
_a[exports.flatColorPickerApplyBtn] = 'Apply',
|
|
157
|
+
_a[exports.flatColorPickerColorGradientBtn] = 'Color Gradient view',
|
|
158
|
+
_a[exports.flatColorPickerColorPaletteBtn] = 'Color Palette view',
|
|
159
|
+
_a[exports.flatColorPickerClearBtn] = 'Clear color value',
|
|
145
160
|
_a[exports.checkboxValidation] = 'Please check this box if you want to proceed!',
|
|
146
161
|
_a[exports.checkboxOptionalText] = '(Optional)',
|
|
147
162
|
_a[exports.radioButtonValidation] = 'Please select option if you want to proceed!',
|
|
@@ -277,7 +277,7 @@ exports.NumericTextBox = React.forwardRef(function (directProps, target) {
|
|
|
277
277
|
_a['k-disabled'] = props.disabled,
|
|
278
278
|
_a), props.className), "aria-disabled": props.disabled ? 'true' : undefined },
|
|
279
279
|
React.createElement(Prefix, null),
|
|
280
|
-
React.createElement("input", { value: looseValue === null ? '' : looseValue, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), accessKey: props.accessKey, disabled: props.disabled, title: props.title, "aria-valuemin": props.min, "aria-valuemax": props.max, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, placeholder: props.placeholder, spellCheck: false, autoComplete: 'off', autoCorrect: 'off', type: props.inputType || 'tel', className: 'k-input-inner', id: inputId, name: props.name, readOnly: props.readOnly, style: props.inputStyle, onChange: onChangeHandler, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onPaste: onPasteHandler, onWheel: onWheelHandler, ref: elementRef }),
|
|
280
|
+
React.createElement("input", { role: 'spinbutton', value: looseValue === null ? '' : looseValue, tabIndex: (0, kendo_react_common_1.getTabIndex)(props.tabIndex, props.disabled), accessKey: props.accessKey, disabled: props.disabled, title: props.title, "aria-disabled": props.disabled ? 'true' : undefined, "aria-valuemin": props.min, "aria-valuemax": props.max, "aria-label": props.ariaLabel, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy, placeholder: props.placeholder, spellCheck: false, autoComplete: 'off', autoCorrect: 'off', type: props.inputType || 'tel', className: 'k-input-inner', id: inputId, name: props.name, readOnly: props.readOnly, style: props.inputStyle, onChange: onChangeHandler, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, onPaste: onPasteHandler, onWheel: onWheelHandler, ref: elementRef }),
|
|
281
281
|
React.createElement(Suffix, null),
|
|
282
282
|
props.children,
|
|
283
283
|
props.spinners &&
|
|
@@ -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: 1673538704,
|
|
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
|
};
|
|
@@ -255,16 +255,18 @@ var SwitchWithoutContext = /** @class */ (function (_super) {
|
|
|
255
255
|
_a), this.props.className);
|
|
256
256
|
var ariaAttributes = {
|
|
257
257
|
'aria-checked': this.value,
|
|
258
|
-
'aria-disabled': disabled || undefined
|
|
258
|
+
'aria-disabled': disabled || undefined,
|
|
259
|
+
'aria-labelledby': this.props.ariaLabelledBy,
|
|
260
|
+
'aria-describedby': this.props.ariaDescribedBy
|
|
259
261
|
};
|
|
260
|
-
return (React.createElement("span", { ref: function (span) {
|
|
262
|
+
return (React.createElement("span", __assign({ ref: function (span) {
|
|
261
263
|
_this._wrapper = span;
|
|
262
|
-
}, className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus },
|
|
263
|
-
React.createElement("span",
|
|
264
|
+
}, role: 'switch' }, ariaAttributes, { className: switchClassName, dir: this.dir, onKeyDown: this.handleKeyDown, onClick: this.handleClick, onBlur: this.handleWrapperBlur, onFocus: this.handleWrapperFocus }),
|
|
265
|
+
React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-switch-track', (_b = {},
|
|
264
266
|
_b["k-rounded-".concat(kendo_react_common_1.kendoThemeMaps.roundedMap[trackRounded] || trackRounded)] = trackRounded,
|
|
265
|
-
_b)), id: id || this._id,
|
|
267
|
+
_b)), id: id || this._id, ref: function (span) {
|
|
266
268
|
_this._element = span;
|
|
267
|
-
}, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey }
|
|
269
|
+
}, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled, undefined), accessKey: this.props.accessKey },
|
|
268
270
|
this.dummyInput(this.value),
|
|
269
271
|
React.createElement("span", { className: 'k-switch-label-on' }, onLabel),
|
|
270
272
|
React.createElement("span", { className: 'k-switch-label-off' }, offLabel)),
|
|
@@ -114,7 +114,7 @@ exports.TextArea = React.forwardRef(function (directProps, target) {
|
|
|
114
114
|
(0, kendo_react_common_1.dispatchEvent)(onBlur, event, getImperativeHandle(), undefined);
|
|
115
115
|
}
|
|
116
116
|
}, [onBlur, disabled]);
|
|
117
|
-
var textAreaProps = __assign(__assign({ id: id || calculatedId, name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
|
|
117
|
+
var textAreaProps = __assign(__assign({ id: id || calculatedId, role: 'textbox', name: name, className: 'k-input-inner !k-overflow-auto', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: (0, kendo_react_common_1.getTabIndex)(tabIndex, disabled), style: autoSize ? { resize: 'none', overflow: 'hidden', height: textAreaHeight } : {}, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-multiline': true, 'aria-disabled': disabled || undefined, value: isControlled ? value : stateValue }, others), { onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur });
|
|
118
118
|
return (React.createElement("span", { className: (0, kendo_react_common_1.classNames)('k-input', 'k-textarea', (_a = {},
|
|
119
119
|
_a["k-input-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
|
|
120
120
|
_a["k-input-".concat(fillMode)] = fillMode,
|