@progress/kendo-react-inputs 5.1.0 → 5.1.1-dev.202203301234

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.
@@ -66,8 +66,8 @@ var InputWithoutContext = /** @class */ (function (_super) {
66
66
  _this.setValidity = function () {
67
67
  if (_this._input && _this._input.setCustomValidity) {
68
68
  _this.validity.valid || !_this.validityStyles
69
- ? _this._input.classList.remove('k-state-invalid')
70
- : _this._input.classList.add('k-state-invalid');
69
+ ? _this._input.classList.remove('k-invalid')
70
+ : _this._input.classList.add('k-invalid');
71
71
  _this._input.setCustomValidity(_this.validity.valid
72
72
  ? ''
73
73
  : _this.props.validationMessage || '');
@@ -273,8 +273,8 @@ export var NumericTextBox = React.forwardRef(function (directProps, target) {
273
273
  props.children,
274
274
  props.spinners &&
275
275
  (React.createElement("span", { className: "k-input-spinner k-spin-button", onMouseDown: onMouseDown },
276
- React.createElement(Button, { tabIndex: -1, type: "button", icon: 'arrow-n', className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), onClick: onIncrease }),
277
- React.createElement(Button, { tabIndex: -1, type: "button", className: "k-spinner-decrease", icon: 'arrow-s', "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), onClick: onDecrease })))));
276
+ React.createElement(Button, { tabIndex: -1, type: "button", icon: 'arrow-n', rounded: null, className: "k-spinner-increase", "aria-label": localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), title: localizationService.toLanguageString(numericIncreaseValue, messages[numericIncreaseValue]), onClick: onIncrease }),
277
+ React.createElement(Button, { tabIndex: -1, type: "button", icon: 'arrow-s', rounded: null, className: "k-spinner-decrease", "aria-label": localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), title: localizationService.toLanguageString(numericDecreaseValue, messages[numericDecreaseValue]), onClick: onDecrease })))));
278
278
  return props.label
279
279
  ? (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 }))
280
280
  : 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: 1646225063,
8
+ publishDate: 1648642736,
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
  };
@@ -108,7 +108,7 @@ export var TextArea = React.forwardRef(function (directProps, target) {
108
108
  dispatchEvent(onBlur, event, getImperativeHandle(), undefined);
109
109
  }
110
110
  }, [onBlur, disabled]);
111
- var textAreaProps = __assign({ id: id || calculatedId, name: name, className: 'k-input-inner', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: 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 });
111
+ var textAreaProps = __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: 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 });
112
112
  return (React.createElement("span", { className: classNames('k-input', 'k-textarea', (_a = {},
113
113
  _a["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
114
114
  _a["k-input-" + fillMode] = fillMode,
@@ -68,8 +68,8 @@ var InputWithoutContext = /** @class */ (function (_super) {
68
68
  _this.setValidity = function () {
69
69
  if (_this._input && _this._input.setCustomValidity) {
70
70
  _this.validity.valid || !_this.validityStyles
71
- ? _this._input.classList.remove('k-state-invalid')
72
- : _this._input.classList.add('k-state-invalid');
71
+ ? _this._input.classList.remove('k-invalid')
72
+ : _this._input.classList.add('k-invalid');
73
73
  _this._input.setCustomValidity(_this.validity.valid
74
74
  ? ''
75
75
  : _this.props.validationMessage || '');
@@ -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: 'arrow-n', 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", className: "k-spinner-decrease", icon: 'arrow-s', "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 })))));
278
+ React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", icon: 'arrow-n', 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: 'arrow-s', 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;
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-inputs',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1646225063,
10
+ publishDate: 1648642736,
11
11
  version: '',
12
12
  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'
13
13
  };
@@ -110,7 +110,7 @@ exports.TextArea = React.forwardRef(function (directProps, target) {
110
110
  kendo_react_common_1.dispatchEvent(onBlur, event, getImperativeHandle(), undefined);
111
111
  }
112
112
  }, [onBlur, disabled]);
113
- var textAreaProps = __assign({ id: id || calculatedId, name: name, className: 'k-input-inner', ref: elementRef, disabled: disabled, rows: rows, placeholder: placeholder, readOnly: readOnly, required: required, tabIndex: 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 });
113
+ var textAreaProps = __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: 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 });
114
114
  return (React.createElement("span", { className: kendo_react_common_1.classNames('k-input', 'k-textarea', (_a = {},
115
115
  _a["k-input-" + (kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
116
116
  _a["k-input-" + fillMode] = fillMode,