@progress/kendo-vue-scheduler 3.3.0-dev.202205100750 → 3.3.0

package/dist/npm/hooks/index.d.ts

@@ -5,6 +5,5 @@ export * from './useAsyncMouseEnterLeave';
 export * from './useEditable';
 export * from './useSlotExpand';
 export * from './useWorkHours';
-export * from './useSchedulerItem';
 export * from './use-items-focus';
 export * from './use-slots-focus';

package/dist/npm/hooks/index.js

@@ -17,6 +17,5 @@ __exportStar(require("./useAsyncMouseEnterLeave"), exports);
 __exportStar(require("./useEditable"), exports);
 __exportStar(require("./useSlotExpand"), exports);
 __exportStar(require("./useWorkHours"), exports);
-__exportStar(require("./useSchedulerItem"), exports);
 __exportStar(require("./use-items-focus"), exports);
 __exportStar(require("./use-slots-focus"), exports);

package/dist/npm/hooks/useAsyncMouseEnterLeave.js

@@ -9,7 +9,7 @@ exports.useAsyncMouseEnterLeave = void 0;
 exports.useAsyncMouseEnterLeave = function (_a) {
   var handleMouseEnter = _a.handleMouseEnter,
       handleMouseLeave = _a.handleMouseLeave;
-  var tick = {}.current; // React.useRef(0);
+  var tick = {}.current;
 
   var nextTick = function nextTick(f) {
     clearTimeout(tick);

package/dist/npm/hooks/useEditable.js

@@ -3,13 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useEditable = void 0; // import { SchedulerPropsContext } from '../context/SchedulerContext';
-
+exports.useEditable = void 0;
 /** @hidden */
 
 exports.useEditable = function (editable) {
-  var context = {}; // React.useContext(SchedulerPropsContext);
-
+  var context = {};
   var settings = editable !== undefined ? editable : context.editable || false;
   var edit = settings === true || settings !== undefined && settings !== false && settings.edit === true;
   var resize = settings === true || settings !== undefined && settings !== false && settings.resize === true;

package/dist/npm/hooks/useRowSync.js

@@ -59,6 +59,5 @@ exports.useRowSync = function (args, _inputs) {
         height: height
       }, true);
     });
-  }; //  React.useEffect(syncHeight, inputs);
-
+  };
 };

package/dist/npm/hooks/useSchedulerSlot.d.ts

@@ -1,6 +1,6 @@
 import { SchedulerSlotProps } from '../main';
 /** @hidden */
-export declare const useSchedulerSlot: (_props: SchedulerSlotProps, _refTo: any) => {
+export declare const useSchedulerSlot: (_props: SchedulerSlotProps) => {
     slot: any;
     element: any;
 };

package/dist/npm/hooks/useSchedulerSlot.js

@@ -8,31 +8,6 @@ exports.useSchedulerSlot = void 0; // import { useSchedulerViewSlotsContext } fr
 
 /** @hidden */
 
-exports.useSchedulerSlot = function (_props, _refTo) {
-  // const { refTo } = props;
-  // const slot = React.useRef<SchedulerSlotHandle>(null);
-  // const element = React.useRef<HTMLDivElement>(null);
-  // const [, dispatchSlots] = useSchedulerViewSlotsContext();
-  // React.useImperativeHandle(slot, () => ({ element: element.current, props }));
-  // React.useImperativeHandle(ref, () => slot.current);
-  // React.useImperativeHandle(refTo, () => slot.current);
-  // React.useEffect(
-  //     () => {
-  //         dispatchSlots({
-  //             type: COLLECTION_ACTION.add,
-  //             item: slot
-  //         });
-  //         return () => {
-  //             dispatchSlots({
-  //                 type: COLLECTION_ACTION.remove,
-  //                 item: slot
-  //             });
-  //         };
-  //     }
-  // );
-  // return {
-  //     slot,
-  //     element
-  // };
+exports.useSchedulerSlot = function (_props) {
   return [];
 };

package/dist/npm/hooks/useSlotExpand.js

@@ -29,6 +29,7 @@ exports.useSlotExpand = function (slot, _scheduler, config) {
       return;
     }
 
+    element.style.minHeight = null;
     initialHeight = element.clientHeight;
   };
 
@@ -72,41 +73,8 @@ exports.useSlotExpand = function (slot, _scheduler, config) {
     } else if (element) {
       element.style.minHeight = null;
     }
-  }; // , [config, slot]);
-  // const handleResize = React.useCallback(() => {
-  //     if(timeout.current !== undefined) {
-  //         window.cancelAnimationFrame(timeout.current);
-  //     }
-  //     timeout.current = window.requestAnimationFrame(() => {
-  //         expand();
-  //     });
-  // },[expand]);
-
+  };
 
   getInitialHeight();
-  expand(); // // eslint-disable-next-line react-hooks/exhaustive-deps
-  // React.useLayoutEffect(getInitialHeight, []);
-  // // eslint-disable-next-line react-hooks/exhaustive-deps
-  // React.useEffect(expand, [slot, slot.current && slot.current.props, config]);
-  // React.useEffect(
-  //     () => {
-  //         if(!slot.current) {return;}
-  //         const props = slot.current.props;
-  //         const existing = props.items.filter((i) => {
-  //             return i.refTo.current;
-  //         });
-  //         const callbacks = existing.map((item: Item) => {
-  //             if(!item.refTo.current || !item.refTo.current.element) {return;}
-  //             if(!scheduler.current) {return;}
-  //             const observer = new (window as any).ResizeObserver(handleResize);
-  //             observer.observe(item.refTo.current.element);
-  //             return () => {
-  //                 observer.disconnect();
-  //             };
-  //         });
-  //         return () => {
-  //             callbacks.forEach(cb => cb && cb());
-  //         };
-  //     },
-  //     [handleResize, scheduler, slot]);
+  expand();
 };

package/dist/npm/hooks/useWorkHours.js

@@ -7,12 +7,5 @@ exports.useWorkHours = void 0;
 /** @hidden */
 
 exports.useWorkHours = function (_showWorkHours, _defaultShowWorkHours) {
-  // const [show, setShow] = usePropOrState(showWorkHours, defaultShowWorkHours);
-  // const handleShowWorkHoursChange = React.useCallback(
-  //     () => {
-  //         setShow(!show);
-  //     },
-  //     [show, setShow]);
-  // return [show, handleShowWorkHoursChange];
   return [];
 };

package/dist/npm/items/SchedulerEditItem.d.ts

@@ -313,8 +313,6 @@ export interface SchedulerEditItemState {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerEditItem]({% slug api_scheduler_scheduleredititem %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerEditItemHandle {
     element: HTMLDivElement | null;

package/dist/npm/items/SchedulerItem.d.ts

@@ -194,8 +194,6 @@ export interface SchedulerItemProps extends Item {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerItem]({% slug api_scheduler_scheduleritem %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerItemHandle {
     element: HTMLDivElement | null;

package/dist/npm/items/SchedulerItem.js

@@ -48,6 +48,7 @@ var SchedulerForm_1 = require("../components/SchedulerForm"); // tslint:enable:m
 
 var SchedulerItemVue2 = {
   name: 'KendoSchedulerItem',
+  inheritAttrs: false,
   // @ts-ignore
   emits: {
     'focus': null,

package/dist/npm/items/SchedulerViewItem.d.ts

@@ -19,8 +19,6 @@ export interface SchedulerViewItemProps extends SchedulerItemProps {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerViewItem]({% slug api_scheduler_schedulerviewitem %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerViewItemHandle {
     element: HTMLDivElement | null;

package/dist/npm/items/SchedulerViewItem.js

@@ -125,12 +125,7 @@ var SchedulerViewItemVue2 = {
     };
   },
   mounted: function mounted() {
-    var that = this;
     this.element = this.getElement();
-    this.$nextTick(function () {
-      that.align();
-      that.position();
-    });
 
     if (!this.ks.scheduler || !this.ks.scheduler.$el) {
       return;
@@ -144,6 +139,10 @@ var SchedulerViewItemVue2 = {
     this.$nextTick(function () {
       that.align();
       that.position();
+      that.$nextTick(function () {
+        that.align();
+        that.position();
+      });
     });
 
     if (!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) {
@@ -373,7 +372,7 @@ var SchedulerViewItemVue2 = {
         // Mouse
         // mouseup: this.handleMouseUp,
         // mousedown: this.handleMouseDown,
-        //  click: this.handleClick,
+        //  click: this.handleClick,      
         doubleclick: this.handleDoubleClick,
         removeclick: this.handleRemoveClick,
         // Drag

package/dist/npm/models/SchedulerHandle.d.ts

@@ -1,6 +1,6 @@
 import { SchedulerProps } from '../Scheduler';
 /**
- * Represents the Object which is passed to the [`ref`](https://reactjs.org/docs/refs-and-the-dom.html) callback of the Scheduler component.
+ * Represents the Object which is passed to the callback of the Scheduler component.
  */
 export interface SchedulerHandle {
     props: SchedulerProps;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1652168737,
+    publishDate: 1652240966,
     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/npm/slots/SchedulerEditSlot.d.ts

@@ -38,8 +38,6 @@ export interface SchedulerEditSlotProps extends SchedulerViewSlotProps {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerEditSlot]({% slug api_scheduler_schedulereditslot %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerEditSlotHandle {
     props: SchedulerEditSlotProps;

package/dist/npm/slots/SchedulerSlot.d.ts

@@ -113,8 +113,6 @@ export interface SchedulerSlotProps extends Slot {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerSlot]({% slug api_scheduler_schedulerslot %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerSlotHandle {
     element: HTMLDivElement | null;

package/dist/npm/slots/SchedulerSlot.js

@@ -43,6 +43,7 @@ var DAY_FORMAT = {
 
 var SchedulerSlotVue2 = {
   name: 'KendoSchedulerSlot',
+  inheritAttrs: false,
   // @ts-ignore
   emits: {
     focus: null,

package/dist/npm/slots/SchedulerViewSlot.d.ts

@@ -32,8 +32,6 @@ export interface SchedulerViewSlotProps extends SchedulerSlotProps {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerViewItem]({% slug api_scheduler_schedulerviewitem %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerViewSlotHandle {
     props: SchedulerViewSlotProps;

package/dist/npm/slots/SchedulerViewSlot.js

@@ -73,10 +73,18 @@ var SchedulerViewSlotVue2 = {
       default: null
     }
   },
+  data: function data() {
+    return {
+      timeout: undefined
+    };
+  },
   updated: function updated() {
     var that = this;
     this.$nextTick(function () {
       hooks_1.useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
+      that.$nextTick(function () {
+        hooks_1.useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
+      });
     });
   },
   mounted: function mounted() {
@@ -84,6 +92,13 @@ var SchedulerViewSlotVue2 = {
     this.$nextTick(function () {
       hooks_1.useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
     });
+
+    if (!this.ks.scheduler || !this.ks.scheduler.$el) {
+      return;
+    }
+
+    this.observer = new window.ResizeObserver(this.handleResize);
+    this.observer.observe(this.ks.scheduler.$el);
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -193,6 +208,17 @@ var SchedulerViewSlotVue2 = {
     },
     handleFocus: function handleFocus(args) {
       this.$emit('focus', args);
+    },
+    handleResize: function handleResize() {
+      var that = this;
+
+      if (this.timeout !== undefined) {
+        window.cancelAnimationFrame(this.timeout);
+      }
+
+      this.timeout = window.requestAnimationFrame(function () {
+        hooks_1.useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
+      });
     }
   }
 };

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

@@ -71,8 +71,6 @@ export interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerEditTask]({% slug api_scheduler_scheduleredittask %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerEditTaskHandle {
     element: HTMLDivElement | null;

package/dist/npm/tasks/SchedulerViewTask.d.ts

@@ -17,8 +17,6 @@ export interface SchedulerViewTaskProps extends SchedulerTaskProps {
 }
 /**
  * Represents the object which is returned from the `ref` callback of the [SchedulerViewTask]({% slug api_scheduler_schedulerviewtask %}).
- *
- * For more information about Refs, refer to the [React Refs & Dom](https://reactjs.org/docs/refs-and-the-dom.html) article.
  */
 export interface SchedulerViewTaskHandle {
     element: HTMLDivElement | null;

package/dist/npm/utils/index.js

@@ -77,8 +77,6 @@ exports.dateWithTime = dateWithTime;
  * @hidden
  */
 exports.getToday = function () { return kendo_date_math_1.getDate(new Date()); };
-// Introduce max depth doe to Maximum call stack size exceeded when react <body />
-// The element.closest() approach is not available due to browser support issues.
 /** @hidden */
 exports.slotDive = function (x, y, maxDepth, level) {
     if (level === void 0) { level = 0; }

package/dist/npm/views/month/MonthView.js

@@ -1,5 +1,21 @@
 "use strict";
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -254,9 +270,9 @@ var MonthViewVue2 = {
     });
     return (// @ts-ignore  function children
       h(BaseView_1.BaseView, {
-        props: this.$props,
+        props: __assign({}, this.$props),
         attrs: this.v3 ? undefined : {
-          props: this.$props,
+          props: __assign({}, this.$props),
           baseSlots: monthSlots,
           ranges: this.ranges
         },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.3.0-dev.202205100750",
+  "version": "3.3.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -42,7 +42,7 @@
   "dependencies": {
     "@progress/kendo-data-query": "^1.5.1",
     "@progress/kendo-recurrence": "^1.0.1",
-    "@progress/kendo-vue-common": "3.3.0-dev.202205100750",
+    "@progress/kendo-vue-common": "3.3.0",
     "@telerik/kendo-draggable": "^2.2.1"
   },
   "@progress": {
@@ -58,16 +58,16 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-dateinputs": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-dialogs": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-dropdowns": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-form": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-inputs": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-intl": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-labels": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-popup": "3.3.0-dev.202205100750",
-    "@progress/kendo-vue-progressbars": "3.3.0-dev.202205100750",
+    "@progress/kendo-vue-buttons": "3.3.0",
+    "@progress/kendo-vue-dateinputs": "3.3.0",
+    "@progress/kendo-vue-dialogs": "3.3.0",
+    "@progress/kendo-vue-dropdowns": "3.3.0",
+    "@progress/kendo-vue-form": "3.3.0",
+    "@progress/kendo-vue-inputs": "3.3.0",
+    "@progress/kendo-vue-intl": "3.3.0",
+    "@progress/kendo-vue-labels": "3.3.0",
+    "@progress/kendo-vue-popup": "3.3.0",
+    "@progress/kendo-vue-progressbars": "3.3.0",
     "cldr-core": "36.0.0",
     "cldr-dates-full": "36.0.0",
     "cldr-numbers-full": "36.0.0"

package/dist/es/hooks/useSchedulerItem.d.ts

@@ -1,6 +0,0 @@
-import { SchedulerItemProps } from '../main';
-/** @hidden */
-export declare const useSchedulerItem: (_props: SchedulerItemProps, _refTo?: any) => {
-    item: any;
-    element: any;
-};

package/dist/es/hooks/useSchedulerItem.js

@@ -1,33 +0,0 @@
-// import { useSchedulerViewItemsContext } from '../context';
-// import { COLLECTION_ACTION } from '@progress/kendo-vue-common';
-
-/** @hidden */
-export var useSchedulerItem = function useSchedulerItem(_props, _refTo) {
-  // const { refTo, itemRef } = props;
-  // const item = React.useRef<SchedulerItemHandle>(null);
-  // const element = React.useRef<HTMLDivElement>(null);
-  // const [, dispatchItems] = useSchedulerViewItemsContext();
-  // React.useImperativeHandle(item, () => ({ element: element.current, props }));
-  // React.useImperativeHandle(ref, () => item.current);
-  // React.useImperativeHandle(refTo, () => item.current);
-  // React.useImperativeHandle(itemRef, () => item.current);
-  // React.useLayoutEffect(
-  //     () => {
-  //         dispatchItems({
-  //             type: COLLECTION_ACTION.add,
-  //             item
-  //         });
-  //         return () => {
-  //             dispatchItems({
-  //                 type: COLLECTION_ACTION.remove,
-  //                 item
-  //             });
-  //         };
-  //     }
-  // );
-  // return {
-  //     item,
-  //     element
-  // };
-  return [];
-};

package/dist/npm/hooks/useSchedulerItem.d.ts

@@ -1,6 +0,0 @@
-import { SchedulerItemProps } from '../main';
-/** @hidden */
-export declare const useSchedulerItem: (_props: SchedulerItemProps, _refTo?: any) => {
-    item: any;
-    element: any;
-};

package/dist/npm/hooks/useSchedulerItem.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSchedulerItem = void 0; // import { useSchedulerViewItemsContext } from '../context';
-// import { COLLECTION_ACTION } from '@progress/kendo-vue-common';
-
-/** @hidden */
-
-exports.useSchedulerItem = function (_props, _refTo) {
-  // const { refTo, itemRef } = props;
-  // const item = React.useRef<SchedulerItemHandle>(null);
-  // const element = React.useRef<HTMLDivElement>(null);
-  // const [, dispatchItems] = useSchedulerViewItemsContext();
-  // React.useImperativeHandle(item, () => ({ element: element.current, props }));
-  // React.useImperativeHandle(ref, () => item.current);
-  // React.useImperativeHandle(refTo, () => item.current);
-  // React.useImperativeHandle(itemRef, () => item.current);
-  // React.useLayoutEffect(
-  //     () => {
-  //         dispatchItems({
-  //             type: COLLECTION_ACTION.add,
-  //             item
-  //         });
-  //         return () => {
-  //             dispatchItems({
-  //                 type: COLLECTION_ACTION.remove,
-  //                 item
-  //             });
-  //         };
-  //     }
-  // );
-  // return {
-  //     item,
-  //     element
-  // };
-  return [];
-};