@progress/kendo-react-dropdowns 5.10.0-dev.202301091032 → 5.10.0-dev.202301092204

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 (17) hide show
  1. package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
  2. package/dist/es/AutoComplete/AutoComplete.js +1 -1
  3. package/dist/es/ComboBox/ComboBox.js +1 -1
  4. package/dist/es/DropDownList/DropDownList.js +1 -1
  5. package/dist/es/DropDownTree/DropDownTree.js +1 -1
  6. package/dist/es/MultiSelect/MultiSelect.js +5 -5
  7. package/dist/es/MultiSelectTree/MultiSelectTree.js +1 -1
  8. package/dist/es/package-metadata.js +1 -1
  9. package/dist/npm/AutoComplete/AutoComplete.js +1 -1
  10. package/dist/npm/ComboBox/ComboBox.js +1 -1
  11. package/dist/npm/DropDownList/DropDownList.js +1 -1
  12. package/dist/npm/DropDownTree/DropDownTree.js +1 -1
  13. package/dist/npm/MultiSelect/MultiSelect.js +5 -5
  14. package/dist/npm/MultiSelectTree/MultiSelectTree.js +1 -1
  15. package/dist/npm/package-metadata.js +1 -1
  16. package/dist/systemjs/kendo-react-dropdowns.js +1 -1
  17. package/package.json +12 -12
package/dist/es/AutoComplete/AutoComplete.js CHANGED
@@ -383,7 +383,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
383
383
  animate: popupSettings.animate,
384
384
  anchor: this.element,
385
385
  show: opened,
386
- popupClass: classNames(popupSettings.popupClass, 'k-list-container'),
386
+ popupClass: classNames(popupSettings.popupClass, 'k-list-container', 'k-autocomplete-popup'),
387
387
  className: popupSettings.className,
388
388
  appendTo: popupSettings.appendTo
389
389
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
package/dist/es/ComboBox/ComboBox.js CHANGED
@@ -521,7 +521,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
521
521
  animate: popupSettings.animate,
522
522
  anchor: this.element,
523
523
  show: opened,
524
- popupClass: classNames(popupSettings.popupClass, 'k-list-container'),
524
+ popupClass: classNames(popupSettings.popupClass, 'k-list-container', 'k-combobox-popup'),
525
525
  className: popupSettings.className,
526
526
  appendTo: popupSettings.appendTo
527
527
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
package/dist/es/DropDownList/DropDownList.js CHANGED
@@ -99,7 +99,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
99
99
  dir: dir !== undefined ? dir : base.dirCalculated,
100
100
  width: popupWidth,
101
101
  popupSettings: {
102
- popupClass: classNames(popupSettings.popupClass, 'k-list-container'),
102
+ popupClass: classNames(popupSettings.popupClass, 'k-list-container', 'k-dropdownlist-popup'),
103
103
  className: popupSettings.className,
104
104
  animate: popupSettings.animate,
105
105
  anchor: _this.element,
package/dist/es/DropDownTree/DropDownTree.js CHANGED
@@ -360,7 +360,7 @@ export var DropDownTree = React.forwardRef(function (directProps, ref) {
360
360
  React.createElement(Button, { tabIndex: -1, type: "button", "aria-label": "select", className: "k-input-button", size: size, fillMode: fillMode, themeColor: "base", rounded: null, icon: "caret-alt-down" }),
361
361
  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%' } },
362
362
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
363
- React.createElement(Popup, { className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), popupClass: classNames(popupSettings.popupClass, 'k-list-container'), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo },
363
+ React.createElement(Popup, { className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), popupClass: classNames(popupSettings.popupClass, 'k-list-container', 'k-dropdowntree-popup'), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo },
364
364
  props.filterable && (React.createElement(ListFilter, { value: props.filter === undefined ? filter : props.filter, inputRef: inputRef, onChange: onFilterChange, onKeyDown: onInputKeyDown, size: size, rounded: rounded, fillMode: fillMode })),
365
365
  data.length > 0 ? (React.createElement(TreeView, { ref: treeViewRef, tabIndex: tabIndex, data: treeViewData, focusIdField: dataItemKey, textField: props.textField, selectField: selectField, expandField: props.expandField, childrenField: subItemsField, expandIcons: true, onItemClick: onChange, onExpandChange: onExpand, size: size, item: props.item })) : (React.createElement(NoData, null, localization.toLanguageString(nodata, messages[nodata]))))));
366
366
  return label ? (React.createElement(FloatingLabel, { label: label, editorValue: currentValueText, editorPlaceholder: placeholder, editorValid: isValid, editorDisabled: disabled, editorId: id, style: { width: style ? style.width : undefined }, children: dropdowntree, dir: dir })) : dropdowntree;
package/dist/es/MultiSelect/MultiSelect.js CHANGED
@@ -258,7 +258,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
258
258
  dir: dir !== undefined ? dir : base.dirCalculated,
259
259
  width: popupWidth,
260
260
  popupSettings: {
261
- popupClass: classNames(popupSettings.popupClass, 'k-list-container'),
261
+ popupClass: classNames(popupSettings.popupClass, 'k-list-container', 'k-multiselect-popup'),
262
262
  className: popupSettings.className,
263
263
  animate: popupSettings.animate,
264
264
  anchor: _this.element,
@@ -584,10 +584,10 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
584
584
  _a)), style: !label
585
585
  ? style
586
586
  : __assign(__assign({}, style), { width: undefined }), dir: dir, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleWrapperClick, onMouseDown: preventDefaultNonInputs },
587
- React.createElement("div", { className: classNames('k-input-values k-chip-list k-selection-multiple', (_b = {},
588
- _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
589
- _b)), role: "listbox", id: 'tagslist-' + this.base.guid },
590
- 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 }),
587
+ React.createElement("div", { className: classNames('k-input-values') },
588
+ React.createElement("div", { className: classNames('k-chip-list', (_b = {},
589
+ _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
590
+ _b)), role: "listbox", id: 'tagslist-' + this.base.guid }, 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 })),
591
591
  this.renderSearchbar(id)),
592
592
  loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
593
593
  clearButton && React.createElement(ClearButton, { onClick: this.clearButtonClick }),
package/dist/es/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -409,7 +409,7 @@ export var MultiSelectTree = React.forwardRef(function (directProps, ref) {
409
409
  hasValue && !disabled && React.createElement(ClearButton, { onClick: onClear }),
410
410
  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%' } },
411
411
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
412
- React.createElement(Popup, { popupClass: classNames(popupSettings.popupClass, 'k-list-container'), className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo, ref: popupRef },
412
+ React.createElement(Popup, { popupClass: classNames(popupSettings.popupClass, 'k-list-container', 'k-multiselecttree-popup'), className: classNames(popupSettings.className, { 'k-rtl': dir === 'rtl' }), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo, ref: popupRef },
413
413
  props.filterable && (React.createElement(ListFilter, { value: props.filter === undefined ? filterState : props.filter, inputRef: inputRef, onChange: onFilterChange, onKeyDown: onInputKeyDown, tabIndex: tabIndex, size: size, rounded: rounded, fillMode: fillMode })),
414
414
  data.length > 0 ? (React.createElement(TreeView, { ref: treeViewRef, tabIndex: tabIndex, data: data, focusIdField: dataItemKey, textField: props.textField, checkField: checkField, checkIndeterminateField: checkIndeterminateField, expandField: props.expandField, childrenField: subItemsField, expandIcons: true, onItemClick: onChange, onCheckChange: onChange, onExpandChange: onExpand, checkboxes: true, size: size, item: props.item })) : (React.createElement(NoData, null, localization.toLanguageString(nodata, messages[nodata]))))));
415
415
  return label ? (React.createElement(FloatingLabel, { label: label, editorValue: hasValue, editorPlaceholder: placeholder, editorValid: isValid, editorDisabled: disabled, editorId: id, style: { width: style ? style.width : undefined }, children: multiselecttree, dir: dir })) : multiselecttree;
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: 1673259072,
8
+ publishDate: 1673300612,
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
@@ -386,7 +386,7 @@ var AutoCompleteWithoutContext = /** @class */ (function (_super) {
386
386
  animate: popupSettings.animate,
387
387
  anchor: this.element,
388
388
  show: opened,
389
- popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'),
389
+ popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container', 'k-autocomplete-popup'),
390
390
  className: popupSettings.className,
391
391
  appendTo: popupSettings.appendTo
392
392
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
package/dist/npm/ComboBox/ComboBox.js CHANGED
@@ -524,7 +524,7 @@ var ComboBoxWithoutContext = /** @class */ (function (_super) {
524
524
  animate: popupSettings.animate,
525
525
  anchor: this.element,
526
526
  show: opened,
527
- popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'),
527
+ popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container', 'k-combobox-popup'),
528
528
  className: popupSettings.className,
529
529
  appendTo: popupSettings.appendTo
530
530
  }, dir: dir !== undefined ? dir : this.base.dirCalculated, itemsCount: [data.length] },
package/dist/npm/DropDownList/DropDownList.js CHANGED
@@ -102,7 +102,7 @@ var DropDownListWithoutContext = /** @class */ (function (_super) {
102
102
  dir: dir !== undefined ? dir : base.dirCalculated,
103
103
  width: popupWidth,
104
104
  popupSettings: {
105
- popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'),
105
+ popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container', 'k-dropdownlist-popup'),
106
106
  className: popupSettings.className,
107
107
  animate: popupSettings.animate,
108
108
  anchor: _this.element,
package/dist/npm/DropDownTree/DropDownTree.js CHANGED
@@ -363,7 +363,7 @@ exports.DropDownTree = React.forwardRef(function (directProps, ref) {
363
363
  React.createElement(kendo_react_buttons_1.Button, { tabIndex: -1, type: "button", "aria-label": "select", className: "k-input-button", size: size, fillMode: fillMode, themeColor: "base", rounded: null, icon: "caret-alt-down" }),
364
364
  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%' } },
365
365
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
366
- React.createElement(kendo_react_popup_1.Popup, { className: (0, kendo_react_common_1.classNames)(popupSettings.className, { 'k-rtl': dir === 'rtl' }), popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo },
366
+ React.createElement(kendo_react_popup_1.Popup, { className: (0, kendo_react_common_1.classNames)(popupSettings.className, { 'k-rtl': dir === 'rtl' }), popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container', 'k-dropdowntree-popup'), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo },
367
367
  props.filterable && (React.createElement(ListFilter_1.default, { value: props.filter === undefined ? filter : props.filter, inputRef: inputRef, onChange: onFilterChange, onKeyDown: onInputKeyDown, size: size, rounded: rounded, fillMode: fillMode })),
368
368
  data.length > 0 ? (React.createElement(kendo_react_treeview_1.TreeView, { ref: treeViewRef, tabIndex: tabIndex, data: treeViewData, focusIdField: dataItemKey, textField: props.textField, selectField: selectField, expandField: props.expandField, childrenField: subItemsField, expandIcons: true, onItemClick: onChange, onExpandChange: onExpand, size: size, item: props.item })) : (React.createElement(NoData, null, localization.toLanguageString(messages_1.nodata, messages_1.messages[messages_1.nodata]))))));
369
369
  return label ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorValue: currentValueText, editorPlaceholder: placeholder, editorValid: isValid, editorDisabled: disabled, editorId: id, style: { width: style ? style.width : undefined }, children: dropdowntree, dir: dir })) : dropdowntree;
package/dist/npm/MultiSelect/MultiSelect.js CHANGED
@@ -261,7 +261,7 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
261
261
  dir: dir !== undefined ? dir : base.dirCalculated,
262
262
  width: popupWidth,
263
263
  popupSettings: {
264
- popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'),
264
+ popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container', 'k-multiselect-popup'),
265
265
  className: popupSettings.className,
266
266
  animate: popupSettings.animate,
267
267
  anchor: _this.element,
@@ -587,10 +587,10 @@ var MultiSelectWithoutContext = /** @class */ (function (_super) {
587
587
  _a)), style: !label
588
588
  ? style
589
589
  : __assign(__assign({}, style), { width: undefined }), dir: dir, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleWrapperClick, onMouseDown: utils_1.preventDefaultNonInputs },
590
- React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-input-values k-chip-list k-selection-multiple', (_b = {},
591
- _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
592
- _b)), role: "listbox", id: 'tagslist-' + this.base.guid },
593
- 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 (0, utils_1.matchTags)(t, focusedTag, dataItemKey); }) : undefined, size: size }),
590
+ React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-input-values') },
591
+ React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-chip-list', (_b = {},
592
+ _b["k-chip-list-".concat(sizeMap[size] || size)] = size,
593
+ _b)), role: "listbox", id: 'tagslist-' + this.base.guid }, 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 (0, utils_1.matchTags)(t, focusedTag, dataItemKey); }) : undefined, size: size })),
594
594
  this.renderSearchbar(id)),
595
595
  loading && React.createElement("span", { className: "k-icon k-i-loading k-input-loading-icon" }),
596
596
  clearButton && React.createElement(ClearButton_1.default, { onClick: this.clearButtonClick }),
package/dist/npm/MultiSelectTree/MultiSelectTree.js CHANGED
@@ -412,7 +412,7 @@ exports.MultiSelectTree = React.forwardRef(function (directProps, ref) {
412
412
  hasValue && !disabled && React.createElement(ClearButton_1.default, { onClick: onClear }),
413
413
  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%' } },
414
414
  React.createElement("option", { value: props.valueMap ? props.valueMap.call(undefined, value) : value })),
415
- React.createElement(kendo_react_popup_1.Popup, { popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container'), className: (0, kendo_react_common_1.classNames)(popupSettings.className, { 'k-rtl': dir === 'rtl' }), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo, ref: popupRef },
415
+ React.createElement(kendo_react_popup_1.Popup, { popupClass: (0, kendo_react_common_1.classNames)(popupSettings.popupClass, 'k-list-container', 'k-multiselecttree-popup'), className: (0, kendo_react_common_1.classNames)(popupSettings.className, { 'k-rtl': dir === 'rtl' }), style: popupStyles, animate: popupSettings.animate, anchor: elementRef.current, show: isOpen, onOpen: onPopupOpened, onClose: onPopupClosed, appendTo: popupSettings.appendTo, ref: popupRef },
416
416
  props.filterable && (React.createElement(ListFilter_1.default, { value: props.filter === undefined ? filterState : props.filter, inputRef: inputRef, onChange: onFilterChange, onKeyDown: onInputKeyDown, tabIndex: tabIndex, size: size, rounded: rounded, fillMode: fillMode })),
417
417
  data.length > 0 ? (React.createElement(kendo_react_treeview_1.TreeView, { ref: treeViewRef, tabIndex: tabIndex, data: data, focusIdField: dataItemKey, textField: props.textField, checkField: checkField, checkIndeterminateField: checkIndeterminateField, expandField: props.expandField, childrenField: subItemsField, expandIcons: true, onItemClick: onChange, onCheckChange: onChange, onExpandChange: onExpand, checkboxes: true, size: size, item: props.item })) : (React.createElement(NoData, null, localization.toLanguageString(messages_1.nodata, messages_1.messages[messages_1.nodata]))))));
418
418
  return label ? (React.createElement(kendo_react_labels_1.FloatingLabel, { label: label, editorValue: hasValue, editorPlaceholder: placeholder, editorValid: isValid, editorDisabled: disabled, editorId: id, style: { width: style ? style.width : undefined }, children: multiselecttree, dir: dir })) : multiselecttree;
package/dist/npm/package-metadata.js CHANGED
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-react-dropdowns',
9
9
  productName: 'KendoReact',
10
10
  productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
11
- publishDate: 1673259072,
11
+ publishDate: 1673300612,
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
  };