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

package/dist/es/items/hooks/use-show-occurrence-dialog.js

@@ -18,7 +18,7 @@ export var SHOW_OCCURRENCE_DIALOG_ACTION;
   SHOW_OCCURRENCE_DIALOG_ACTION["toggle"] = "SHOW_OCCURRENCE_DIALOG_TOGGLE";
 })(SHOW_OCCURRENCE_DIALOG_ACTION || (SHOW_OCCURRENCE_DIALOG_ACTION = {}));
 
-var showOccurrenceDialogReducer = function showOccurrenceDialogReducer(state, action) {
+export var showOccurrenceDialogReducer = function showOccurrenceDialogReducer(state, action) {
   switch (action.type) {
     case SHOW_OCCURRENCE_DIALOG_ACTION.reset:
       return false;
@@ -41,7 +41,6 @@ var showOccurrenceDialogReducer = function showOccurrenceDialogReducer(state, ac
 };
 /** @hidden */
 
-
 export var useShowOccurrenceDialog = function useShowOccurrenceDialog(_defaultProp, _prop, _callback) {
   // const [showOccurrenceDialog, setShowOccurrenceDialog] = 
   // useControlledState<DataItem | null>(defaultProp, prop, callback);

package/dist/es/items/hooks/use-show-remove-item-dialog.d.ts

@@ -23,5 +23,6 @@ export declare type SchedulerItemShowRemoveDialogAction = {
     type: SHOW_REMOVE_DIALOG_ACTION;
     payload?: boolean;
 };
+export declare const showRemoveDialogReducer: (state: any, action: SchedulerItemShowRemoveDialogAction) => any;
 /** @hidden */
 export declare const useShowRemoveDialog: (_defaultProp: DataItem, _prop?: DataItem, _callback?: any) => any[];

package/dist/es/items/hooks/use-show-remove-item-dialog.js

@@ -18,7 +18,7 @@ export var SHOW_REMOVE_DIALOG_ACTION;
   SHOW_REMOVE_DIALOG_ACTION["toggle"] = "SHOW_REMOVE_DIALOG_TOGGLE";
 })(SHOW_REMOVE_DIALOG_ACTION || (SHOW_REMOVE_DIALOG_ACTION = {}));
 
-var showRemoveDialogReducer = function showRemoveDialogReducer(state, action) {
+export var showRemoveDialogReducer = function showRemoveDialogReducer(state, action) {
   switch (action.type) {
     case SHOW_REMOVE_DIALOG_ACTION.reset:
       return false;
@@ -41,7 +41,6 @@ var showRemoveDialogReducer = function showRemoveDialogReducer(state, action) {
 };
 /** @hidden */
 
-
 export var useShowRemoveDialog = function useShowRemoveDialog(_defaultProp, _prop, _callback) {
   // const [showRemoveDialog, setShowRemoveDialog] = useControlledState<DataItem | null>(defaultProp, prop, callback);
   // const handleShowRemoveDialogAction = (action: SchedulerItemShowRemoveDialogAction) => {

package/dist/es/messages/index.js

@@ -156,7 +156,7 @@ export var noEvents = 'scheduler.noEvents';
  */
 export var messages = (_a = {},
     _a[editorValidationRequired] = 'Field is required.',
-    _a[editorValidationStart] = 'Start time must be be before End time.',
+    _a[editorValidationStart] = 'Start time must be before End time.',
     _a[editorValidationEnd] = 'End time must be after Start time.',
     _a[allEvents] = 'All events',
     _a[allDay] = 'all day',

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1649223897,
+    publishDate: 1649751121,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/recurrence/RecurrenceEditor.d.ts

@@ -6,6 +6,7 @@ declare type DefaultMethods<V> = {
 import { LocalizationService, IntlService } from '@progress/kendo-vue-intl';
 /** @hidden */
 export interface RecurrenceEditorProps {
+    name: string;
     value: string;
     start: Date;
     timezone: string;

package/dist/es/recurrence/RecurrenceEditor.js

@@ -17,7 +17,12 @@ import { DatePicker } from '@progress/kendo-vue-dateinputs'; // tslint:enable:ma
 
 var RecurrenceEditorVue2 = {
   name: 'KendoRecurrenceEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
+    name: String,
     value: {
       type: String,
       default: ''

package/dist/es/recurrence/RecurrenceFrequencyEditor.js

@@ -7,6 +7,10 @@ import { ButtonGroup, Button } from '@progress/kendo-vue-buttons'; // tslint:ena
 
 var RecurrenceFrequencyEditorVue2 = {
   name: 'KendoRecurrenceFrequencyEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     value: String,
     dataItems: Array

package/dist/es/recurrence/RecurrenceRepeatOnWeekEditor.js

@@ -22,6 +22,10 @@ import { capitalize } from './common'; // tslint:enable:max-line-length
 
 var RecurrenceRepeatOnWeekEditorVue2 = {
   name: 'KendoRecurrenceRepeatOnWeekEditor',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: {
     dataItems: {
       type: Array,

package/dist/es/tasks/SchedulerEditTask.d.ts

@@ -26,6 +26,15 @@ export interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
      * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
      */
     showRemoveDialog?: boolean;
+    /**
+     * Indicates if the editing should be applied to the whole `series` or to a single `occurrence` when the item is recurring.
+     *
+     * By default, the `series` prop is set to `null` and additional selection is done through the `occurrence` dialog.
+     * If set ot either `true` or `false`:
+     * - `true` — indicates that the editing should always be applied to the whole `series`
+     * - `false` — indicates that the editing should always be applied to a single `occurrence`.
+     */
+    series?: boolean | null;
     /**
      * Called every time the `showRemoveDialog` changes.
      */

package/dist/es/tasks/SchedulerEditTask.js

@@ -20,6 +20,8 @@ import { SchedulerViewTask } from './SchedulerViewTask';
 import { useEditable } from '../hooks';
 import { findMaster } from '../utils';
 import { DATA_ACTION } from '../Scheduler';
+import { SchedulerRemoveDialog } from '../components/SchedulerRemoveDialog';
+import { SchedulerOccurrenceDialog } from '../components/SchedulerOccurrenceDialog';
 import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
 
 var SchedulerEditTaskVue2 = {
@@ -27,11 +29,21 @@ var SchedulerEditTaskVue2 = {
   props: {
     viewTask: [String, Function, Object],
     removeDialog: [String, Function, Object],
-    showRemoveDialog: Boolean,
     removeItem: [String, Function, Object],
     occurrenceDialog: [String, Function, Object],
     task: [String, Function, Object],
-    showOccurrenceDialog: Boolean,
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    series: {
+      type: Boolean,
+      default: undefined
+    },
     refTo: [Function, Object],
     id: String,
     tabIndex: Number,
@@ -64,12 +76,20 @@ var SchedulerEditTaskVue2 = {
   },
   created: function created() {// this.viewTask = null;
   },
+  inject: {
+    bv: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
   provide: function provide() {
     return {
       et: this.et,
       removeTask: this.handleRemoveItemChange,
       removeDialog: this.handleRemoveDialogChange,
-      OccurrenceDialog: this.handleOccurrenceDialogChange
+      occurrenceDialog: this.handleOccurrenceDialogChange
     };
   },
   data: function data() {
@@ -80,10 +100,26 @@ var SchedulerEditTaskVue2 = {
         showOccurrenceDialog: false
       },
       currentEditable: false,
-      series: null,
-      currentData: null
+      currentSeries: null,
+      currentRemoveItem: null,
+      currentShowRemoveDialog: null,
+      currentShowOccurrenceDialog: null
     };
   },
+  computed: {
+    compSeries: function compSeries() {
+      return this.series !== undefined ? this.series : this.currentSeries;
+    },
+    compRemoveItem: function compRemoveItem() {
+      return this.removeItem !== undefined ? this.removeItem : this.currentRemoveItem;
+    },
+    compShowRemoveDialog: function compShowRemoveDialog() {
+      return this.showRemoveDialog !== undefined ? this.showRemoveDialog : this.currentShowRemoveDialog;
+    },
+    compShowOccurrenceDialog: function compShowOccurrenceDialog() {
+      return this.showOccurrenceDialog !== undefined ? this.showOccurrenceDialog : this.currentShowOccurrenceDialog;
+    }
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -93,6 +129,8 @@ var SchedulerEditTaskVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this = this;
+
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
 
@@ -140,7 +178,8 @@ var SchedulerEditTaskVue2 = {
           recurrenceRule: this.$props.recurrenceRule,
           recurrenceId: this.$props.recurrenceId,
           dataItem: this.$props.dataItem,
-          task: this.$props.task
+          task: this.$props.task,
+          editable: this.$props.editable
         },
         tabIndex: this.$props.tabIndex,
         head: this.$props.head,
@@ -168,45 +207,89 @@ var SchedulerEditTaskVue2 = {
         recurrenceId: this.$props.recurrenceId,
         dataItem: this.$props.dataItem,
         task: this.$props.task,
-        onRemoveClick: this.handleRemoveClick,
+        editable: this.$props.editable,
+        onRemoveclick: this.handleRemoveClick,
         on: this.v3 ? undefined : {
-          "removeClick": this.handleRemoveClick
+          "removeclick": this.handleRemoveClick
         }
       }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot]) // {(this.showOccurrenceDialog) && (<SchedulerOccurrenceDialog
-      // dataItem={this.removeItem}
-      // isRemove={this.removeItem !== null}
-      // onClose={this.handleCancel}
-      // onOccurrenceClick={this.handleOccurrenceClick}
-      // onSeriesClick={this.handleSeriesClick}
-      //     />)}
-      // {(this.showRemoveDialog) && (<SchedulerRemoveDialog
-      // dataItem={this.removeItem}
-      // onClose={this.handleCancel}
-      // onCancel={this.handleCancel}
-      // onConfirm={this.handleRemoveConfirm}
-      //     />)}
-
+        return [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
+          dataItem: _this.compRemoveItem,
+          attrs: _this.v3 ? undefined : {
+            dataItem: _this.compRemoveItem,
+            isRemove: _this.compRemoveItem !== null
+          },
+          isRemove: _this.compRemoveItem !== null,
+          onClose: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "close": _this.handleCancel,
+            "occurrenceclose": _this.handleOccurrenceClick,
+            "seriesclose": _this.handleSeriesClick
+          },
+          onOccurrenceclose: _this.handleOccurrenceClick,
+          onSeriesclose: _this.handleSeriesClick
+        }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog, {
+          dataItem: _this.compRemoveItem,
+          attrs: _this.v3 ? undefined : {
+            dataItem: _this.compRemoveItem
+          },
+          onClose: _this.handleCancel,
+          on: _this.v3 ? undefined : {
+            "close": _this.handleCancel,
+            "cancel": _this.handleCancel,
+            "confirm": _this.handleRemoveConfirm
+          },
+          onCancel: _this.handleCancel,
+          onConfirm: _this.handleRemoveConfirm
+        })];
+      } : [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog, {
+        dataItem: _this.compRemoveItem,
+        attrs: _this.v3 ? undefined : {
+          dataItem: _this.compRemoveItem,
+          isRemove: _this.compRemoveItem !== null
+        },
+        isRemove: _this.compRemoveItem !== null,
+        onClose: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "close": _this.handleCancel,
+          "occurrenceclose": _this.handleOccurrenceClick,
+          "seriesclose": _this.handleSeriesClick
+        },
+        onOccurrenceclose: _this.handleOccurrenceClick,
+        onSeriesclose: _this.handleSeriesClick
+      }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog, {
+        dataItem: _this.compRemoveItem,
+        attrs: _this.v3 ? undefined : {
+          dataItem: _this.compRemoveItem
+        },
+        onClose: _this.handleCancel,
+        on: _this.v3 ? undefined : {
+          "close": _this.handleCancel,
+          "cancel": _this.handleCancel,
+          "confirm": _this.handleRemoveConfirm
+        },
+        onCancel: _this.handleCancel,
+        onConfirm: _this.handleRemoveConfirm
+      })])
     );
   },
   methods: {
     setRemoveItem: function setRemoveItem(item, event) {
-      this.removeItem = item;
+      this.currentRemoveItem = item;
       this.$emit('removeitemchange', {
         item: item,
         event: event
       });
     },
     setShowRemoveDialog: function setShowRemoveDialog(show, event) {
-      this.showREmoveDialog = show;
+      this.currentShowRemoveDialog = show;
       this.$emit('showremovedialogchange', {
         show: show,
         event: event
       });
     },
     setShowOccurrenceDialog: function setShowOccurrenceDialog(show, event) {
-      this.showOccurrenceDialog = show;
+      this.currentShowOccurrenceDialog = show;
       this.$emit('showoccurrencedialogchange', {
         show: show,
         event: event
@@ -226,17 +309,17 @@ var SchedulerEditTaskVue2 = {
       }
     },
     handleCancel: function handleCancel(event) {
-      this.series = null;
+      this.currentSeries = null;
       this.setRemoveItem(null, event);
       this.setShowRemoveDialog(false, event);
       this.setShowOccurrenceDialog(false, event);
     },
     handleRemoveConfirm: function handleRemoveConfirm(event) {
-      if (this.removeItem) {
+      if (this.compRemoveItem) {
         this.$emit('dataaction', {
           type: DATA_ACTION.remove,
-          series: this.series,
-          dataItem: this.removeItem
+          series: this.compSeries,
+          dataItem: this.compRemoveItem
         });
       }
 
@@ -265,8 +348,8 @@ var SchedulerEditTaskVue2 = {
       this.setShowOccurrenceDialog(value, event);
     },
     handleOccurrenceClick: function handleOccurrenceClick(event) {
-      if (this.removeItem) {
-        this.series = false;
+      if (this.compRemoveItem) {
+        this.currentSeries = false;
         this.setRemoveItem(this.$props.dataItem, event);
         this.setShowRemoveDialog(true, event);
       }
@@ -274,9 +357,9 @@ var SchedulerEditTaskVue2 = {
       this.setShowOccurrenceDialog(false, event);
     },
     handleSeriesClick: function handleSeriesClick(event) {
-      if (this.removeItem) {
-        this.series = true;
-        var dataItem = findMaster(this.removeItem, this.fields, this.currentData);
+      if (this.compRemoveItem) {
+        this.currentSeries = true;
+        var dataItem = findMaster(this.compRemoveItem, this.ks.fields, this.ks.dataItems);
         this.setRemoveItem(dataItem, event);
         this.setShowRemoveDialog(true, event);
       }

package/dist/es/tasks/SchedulerTask.js

@@ -53,7 +53,8 @@ var SchedulerTaskVue2 = {
     recurrenceExceptions: Array,
     recurrenceRule: String,
     recurrenceId: [String, Number],
-    dataItem: Object
+    dataItem: Object,
+    editable: [Object, Boolean]
   },
   inject: {
     kendoLocalizationService: {
@@ -130,7 +131,7 @@ var SchedulerTaskVue2 = {
   },
   methods: {
     handleRemoveClick: function handleRemoveClick(event) {
-      this.$emits('removeclick', {
+      this.$emit('removeclick', {
         event: event,
         target: this.task
       });

package/dist/es/tasks/SchedulerViewTask.js

@@ -36,7 +36,8 @@ var SchedulerViewTaskVue2 = {
     recurrenceRule: String,
     recurrenceId: [String, Number],
     dataItem: Object,
-    task: [String, Function, Object]
+    task: [String, Function, Object],
+    editable: [Object, Boolean]
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -79,7 +80,8 @@ var SchedulerViewTaskVue2 = {
         recurrenceExceptions: this.$props.recurrenceExceptions,
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
-        dataItem: this.$props.dataItem
+        dataItem: this.$props.dataItem,
+        editable: this.$props.editable
       },
       tabIndex: this.$props.tabIndex,
       head: this.$props.head,
@@ -105,7 +107,12 @@ var SchedulerViewTaskVue2 = {
       recurrenceExceptions: this.$props.recurrenceExceptions,
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
-      dataItem: this.$props.dataItem
+      dataItem: this.$props.dataItem,
+      editable: this.$props.editable,
+      onRemoveclick: this.handleRemoveClick,
+      on: this.v3 ? undefined : {
+        "removeclick": this.handleRemoveClick
+      }
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -116,6 +123,11 @@ var SchedulerViewTaskVue2 = {
       defaultSlots: defaultSlot
     });
     return taskRender;
+  },
+  methods: {
+    handleRemoveClick: function handleRemoveClick(event) {
+      this.$emit('removeclick', event);
+    }
   }
 };
 var SchedulerViewTask = SchedulerViewTaskVue2;

package/dist/es/views/agenda/AgendaView.js

@@ -59,7 +59,10 @@ var AgendaViewVue2 = {
       default: DAYS_IN_WEEK_COUNT
     },
     task: [String, Function, Object],
-    editable: [Object, Boolean]
+    editable: {
+      type: [Boolean, Object],
+      default: false
+    }
   },
   inject: {
     ks: {
@@ -149,6 +152,7 @@ var AgendaViewVue2 = {
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
     var intl = provideIntlService(this);
     var localization = provideLocalizationService(this);
+    var agendaSlots = this.agendaSlots;
     return (// @ts-ignore  function children
       h(BaseView, {
         id: this.$props.id,
@@ -187,12 +191,14 @@ var AgendaViewVue2 = {
           nested: true
         }, _this.v3 ? function () {
           return [h(AgendaViewBody, {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
             attrs: _this.v3 ? undefined : {
-              agendaSlots: _this.agendaSlots,
+              items: _this.items,
+              agendaSlots: agendaSlots,
               task: _this.$props.task,
               editable: _this.$props.editable
             },
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable,
             onDataaction: _this.handleDataAction,
@@ -201,12 +207,14 @@ var AgendaViewVue2 = {
             }
           })];
         } : [h(AgendaViewBody, {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable
           },
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable,
           onDataaction: _this.handleDataAction,
@@ -236,12 +244,14 @@ var AgendaViewVue2 = {
         nested: true
       }, _this.v3 ? function () {
         return [h(AgendaViewBody, {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
           attrs: _this.v3 ? undefined : {
-            agendaSlots: _this.agendaSlots,
+            items: _this.items,
+            agendaSlots: agendaSlots,
             task: _this.$props.task,
             editable: _this.$props.editable
           },
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable,
           onDataaction: _this.handleDataAction,
@@ -250,12 +260,14 @@ var AgendaViewVue2 = {
           }
         })];
       } : [h(AgendaViewBody, {
-        agendaSlots: _this.agendaSlots,
+        items: _this.items,
         attrs: _this.v3 ? undefined : {
-          agendaSlots: _this.agendaSlots,
+          items: _this.items,
+          agendaSlots: agendaSlots,
           task: _this.$props.task,
           editable: _this.$props.editable
         },
+        agendaSlots: agendaSlots,
         task: _this.$props.task,
         editable: _this.$props.editable,
         onDataaction: _this.handleDataAction,

package/dist/es/views/agenda/AgendaViewBody.d.ts

@@ -5,6 +5,7 @@ declare type DefaultMethods<V> = {
 };
 /** @hidden */
 export interface AgendaViewBodyProps {
+    items: any[];
     rangeIndex: number;
     itemsPerSlot: number;
     agendaSlots: any[];

package/dist/es/views/agenda/AgendaViewBody.js

@@ -14,6 +14,7 @@ var DAY_FORMAT = {
 var AgendaViewBodyVue2 = {
   name: 'KendoAgendaViewBody',
   props: {
+    items: Array,
     rangeIndex: Number,
     itemsPerSlot: Number,
     agendaSlots: Array,
@@ -52,7 +53,7 @@ var AgendaViewBodyVue2 = {
     var localization = provideLocalizationService(this);
     return h("div", {
       "class": "k-scheduler-body"
-    }, [this.agendaSlots.filter(function (slot) {
+    }, [(this.items.length || true) && this.agendaSlots.filter(function (slot) {
       return slot.group.index === (_this.ri.groupIndex || 0);
     }).map(function (slot, slotIndex, filtered) {
       var _this2 = this;
@@ -91,6 +92,10 @@ var AgendaViewBodyVue2 = {
         col: 0,
         slot: this.$props.slot,
         viewSlot: this.$props.viewSlot,
+        onDataaction: this.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": this.handleDataAction
+        },
         "class": "k-scheduler-datecolumn k-group-cell"
       }, this.v3 ? function () {
         return [h("div", [h("strong", {