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

package/dist/npm/tasks/SchedulerTask.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerTaskVue2 = exports.SchedulerTask = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("../messages");
+
+var hooks_1 = require("../hooks"); // tslint:enable:max-line-length
+
+
+var SchedulerTaskVue2 = {
+  name: 'KendoSchedulerTask',
+  props: {
+    refTo: [Function, Object],
+    id: String,
+    tabIndex: Number,
+    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
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  created: function created() {
+    this.task = null;
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var editable = hooks_1.useEditable(this.$props.editable);
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var deleteMessage = localization.toLanguageString(messages_1.deleteTitle, messages_1.messages[messages_1.deleteTitle]);
+    var resource = this.$props.group.resources.find(function (r) {
+      return Boolean(r.colorField && r[r.colorField] !== undefined);
+    });
+    var color = resource && resource.colorField && resource[resource.colorField];
+    return h("div", {
+      id: this.$props.id,
+      attrs: this.v3 ? undefined : {
+        id: this.$props.id,
+        tabIndex: this.$props.tabIndex || undefined
+      },
+      "class": 'k-task',
+      tabIndex: this.$props.tabIndex || undefined
+    }, [color && h("span", {
+      "class": "k-scheduler-mark",
+      style: {
+        color: color,
+        backgroundColor: color
+      }
+    }), this.$props.isRecurring && h("span", {
+      "class": "k-icon k-i-reload"
+    }), this.$props.isException && h("span", {
+      "class": "k-icon k-i-non-recurrence"
+    }), this.$props.title, editable.remove && h("a", {
+      "class": "k-link k-event-delete",
+      title: deleteMessage,
+      attrs: this.v3 ? undefined : {
+        title: deleteMessage,
+        "aria-label": deleteMessage
+      },
+      "aria-label": deleteMessage,
+      onClick: this.handleRemoveClick,
+      on: this.v3 ? undefined : {
+        "click": this.handleRemoveClick
+      }
+    }, [h("span", {
+      "class": "k-icon k-i-close"
+    })])]);
+  },
+  methods: {
+    handleRemoveClick: function handleRemoveClick(event) {
+      this.$emits('removeclick', {
+        event: event,
+        target: this.task
+      });
+    }
+  }
+};
+exports.SchedulerTaskVue2 = SchedulerTaskVue2;
+var SchedulerTask = SchedulerTaskVue2;
+exports.SchedulerTask = SchedulerTask;

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

@@ -0,0 +1,56 @@
+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 { SchedulerTaskProps } from './SchedulerTask';
+/**
+ * Represents the props of the Kendo UI for Vue [SchedulerViewTask]({% slug api_scheduler_schedulerviewtask %}) component.
+ */
+export interface SchedulerViewTaskProps extends SchedulerTaskProps {
+    /**
+     * Overrides the default component responsible for visualizing a single task.
+     *
+     * The default Component is: [SchedulerTask]({% slug api_scheduler_schedulertask %}).
+     */
+    task?: any;
+}
+/**
+ * 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;
+    props: SchedulerViewTaskProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewTaskAll extends Vue2type, SchedulerViewTaskMethods, SchedulerViewTaskData, SchedulerViewTaskComputed, SchedulerViewTaskState {
+}
+declare let SchedulerViewTaskVue2: ComponentOptions<SchedulerViewTaskAll, DefaultData<SchedulerViewTaskData>, DefaultMethods<SchedulerViewTaskAll>, SchedulerViewTaskComputed, RecordPropsDefinition<SchedulerViewTaskProps>>;
+declare const SchedulerViewTask: DefineComponent<SchedulerViewTaskProps, any, SchedulerViewTaskData, SchedulerViewTaskComputed, SchedulerViewTaskMethods, {}, {}, {}, string, SchedulerViewTaskProps, SchedulerViewTaskProps, {}>;
+export { SchedulerViewTask, SchedulerViewTaskVue2 };

package/dist/npm/tasks/SchedulerViewTask.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var __rest = undefined && undefined.__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;
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerViewTaskVue2 = exports.SchedulerViewTask = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var SchedulerTask_1 = require("./SchedulerTask"); // tslint:enable:max-line-length
+
+
+var SchedulerViewTaskVue2 = {
+  name: 'KendoSchedulerViewTask',
+  props: {
+    refTo: [Function, Object],
+    id: String,
+    tabIndex: Number,
+    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
+  },
+  // @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,
+        taskProp = _a.task,
+        refTo = _a.refTo,
+        taskProps = __rest(_a, ["task", "refTo"]);
+
+    return h(SchedulerTask_1.SchedulerTask, {
+      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
+      },
+      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
+    });
+  }
+};
+exports.SchedulerViewTaskVue2 = SchedulerViewTaskVue2;
+var SchedulerViewTask = SchedulerViewTaskVue2;
+exports.SchedulerViewTask = SchedulerViewTask;

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

@@ -0,0 +1,172 @@
+import { SchedulerModelFields, DataItem, SchedulerGroup, Item, Slot, Occurrence } from '../models';
+import { ZonedDate } from '@progress/kendo-date-math';
+import { SchedulerResource } from '../models/SchedulerResource';
+import { SchedulerItemHandle } from '../items/SchedulerItem';
+import { IntlService } from '@progress/kendo-vue-intl';
+import { Fields } from '../models/Fields';
+/** @hidden */
+export declare enum COLLECTION_ACTION {
+    add = 0,
+    remove = 1
+}
+/** @hidden */
+export declare const first: <T>(arr: T[]) => T;
+/** @hidden */
+export declare const last: <T>(arr: T[]) => T;
+/** @hidden */
+export declare const isMultiDay: (item: DataItem) => boolean;
+/** @hidden */
+export declare const isGroupped: (resources: any) => boolean;
+/**
+ * @hidden
+ */
+export declare function formatEventTime(intl: IntlService, start: Date, end: Date, isAllDay: boolean): string;
+/**
+ * @hidden
+ * TODO Move to date-math
+ */
+export declare const addUTCDays: (date: Date, offset: number) => Date;
+/** @hidden */
+export declare function dateWithTime(target: Date, time: Date): Date;
+/**
+ * @hidden
+ */
+export declare const getToday: () => Date;
+/** @hidden */
+export declare const slotDive: (x: number, y: number, maxDepth: number, level?: number) => HTMLElement | null;
+/**
+ * @hidden
+ */
+export declare const getField: (obj: any, field: any) => any;
+/**
+ * @hidden
+ */
+export declare const setField: (obj: any, field: string | undefined, value: any) => any;
+/**
+ * @hidden
+ */
+export declare function assignField(target: any, source: any, field: string): any;
+/**
+ * @hidden
+ */
+export declare function assignFields(target: any, source: any, ...fields: string[]): any;
+/**
+ * @hidden
+ */
+export declare const isPresent: (value: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isRecurringMaster: (event: Item) => boolean;
+/** @hidden */
+export declare function toUTCDate(localDate: Date): Date;
+/** @hidden */
+export declare function getUTCDate(utcDate: Date): Date;
+/** @hidden */
+export declare function toUTCDateTime(localDate: Date): Date;
+/** @hidden */
+export declare function toInvariantTime(date: Date): Date;
+/** @hidden */
+export declare function isRecurringException(event: Item): boolean;
+/**
+ * @hidden
+ */
+export declare const isRecurring: (event: DataItem, fields: SchedulerModelFields) => boolean;
+/**
+ * @hidden
+ */
+export declare const groupResources: (group: SchedulerGroup | undefined, resources: any[]) => any[];
+/**
+ * @hidden
+ */
+export declare const findMaster: (event: DataItem, fields: SchedulerModelFields, data: DataItem[]) => DataItem | undefined;
+/**
+ * @hidden
+ */
+export declare const isMaster: (event: Occurrence, fields: SchedulerModelFields) => boolean;
+/**
+ * @hidden
+ */
+export declare const buildException: (event: DataItem, fields: SchedulerModelFields, data: DataItem[]) => DataItem;
+/**
+ * @hidden
+ */
+export declare const isException: (event: DataItem, fields: SchedulerModelFields) => boolean;
+/** @hidden */
+export declare const intersects: (startTime: Date, endTime: Date, periodStart: Date, periodEnd: Date, inclusive?: boolean) => boolean;
+/** @hidden */
+export declare const roundAllDayEnd: ({ start, end }: {
+    start: any;
+    end: any;
+}) => ZonedDate;
+/**
+ * @hidden
+ */
+export declare const defaultModelFields: {
+    id: string;
+    start: string;
+    startTimezone: string;
+    originalStart: string;
+    end: string;
+    endTimezone: string;
+    isAllDay: string;
+    title: string;
+    description: string;
+    recurrenceRule: string;
+    recurrenceId: string;
+    recurrenceExceptions: string;
+};
+/** @hidden */
+export declare const getModelFields: (modelFields: any) => {
+    fields: Fields;
+};
+/** @hidden */
+export declare const isInTimeRange: (date: Date, min: Date, max: Date) => boolean;
+/** @hidden */
+export declare const toSchedulerGroups: (group?: SchedulerGroup, resources?: any[]) => any[];
+/** @hidden */
+export declare const toSchedulerResources: (resources?: SchedulerResource[]) => any;
+/** @hidden */
+export declare const generateResourceFields: (groups: any[], defaultFields: any) => Object;
+/**
+ * @hidden
+ *
+ * TODO: Move to @progress/kendo-common
+ */
+export declare const isBlank: (value: any) => boolean;
+/**
+ * @hidden
+ *
+ * TODO: Move to @progress/kendo-common
+ */
+export declare const isNullOrEmptyString: (value?: string) => boolean;
+/**
+ * @hidden
+ */
+export declare const setTime: (origin: Date, candidate: Date) => Date;
+/** @hidden */
+export declare const extractGroups: (dataItem: DataItem, fields: SchedulerModelFields, group: SchedulerGroup, resources: SchedulerResource[]) => any;
+/** @hidden */
+export declare const extractResourceFields: (dataItem: DataItem, fields: SchedulerModelFields, resources?: SchedulerResource[]) => Object;
+/** @hidden */
+export declare const extractResources: (dataItem: DataItem, fields: SchedulerModelFields, resources?: SchedulerResource[]) => any[];
+/** @hidden */
+export declare const shallowCompare: (x: any, y: any) => boolean;
+/** @hidden */
+export declare const findMissing: (orderNumbers: number[]) => number;
+/** @hidden */
+export declare const calculateOrder: (current: any, items: any[], slots: any[], ignoreIsAllDay?: boolean) => any;
+/** @hidden */
+export declare const mapSlotsToItems: (items: Item[], slots: Slot[], ignoreIsAllDay?: boolean) => void;
+/** @hidden */
+export declare const mapItemsToSlots: (items: Item[], slots: Slot[], ignoreIsAllDay?: boolean) => void;
+/** @hidden */
+export declare const noop: (..._args: any) => void;
+/** @hidden */
+export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
+/** @hidden */
+export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
+/**
+ * @hidden
+ */
+export declare const orderSort: (a: Item, b: Item) => number;