@progress/kendo-vue-scheduler 3.0.8 → 3.0.9-dev.202203010857

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

@@ -0,0 +1,72 @@
+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;
+};
+import { SchedulerSlotProps, SchedulerSlotHandle } from './SchedulerSlot';
+/**
+ * Represents the extended `expandable` configuration of a `SchedulerSlot`.
+ *
+ * Settings `offsetTop` or `offsetBottom` would provide an extra space in addition to the space taken by the `items` inside the `slot`.
+ */
+export declare type SchedulerSlotExpandableConfig = {
+    offsetTop?: number;
+    offsetBottom?: number;
+};
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerViewSlot]({% slug api_scheduler_schedulerviewslot %}) component.
+ */
+export interface SchedulerViewSlotProps extends SchedulerSlotProps {
+    /**
+     * Overrides the default component responsible for view-specific functionality.
+     *
+     * The default Component is: [SchedulerSlot]({% slug api_scheduler_schedulerslot %}).
+     */
+    renderSlot?: any;
+    /**
+     * Set to `false` will render the `slot` as is, without expanding depending on the `items` inside it.
+     *
+     * For more information, please refer to the [Adaptive Slot Height]({% slug recurring_events_scheduler %}) article.
+     */
+    expandable?: boolean | SchedulerSlotExpandableConfig;
+}
+/**
+ * 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;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSlotState {
+    viewSlot: SchedulerViewSlotHandle | null;
+    slot: SchedulerSlotHandle | null;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSlotComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSlotMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSlotData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSlotAll extends Vue2type, SchedulerViewSlotMethods, SchedulerViewSlotData, SchedulerViewSlotComputed, SchedulerViewSlotState {
+}
+declare let SchedulerViewSlotVue2: ComponentOptions<SchedulerViewSlotAll, DefaultData<SchedulerViewSlotData>, DefaultMethods<SchedulerViewSlotAll>, SchedulerViewSlotComputed, RecordPropsDefinition<SchedulerViewSlotProps>>;
+declare const SchedulerViewSlot: DefineComponent<SchedulerViewSlotProps, any, SchedulerViewSlotData, SchedulerViewSlotComputed, SchedulerViewSlotMethods, {}, {}, {}, string, SchedulerViewSlotProps, SchedulerViewSlotProps, {}>;
+export { SchedulerViewSlot, SchedulerViewSlotVue2 };

package/dist/es/slots/SchedulerViewSlot.js

@@ -0,0 +1,121 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { SchedulerSlot } from './SchedulerSlot';
+import { useSlotExpand } from '../hooks';
+import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+
+var SchedulerViewSlotVue2 = {
+  name: 'KendoSchedulerViewSlot',
+  props: {
+    refTo: [Function, Object],
+    items: Array,
+    row: Number,
+    group: Object,
+    range: Object,
+    isWorkDay: {
+      type: Boolean,
+      default: true
+    },
+    isWorkHour: {
+      type: Boolean,
+      default: true
+    },
+    selected: Boolean,
+    col: Number,
+    index: Number,
+    start: Date,
+    end: Date,
+    zonedStart: Object,
+    zonedEnd: Object,
+    renderSlot: [String, Function, Object],
+    expandable: [Boolean, Object],
+    isAllDay: Boolean
+  },
+  created: function created() {
+    this.viewSlot = null;
+    this.slot = null;
+  },
+  inject: {
+    ks: {
+      default: null
+    },
+    bv: {
+      default: null
+    }
+  },
+  updated: function updated() {
+    useSlotExpand(this, this.ks.scheduler, this.$props.expandable);
+  },
+  mounted: function mounted() {
+    useSlotExpand(this, this.ks.scheduler, this.$props.expandable);
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+    var _a = this.$props,
+        renderSlot = _a.renderSlot,
+        refTo = _a.refTo,
+        items = _a.items,
+        row = _a.row,
+        group = _a.group,
+        range = _a.range,
+        isWorkDay = _a.isWorkDay,
+        isWorkHour = _a.isWorkHour,
+        col = _a.col,
+        index = _a.index,
+        start = _a.start,
+        end = _a.end,
+        zonedStart = _a.zonedStart,
+        zonedEnd = _a.zonedEnd;
+    return (// @ts-ignore  function children
+      h(SchedulerSlot, {
+        renderSlot: renderSlot //  refTo={refTo}
+        ,
+        attrs: this.v3 ? undefined : {
+          renderSlot: renderSlot,
+          isAllDay: this.isAllDay,
+          items: items,
+          row: row,
+          group: group,
+          range: range,
+          isWorkDay: isWorkDay,
+          isWorkHour: isWorkHour,
+          col: col,
+          index: index,
+          start: start,
+          end: end,
+          zonedStart: zonedStart,
+          zonedEnd: zonedEnd
+        },
+        isAllDay: this.isAllDay,
+        items: items,
+        row: row,
+        group: group,
+        range: range,
+        isWorkDay: isWorkDay,
+        isWorkHour: isWorkHour,
+        col: col,
+        index: index,
+        start: start,
+        end: end,
+        zonedStart: zonedStart,
+        zonedEnd: zonedEnd
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+var SchedulerViewSlot = SchedulerViewSlotVue2;
+export { SchedulerViewSlot, SchedulerViewSlotVue2 };

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

@@ -0,0 +1,102 @@
+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;
+};
+import { SchedulerViewTaskProps } from './SchedulerViewTask';
+import { DataItem } from '../models';
+import { DataAction } from '../Scheduler';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerEditTask]({% slug api_scheduler_scheduleredittask %}) component.
+ */
+export interface SchedulerEditTaskProps extends SchedulerViewTaskProps {
+    /**
+     * Overrides the default component responsible for positioning the task inside the view.
+     *
+     * The default Component is: [SchedulerViewTask]({% slug api_scheduler_schedulerviewtask %}).
+     */
+    viewTask?: any;
+    /**
+     * Overrides the default component responsible for visualizing the `removeItem` and confirming the `remove` action.
+     *
+     * The default Component is: [SchedulerRemoveDialog]({% slug api_scheduler_schedulerremovedialog %}).
+     */
+    removeDialog?: any;
+    /**
+     * Setting this property will force the `showRemoveDialog` to be in controlled state, allowing further control over the display of the `removeDialog` component.
+     */
+    showRemoveDialog?: boolean;
+    /**
+     * Called every time the `showRemoveDialog` changes.
+     */
+    onShowRemoveDialogChange?: (event: any) => void;
+    /**
+     * Setting this property will force the `removeItem` to be in controlled state, allowing further customization.
+     *
+     * Specifies the DataItem which should be removed from the `data` set.
+     * The `removeItem` is passed as property to the `removeDialog` component;
+     */
+    removeItem?: DataItem | null;
+    /**
+     * Called every time the `removeItem` changes.
+     */
+    onRemoveItemChange?: (event: any) => void;
+    /**
+     * Overrides the default component responsible for the selection between `occurrence` and `series` delete.
+     *
+     * The default Component is: [SchedulerOccurrenceDialog]({% slug api_scheduler_scheduleroccurrencedialog %}).
+     */
+    occurrenceDialog?: any;
+    /**
+     * Setting this property will force the `showOccurrenceDialog` to be in controlled state, allowing further control over the display of the `occurrenceDialog` component.
+     */
+    showOccurrenceDialog?: boolean;
+    /**
+     * Called every time the `showOccurrenceDialog` changes.
+     */
+    onShowOccurrenceDialogChange?: (event: any) => void;
+    /**
+     * Called when the item has been removed.
+     */
+    onDataaction?: (action: DataAction, event?: any) => void;
+}
+/**
+ * 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;
+    props: SchedulerEditTaskProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerEditTaskState {
+    viewTask: SchedulerEditTaskHandle | null;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerEditTaskComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerEditTaskMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerEditTaskData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerEditTaskAll extends Vue2type, SchedulerEditTaskMethods, SchedulerEditTaskData, SchedulerEditTaskComputed, SchedulerEditTaskState {
+}
+declare let SchedulerEditTaskVue2: ComponentOptions<SchedulerEditTaskAll, DefaultData<SchedulerEditTaskData>, DefaultMethods<SchedulerEditTaskAll>, SchedulerEditTaskComputed, RecordPropsDefinition<SchedulerEditTaskProps>>;
+declare const SchedulerEditTask: DefineComponent<SchedulerEditTaskProps, any, SchedulerEditTaskData, SchedulerEditTaskComputed, SchedulerEditTaskMethods, {}, {}, {}, string, SchedulerEditTaskProps, SchedulerEditTaskProps, {}>;
+export { SchedulerEditTask, SchedulerEditTaskVue2 };

package/dist/es/tasks/SchedulerEditTask.js

@@ -0,0 +1,282 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+import { SchedulerViewTask } from './SchedulerViewTask';
+import { useEditable } from '../hooks';
+import { findMaster } from '../utils';
+import { DATA_ACTION } from '../Scheduler'; // tslint:enable:max-line-length
+
+var SchedulerEditTaskVue2 = {
+  name: 'KendoSchedulerEditTask',
+  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,
+    refTo: [Function, Object],
+    id: String,
+    tabIndex: Number,
+    className: String,
+    editable: [Object, Boolean],
+    head: Boolean,
+    tail: Boolean,
+    order: Number,
+    zonedStart: Object,
+    zonedEnd: Object,
+    slots: Array,
+    group: Object,
+    range: Object,
+    isException: Boolean,
+    isRecurring: Boolean,
+    isAllDay: Boolean,
+    uid: [String, Number],
+    start: Date,
+    end: Date,
+    originalStart: Date,
+    startTimezone: String,
+    endTimezone: String,
+    title: String,
+    description: String,
+    occurrenceId: String,
+    recurrenceExceptions: Array,
+    recurrenceRule: String,
+    recurrenceId: [String, Number],
+    dataItem: Object
+  },
+  created: function created() {// this.viewTask = null;
+  },
+  provide: function provide() {
+    return {
+      et: this.et,
+      removeTask: this.handleRemoveItemChange,
+      removeDialog: this.handleRemoveDialogChange,
+      OccurrenceDialog: this.handleOccurrenceDialogChange
+    };
+  },
+  data: function data() {
+    return {
+      et: {
+        removeItem: null,
+        showRemoveDialog: false,
+        showOccurrenceDialog: false
+      },
+      currentEditable: false,
+      series: null,
+      currentData: null
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    var _a = this.$props,
+        refTo = _a.refTo,
+        viewTaskProp = _a.viewTask,
+        propRemoveDialog = _a.removeDialog,
+        propRemoveItem = _a.removeItem,
+        onRemoveItemChange = _a.onRemoveItemChange,
+        propOccurrenceDialog = _a.occurrenceDialog,
+        propShowOccurrenceDialog = _a.showOccurrenceDialog,
+        onShowOccurrenceDialogChange = _a.onShowOccurrenceDialogChange,
+        propShowRemoveDialog = _a.showRemoveDialog,
+        onShowRemoveDialogChange = _a.onShowRemoveDialogChange,
+        taskProps = __rest(_a, ["refTo", "viewTask", "removeDialog", "removeItem", "onRemoveItemChange", "occurrenceDialog", "showOccurrenceDialog", "onShowOccurrenceDialogChange", "showRemoveDialog", "onShowRemoveDialogChange"]);
+
+    this.currentEditable = useEditable(this.$props.editable);
+    return h(SchedulerViewTask, {
+      id: this.$props.id,
+      attrs: this.v3 ? undefined : {
+        id: this.$props.id,
+        tabIndex: this.$props.tabIndex,
+        head: this.$props.head,
+        tail: this.$props.tail,
+        order: this.$props.order,
+        zonedStart: this.$props.zonedStart,
+        zonedEnd: this.$props.zonedEnd,
+        slots: this.$props.slots,
+        group: this.$props.group,
+        range: this.$props.range,
+        isException: this.$props.isException,
+        isRecurring: this.$props.isRecurring,
+        isAllDay: this.$props.isAllDay,
+        uid: this.$props.uid,
+        start: this.$props.start,
+        end: this.$props.end,
+        originalStart: this.$props.originalStart,
+        startTimezone: this.$props.startTimezone,
+        endTimezone: this.$props.endTimezone,
+        title: this.$props.title,
+        description: this.$props.description,
+        occurrenceId: this.$props.occurrenceId,
+        recurrenceExceptions: this.$props.recurrenceExceptions,
+        recurrenceRule: this.$props.recurrenceRule,
+        recurrenceId: this.$props.recurrenceId,
+        dataItem: this.$props.dataItem //        {...taskProps}
+
+      },
+      tabIndex: this.$props.tabIndex,
+      head: this.$props.head,
+      tail: this.$props.tail,
+      order: this.$props.order,
+      zonedStart: this.$props.zonedStart,
+      zonedEnd: this.$props.zonedEnd,
+      slots: this.$props.slots,
+      group: this.$props.group,
+      range: this.$props.range,
+      isException: this.$props.isException,
+      isRecurring: this.$props.isRecurring,
+      isAllDay: this.$props.isAllDay,
+      uid: this.$props.uid,
+      start: this.$props.start,
+      end: this.$props.end,
+      originalStart: this.$props.originalStart,
+      startTimezone: this.$props.startTimezone,
+      endTimezone: this.$props.endTimezone,
+      title: this.$props.title,
+      description: this.$props.description,
+      occurrenceId: this.$props.occurrenceId,
+      recurrenceExceptions: this.$props.recurrenceExceptions,
+      recurrenceRule: this.$props.recurrenceRule,
+      recurrenceId: this.$props.recurrenceId,
+      dataItem: this.$props.dataItem,
+      onRemoveClick: this.handleRemoveClick,
+      on: this.v3 ? undefined : {
+        "removeClick": this.handleRemoveClick
+      }
+    }) // {(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}
+    //     />)}
+    ;
+  },
+  methods: {
+    setRemoveItem: function setRemoveItem(item, event) {
+      this.removeItem = item;
+      this.$emit('removeitemchange', {
+        item: item,
+        event: event
+      });
+    },
+    setShowRemoveDialog: function setShowRemoveDialog(show, event) {
+      this.showREmoveDialog = show;
+      this.$emit('showremovedialogchange', {
+        show: show,
+        event: event
+      });
+    },
+    setShowOccurrenceDialog: function setShowOccurrenceDialog(show, event) {
+      this.showOccurrenceDialog = show;
+      this.$emit('showoccurrencedialogchange', {
+        show: show,
+        event: event
+      });
+    },
+    handleRemoveClick: function handleRemoveClick(event) {
+      if (!this.currentEditable.remove) {
+        return;
+      }
+
+      this.setRemoveItem(this.$props.dataItem, event);
+
+      if (this.$props.isRecurring) {
+        this.setShowOccurrenceDialog(true, event);
+      } else {
+        this.setShowRemoveDialog(true, event);
+      }
+    },
+    handleCancel: function handleCancel(event) {
+      this.series = null;
+      this.setRemoveItem(null, event);
+      this.setShowRemoveDialog(false, event);
+      this.setShowOccurrenceDialog(false, event);
+    },
+    handleRemoveConfirm: function handleRemoveConfirm(event) {
+      if (this.removeItem) {
+        this.$emit('dataaction', {
+          type: DATA_ACTION.remove,
+          series: this.series,
+          dataItem: this.removeItem
+        });
+      }
+
+      this.setRemoveItem(null, event);
+      this.setShowRemoveDialog(false, event);
+    },
+    handleRemoveItemChange: function handleRemoveItemChange(value, event) {
+      if (!this.setRemoveItem) {
+        return;
+      }
+
+      this.setRemoveItem(value, event);
+    },
+    handleRemoveDialogChange: function handleRemoveDialogChange(value, event) {
+      if (!this.setShowRemoveDialog) {
+        return;
+      }
+
+      this.setShowRemoveDialog(value, event);
+    },
+    handleOccurrenceDialogChange: function handleOccurrenceDialogChange(value, event) {
+      if (!this.setShowOccurrenceDialog) {
+        return;
+      }
+
+      this.setShowOccurrenceDialog(value, event);
+    },
+    handleOccurrenceClick: function handleOccurrenceClick(event) {
+      if (this.removeItem) {
+        this.series = false;
+        this.setRemoveItem(this.$props.dataItem, event);
+        this.setShowRemoveDialog(true, event);
+      }
+
+      this.setShowOccurrenceDialog(false, event);
+    },
+    handleSeriesClick: function handleSeriesClick(event) {
+      if (this.removeItem) {
+        this.series = true;
+        var dataItem = findMaster(this.removeItem, this.fields, this.currentData);
+        this.setRemoveItem(dataItem, event);
+        this.setShowRemoveDialog(true, event);
+      }
+
+      this.setShowOccurrenceDialog(false, event);
+    }
+  }
+};
+var SchedulerEditTask = SchedulerEditTaskVue2;
+export { SchedulerEditTask, SchedulerEditTaskVue2 };

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

@@ -0,0 +1,75 @@
+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;
+};
+import { Item, SchedulerTaskMouseEvent, EditableProp } from '../models';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.
+ */
+export interface SchedulerTaskProps extends Item {
+    /** @hidden */
+    refTo: any;
+    /**
+     * Specifies the `id` of the wrapping element of the SchedulerTask.
+     */
+    id?: string;
+    /**
+     * Specifies the `tabIndex` attribute of the wrapping element of the SchedulerTask.
+     */
+    tabIndex?: number | null;
+    /**
+     * Specifies the `className` attribute of the wrapping element of the SchedulerTask.
+     *
+     * The SchedulerSlot applies the following default className:
+     * - `k-task`
+     */
+    className?: string;
+    /**
+     * Overrides the `editable` prop of the `Scheduler` and the active view.
+     */
+    editable?: EditableProp | boolean;
+    /**
+     * Called when the `delete` icon is clicked.
+     *
+     * The `delete` icon is rendered only when `props.editable` or `props.editable.remove` is `true`
+     */
+    onRemoveClick?: (event: SchedulerTaskMouseEvent) => void;
+}
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.
+ */
+export interface SchedulerTaskHandle {
+    element: HTMLDivElement | null;
+    props: SchedulerTaskProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerTaskState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerTaskComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerTaskMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerTaskData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerTaskAll extends Vue2type, SchedulerTaskMethods, SchedulerTaskData, SchedulerTaskComputed, SchedulerTaskState {
+}
+declare let SchedulerTaskVue2: ComponentOptions<SchedulerTaskAll, DefaultData<SchedulerTaskData>, DefaultMethods<SchedulerTaskAll>, SchedulerTaskComputed, RecordPropsDefinition<SchedulerTaskProps>>;
+declare const SchedulerTask: DefineComponent<SchedulerTaskProps, any, SchedulerTaskData, SchedulerTaskComputed, SchedulerTaskMethods, {}, {}, {}, string, SchedulerTaskProps, SchedulerTaskProps, {}>;
+export { SchedulerTask, SchedulerTaskVue2 };