@progress/kendo-react-inputs 5.5.1-dev.202207140841 → 5.5.1-dev.202207252139
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/input/Input.d.ts +5 -0
- package/dist/es/input/Input.js +4 -3
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/input/Input.d.ts +5 -0
- package/dist/npm/input/Input.js +4 -3
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-inputs.js +1 -1
- package/package.json +14 -14
package/dist/es/input/Input.d.ts
CHANGED
|
@@ -32,6 +32,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
32
32
|
* Identifies the element(s) which will label the component.
|
|
33
33
|
*/
|
|
34
34
|
ariaLabelledBy?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Defines a string value that labels an interactive element.
|
|
37
|
+
*/
|
|
38
|
+
ariaLabel?: string;
|
|
35
39
|
/**
|
|
36
40
|
* Triggered after value change.
|
|
37
41
|
*/
|
|
@@ -57,6 +61,7 @@ export declare class InputWithoutContext extends React.Component<InputProps, Inp
|
|
|
57
61
|
id: PropTypes.Requireable<string>;
|
|
58
62
|
ariaLabelledBy: PropTypes.Requireable<string>;
|
|
59
63
|
ariaDescribedBy: PropTypes.Requireable<string>;
|
|
64
|
+
ariaLabel: PropTypes.Requireable<string>;
|
|
60
65
|
};
|
|
61
66
|
/**
|
|
62
67
|
* @hidden
|
package/dist/es/input/Input.js
CHANGED
|
@@ -201,11 +201,11 @@ var InputWithoutContext = /** @class */ (function (_super) {
|
|
|
201
201
|
var _this = this;
|
|
202
202
|
var _a = this.props, className = _a.className, label = _a.label, id = _a.id, validationMessage = _a.validationMessage, defaultValue = _a.defaultValue, valid = _a.valid,
|
|
203
203
|
// Removed to support direct use in Form Field component
|
|
204
|
-
visited = _a.visited, touched = _a.touched, modified = _a.modified, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, validityStyles = _a.validityStyles, style = _a.style, props = __rest(_a, ["className", "label", "id", "validationMessage", "defaultValue", "valid", "visited", "touched", "modified", "ariaLabelledBy", "ariaDescribedBy", "validityStyles", "style"]);
|
|
204
|
+
visited = _a.visited, touched = _a.touched, modified = _a.modified, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, validityStyles = _a.validityStyles, style = _a.style, ariaLabel = _a.ariaLabel, props = __rest(_a, ["className", "label", "id", "validationMessage", "defaultValue", "valid", "visited", "touched", "modified", "ariaLabelledBy", "ariaDescribedBy", "validityStyles", "style", "ariaLabel"]);
|
|
205
205
|
var inputId = id || this._inputId;
|
|
206
206
|
var isValid = !this.validityStyles || this.validity.valid;
|
|
207
207
|
var inputClassName = classNames(className, 'k-input k-input-md k-rounded-md k-input-solid');
|
|
208
|
-
var textbox = (React.createElement("input", __assign({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-disabled": this.props.disabled || undefined, "aria-invalid": !isValid || undefined }, props, { style: !label
|
|
208
|
+
var textbox = (React.createElement("input", __assign({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-disabled": this.props.disabled || undefined, "aria-invalid": !isValid || undefined, "aria-label": ariaLabel || undefined }, props, { style: !label
|
|
209
209
|
? style
|
|
210
210
|
: undefined, value: this.value, id: inputId, className: inputClassName, onChange: this.handleChange, onAnimationStart: this.handleAutoFill, ref: function (el) {
|
|
211
211
|
_this._input = el;
|
|
@@ -225,7 +225,8 @@ var InputWithoutContext = /** @class */ (function (_super) {
|
|
|
225
225
|
validate: PropTypes.bool,
|
|
226
226
|
id: PropTypes.string,
|
|
227
227
|
ariaLabelledBy: PropTypes.string,
|
|
228
|
-
ariaDescribedBy: PropTypes.string
|
|
228
|
+
ariaDescribedBy: PropTypes.string,
|
|
229
|
+
ariaLabel: PropTypes.string
|
|
229
230
|
};
|
|
230
231
|
/**
|
|
231
232
|
* @hidden
|
|
@@ -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: 1658784202,
|
|
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
|
};
|
|
@@ -32,6 +32,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
32
32
|
* Identifies the element(s) which will label the component.
|
|
33
33
|
*/
|
|
34
34
|
ariaLabelledBy?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Defines a string value that labels an interactive element.
|
|
37
|
+
*/
|
|
38
|
+
ariaLabel?: string;
|
|
35
39
|
/**
|
|
36
40
|
* Triggered after value change.
|
|
37
41
|
*/
|
|
@@ -57,6 +61,7 @@ export declare class InputWithoutContext extends React.Component<InputProps, Inp
|
|
|
57
61
|
id: PropTypes.Requireable<string>;
|
|
58
62
|
ariaLabelledBy: PropTypes.Requireable<string>;
|
|
59
63
|
ariaDescribedBy: PropTypes.Requireable<string>;
|
|
64
|
+
ariaLabel: PropTypes.Requireable<string>;
|
|
60
65
|
};
|
|
61
66
|
/**
|
|
62
67
|
* @hidden
|
package/dist/npm/input/Input.js
CHANGED
|
@@ -204,11 +204,11 @@ var InputWithoutContext = /** @class */ (function (_super) {
|
|
|
204
204
|
var _this = this;
|
|
205
205
|
var _a = this.props, className = _a.className, label = _a.label, id = _a.id, validationMessage = _a.validationMessage, defaultValue = _a.defaultValue, valid = _a.valid,
|
|
206
206
|
// Removed to support direct use in Form Field component
|
|
207
|
-
visited = _a.visited, touched = _a.touched, modified = _a.modified, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, validityStyles = _a.validityStyles, style = _a.style, props = __rest(_a, ["className", "label", "id", "validationMessage", "defaultValue", "valid", "visited", "touched", "modified", "ariaLabelledBy", "ariaDescribedBy", "validityStyles", "style"]);
|
|
207
|
+
visited = _a.visited, touched = _a.touched, modified = _a.modified, ariaLabelledBy = _a.ariaLabelledBy, ariaDescribedBy = _a.ariaDescribedBy, validityStyles = _a.validityStyles, style = _a.style, ariaLabel = _a.ariaLabel, props = __rest(_a, ["className", "label", "id", "validationMessage", "defaultValue", "valid", "visited", "touched", "modified", "ariaLabelledBy", "ariaDescribedBy", "validityStyles", "style", "ariaLabel"]);
|
|
208
208
|
var inputId = id || this._inputId;
|
|
209
209
|
var isValid = !this.validityStyles || this.validity.valid;
|
|
210
210
|
var inputClassName = (0, kendo_react_common_1.classNames)(className, 'k-input k-input-md k-rounded-md k-input-solid');
|
|
211
|
-
var textbox = (React.createElement("input", __assign({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-disabled": this.props.disabled || undefined, "aria-invalid": !isValid || undefined }, props, { style: !label
|
|
211
|
+
var textbox = (React.createElement("input", __assign({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-disabled": this.props.disabled || undefined, "aria-invalid": !isValid || undefined, "aria-label": ariaLabel || undefined }, props, { style: !label
|
|
212
212
|
? style
|
|
213
213
|
: undefined, value: this.value, id: inputId, className: inputClassName, onChange: this.handleChange, onAnimationStart: this.handleAutoFill, ref: function (el) {
|
|
214
214
|
_this._input = el;
|
|
@@ -228,7 +228,8 @@ var InputWithoutContext = /** @class */ (function (_super) {
|
|
|
228
228
|
validate: PropTypes.bool,
|
|
229
229
|
id: PropTypes.string,
|
|
230
230
|
ariaLabelledBy: PropTypes.string,
|
|
231
|
-
ariaDescribedBy: PropTypes.string
|
|
231
|
+
ariaDescribedBy: PropTypes.string,
|
|
232
|
+
ariaLabel: PropTypes.string
|
|
232
233
|
};
|
|
233
234
|
/**
|
|
234
235
|
* @hidden
|
|
@@ -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: 1658784202,
|
|
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
|
};
|