@progress/kendo-vue-scheduler 3.2.10 → 3.3.0-dev.202205091534

package/dist/es/views/common/SchedulerResize.js

@@ -70,44 +70,13 @@ var SchedulerResizeVue2 = {
       return s;
     });
     mapItemsToSlots(this.items, slots);
-    return (// fragment
-      // <div>
-      this.items.map(function (item, idx) {
-        return h(SchedulerViewItem, {
-          key: idx,
+    var itemsToRender = this.v3 ? this.items : this.items && this.items.length ? [this.items[0]] : [];
+    return itemsToRender.map(function (item, idx) {
+      return h(SchedulerViewItem, {
+        key: idx,
+        uid: item.uid,
+        attrs: this.v3 ? undefined : {
           uid: item.uid,
-          attrs: this.v3 ? undefined : {
-            uid: item.uid,
-            start: item.start,
-            end: item.end,
-            originalStart: item.originalStart,
-            startTimezone: item.startTimezone,
-            endTimezone: item.endTimezone,
-            isAllDay: item.isAllDay,
-            title: item.title,
-            description: item.description,
-            occurrenceId: item.occurrenceId,
-            recurrenceExceptions: item.recurrenceExceptions,
-            recurrenceRule: item.recurrenceRule,
-            recurrenceId: item.recurrenceId,
-            dataItem: item.dataItem,
-            itemRef: item.itemRef,
-            head: item.head,
-            tail: item.tail,
-            order: item.order,
-            zonedStart: item.zonedStart,
-            zonedEnd: item.zonedEnd,
-            slots: item.slots,
-            group: item.group,
-            range: item.range,
-            isException: item.isException,
-            isRecurring: item.isRecurring,
-            format: this.format //   item={this.$props.item}
-            ,
-            resizeHint: true,
-            vertical: this.$props.vertical,
-            ignoreIsAllDay: this.$props.ignoreIsAllDay
-          },
           start: item.start,
           end: item.end,
           originalStart: item.originalStart,
@@ -132,14 +101,42 @@ var SchedulerResizeVue2 = {
           range: item.range,
           isException: item.isException,
           isRecurring: item.isRecurring,
-          format: this.format,
+          format: this.format //   item={this.$props.item}
+          ,
           resizeHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
-        });
-      }, this) //  </div>
-
-    );
+        },
+        start: item.start,
+        end: item.end,
+        originalStart: item.originalStart,
+        startTimezone: item.startTimezone,
+        endTimezone: item.endTimezone,
+        isAllDay: item.isAllDay,
+        title: item.title,
+        description: item.description,
+        occurrenceId: item.occurrenceId,
+        recurrenceExceptions: item.recurrenceExceptions,
+        recurrenceRule: item.recurrenceRule,
+        recurrenceId: item.recurrenceId,
+        dataItem: item.dataItem,
+        itemRef: item.itemRef,
+        head: item.head,
+        tail: item.tail,
+        order: item.order,
+        zonedStart: item.zonedStart,
+        zonedEnd: item.zonedEnd,
+        slots: item.slots,
+        group: item.group,
+        range: item.range,
+        isException: item.isException,
+        isRecurring: item.isRecurring,
+        format: this.format,
+        resizeHint: true,
+        vertical: this.$props.vertical,
+        ignoreIsAllDay: this.$props.ignoreIsAllDay
+      });
+    }, this);
   }
 };
 var SchedulerResize = SchedulerResizeVue2;

package/dist/npm/Scheduler.js

@@ -73,6 +73,8 @@ var main_1 = require("./main");
 
 var TimelineView_1 = require("./views/time/TimelineView");
 
+var hooks_1 = require("./hooks");
+
 var DEFAULT_DATE_FORMAT = '{0:D}';
 var DEFAULT_SHORT_DATE_FORMAT = '{0:d}';
 /**
@@ -166,6 +168,9 @@ var SchedulerVue2 = {
     },
     fields: function fields() {
       return utils_1.getModelFields(this.$props.modelFields).fields;
+    },
+    currentEditable: function currentEditable() {
+      return hooks_1.useEditable(this.$props.editable);
     }
   },
   provide: function provide() {
@@ -198,8 +203,8 @@ var SchedulerVue2 = {
       date: currentDate,
       timezone: this.$props.timezone,
       numberOfDays: this.getViewPropValue(view, 'numberOfDays', activeViewName),
-      workWeekStart: view.workWeekStart || this.intl.firstDay(),
-      workWeekEnd: view.workWeekEnd || (this.intl.firstDay() + this.getViewPropValue(view, 'numberOfDays', activeViewName)) % 6
+      workWeekStart: this.getViewPropValue(view, 'workWeekStart', activeViewName) || this.intl.firstDay(),
+      workWeekEnd: this.getViewPropValue(view, 'workWeekEnd', activeViewName) || (this.intl.firstDay() + this.getViewPropValue(view, 'numberOfDays', activeViewName)) % 6
     });
     return {
       ks: {
@@ -221,9 +226,6 @@ var SchedulerVue2 = {
       }
     };
   },
-  mounted: function mounted() {
-    this.ks.scheduler = this.$el;
-  },
   watch: {
     view: function view(newName) {
       this.updatePassedState(newName);
@@ -284,7 +286,8 @@ var SchedulerVue2 = {
       viewItem: viewItem,
       task: task,
       dateHeaderCell: dateHeaderCell,
-      timeHeaderCell: timeHeaderCell
+      timeHeaderCell: timeHeaderCell,
+      editable: this.currentEditable
     });
 
     var headerRender;
@@ -578,12 +581,12 @@ var SchedulerVue2 = {
       this.$emit('viewchange', __assign(__assign({
         viewName: newView
       }, event), {
-        target: this.ks.scheduler
+        target: this.ks.scheduler.$el
       }));
     },
     handleDateChange: function handleDateChange(newDate, event) {
       this.setDate(newDate, __assign(__assign({}, event), {
-        target: this.ks.scheduler
+        target: this.ks.scheduler.$el
       }));
     },
     handleDatePickerChange: function handleDatePickerChange(event) {
@@ -592,7 +595,7 @@ var SchedulerVue2 = {
       }
 
       this.setDate(event.value, __assign(__assign({}, event), {
-        target: this.ks.scheduler,
+        target: this.ks.scheduler.$el,
         nativeEvent: event.event
       }));
     },

package/dist/npm/components/SchedulerForm.d.ts

@@ -40,6 +40,7 @@ export interface SchedulerFormHandle {
  * @hidden
  */
 export interface SchedulerFormState {
+    dialogId: string;
 }
 /**
  * @hidden

package/dist/npm/components/SchedulerForm.js

@@ -68,6 +68,19 @@ var SchedulerFormVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = kendo_vue_common_1.guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -134,7 +147,8 @@ var SchedulerFormVue2 = {
     var dialogProps = __assign({
       title: editorTitleMessage,
       appendTo: 'body',
-      minWidth: 600
+      minWidth: 600,
+      wrapperId: this.dialogId
     }, this.ks.dialogProps);
 
     var formProps = __assign({

package/dist/npm/components/SchedulerOccurrenceDialog.js

@@ -17,6 +17,8 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("../messages");
 
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
 var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons"); // tslint:enable:max-line-length
 
 
@@ -31,6 +33,19 @@ var SchedulerOccurrenceDialogVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = kendo_vue_common_1.guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -69,9 +84,11 @@ var SchedulerOccurrenceDialogVue2 = {
         title: titleMessage,
         attrs: this.v3 ? undefined : {
           title: titleMessage,
-          appendTo: 'body'
+          appendTo: 'body',
+          wrapperId: this.dialogId
         },
         appendTo: 'body',
+        wrapperId: this.dialogId,
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose

package/dist/npm/components/SchedulerRemoveDialog.js

@@ -17,7 +17,9 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var messages_1 = require("../messages");
 
-var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons"); // tslint:enable:max-line-length
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
 var SchedulerRemoveDialogVue2 = {
@@ -30,6 +32,19 @@ var SchedulerRemoveDialogVue2 = {
       default: null
     }
   },
+  created: function created() {
+    this.dialogId = kendo_vue_common_1.guid();
+  },
+  mounted: function mounted() {
+    var that = this;
+    setTimeout(function () {
+      var dialogWrapper = document.getElementById(that.dialogId);
+
+      if (dialogWrapper) {
+        dialogWrapper.focus();
+      }
+    }, 10);
+  },
   // @ts-ignore
   setup: !gh ? undefined : function () {
     var v3 = !!gh;
@@ -54,9 +69,11 @@ var SchedulerRemoveDialogVue2 = {
         title: deleteDialogTitleMessage,
         attrs: this.v3 ? undefined : {
           title: deleteDialogTitleMessage,
-          appendTo: 'body'
+          appendTo: 'body',
+          wrapperId: this.dialogId
         },
         appendTo: 'body',
+        wrapperId: this.dialogId,
         onClose: this.handleClose,
         on: this.v3 ? undefined : {
           "close": this.handleClose

package/dist/npm/editors/ZonedDateTime.js

@@ -47,6 +47,10 @@ var kendo_date_math_1 = require("@progress/kendo-date-math"); // tslint:enable:m
 
 var ZonedDateTimeVue2 = {
   name: 'KendoZonedDateTime',
+  // @ts-ignore
+  emits: {
+    change: null
+  },
   props: __assign(__assign({}, kendo_vue_dateinputs_1.DateTimePicker.props), {
     value: [String, Date],
     isAllDay: Boolean,
@@ -75,7 +79,7 @@ var ZonedDateTimeVue2 = {
     var timezone = this.ks.timezone;
 
     var dtpProps = __assign(__assign({}, other), {
-      format: this.isAllDay ? 'd' : 'M/dd/yyyy HH:mm',
+      format: this.isAllDay ? 'd' : 'g',
       value: this.readDateAsLocal(other.value, timezone)
     });
 

package/dist/npm/hooks/use-items-focus.d.ts

@@ -7,6 +7,7 @@ import { BaseViewAll } from '../components/BaseView';
  * - `ITEMS_FOCUS_PREV`
  */
 export declare enum ITEMS_FOCUS_ACTION {
+    current = "ITEMS_FOCUS_CURRENT",
     next = "ITEMS_FOCUS_NEXT",
     prev = "ITEMS_FOCUS_PREV"
 }

package/dist/npm/hooks/use-items-focus.js

@@ -18,6 +18,7 @@ var utils_1 = require("../utils");
 var ITEMS_FOCUS_ACTION;
 
 (function (ITEMS_FOCUS_ACTION) {
+  ITEMS_FOCUS_ACTION["current"] = "ITEMS_FOCUS_CURRENT";
   ITEMS_FOCUS_ACTION["next"] = "ITEMS_FOCUS_NEXT";
   ITEMS_FOCUS_ACTION["prev"] = "ITEMS_FOCUS_PREV";
 })(ITEMS_FOCUS_ACTION = exports.ITEMS_FOCUS_ACTION || (exports.ITEMS_FOCUS_ACTION = {}));
@@ -26,6 +27,22 @@ var ITEMS_FOCUS_ACTION;
 
 exports.dispatchFocusedItems = function (action, event) {
   switch (action.type) {
+    case ITEMS_FOCUS_ACTION.current:
+      {
+        if (!action.item || !this.bv.items) {
+          return;
+        }
+
+        var next = utils_1.findCurrentItem(action.item, this.bv.items, action.ignoreIsAllDay);
+
+        if (next && next.element) {
+          event.preventDefault();
+          next.element.focus();
+        }
+
+        break;
+      }
+
     case ITEMS_FOCUS_ACTION.next:
       {
         if (!action.item || !this.bv.items) {

package/dist/npm/items/SchedulerEditItem.js

@@ -217,77 +217,6 @@ var SchedulerEditItemVue2 = {
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this); // tslint:enable:max-line-length
 
-    var _a = this.$props,
-        onDataaction = _a.onDataaction,
-        ignoreIsAllDay = _a.ignoreIsAllDay,
-        propViewItem = _a.viewItem,
-        propSeries = _a.series,
-        onSeriesChange = _a.onSeriesChange,
-        propForm = _a.form,
-        propFormItem = _a.formItem,
-        onFormItemChange = _a.onFormItemChange,
-        propDrag = _a.drag,
-        propDragItem = _a.dragItem,
-        onDragItemChange = _a.onDragItemChange,
-        propResize = _a.resize,
-        propResizeItem = _a.resizeItem,
-        onResizeItemChange = _a.onResizeItemChange,
-        propRemoveDialog = _a.removeDialog,
-        propRemoveItem = _a.removeItem,
-        onRemoveItemChange = _a.onRemoveItemChange,
-        propOccurrenceDialog = _a.occurrenceDialog,
-        propShowOccurrenceDialog = _a.showOccurrenceDialog,
-        onShowOccurrenceDialogChange = _a.onShowOccurrenceDialogChange,
-        propShowRemoveDialog = _a.showRemoveDialog,
-        onShowRemoveDialogChange = _a.onShowRemoveDialogChange; // const editItem = React.useRef<SchedulerEditItemHandle>(null);
-    // const item = React.useRef<SchedulerItemHandle>(null);
-
-    var ViewItem = propViewItem;
-    var Drag = propDrag;
-    var Resize = propResize;
-    var Form = propForm;
-    var OccurrenceDialog = propOccurrenceDialog;
-    var RemoveDialog = propRemoveDialog;
-    var editable = hooks_1.useEditable(this.$props.editable); //  const [selectedItems, dispatchItemSelection] = useSchedulerViewSelectedItemsContext();
-
-    var _b = use_series_1.useSeries(null, propSeries, onSeriesChange),
-        series = _b[0],
-        dispatchSeries = _b[1]; // const [formItem, setFormItem, dispatchFormItem] = useFormItem(
-    //     { series, onDataaction},
-    //     [null, propFormItem, onFormItemChange]
-    // );
-    // const [dragItem, setDragItem, dispatchDragItem] = useDragItem(
-    //     { 
-    //         dataItem: this.$props.dataItem, 
-    //         ignoreIsAllDay: this.$props.ignoreIsAllDay, 
-    //         isAllDay: this.$props.isAllDay, 
-    //         onDataaction },
-    //     [null, propDragItem, onDragItemChange]
-    // );
-    // const [resizeItem, setResizeItem, dispatchResizeItem] = useResizeItem(
-    //     { dataItem: this.$props.dataItem, onDataaction },
-    //     [null, propResizeItem, onResizeItemChange]
-    // );
-    // const [removeItem, setRemoveItem, dispatchRemoveItem] = useRemoveItem(
-    //     { series, onDataaction},
-    //     [null, propRemoveItem, onRemoveItemChange]
-    // );
-
-
-    var _c = use_show_remove_item_dialog_1.useShowRemoveDialog(false, propShowRemoveDialog, onShowRemoveDialogChange),
-        showRemoveDialog = _c[0],
-        setShowRemoveDialog = _c[1],
-        dispatchShowRemoveDialog = _c[2];
-
-    var _d = use_show_occurrence_dialog_1.useShowOccurrenceDialog(false, propShowOccurrenceDialog, onShowOccurrenceDialogChange),
-        showOccurrenceDialog = _d[0],
-        setShowOccurrenceDialog = _d[1],
-        dispatchShowOccurrenceDialog = _d[2];
-
-    var items = this.bv.items; // useSchedulerViewItemsContext();
-    // const [,dispatchViewItemsFocus] = useSchedulerViewFocusedItemsContext();
-    // const [,dispatchViewSlotsFocus] = useSchedulerViewFocusedSlotsContext();
-
     var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
       return utils_1.compareItems(si, _this, _this.ignoreIsAllDay);
     }));
@@ -335,8 +264,7 @@ var SchedulerEditItemVue2 = {
         formItem: this.compFormItem,
         dragItem: this.compDragItem,
         resizeItem: this.compResizeItem,
-        removeItem: this.compRemoveItem //   refTo={this}
-        ,
+        removeItem: this.compRemoveItem,
         itemRef: this.item,
         selected: selected,
         tabIndex: this.currentTabIndex // Keyboard
@@ -1105,6 +1033,8 @@ var SchedulerEditItemVue2 = {
       }
     },
     onKeyDownAction: function onKeyDownAction(event, props) {
+      var nextSlot;
+
       switch (event.event.keyCode) {
         case kendo_vue_common_1.Keys.enter:
           return [{
@@ -1124,27 +1054,50 @@ var SchedulerEditItemVue2 = {
           }];
 
         case kendo_vue_common_1.Keys.up:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.up,
-            slot: props.slots[0].refTo
+            slot: nextSlot
           }];
 
         case kendo_vue_common_1.Keys.right:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.right,
-            slot: props.slots[0].refTo
+            slot: nextSlot
           }];
 
         case kendo_vue_common_1.Keys.down:
-          return [Boolean(props.slots.length && props.slots[props.slots.length - 1].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[props.slots.length - 1]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.down,
-            slot: props.slots[props.slots.length - 1].refTo
+            slot: nextSlot
           }];
 
         case kendo_vue_common_1.Keys.left:
-          return [Boolean(props.slots.length && props.slots[0].refTo.current) && {
+          nextSlot = this.bv.slots.find(function (s) {
+            return utils_1.compareSlots(s, props.slots[0]);
+          });
+          return [Boolean(props.slots.length && nextSlot) && {
             type: hooks_1.SLOTS_FOCUS_ACTION.left,
-            slot: props.slots[0].refTo
+            slot: nextSlot
+          }];
+
+        case kendo_vue_common_1.Keys.delete:
+        case kendo_vue_common_1.Keys.backspace:
+          return [{
+            type: use_remove_item_1.REMOVE_ITEM_ACTION.set,
+            payload: props.dataItem
+          }, props.isRecurring ? {
+            type: use_show_occurrence_dialog_1.SHOW_OCCURRENCE_DIALOG_ACTION.open
+          } : {
+            type: use_show_remove_item_dialog_1.SHOW_REMOVE_DIALOG_ACTION.open
           }];
 
         default: