@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.
@@ -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
@@ -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: 1657787064,
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
@@ -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: 1657787064,
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
  };