@progress/kendo-vue-scheduler 3.1.5 → 3.2.0-dev.202204130351

package/dist/es/components/SchedulerActionButtons.js

@@ -29,7 +29,13 @@ var SchedulerActionButtonsVue2 = {
 
     var h = gh || createElement;
     return (// @ts-ignore  function children
-      h(DialogActionsBar, this.v3 ? function () {
+      h(DialogActionsBar, {
+        buttonGroupClass: false,
+        attrs: this.v3 ? undefined : {
+          buttonGroupClass: false
+        },
+        "class": 'k-form-buttons'
+      }, this.v3 ? function () {
         return [// @ts-ignore  function children
         h(Button, {
           type: "submit",

package/dist/es/components/SchedulerForm.js

@@ -111,13 +111,27 @@ var SchedulerFormVue2 = {
           },
           validator: _this.formValidator
         }, _this.v3 ? function () {
-          return [h(SchedulerFormEditor //   {...this.renderProps}
+          return [// @ts-ignore  function children
+          h(SchedulerFormEditor //   {...this.renderProps}
           , {
             as: Editor,
             attrs: _this.v3 ? undefined : {
               as: Editor
             }
-          }), h(SchedulerActionButtons, {
+          }, _this.v3 ? function () {
+            return [h(SchedulerActionButtons, {
+              editSaveMessage: editSaveMessage,
+              attrs: _this.v3 ? undefined : {
+                editSaveMessage: editSaveMessage,
+                editCancelMessage: editCancelMessage
+              },
+              editCancelMessage: editCancelMessage,
+              onCancel: _this.handleCancel,
+              on: _this.v3 ? undefined : {
+                "cancel": _this.handleCancel
+              }
+            })];
+          } : [h(SchedulerActionButtons, {
             editSaveMessage: editSaveMessage,
             attrs: _this.v3 ? undefined : {
               editSaveMessage: editSaveMessage,
@@ -128,13 +142,26 @@ var SchedulerFormVue2 = {
             on: _this.v3 ? undefined : {
               "cancel": _this.handleCancel
             }
-          })];
+          })])];
         } : [h(SchedulerFormEditor, {
           as: Editor,
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        }), h(SchedulerActionButtons, {
+        }, _this.v3 ? function () {
+          return [h(SchedulerActionButtons, {
+            editSaveMessage: editSaveMessage,
+            attrs: _this.v3 ? undefined : {
+              editSaveMessage: editSaveMessage,
+              editCancelMessage: editCancelMessage
+            },
+            editCancelMessage: editCancelMessage,
+            onCancel: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "cancel": _this.handleCancel
+            }
+          })];
+        } : [h(SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
           attrs: _this.v3 ? undefined : {
             editSaveMessage: editSaveMessage,
@@ -145,7 +172,7 @@ var SchedulerFormVue2 = {
           on: _this.v3 ? undefined : {
             "cancel": _this.handleCancel
           }
-        })])];
+        })])])];
       } : [h(Form, {
         initialValues: _this.$props.dataItem,
         attrs: _this.v3 ? undefined : {
@@ -163,7 +190,20 @@ var SchedulerFormVue2 = {
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        }), h(SchedulerActionButtons, {
+        }, _this.v3 ? function () {
+          return [h(SchedulerActionButtons, {
+            editSaveMessage: editSaveMessage,
+            attrs: _this.v3 ? undefined : {
+              editSaveMessage: editSaveMessage,
+              editCancelMessage: editCancelMessage
+            },
+            editCancelMessage: editCancelMessage,
+            onCancel: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "cancel": _this.handleCancel
+            }
+          })];
+        } : [h(SchedulerActionButtons, {
           editSaveMessage: editSaveMessage,
           attrs: _this.v3 ? undefined : {
             editSaveMessage: editSaveMessage,
@@ -174,13 +214,26 @@ var SchedulerFormVue2 = {
           on: _this.v3 ? undefined : {
             "cancel": _this.handleCancel
           }
-        })];
+        })])];
       } : [h(SchedulerFormEditor, {
         as: Editor,
         attrs: _this.v3 ? undefined : {
           as: Editor
         }
-      }), h(SchedulerActionButtons, {
+      }, _this.v3 ? function () {
+        return [h(SchedulerActionButtons, {
+          editSaveMessage: editSaveMessage,
+          attrs: _this.v3 ? undefined : {
+            editSaveMessage: editSaveMessage,
+            editCancelMessage: editCancelMessage
+          },
+          editCancelMessage: editCancelMessage,
+          onCancel: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "cancel": _this.handleCancel
+          }
+        })];
+      } : [h(SchedulerActionButtons, {
         editSaveMessage: editSaveMessage,
         attrs: _this.v3 ? undefined : {
           editSaveMessage: editSaveMessage,
@@ -191,7 +244,7 @@ var SchedulerFormVue2 = {
         on: _this.v3 ? undefined : {
           "cancel": _this.handleCancel
         }
-      })])])
+      })])])])
     );
   },
   methods: {

package/dist/es/editors/ResourceEditor.js

@@ -1,9 +1,26 @@
-// @ts-ignore
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+}; // @ts-ignore
+
+
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
-import { DropDownList, MultiSelect } from '@progress/kendo-vue-dropdowns'; // tslint:enable:max-line-length
+import { DropDownList, MultiSelect } from '@progress/kendo-vue-dropdowns';
+import { isPresent } from '../utils'; // tslint:enable:max-line-length
 
 var ResourceEditorVue2 = {
   name: 'KendoResourceEditor',
@@ -37,57 +54,11 @@ var ResourceEditorVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // const itemRenderer = React.useCallback(
-    //     (element, itemProps) => {
-    //         const children = (
-    //           <>
-    //             {
-    //                 props.colorField && (
-    //                 <span
-    //                   key={1}
-    //                   class={'k-scheduler-mark'}
-    //                   style={{
-    //                                 backgroundColor: itemProps.dataItem[props.colorField],
-    //                                 marginRight: isPresent(itemProps.dataItem[props.valueField!]) ? '8px' : '4px'
-    //                             }}
-    //                         >
-    //                   &nbsp;
-    //                 </span>
-    //                 )
-    //             }
-    //             <span key={2}>&nbsp; {element.props.children}</span>
-    //           </>
-    //         );
-    //         return React.cloneElement(element, { ...element.props }, children);
-    //     },
-    //     [props.colorField, props.valueField]
-    // );
-    // const valueRenderer = React.useCallback(
-    //     (element, currentValue) => {
-    //         const children = (
-    //           <>
-    //             {
-    //                 props.colorField && currentValue && (
-    //                 <span
-    //                   key={1}
-    //                   class={'k-scheduler-mark'}
-    //                   style={{
-    //                                 backgroundColor: currentValue[props.colorField],
-    //                                 marginRight: currentValue[props.valueField] ? '8px' : '4px'
-    //                             }}
-    //                         >
-    //                   &nbsp;
-    //                 </span>
-    //                 )
-    //             }
-    //             {element.props.children}
-    //           </>
-    //         );
-    //         return React.cloneElement(element, {}, children);
-    //     },
-    //     [props.colorField, props.valueField]
-    // );
-
+    var h = gh || createElement;
+    var _a = this.$props,
+        colorField = _a.colorField,
+        textField = _a.textField,
+        valueField = _a.valueField;
     var value = Array.isArray(this.$props.value) ? this.$props.dataItems.filter(function (item) {
       return _this.$props.value.some(function (val) {
         return item[_this.$props.valueField] === val;
@@ -96,6 +67,39 @@ var ResourceEditorVue2 = {
       return item[_this.$props.valueField] === _this.$props.value;
     });
     var DropDownEditor = this.$props.multiple ? MultiSelect : DropDownList;
+
+    var valueRender = function valueRender(_h, _tdElement, props) {
+      return h("span", {
+        "class": "k-input-inner"
+      }, [colorField && props.value && h("span", {
+        key: 1,
+        "class": 'k-scheduler-mark',
+        style: {
+          backgroundColor: props.value[colorField],
+          marginRight: props.value[valueField] ? '8px' : '4px'
+        }
+      }, ["\xA0"]), props.value[textField]]);
+    };
+
+    var itemRender = function itemRender(_h, _tdElement, props, listeners) {
+      return h("li", {
+        "class": __assign({
+          'k-item': true
+        }, props.itemClass),
+        onClick: listeners.onClick,
+        on: this.v3 ? undefined : {
+          "click": listeners.onClick
+        }
+      }, [colorField && h("span", {
+        key: 1,
+        "class": 'k-scheduler-mark',
+        style: {
+          backgroundColor: props.dataItem[colorField],
+          marginRight: isPresent(props.dataItem[valueField]) ? '8px' : '4px'
+        }
+      }, ["\xA0"]), props.dataItem[textField]]);
+    };
+
     return h(DropDownEditor, {
       value: value,
       attrs: this.v3 ? undefined : {
@@ -104,7 +108,9 @@ var ResourceEditorVue2 = {
         textField: this.$props.textField,
         dataItemKey: this.$props.valueField,
         valid: this.$props.valid,
-        validationMessage: this.$props.validationMessage
+        validationMessage: this.$props.validationMessage,
+        itemRender: itemRender,
+        valueRender: valueRender
       },
       onChange: this.handleChange,
       on: this.v3 ? undefined : {
@@ -114,7 +120,9 @@ var ResourceEditorVue2 = {
       textField: this.$props.textField,
       dataItemKey: this.$props.valueField,
       valid: this.$props.valid,
-      validationMessage: this.$props.validationMessage
+      validationMessage: this.$props.validationMessage,
+      itemRender: itemRender,
+      valueRender: valueRender
     });
   },
   methods: {