@progress/kendo-vue-scheduler 3.5.0 → 3.5.1-dev.202208150613

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

@@ -0,0 +1,113 @@
+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_scheduleredittaskprops %}) 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;
+    /**
+     * 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` &mdash; indicates that the editing should always be applied to the whole `series`
+     * - `false` &mdash; indicates that the editing should always be applied to a single `occurrence`.
+     */
+    series?: boolean | null;
+    /**
+     * 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;
+}
+/** @hidden */
+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 {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerEditTaskVue2: ComponentOptions<SchedulerEditTaskAll, DefaultData<SchedulerEditTaskData>, DefaultMethods<SchedulerEditTaskAll>, SchedulerEditTaskComputed, RecordPropsDefinition<SchedulerEditTaskProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerEditTask: DefineComponent<SchedulerEditTaskProps, any, SchedulerEditTaskData, SchedulerEditTaskComputed, SchedulerEditTaskMethods, {}, {}, {}, string, SchedulerEditTaskProps, SchedulerEditTaskProps, {}>;
+export { SchedulerEditTask, SchedulerEditTaskVue2 };

package/dist/esm/tasks/SchedulerEditTask.js

@@ -0,0 +1,330 @@
+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 isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+import { SchedulerViewTask } from './SchedulerViewTask.js';
+import { useEditable } from '../hooks.js';
+import { findMaster } from '../utils.js';
+import { DATA_ACTION } from '../Scheduler.js';
+import { getDefaultSlots } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var SchedulerEditTaskVue2 = {
+  name: 'KendoSchedulerEditTask',
+  props: {
+    viewTask: [String, Function, Object],
+    removeDialog: [String, Function, Object],
+    removeItem: [String, Function, Object],
+    occurrenceDialog: [String, Function, Object],
+    task: [String, Function, Object],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    series: {
+      type: Boolean,
+      default: undefined
+    },
+    refTo: [Function, Object],
+    id: String,
+    tabIndex: Number,
+    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;
+  },
+  inject: {
+    bv: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    return {
+      et: this.et,
+      removeTask: this.handleRemoveItemChange,
+      removeDialog: this.handleRemoveDialogChange,
+      occurrenceDialog: this.handleOccurrenceDialogChange,
+      ksCancel: this.handleCancel,
+      ksSeriesClick: this.handleSeriesClick,
+      ksOccurrenceClick: this.handleOccurrenceClick,
+      ksRemoveConfirm: this.handleRemoveConfirm
+    };
+  },
+  data: function data() {
+    return {
+      et: {
+        removeItem: null,
+        showRemoveDialog: false,
+        showOccurrenceDialog: false
+      },
+      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;
+    },
+    currentEditable: function currentEditable() {
+      return useEditable(this.$props.editable);
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = getDefaultSlots(this);
+
+    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"]);
+
+    return (// @ts-ignore  function children
+      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,
+          removeItem: this.compRemoveItem,
+          task: this.$props.task,
+          editable: this.$props.editable,
+          showOccurrenceDialog: this.compShowOccurrenceDialog,
+          showRemoveDialog: this.compShowRemoveDialog
+        },
+        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,
+        removeItem: this.compRemoveItem,
+        task: this.$props.task,
+        editable: this.$props.editable,
+        showOccurrenceDialog: this.compShowOccurrenceDialog,
+        showRemoveDialog: this.compShowRemoveDialog,
+        onRemoveclick: this.handleRemoveClick,
+        on: this.v3 ? undefined : {
+          "removeclick": this.handleRemoveClick
+        }
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  },
+  methods: {
+    setRemoveItem: function setRemoveItem(item, event) {
+      this.currentRemoveItem = item;
+      this.$emit('removeitemchange', {
+        item: item,
+        event: event
+      });
+    },
+    setShowRemoveDialog: function setShowRemoveDialog(show, event) {
+      this.currentShowRemoveDialog = show;
+      this.$emit('showremovedialogchange', {
+        show: show,
+        event: event
+      });
+    },
+    setShowOccurrenceDialog: function setShowOccurrenceDialog(show, event) {
+      this.currentShowOccurrenceDialog = 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.currentSeries = null;
+      this.setRemoveItem(null, event);
+      this.setShowRemoveDialog(false, event);
+      this.setShowOccurrenceDialog(false, event);
+    },
+    handleRemoveConfirm: function handleRemoveConfirm(event) {
+      if (this.compRemoveItem) {
+        this.$emit('dataaction', {
+          type: DATA_ACTION.remove,
+          series: this.compSeries,
+          dataItem: this.compRemoveItem
+        });
+      }
+
+      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.compRemoveItem) {
+        this.currentSeries = false;
+        this.setRemoveItem(this.$props.dataItem, event);
+        this.setShowRemoveDialog(true, event);
+      }
+
+      this.setShowOccurrenceDialog(false, event);
+    },
+    handleSeriesClick: function handleSeriesClick(event) {
+      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);
+      }
+
+      this.setShowOccurrenceDialog(false, event);
+    }
+  }
+};
+/**
+ * @hidden
+ */
+
+var SchedulerEditTask = SchedulerEditTaskVue2;
+export { SchedulerEditTask, SchedulerEditTaskVue2 };

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

@@ -0,0 +1,82 @@
+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.
+ */
+export interface SchedulerTaskProps extends Item {
+    /**
+     * 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;
+    /**
+     * 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;
+    /** @hidden */
+    refTo: any;
+    /** @hidden */
+    removeDialog?: any;
+    /** @hidden */
+    occurrenceDialog?: any;
+    /** @hidden */
+    showRemoveDialog?: boolean;
+    /** @hidden */
+    showOccurrenceDialog?: boolean;
+    /** @hidden */
+    removeItem?: object;
+}
+/** @hidden */
+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 {
+}
+/**
+ * @hidden
+ */
+declare let SchedulerTaskVue2: ComponentOptions<SchedulerTaskAll, DefaultData<SchedulerTaskData>, DefaultMethods<SchedulerTaskAll>, SchedulerTaskComputed, RecordPropsDefinition<SchedulerTaskProps>>;
+/**
+ * @hidden
+ */
+declare const SchedulerTask: DefineComponent<SchedulerTaskProps, any, SchedulerTaskData, SchedulerTaskComputed, SchedulerTaskMethods, {}, {}, {}, string, SchedulerTaskProps, SchedulerTaskProps, {}>;
+export { SchedulerTask, SchedulerTaskVue2 };