@progress/kendo-vue-scheduler 3.1.1 → 3.1.3-dev.202203311441

package/dist/npm/components/SchedulerActionButtons.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerActionButtonsVue2 = exports.SchedulerActionButtons = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs"); // tslint:enable:max-line-length
+
+
+var SchedulerActionButtonsVue2 = {
+  name: 'KendoSchedulerActionButtons',
+  props: {
+    editSaveMessage: String,
+    editCancelMessage: String
+  },
+  inject: {
+    kendoForm: {
+      default: {}
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement;
+    return (// @ts-ignore  function children
+      h(kendo_vue_dialogs_1.DialogActionsBar, this.v3 ? function () {
+        return [// @ts-ignore  function children
+        h(kendo_vue_buttons_1.Button, {
+          type: "submit",
+          attrs: _this.v3 ? undefined : {
+            type: "submit",
+            disabled: !_this.kendoForm.allowSubmit
+          },
+          disabled: !_this.kendoForm.allowSubmit,
+          onClick: _this.onSubmit,
+          on: _this.v3 ? undefined : {
+            "click": _this.onSubmit
+          }
+        }, _this.v3 ? function () {
+          return [_this.editSaveMessage];
+        } : [_this.editSaveMessage]), // @ts-ignore  function children
+        h(kendo_vue_buttons_1.Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [_this.editCancelMessage];
+        } : [_this.editCancelMessage])];
+      } : [h(kendo_vue_buttons_1.Button, {
+        type: "submit",
+        attrs: _this.v3 ? undefined : {
+          type: "submit",
+          disabled: !_this.kendoForm.allowSubmit
+        },
+        disabled: !_this.kendoForm.allowSubmit,
+        onClick: _this.onSubmit,
+        on: _this.v3 ? undefined : {
+          "click": _this.onSubmit
+        }
+      }, _this.v3 ? function () {
+        return [_this.editSaveMessage];
+      } : [_this.editSaveMessage]), h(kendo_vue_buttons_1.Button, {
+        onClick: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "click": _this.handleCancel
+        }
+      }, _this.v3 ? function () {
+        return [_this.editCancelMessage];
+      } : [_this.editCancelMessage])])
+    );
+  },
+  methods: {
+    onSubmit: function onSubmit(e) {
+      this.kendoForm.onSubmit(e);
+    },
+    handleCancel: function handleCancel(e) {
+      this.$emit('cancel', e);
+    }
+  }
+};
+exports.SchedulerActionButtonsVue2 = SchedulerActionButtonsVue2;
+var SchedulerActionButtons = SchedulerActionButtonsVue2;
+exports.SchedulerActionButtons = SchedulerActionButtons;

package/dist/npm/components/SchedulerForm.js

@@ -27,7 +27,7 @@ var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
 
-var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+var SchedulerActionButtons_1 = require("./SchedulerActionButtons");
 
 var kendo_vue_form_1 = require("@progress/kendo-vue-form");
 
@@ -35,7 +35,8 @@ var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
 
 var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
-var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor");
+var SchedulerFormEditor_1 = require("../editors/SchedulerFormEditor"); // import { useSchedulerFieldsContext } from '../context';
+
 
 var messages_1 = require("../messages"); // tslint:enable:max-line-length
 
@@ -46,9 +47,18 @@ var SchedulerFormVue2 = {
     dataItem: Object,
     renderForm: Object,
     editor: [String, Function, Object],
-    dialog: [String, Function, Object]
+    dialog: [String, Function, Object],
+    validator: {
+      type: Function,
+      default: function _default() {
+        return {};
+      }
+    }
   },
   inject: {
+    ks: {
+      default: null
+    },
     kendoLocalizationService: {
       default: null
     }
@@ -85,8 +95,10 @@ var SchedulerFormVue2 = {
         title: editorTitleMessage,
         attrs: this.v3 ? undefined : {
           title: editorTitleMessage,
+          appendTo: 'body',
           minWidth: 600
         },
+        appendTo: 'body',
         minWidth: 600,
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
@@ -113,54 +125,35 @@ var SchedulerFormVue2 = {
             attrs: _this.v3 ? undefined : {
               as: Editor
             }
+          }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+            editSaveMessage: editSaveMessage,
+            attrs: _this.v3 ? undefined : {
+              editSaveMessage: editSaveMessage,
+              editCancelMessage: editCancelMessage
+            },
+            editCancelMessage: editCancelMessage,
+            onCancel: _this.handleCancel,
+            on: _this.v3 ? undefined : {
+              "cancel": _this.handleCancel
+            }
           })];
         } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
           as: Editor,
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        })]), // @ts-ignore  function children
-        h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
-          return [// @ts-ignore  function children
-          h(kendo_vue_buttons_1.Button, {
-            disabled: !_this.renderProps.allowSubmit,
-            attrs: _this.v3 ? undefined : {
-              disabled: !_this.renderProps.allowSubmit
-            },
-            onClick: _this.renderProps.onSubmit,
-            on: _this.v3 ? undefined : {
-              "click": _this.renderProps.onSubmit
-            }
-          }, _this.v3 ? function () {
-            return [editSaveMessage];
-          } : [editSaveMessage]), // @ts-ignore  function children
-          h(kendo_vue_buttons_1.Button, {
-            onClick: _this.handleCancel,
-            on: _this.v3 ? undefined : {
-              "click": _this.handleCancel
-            }
-          }, _this.v3 ? function () {
-            return [editCancelMessage];
-          } : [editCancelMessage])];
-        } : [h(kendo_vue_buttons_1.Button, {
-          disabled: !_this.renderProps.allowSubmit,
+        }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+          editSaveMessage: editSaveMessage,
           attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
+            editSaveMessage: editSaveMessage,
+            editCancelMessage: editCancelMessage
           },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
-          return [editSaveMessage];
-        } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
-          onClick: _this.handleCancel,
+          editCancelMessage: editCancelMessage,
+          onCancel: _this.handleCancel,
           on: _this.v3 ? undefined : {
-            "click": _this.handleCancel
+            "cancel": _this.handleCancel
           }
-        }, _this.v3 ? function () {
-          return [editCancelMessage];
-        } : [editCancelMessage])])];
+        })])];
       } : [h(kendo_vue_form_1.Form, {
         initialValues: _this.$props.dataItem,
         attrs: _this.v3 ? undefined : {
@@ -178,51 +171,35 @@ var SchedulerFormVue2 = {
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
+        }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+          editSaveMessage: editSaveMessage,
+          attrs: _this.v3 ? undefined : {
+            editSaveMessage: editSaveMessage,
+            editCancelMessage: editCancelMessage
+          },
+          editCancelMessage: editCancelMessage,
+          onCancel: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "cancel": _this.handleCancel
+          }
         })];
       } : [h(SchedulerFormEditor_1.SchedulerFormEditor, {
         as: Editor,
         attrs: _this.v3 ? undefined : {
           as: Editor
         }
-      })]), h(kendo_vue_dialogs_1.DialogActionsBar, _this.v3 ? function () {
-        return [h(kendo_vue_buttons_1.Button, {
-          disabled: !_this.renderProps.allowSubmit,
-          attrs: _this.v3 ? undefined : {
-            disabled: !_this.renderProps.allowSubmit
-          },
-          onClick: _this.renderProps.onSubmit,
-          on: _this.v3 ? undefined : {
-            "click": _this.renderProps.onSubmit
-          }
-        }, _this.v3 ? function () {
-          return [editSaveMessage];
-        } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
-          onClick: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "click": _this.handleCancel
-          }
-        }, _this.v3 ? function () {
-          return [editCancelMessage];
-        } : [editCancelMessage])];
-      } : [h(kendo_vue_buttons_1.Button, {
-        disabled: !_this.renderProps.allowSubmit,
+      }), h(SchedulerActionButtons_1.SchedulerActionButtons, {
+        editSaveMessage: editSaveMessage,
         attrs: _this.v3 ? undefined : {
-          disabled: !_this.renderProps.allowSubmit
+          editSaveMessage: editSaveMessage,
+          editCancelMessage: editCancelMessage
         },
-        onClick: _this.renderProps.onSubmit,
+        editCancelMessage: editCancelMessage,
+        onCancel: _this.handleCancel,
         on: _this.v3 ? undefined : {
-          "click": _this.renderProps.onSubmit
+          "cancel": _this.handleCancel
         }
-      }, _this.v3 ? function () {
-        return [editSaveMessage];
-      } : [editSaveMessage]), h(kendo_vue_buttons_1.Button, {
-        onClick: _this.handleCancel,
-        on: _this.v3 ? undefined : {
-          "click": _this.handleCancel
-        }
-      }, _this.v3 ? function () {
-        return [editCancelMessage];
-      } : [editCancelMessage])])])
+      })])])
     );
   },
   methods: {
@@ -249,20 +226,20 @@ var SchedulerFormVue2 = {
       });
     },
     startAfterEndValidator: function startAfterEndValidator(value, formValueGetter) {
-      return Boolean(value && formValueGetter(this.fields.end) && value.getTime() > formValueGetter(this.fields.end).getTime()) ? this.startValidationMessage : undefined;
+      return Boolean(value && formValueGetter(this.ks.fields.end) && value.getTime() > formValueGetter(this.ks.fields.end).getTime()) ? this.startValidationMessage : undefined;
     },
     endAfterStartValidator: function endAfterStartValidator(value, formValueGetter) {
-      return Boolean(value && formValueGetter(this.fields.start) && value.getTime() < formValueGetter(this.fields.start).getTime()) ? this.endValidationMessage : undefined;
+      return Boolean(value && formValueGetter(this.ks.fields.start) && value.getTime() < formValueGetter(this.ks.fields.start).getTime()) ? this.endValidationMessage : undefined;
     },
     requiredValidator: function requiredValidator(value) {
       return value ? undefined : this.requiredValidationMessage;
     },
     formValidator: function formValidator(_dataItem, formValueGetter) {
       var result = {};
-      result[this.fields.start] = [this.requiredValidator(formValueGetter(this.fields.start)), this.startAfterEndValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+      result[this.ks.fields.start] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.startAfterEndValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
         return current || acc;
       }, '');
-      result[this.fields.end] = [this.requiredValidator(formValueGetter(this.fields.start)), this.endAfterStartValidator(formValueGetter(this.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
+      result[this.ks.fields.end] = [this.requiredValidator(formValueGetter(this.ks.fields.start)), this.endAfterStartValidator(formValueGetter(this.ks.fields.start), formValueGetter)].filter(Boolean).reduce(function (current, acc) {
         return current || acc;
       }, '');
       var additionalValidator = this.$props.validator(_dataItem, formValueGetter);

package/dist/npm/components/header/view-selector/ViewSelectorItem.js

@@ -45,7 +45,7 @@ var ViewSelectorItemVue2 = {
     var h = gh || createElement;
     var localization = kendo_vue_intl_1.provideLocalizationService(this);
     var nameTitle = 'scheduler.' + this.$props.view.name + 'ViewTitle';
-    var name = localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
+    var name = localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || this.$props.view.name;
     var title = this.$props.view.title || name;
     return (// @ts-ignore function children
       h(kendo_vue_buttons_1.Button, {

package/dist/npm/components/header/view-selector/ViewSelectorList.js

@@ -91,7 +91,7 @@ var ViewSelectorListVue2 = {
       return v.name === _this.ks.activeViewName;
     });
     var activeNameTitle = 'scheduler.' + activeView.name + 'ViewTitle';
-    var activeName = this.localization.toLanguageString(activeNameTitle, messages_1.messages[activeNameTitle]);
+    var activeName = this.localization.toLanguageString(activeNameTitle, messages_1.messages[activeNameTitle]) || activeView.name;
     return h("div", {
       "class": "k-scheduler-views-wrapper"
     }, [activeView && this.media === 'mobile' && // @ts-ignore  function children
@@ -111,7 +111,7 @@ var ViewSelectorListVue2 = {
         textField: "title",
         items: views.map(function (v) {
           var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
-          var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
+          var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || v.name;
           return __assign(__assign({}, v.props), {
             selected: v.name === this.ks.activeViewName,
             name: v.name,
@@ -123,7 +123,7 @@ var ViewSelectorListVue2 = {
       textField: "title",
       items: views.map(function (v) {
         var nameTitle = 'scheduler.' + v.name + 'ViewTitle';
-        var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]);
+        var name = this.localization.toLanguageString(nameTitle, messages_1.messages[nameTitle]) || v.name;
         return __assign(__assign({}, v.props), {
           selected: v.name === this.ks.activeViewName,
           name: v.name,