@progress/kendo-react-dropdowns 5.3.0-dev.202205041411 → 5.3.0-dev.202205051350

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.
Files changed (19) hide show
  1. package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.js +1 -2
  3. package/dist/es/ComboBox/ComboBox.js +1 -2
  4. package/dist/es/DropDownList/DropDownList.js +2 -3
  5. package/dist/es/DropDownTree/DropDownTree.js +1 -2
  6. package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js +1 -1
  7. package/dist/es/MultiSelect/MultiSelect.js +1 -2
  8. package/dist/es/MultiSelectTree/MultiSelectTree.js +1 -2
  9. package/dist/es/package-metadata.js +1 -1
  10. package/dist/npm/AutoComplete/AutoComplete.js +1 -2
  11. package/dist/npm/ComboBox/ComboBox.js +1 -2
  12. package/dist/npm/DropDownList/DropDownList.js +2 -3
  13. package/dist/npm/DropDownTree/DropDownTree.js +1 -2
  14. package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js +1 -1
  15. package/dist/npm/MultiSelect/MultiSelect.js +1 -2
  16. package/dist/npm/MultiSelectTree/MultiSelectTree.js +1 -2
  17. package/dist/npm/package-metadata.js +1 -1
  18. package/dist/systemjs/kendo-react-dropdowns.js +1 -1
  19. package/package.json +12 -12
package/dist/es/AutoComplete/AutoComplete.js CHANGED
@@ -304,7 +304,6 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
304
304
  _a["k-input-" + (sizeMap[size] || size)] = size,
305
305
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
306
306
  _a["k-input-" + fillMode] = fillMode,
307
- _a['k-valid'] = isValid,
308
307
  _a['k-invalid'] = !isValid,
309
308
  _a['k-loading'] = loading,
310
309
  _a['k-required'] = this.required,
@@ -316,7 +315,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
316
315
  ? style
317
316
  : __assign({}, style, { width: undefined }), dir: dir },
318
317
  this.renderSearchBar(value || '', id),
319
- loading && React.createElement("span", { className: "k-icon k-i-loading" }),
318
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
320
319
  renderClearButton && !loading && React.createElement(ClearButton, { onClick: this.clearButtonClick, key: "clearbutton" }),
321
320
  this.renderListContainer()));
322
321
  return label
package/dist/es/ComboBox/ComboBox.js CHANGED
@@ -377,7 +377,6 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
377
377
  _a["k-input-" + (sizeMap[size] || size)] = size,
378
378
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
379
379
  _a["k-input-" + fillMode] = fillMode,
380
- _a['k-valid'] = isValid,
381
380
  _a['k-invalid'] = !isValid,
382
381
  _a['k-loading'] = loading,
383
382
  _a['k-required'] = this.required,
@@ -385,7 +384,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
385
384
  _a), className), ref: this.componentRef, style: !label ? style : __assign({}, style, { width: undefined }), dir: dir },
386
385
  this.renderSearchBar(inputText || '', id),
387
386
  renderClearButton && !loading && React.createElement(ClearButton, { onClick: this.clearButtonClick, key: "clearbutton" }),
388
- loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
387
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
389
388
  React.createElement("button", { tabIndex: -1, type: "button", className: classNames('k-input-button k-button k-icon-button', (_b = {},
390
389
  _b["k-button-" + (sizeMap[size] || size)] = size,
391
390
  _b["k-button-" + fillMode] = fillMode,
package/dist/es/DropDownList/DropDownList.js CHANGED
@@ -507,17 +507,16 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
507
507
  _a["k-picker-" + (sizeMap[size] || size)] = size,
508
508
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
509
509
  _a["k-picker-" + fillMode] = fillMode,
510
- _a['k-focused'] = focused,
510
+ _a['k-focus'] = focused,
511
511
  _a['k-disabled'] = disabled,
512
512
  _a['k-invalid'] = !isValid,
513
- _a['k-valid'] = isValid,
514
513
  _a['k-loading'] = loading,
515
514
  _a['k-required'] = this.required,
516
515
  _a)), style: !label
517
516
  ? style
518
517
  : __assign({}, style, { width: undefined }), dir: dir, onMouseDown: opened ? preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: getTabIndex(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'listbox', "aria-disabled": disabled || undefined, "aria-haspopup": true, "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
519
518
  valueElement,
520
- loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
519
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
521
520
  React.createElement("button", { tabIndex: -1, type: "button", "aria-hidden": true, className: classNames('k-input-button k-button k-icon-button', (_b = {},
522
521
  _b["k-button-" + (sizeMap[size] || size)] = size,
523
522
  _b["k-button-" + fillMode] = fillMode,
package/dist/es/DropDownTree/DropDownTree.js CHANGED
@@ -334,7 +334,6 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
334
334
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
335
335
  _a["k-picker-" + fillMode] = fillMode,
336
336
  _a['k-focus'] = focused,
337
- _a['k-valid'] = isValid,
338
337
  _a['k-invalid'] = !isValid,
339
338
  _a['k-loading'] = props.loading,
340
339
  _a['k-required'] = required,
@@ -342,7 +341,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
342
341
  _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign({}, style, { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onClick: disabled ? undefined : onWrapperClick, onFocus: onFocus, onBlur: onBlur, role: "listbox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
343
342
  React.createElement("span", { className: "k-input-inner" },
344
343
  React.createElement(ValueComponent, { item: value }, currentValueText || placeholder)),
345
- props.loading && React.createElement("span", { className: "k-icon k-i-loading" }),
344
+ props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
346
345
  hasValue && !disabled && (React.createElement("span", { onClick: onClear, className: "k-clear-value", title: localization.toLanguageString(clear, messages[clear]), role: "button", tabIndex: -1, onMouseDown: function (e) { return e.preventDefault(); } },
347
346
  React.createElement("span", { className: "k-icon k-i-x" }))),
348
347
  React.createElement("button", { tabIndex: -1, type: "button", "aria-label": "select", className: classNames('k-input-button k-button k-icon-button', (_b = {},
package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js CHANGED
@@ -132,7 +132,7 @@ export var MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
132
132
  }, []);
133
133
  React.useEffect(function () { setScrollbarWidth(); });
134
134
  var List = React.useCallback(function (listProps) { return React.createElement(MultiColumnList, __assign({}, listProps)); }, []);
135
- return (React.createElement(ComboBox, __assign({}, other, { list: List, popupSettings: __assign({ width: popupWidth }, popupSettings, { popupClass: 'k-dropdowngrid-popup k-reset', className: popupSettings.className }), ref: comboBoxRef, header: header, itemRender: itemRender, size: props.size, rounded: props.rounded, fillMode: props.fillMode, onOpen: onOpenHandler, onClose: onCloseHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, onChange: onChangeHandler, onFilterChange: onFilterChangeHandler, onPageChange: onPageChangeHandler, onGroupScroll: onGroupScroll })));
135
+ return (React.createElement(ComboBox, __assign({}, other, { list: List, popupSettings: __assign({ width: popupWidth }, popupSettings, { popupClass: 'k-dropdowngrid-popup k-reset', className: popupSettings.className }), ref: comboBoxRef, header: header, itemRender: itemRender, size: props.size, rounded: props.rounded, fillMode: props.fillMode, onOpen: onOpenHandler, onClose: onCloseHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, onChange: onChangeHandler, onFilterChange: onFilterChangeHandler, onPageChange: onPageChangeHandler, onGroupScroll: onGroupScroll, className: 'k-dropdowngrid' })));
136
136
  });
137
137
  var propTypes = __assign({}, ComboBoxWithoutContext.propTypes, { columns: PropTypes.any.isRequired });
138
138
  var defaultProps = {
package/dist/es/MultiSelect/MultiSelect.js CHANGED
@@ -565,7 +565,6 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
565
565
  _a["k-input-" + fillMode] = fillMode,
566
566
  _a['k-focus'] = focused && !disabled,
567
567
  _a['k-invalid'] = !isValid,
568
- _a['k-valid'] = isValid,
569
568
  _a['k-disabled'] = disabled,
570
569
  _a['k-loading'] = loading,
571
570
  _a['k-required'] = this.required,
@@ -577,7 +576,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
577
576
  _b)), role: "listbox", id: 'tagslist-' + this.base.guid },
578
577
  tagsToRender.length > 0 && React.createElement(TagList, { tagRender: this.props.tagRender, onTagDelete: this.onTagDelete, data: tagsToRender, guid: this.base.guid, focused: focusedTag ? tagsToRender.find(function (t) { return matchTags(t, focusedTag, dataItemKey); }) : undefined, size: size }),
579
578
  this.renderSearchbar(id)),
580
- loading && React.createElement("span", { className: "k-icon k-i-loading" }),
579
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
581
580
  clearButton && React.createElement(ClearButton, { onClick: this.clearButtonClick }),
582
581
  this.renderListContainer()));
583
582
  return label ? (React.createElement(FloatingLabel, { label: label, editorId: id, editorValue: text || getItemValue(this.value[0], textField), editorValid: isValid, editorDisabled: disabled, style: { width: style ? style.width : undefined }, children: component })) : component;
package/dist/es/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -383,7 +383,6 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
383
383
  _a["k-input-" + fillMode] = fillMode,
384
384
  _a['k-focus'] = focusedState && !disabled,
385
385
  _a['k-invalid'] = !isValid,
386
- _a['k-valid'] = isValid,
387
386
  _a['k-disabled'] = disabled,
388
387
  _a['k-loading'] = props.loading,
389
388
  _a['k-required'] = required,
@@ -394,7 +393,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
394
393
  React.createElement(TagList, { tag: props.tag, onTagDelete: onTagDelete, data: tagsToRenderRef.current, guid: id, focused: focusedTagState ? tagsToRenderRef.current.find(function (t) { return matchTags(t, focusedTagState, dataItemKey); }) : undefined, size: size }))),
395
394
  !hasValue && React.createElement("span", { className: "k-input-inner" },
396
395
  React.createElement("span", { className: "k-input-value-text" }, "\u00A0")),
397
- props.loading && React.createElement("span", { className: "k-icon k-i-loading" }),
396
+ props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
398
397
  hasValue && !disabled && React.createElement(ClearButton, { onClick: onClear }),
399
398
  React.createElement("select", { name: name, ref: selectRef, tabIndex: -1, "aria-hidden": true, title: label, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' } },
400
399
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-react-dropdowns',
6
6
  productName: 'KendoReact',
7
7
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
8
- publishDate: 1651672469,
8
+ publishDate: 1651757558,
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/npm/AutoComplete/AutoComplete.js CHANGED
@@ -306,7 +306,6 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
306
306
  _a["k-input-" + (sizeMap[size] || size)] = size,
307
307
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
308
308
  _a["k-input-" + fillMode] = fillMode,
309
- _a['k-valid'] = isValid,
310
309
  _a['k-invalid'] = !isValid,
311
310
  _a['k-loading'] = loading,
312
311
  _a['k-required'] = this.required,
@@ -318,7 +317,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
318
317
  ? style
319
318
  : __assign({}, style, { width: undefined }), dir: dir },
320
319
  this.renderSearchBar(value || '', id),
321
- loading && React.createElement("span", { className: "k-icon k-i-loading" }),
320
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
322
321
  renderClearButton && !loading && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick, key: "clearbutton" }),
323
322
  this.renderListContainer()));
324
323
  return label
package/dist/npm/ComboBox/ComboBox.js CHANGED
@@ -379,7 +379,6 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
379
379
  _a["k-input-" + (sizeMap[size] || size)] = size,
380
380
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
381
381
  _a["k-input-" + fillMode] = fillMode,
382
- _a['k-valid'] = isValid,
383
382
  _a['k-invalid'] = !isValid,
384
383
  _a['k-loading'] = loading,
385
384
  _a['k-required'] = this.required,
@@ -387,7 +386,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
387
386
  _a), className), ref: this.componentRef, style: !label ? style : __assign({}, style, { width: undefined }), dir: dir },
388
387
  this.renderSearchBar(inputText || '', id),
389
388
  renderClearButton && !loading && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick, key: "clearbutton" }),
390
- loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
389
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
391
390
  React.createElement("button", { tabIndex: -1, type: "button", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
392
391
  _b["k-button-" + (sizeMap[size] || size)] = size,
393
392
  _b["k-button-" + fillMode] = fillMode,
package/dist/npm/DropDownList/DropDownList.js CHANGED
@@ -509,17 +509,16 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
509
509
  _a["k-picker-" + (sizeMap[size] || size)] = size,
510
510
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
511
511
  _a["k-picker-" + fillMode] = fillMode,
512
- _a['k-focused'] = focused,
512
+ _a['k-focus'] = focused,
513
513
  _a['k-disabled'] = disabled,
514
514
  _a['k-invalid'] = !isValid,
515
- _a['k-valid'] = isValid,
516
515
  _a['k-loading'] = loading,
517
516
  _a['k-required'] = this.required,
518
517
  _a)), style: !label
519
518
  ? style
520
519
  : __assign({}, style, { width: undefined }), dir: dir, onMouseDown: opened ? utils_1.preventDefaultNonInputs : undefined, onFocus: this.handleFocus, onBlur: this.handleBlur, tabIndex: kendo_react_common_1.getTabIndex(tabIndex, disabled), accessKey: this.props.accessKey, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onClick: disabled ? undefined : this.handleWrapperClick, role: 'listbox', "aria-disabled": disabled || undefined, "aria-haspopup": true, "aria-expanded": opened || false, "aria-owns": this.base.listBoxId, "aria-activedescendant": opened ? ('option-' + this.base.guid + '-' + (selectedIndex + (virtual ? virtual.skip : 0))) : undefined, "aria-label": this.props.ariaLabel || this.props.label, "aria-labelledby": this.props.ariaLabelledBy, "aria-describedby": this.props.ariaDescribedBy, id: this.props.id, title: this.props.title },
521
520
  valueElement,
522
- loading && React.createElement("span", { className: "k-icon k-i-loading", key: "loading" }),
521
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon", key: "loading" }),
523
522
  React.createElement("button", { tabIndex: -1, type: "button", "aria-hidden": true, className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
524
523
  _b["k-button-" + (sizeMap[size] || size)] = size,
525
524
  _b["k-button-" + fillMode] = fillMode,
package/dist/npm/DropDownTree/DropDownTree.js CHANGED
@@ -336,7 +336,6 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
336
336
  _a["k-rounded-" + (roundedMap[rounded] || rounded)] = rounded,
337
337
  _a["k-picker-" + fillMode] = fillMode,
338
338
  _a['k-focus'] = focused,
339
- _a['k-valid'] = isValid,
340
339
  _a['k-invalid'] = !isValid,
341
340
  _a['k-loading'] = props.loading,
342
341
  _a['k-required'] = required,
@@ -344,7 +343,7 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
344
343
  _a)), tabIndex: tabIndex, accessKey: props.accessKey, id: id, style: label ? __assign({}, style, { width: undefined }) : style, dir: dir, ref: elementRef, onKeyDown: disabled ? undefined : onWrapperKeyDown, onMouseDown: onWrapperMouseDown, onClick: disabled ? undefined : onWrapperClick, onFocus: onFocus, onBlur: onBlur, role: "listbox", "aria-haspopup": "true", "aria-expanded": isOpen, "aria-disabled": disabled, "aria-label": label, "aria-labelledby": props.ariaLabelledBy, "aria-describedby": props.ariaDescribedBy },
345
344
  React.createElement("span", { className: "k-input-inner" },
346
345
  React.createElement(ValueComponent, { item: value }, currentValueText || placeholder)),
347
- props.loading && React.createElement("span", { className: "k-icon k-i-loading" }),
346
+ props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
348
347
  hasValue && !disabled && (React.createElement("span", { onClick: onClear, className: "k-clear-value", title: localization.toLanguageString(messages_1.clear, messages_1.messages[messages_1.clear]), role: "button", tabIndex: -1, onMouseDown: function (e) { return e.preventDefault(); } },
349
348
  React.createElement("span", { className: "k-icon k-i-x" }))),
350
349
  React.createElement("button", { tabIndex: -1, type: "button", "aria-label": "select", className: kendo_react_common_1.classNames('k-input-button k-button k-icon-button', (_b = {},
package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js CHANGED
@@ -134,7 +134,7 @@ exports.MultiColumnComboBox = React.forwardRef(function (directProps, ref) {
134
134
  }, []);
135
135
  React.useEffect(function () { kendo_react_common_1.setScrollbarWidth(); });
136
136
  var List = React.useCallback(function (listProps) { return React.createElement(MultiColumnList_1.MultiColumnList, __assign({}, listProps)); }, []);
137
- return (React.createElement(ComboBox_1.ComboBox, __assign({}, other, { list: List, popupSettings: __assign({ width: popupWidth }, popupSettings, { popupClass: 'k-dropdowngrid-popup k-reset', className: popupSettings.className }), ref: comboBoxRef, header: header, itemRender: itemRender, size: props.size, rounded: props.rounded, fillMode: props.fillMode, onOpen: onOpenHandler, onClose: onCloseHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, onChange: onChangeHandler, onFilterChange: onFilterChangeHandler, onPageChange: onPageChangeHandler, onGroupScroll: onGroupScroll })));
137
+ return (React.createElement(ComboBox_1.ComboBox, __assign({}, other, { list: List, popupSettings: __assign({ width: popupWidth }, popupSettings, { popupClass: 'k-dropdowngrid-popup k-reset', className: popupSettings.className }), ref: comboBoxRef, header: header, itemRender: itemRender, size: props.size, rounded: props.rounded, fillMode: props.fillMode, onOpen: onOpenHandler, onClose: onCloseHandler, onFocus: onFocusHandler, onBlur: onBlurHandler, onChange: onChangeHandler, onFilterChange: onFilterChangeHandler, onPageChange: onPageChangeHandler, onGroupScroll: onGroupScroll, className: 'k-dropdowngrid' })));
138
138
  });
139
139
  var propTypes = __assign({}, ComboBox_1.ComboBoxWithoutContext.propTypes, { columns: PropTypes.any.isRequired });
140
140
  var defaultProps = {
package/dist/npm/MultiSelect/MultiSelect.js CHANGED
@@ -567,7 +567,6 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
567
567
  _a["k-input-" + fillMode] = fillMode,
568
568
  _a['k-focus'] = focused && !disabled,
569
569
  _a['k-invalid'] = !isValid,
570
- _a['k-valid'] = isValid,
571
570
  _a['k-disabled'] = disabled,
572
571
  _a['k-loading'] = loading,
573
572
  _a['k-required'] = this.required,
@@ -579,7 +578,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
579
578
  _b)), role: "listbox", id: 'tagslist-' + this.base.guid },
580
579
  tagsToRender.length > 0 && React.createElement(TagList_1.default, { tagRender: this.props.tagRender, onTagDelete: this.onTagDelete, data: tagsToRender, guid: this.base.guid, focused: focusedTag ? tagsToRender.find(function (t) { return utils_1.matchTags(t, focusedTag, dataItemKey); }) : undefined, size: size }),
581
580
  this.renderSearchbar(id)),
582
- loading && React.createElement("span", { className: "k-icon k-i-loading" }),
581
+ loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
583
582
  clearButton && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick }),
584
583
  this.renderListContainer()));
585
584
  return label ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorId: id, editorValue: text || utils_1.getItemValue(this.value[0], textField), editorValid: isValid, editorDisabled: disabled, style: { width: style ? style.width : undefined }, children: component })) : component;
package/dist/npm/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -385,7 +385,6 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
385
385
  _a["k-input-" + fillMode] = fillMode,
386
386
  _a['k-focus'] = focusedState && !disabled,
387
387
  _a['k-invalid'] = !isValid,
388
- _a['k-valid'] = isValid,
389
388
  _a['k-disabled'] = disabled,
390
389
  _a['k-loading'] = props.loading,
391
390
  _a['k-required'] = required,
@@ -396,7 +395,7 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
396
395
  React.createElement(TagList_1.default, { tag: props.tag, onTagDelete: onTagDelete, data: tagsToRenderRef.current, guid: id, focused: focusedTagState ? tagsToRenderRef.current.find(function (t) { return utils_1.matchTags(t, focusedTagState, dataItemKey); }) : undefined, size: size }))),
397
396
  !hasValue && React.createElement("span", { className: "k-input-inner" },
398
397
  React.createElement("span", { className: "k-input-value-text" }, "\u00A0")),
399
- props.loading && React.createElement("span", { className: "k-icon k-i-loading" }),
398
+ props.loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
400
399
  hasValue && !disabled && React.createElement(ClearButton_1.default, { onClick: onClear }),
401
400
  React.createElement("select", { name: name, ref: selectRef, tabIndex: -1, "aria-hidden": true, title: label, style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: 'absolute', left: '50%' } },
402
401
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
package/dist/npm/package-metadata.js CHANGED
@@ -7,7 +7,7 @@ exports.packageMetadata = {
7
7
  name: '@progress/kendo-react-dropdowns',
8
8
  productName: 'KendoReact',
9
9
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
10
- publishDate: 1651672469,
10
+ publishDate: 1651757558,
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
  };