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

package/dist/es/Scheduler.js

@@ -160,7 +160,7 @@ var SchedulerVue2 = {
         currentDate: currentDate,
         showWorkHours: view.showWorkHours !== undefined ? view.showWorkHours : true,
         timezone: this.$props.timezone,
-        props: this.$props,
+        props: __assign({}, this.$props),
         views: this.views,
         view: view,
         fields: getModelFields(this.$props.modelFields).fields,
@@ -184,6 +184,9 @@ var SchedulerVue2 = {
     timezone: function timezone(newName) {
       this.ks.timezone = newName;
       this.updatePassedState();
+    },
+    dataItems: function dataItems(newDataItems) {
+      this.ks.dataItems = newDataItems;
     }
   },
   // @ts-ignore

package/dist/es/components/SchedulerActionButtons.d.ts

@@ -0,0 +1,42 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * Represents the properties of [SchedulerActionButtons]({% slug api_scheduler_dateheadercell %}) component.
+ */
+export interface SchedulerActionButtonsProps {
+    editSaveMessage: string;
+    editCancelMessage: string;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerActionButtonsAll extends Vue2type, SchedulerActionButtonsMethods, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsState {
+}
+declare let SchedulerActionButtonsVue2: ComponentOptions<SchedulerActionButtonsAll, DefaultData<SchedulerActionButtonsData>, DefaultMethods<SchedulerActionButtonsAll>, SchedulerActionButtonsComputed, RecordPropsDefinition<SchedulerActionButtonsProps>>;
+declare const SchedulerActionButtons: DefineComponent<SchedulerActionButtonsProps, any, SchedulerActionButtonsData, SchedulerActionButtonsComputed, SchedulerActionButtonsMethods, {}, {}, {}, string, SchedulerActionButtonsProps, SchedulerActionButtonsProps, {}>;
+export { SchedulerActionButtons, SchedulerActionButtonsVue2 };

package/dist/es/components/SchedulerActionButtons.js

@@ -0,0 +1,89 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { Button } from '@progress/kendo-vue-buttons';
+import { DialogActionsBar } from '@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(DialogActionsBar, this.v3 ? function () {
+        return [// @ts-ignore  function children
+        h(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(Button, {
+          onClick: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "click": _this.handleCancel
+          }
+        }, _this.v3 ? function () {
+          return [_this.editCancelMessage];
+        } : [_this.editCancelMessage])];
+      } : [h(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(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);
+    }
+  }
+};
+var SchedulerActionButtons = SchedulerActionButtonsVue2;
+export { SchedulerActionButtons, SchedulerActionButtonsVue2 };

package/dist/es/components/SchedulerForm.js

@@ -19,11 +19,12 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var inject = allVue.inject;
-import { Button } from '@progress/kendo-vue-buttons';
+import { SchedulerActionButtons } from './SchedulerActionButtons';
 import { Form } from '@progress/kendo-vue-form';
-import { Dialog as KendoDialog, DialogActionsBar } from '@progress/kendo-vue-dialogs';
+import { Dialog as KendoDialog } from '@progress/kendo-vue-dialogs';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
-import { SchedulerFormEditor } from '../editors/SchedulerFormEditor';
+import { SchedulerFormEditor } from '../editors/SchedulerFormEditor'; // import { useSchedulerFieldsContext } from '../context';
+
 import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages'; // tslint:enable:max-line-length
 
 var SchedulerFormVue2 = {
@@ -32,9 +33,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
     }
@@ -71,8 +81,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 : {
@@ -99,36 +111,35 @@ var SchedulerFormVue2 = {
             attrs: _this.v3 ? undefined : {
               as: Editor
             }
+          }), 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(SchedulerFormEditor, {
           as: Editor,
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
-        })]), // @ts-ignore  function children
-        h(DialogActionsBar, _this.v3 ? function () {
-          return [// @ts-ignore  function children
-          h(Button, _this.v3 ? function () {
-            return [editSaveMessage];
-          } : [editSaveMessage]), // @ts-ignore  function children
-          h(Button, {
-            onClick: _this.handleCancel,
-            on: _this.v3 ? undefined : {
-              "click": _this.handleCancel
-            }
-          }, _this.v3 ? function () {
-            return [editCancelMessage];
-          } : [editCancelMessage])];
-        } : [h(Button, _this.v3 ? function () {
-          return [editSaveMessage];
-        } : [editSaveMessage]), h(Button, {
-          onClick: _this.handleCancel,
+        }), h(SchedulerActionButtons, {
+          editSaveMessage: editSaveMessage,
+          attrs: _this.v3 ? undefined : {
+            editSaveMessage: editSaveMessage,
+            editCancelMessage: editCancelMessage
+          },
+          editCancelMessage: editCancelMessage,
+          onCancel: _this.handleCancel,
           on: _this.v3 ? undefined : {
-            "click": _this.handleCancel
+            "cancel": _this.handleCancel
           }
-        }, _this.v3 ? function () {
-          return [editCancelMessage];
-        } : [editCancelMessage])])];
+        })])];
       } : [h(Form, {
         initialValues: _this.$props.dataItem,
         attrs: _this.v3 ? undefined : {
@@ -146,33 +157,35 @@ var SchedulerFormVue2 = {
           attrs: _this.v3 ? undefined : {
             as: Editor
           }
+        }), 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(SchedulerFormEditor, {
         as: Editor,
         attrs: _this.v3 ? undefined : {
           as: Editor
         }
-      })]), h(DialogActionsBar, _this.v3 ? function () {
-        return [h(Button, _this.v3 ? function () {
-          return [editSaveMessage];
-        } : [editSaveMessage]), h(Button, {
-          onClick: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "click": _this.handleCancel
-          }
-        }, _this.v3 ? function () {
-          return [editCancelMessage];
-        } : [editCancelMessage])];
-      } : [h(Button, _this.v3 ? function () {
-        return [editSaveMessage];
-      } : [editSaveMessage]), h(Button, {
-        onClick: _this.handleCancel,
+      }), h(SchedulerActionButtons, {
+        editSaveMessage: editSaveMessage,
+        attrs: _this.v3 ? undefined : {
+          editSaveMessage: editSaveMessage,
+          editCancelMessage: editCancelMessage
+        },
+        editCancelMessage: editCancelMessage,
+        onCancel: _this.handleCancel,
         on: _this.v3 ? undefined : {
-          "click": _this.handleCancel
+          "cancel": _this.handleCancel
         }
-      }, _this.v3 ? function () {
-        return [editCancelMessage];
-      } : [editCancelMessage])])])
+      })])])
     );
   },
   methods: {
@@ -199,20 +212,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/es/components/header/view-selector/ViewSelectorItem.js

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

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

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