@progress/kendo-vue-scheduler 3.1.4 → 3.2.0-dev.202204120815

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

@@ -29,6 +29,12 @@ import { messages, editorValidationRequired, editorValidationStart, editorValida
 
 var SchedulerFormVue2 = {
   name: 'KendoSchedulerForm',
+  // @ts-ignore
+  emits: {
+    cancel: null,
+    close: null,
+    submit: null
+  },
   props: {
     dataItem: Object,
     renderForm: Object,
@@ -105,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,
@@ -122,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,
@@ -139,7 +172,7 @@ var SchedulerFormVue2 = {
           on: _this.v3 ? undefined : {
             "cancel": _this.handleCancel
           }
-        })])];
+        })])])];
       } : [h(Form, {
         initialValues: _this.$props.dataItem,
         attrs: _this.v3 ? undefined : {
@@ -157,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,
@@ -168,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,
@@ -185,7 +244,7 @@ var SchedulerFormVue2 = {
         on: _this.v3 ? undefined : {
           "cancel": _this.handleCancel
         }
-      })])])
+      })])])])
     );
   },
   methods: {

package/dist/es/components/SchedulerOccurrenceDialog.js

@@ -56,35 +56,80 @@ var SchedulerOccurrenceDialogVue2 = {
       h(Dialog, {
         title: titleMessage,
         attrs: this.v3 ? undefined : {
-          title: titleMessage
+          title: titleMessage,
+          appendTo: 'body'
         },
+        appendTo: 'body',
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose
         }
       }, this.v3 ? function () {
-        return [confirmationMessage, h(DialogActionsBar, [h(Button, {
+        return [confirmationMessage, // @ts-ignore  function children
+        h(DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleOccurrenceClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleOccurrenceClick
+            }
+          }, _this.v3 ? function () {
+            return [occurrenceMessage];
+          } : [occurrenceMessage]), // @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleSeriesClick,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleSeriesClick
+            }
+          }, _this.v3 ? function () {
+            return [seriesMessage];
+          } : [seriesMessage])];
+        } : [h(Button, {
           onClick: _this.handleOccurrenceClick,
           on: _this.v3 ? undefined : {
             "click": _this.handleOccurrenceClick
           }
-        }, [occurrenceMessage]), h(Button, {
+        }, _this.v3 ? function () {
+          return [occurrenceMessage];
+        } : [occurrenceMessage]), h(Button, {
           onClick: _this.handleSeriesClick,
           on: _this.v3 ? undefined : {
             "click": _this.handleSeriesClick
           }
-        }, [seriesMessage])])];
-      } : [confirmationMessage, h(DialogActionsBar, [h(Button, {
+        }, _this.v3 ? function () {
+          return [seriesMessage];
+        } : [seriesMessage])])];
+      } : [confirmationMessage, h(DialogActionsBar, _this.v3 ? function () {
+        return [h(Button, {
+          onClick: _this.handleOccurrenceClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleOccurrenceClick
+          }
+        }, _this.v3 ? function () {
+          return [occurrenceMessage];
+        } : [occurrenceMessage]), h(Button, {
+          onClick: _this.handleSeriesClick,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleSeriesClick
+          }
+        }, _this.v3 ? function () {
+          return [seriesMessage];
+        } : [seriesMessage])];
+      } : [h(Button, {
         onClick: _this.handleOccurrenceClick,
         on: _this.v3 ? undefined : {
           "click": _this.handleOccurrenceClick
         }
-      }, [occurrenceMessage]), h(Button, {
+      }, _this.v3 ? function () {
+        return [occurrenceMessage];
+      } : [occurrenceMessage]), h(Button, {
         onClick: _this.handleSeriesClick,
         on: _this.v3 ? undefined : {
           "click": _this.handleSeriesClick
         }
-      }, [seriesMessage])])])
+      }, _this.v3 ? function () {
+        return [seriesMessage];
+      } : [seriesMessage])])])
     );
   },
   methods: {

package/dist/es/components/SchedulerRemoveDialog.js

@@ -41,35 +41,80 @@ var SchedulerRemoveDialogVue2 = {
       h(Dialog, {
         title: deleteDialogTitleMessage,
         attrs: this.v3 ? undefined : {
-          title: deleteDialogTitleMessage
+          title: deleteDialogTitleMessage,
+          appendTo: 'body'
         },
+        appendTo: 'body',
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose
         }
       }, this.v3 ? function () {
-        return [removeMessage, h(DialogActionsBar, [h(Button, {
+        return [removeMessage, // @ts-ignore  function children
+        h(DialogActionsBar, _this.v3 ? function () {
+          return [// @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleCancel
+            }
+          }, _this.v3 ? function () {
+            return [removeCancelMessage];
+          } : [removeCancelMessage]), // @ts-ignore  function children
+          h(Button, {
+            onClick: _this.handleConfirm,
+            on: _this.v3 ? undefined : {
+              "click": _this.handleConfirm
+            }
+          }, _this.v3 ? function () {
+            return [removeConfirmMessage];
+          } : [removeConfirmMessage])];
+        } : [h(Button, {
           onClick: _this.handleCancel,
           on: _this.v3 ? undefined : {
             "click": _this.handleCancel
           }
-        }, [removeCancelMessage]), h(Button, {
+        }, _this.v3 ? function () {
+          return [removeCancelMessage];
+        } : [removeCancelMessage]), h(Button, {
           onClick: _this.handleConfirm,
           on: _this.v3 ? undefined : {
             "click": _this.handleConfirm
           }
-        }, [removeConfirmMessage])])];
-      } : [removeMessage, h(DialogActionsBar, [h(Button, {
+        }, _this.v3 ? function () {
+          return [removeConfirmMessage];
+        } : [removeConfirmMessage])])];
+      } : [removeMessage, h(DialogActionsBar, _this.v3 ? function () {
+        return [h(Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [removeCancelMessage];
+        } : [removeCancelMessage]), h(Button, {
+          onClick: _this.handleConfirm,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleConfirm
+          }
+        }, _this.v3 ? function () {
+          return [removeConfirmMessage];
+        } : [removeConfirmMessage])];
+      } : [h(Button, {
         onClick: _this.handleCancel,
         on: _this.v3 ? undefined : {
           "click": _this.handleCancel
         }
-      }, [removeCancelMessage]), h(Button, {
+      }, _this.v3 ? function () {
+        return [removeCancelMessage];
+      } : [removeCancelMessage]), h(Button, {
         onClick: _this.handleConfirm,
         on: _this.v3 ? undefined : {
           "click": _this.handleConfirm
         }
-      }, [removeConfirmMessage])])])
+      }, _this.v3 ? function () {
+        return [removeConfirmMessage];
+      } : [removeConfirmMessage])])])
     );
   },
   methods: {

package/dist/es/editors/ResourceEditor.js

@@ -3,10 +3,14 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
-import { DropDownList } from '@progress/kendo-vue-dropdowns'; // tslint:enable:max-line-length
+import { DropDownList, MultiSelect } from '@progress/kendo-vue-dropdowns'; // tslint:enable:max-line-length
 
 var ResourceEditorVue2 = {
   name: 'KendoResourceEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     resource: Object,
     dataItems: Array,
@@ -33,10 +37,7 @@ var ResourceEditorVue2 = {
   render: function render(createElement) {
     var _this = this;
 
-    var h = gh || createElement; // const Component = this.$props.multiple
-    //     ? MultiSelect
-    //     : DropDownList;
-    // const itemRenderer = React.useCallback(
+    var h = gh || createElement; // const itemRenderer = React.useCallback(
     //     (element, itemProps) => {
     //         const children = (
     //           <>
@@ -94,11 +95,12 @@ var ResourceEditorVue2 = {
     }) : this.$props.dataItems.find(function (item) {
       return item[_this.$props.valueField] === _this.$props.value;
     });
-    return h(DropDownList, {
+    var DropDownEditor = this.$props.multiple ? MultiSelect : DropDownList;
+    return h(DropDownEditor, {
       value: value,
       attrs: this.v3 ? undefined : {
         value: value,
-        data: this.$props.dataItems,
+        dataItems: this.$props.dataItems,
         textField: this.$props.textField,
         dataItemKey: this.$props.valueField,
         valid: this.$props.valid,
@@ -108,7 +110,7 @@ var ResourceEditorVue2 = {
       on: this.v3 ? undefined : {
         "change": this.handleChange
       },
-      data: this.$props.dataItems,
+      dataItems: this.$props.dataItems,
       textField: this.$props.textField,
       dataItemKey: this.$props.valueField,
       valid: this.$props.valid,
@@ -117,10 +119,10 @@ var ResourceEditorVue2 = {
   },
   methods: {
     handleChange: function handleChange(event) {
-      var valueField = event.target.props.dataItemKey;
-      var newValue = this.$props.multiple ? (event.target.value || []).map(function (item) {
+      var valueField = event.component.$props.dataItemKey;
+      var newValue = this.$props.multiple ? (event.value || []).map(function (item) {
         return item[valueField];
-      }) : event.target.value[valueField];
+      }) : event.value[valueField];
       this.$emit('change', {
         value: newValue
       });