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

package/dist/es/components/header/navigation/SchedulerNavigation.d.ts

@@ -0,0 +1,43 @@
+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;
+};
+/** @hidden */
+export interface SchedulerNavigationProps {
+}
+/** @hidden */
+export interface SchedulerNavigationHandle {
+    element: HTMLSpanElement | null;
+    props: SchedulerNavigationProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerNavigationAll extends Vue2type, SchedulerNavigationMethods, SchedulerNavigationData, SchedulerNavigationComputed, SchedulerNavigationState {
+}
+declare let SchedulerNavigationVue2: ComponentOptions<SchedulerNavigationAll, DefaultData<SchedulerNavigationData>, DefaultMethods<SchedulerNavigationAll>, SchedulerNavigationComputed, RecordPropsDefinition<SchedulerNavigationProps>>;
+declare const SchedulerNavigation: DefineComponent<SchedulerNavigationProps, any, SchedulerNavigationData, SchedulerNavigationComputed, SchedulerNavigationMethods, {}, {}, {}, string, SchedulerNavigationProps, SchedulerNavigationProps, {}>;
+export { SchedulerNavigation, SchedulerNavigationVue2 };

package/dist/es/components/header/navigation/SchedulerNavigation.js

@@ -0,0 +1,30 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { ToolbarItem } from '@progress/kendo-vue-buttons';
+import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+
+var SchedulerNavigationVue2 = {
+  name: 'KendoSchedulerNavigation',
+  props: {},
+  // @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);
+    return (// @ts-ignore  function children
+      h(ToolbarItem, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+var SchedulerNavigation = SchedulerNavigationVue2;
+export { SchedulerNavigation, SchedulerNavigationVue2 };

package/dist/es/components/header/view-selector/SchedulerViewSelector.d.ts

@@ -0,0 +1,43 @@
+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;
+};
+/** @hidden */
+export interface SchedulerViewSelectorProps {
+}
+/** @hidden */
+export interface SchedulerViewSelectorHandle {
+    element: HTMLSpanElement | null;
+    props: SchedulerViewSelectorProps;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerViewSelectorAll extends Vue2type, SchedulerViewSelectorMethods, SchedulerViewSelectorData, SchedulerViewSelectorComputed, SchedulerViewSelectorState {
+}
+declare let SchedulerViewSelectorVue2: ComponentOptions<SchedulerViewSelectorAll, DefaultData<SchedulerViewSelectorData>, DefaultMethods<SchedulerViewSelectorAll>, SchedulerViewSelectorComputed, RecordPropsDefinition<SchedulerViewSelectorProps>>;
+declare const SchedulerViewSelector: DefineComponent<SchedulerViewSelectorProps, any, SchedulerViewSelectorData, SchedulerViewSelectorComputed, SchedulerViewSelectorMethods, {}, {}, {}, string, SchedulerViewSelectorProps, SchedulerViewSelectorProps, {}>;
+export { SchedulerViewSelector, SchedulerViewSelectorVue2 };

package/dist/es/components/header/view-selector/SchedulerViewSelector.js

@@ -0,0 +1,33 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { ToolbarItem } from '@progress/kendo-vue-buttons';
+import { getDefaultSlots } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
+
+var SchedulerViewSelectorVue2 = {
+  name: 'KendoSchedulerViewSelector',
+  props: {},
+  // @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);
+    return (// @ts-ignore  function children
+      h(ToolbarItem // ref={(item) => { if (item) { element.current = item.element; } }}
+      , {
+        "class": 'k-scheduler-views'
+      }, this.v3 ? function () {
+        return [defaultSlot];
+      } : [defaultSlot])
+    );
+  }
+};
+var SchedulerViewSelector = SchedulerViewSelectorVue2;
+export { SchedulerViewSelector, SchedulerViewSelectorVue2 };

package/dist/es/components/header/view-selector/ViewSelectorItem.d.ts

@@ -0,0 +1,41 @@
+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 { ButtonProps } from '@progress/kendo-vue-buttons';
+import { SchedulerViewProps } from '../../../models';
+/** @hidden */
+export interface ViewSelectorItemProps extends ButtonProps {
+    view: SchedulerViewProps;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemState {
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemData {
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorItemAll extends Vue2type, ViewSelectorItemMethods, ViewSelectorItemData, ViewSelectorItemComputed, ViewSelectorItemState {
+}
+declare let ViewSelectorItemVue2: ComponentOptions<ViewSelectorItemAll, DefaultData<ViewSelectorItemData>, DefaultMethods<ViewSelectorItemAll>, ViewSelectorItemComputed, RecordPropsDefinition<ViewSelectorItemProps>>;
+declare const ViewSelectorItem: DefineComponent<ViewSelectorItemProps, any, ViewSelectorItemData, ViewSelectorItemComputed, ViewSelectorItemMethods, {}, {}, {}, string, ViewSelectorItemProps, ViewSelectorItemProps, {}>;
+export { ViewSelectorItem, ViewSelectorItemVue2 };

package/dist/es/components/header/view-selector/ViewSelectorItem.js

@@ -0,0 +1,73 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+import { Button } from '@progress/kendo-vue-buttons';
+import { provideLocalizationService } from '@progress/kendo-vue-intl'; // tslint:enable:max-line-length
+
+var ViewSelectorItemVue2 = {
+  name: 'KendoViewSelectorItem',
+  props: {
+    view: Object
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    },
+    ks: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var localization = provideLocalizationService(this);
+    var title = this.$props.view.title || this.$props.view.name; // const title = React.useMemo(
+    //     () => typeof props.view.title === 'function'
+    //         ? props.view.title.call(undefined, localization)
+    //         : props.view.title,
+    //     [props.view.title, localization]);
+
+    return (// @ts-ignore function children
+      h(Button, {
+        role: "button",
+        attrs: this.v3 ? undefined : {
+          role: "button",
+          type: "button",
+          tabIndex: -1,
+          togglable: true,
+          selected: this.$props.view.name === this.ks.activeViewName
+        },
+        type: "button",
+        tabIndex: -1,
+        togglable: true,
+        selected: this.$props.view.name === this.ks.activeViewName,
+        onClick: this.handleClick,
+        on: this.v3 ? undefined : {
+          "click": this.handleClick
+        }
+      }, this.v3 ? function () {
+        return [title];
+      } : [title])
+    );
+  },
+  methods: {
+    handleClick: function handleClick() {
+      if (this.$props.view.name) {
+        this.setActiveViewName(this.$props.view.name);
+      }
+    }
+  }
+};
+var ViewSelectorItem = ViewSelectorItemVue2;
+export { ViewSelectorItem, ViewSelectorItemVue2 };

package/dist/es/components/header/view-selector/ViewSelectorList.d.ts

@@ -0,0 +1,36 @@
+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;
+};
+/**
+ * @hidden
+ */
+export interface ViewSelectorListState {
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListData {
+    media: 'desktop' | 'mobile';
+}
+/**
+ * @hidden
+ */
+export interface ViewSelectorListAll extends Vue2type, ViewSelectorListMethods, ViewSelectorListData, ViewSelectorListComputed, ViewSelectorListState {
+}
+declare let ViewSelectorListVue2: ComponentOptions<ViewSelectorListAll, DefaultData<ViewSelectorListData>, DefaultMethods<ViewSelectorListAll>, ViewSelectorListComputed, RecordPropsDefinition<{}>>;
+declare const ViewSelectorList: DefineComponent<{}, any, ViewSelectorListData, ViewSelectorListComputed, ViewSelectorListMethods, {}, {}, {}, string, {}, {}, {}>;
+export { ViewSelectorList, ViewSelectorListVue2 };

package/dist/es/components/header/view-selector/ViewSelectorList.js

@@ -0,0 +1,153 @@
+var __assign = this && this.__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);
+}; // @ts-ignore
+
+
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h; // import { useSchedulerViewsContext } from '../../../main';
+// import { useSchedulerActiveViewContext } from '../../../context';
+// import { useLocalization } from '@progress/kendo-vue-intl';
+
+import { DropDownButton, ButtonGroup } from '@progress/kendo-vue-buttons';
+import { ViewSelectorItem } from './ViewSelectorItem'; // tslint:enable:max-line-length
+
+var ViewSelectorListVue2 = {
+  name: 'KendoViewSelectorList',
+  inject: {
+    ks: {
+      default: null
+    },
+    setActiveViewName: {
+      default: null
+    }
+  },
+  mounted: function mounted() {
+    this.calculateMedia();
+    this.observer = new window.ResizeObserver(this.calculateMedia);
+    this.observer.observe(this.$el);
+  },
+  destroyed: !!gh ? undefined : function () {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+  },
+  data: function data() {
+    return {
+      media: 'desktop'
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this2 = this;
+
+    var _this = this;
+
+    var h = gh || createElement;
+    var views = this.ks.views; // useSchedulerViewsContext();
+    //  const [activeViewName, setActiveViewName] = useSchedulerActiveViewContext();
+
+    var activeView = views.find(function (v) {
+      return v.name === _this.ks.activeViewName;
+    }); // const localization = useLocalization();
+
+    return h("div", {
+      "class": "k-scheduler-views-wrapper"
+    }, [activeView && this.media === 'mobile' && h(DropDownButton, {
+      "class": "k-views-dropdown",
+      onItemclick: this.handleItemClick,
+      on: this.v3 ? undefined : {
+        "itemclick": this.handleItemClick
+      },
+      popupSettings: {
+        popupClass: 'k-scheduler-toolbar'
+      },
+      attrs: this.v3 ? undefined : {
+        popupSettings: {
+          popupClass: 'k-scheduler-toolbar'
+        },
+        textField: "title",
+        items: views.map(function (v) {
+          return __assign(__assign({}, v.props), {
+            selected: v.name === this.ks.activeViewName,
+            name: v.name,
+            title: v.title || v.name
+          });
+        }, this),
+        text: // {typeof activeView.props.title === 'function'
+        //               ? activeView.props.title.call(undefined, localization)
+        //  : 
+        activeView.title || activeView.name
+      },
+      textField: "title",
+      items: views.map(function (v) {
+        return __assign(__assign({}, v.props), {
+          selected: v.name === this.ks.activeViewName,
+          name: v.name,
+          title: v.title || v.name
+        });
+      }, this),
+      text: activeView.title || activeView.name
+    }), this.media === 'desktop' && // @ts-ignore  function children
+    h(ButtonGroup, {
+      "class": "k-scheduler-views"
+    }, this.v3 ? function () {
+      return [views.map(function (view) {
+        return h(ViewSelectorItem, {
+          key: view.name,
+          view: view,
+          attrs: this.v3 ? undefined : {
+            view: view
+          }
+        });
+      }, _this2)];
+    } : [views.map(function (view) {
+      return h(ViewSelectorItem, {
+        key: view.name,
+        view: view,
+        attrs: this.v3 ? undefined : {
+          view: view
+        }
+      });
+    }, _this2)])]);
+  },
+  methods: {
+    handleItemClick: function handleItemClick(event) {
+      event.event.preventDefault();
+
+      if (event.item.name || event.item.title) {
+        this.setActiveViewName(event.item.name || event.item.title);
+      }
+    },
+    calculateMedia: function calculateMedia() {
+      this.media = window.matchMedia('(min-width: 1024px)').matches ? 'desktop' : 'mobile';
+    }
+  }
+};
+var ViewSelectorList = ViewSelectorListVue2;
+export { ViewSelectorList, ViewSelectorListVue2 };

package/dist/es/constants/index.d.ts

@@ -0,0 +1,49 @@
+import { Range, Group } from '../models';
+/** @hidden */
+export { MS_PER_DAY } from '@progress/kendo-date-math';
+/** @hidden */
+export declare const MIDNIGHT_INVARIANT: Date;
+/** @hidden */
+export declare const MS_PER_SECOND = 1000;
+/** @hidden */
+export declare const MS_PER_MINUTE: number;
+/** @hidden */
+export declare const MS_PER_HOUR: number;
+/** @hidden */
+export declare const TIME_FORMAT = "t";
+/** @hidden */
+export declare const BORDER_WIDTH = 1;
+/** @hidden */
+export declare const DEFAULT_EVENT_HEIGHT = 25;
+/** @hidden */
+export declare const DAYS_IN_WEEK_COUNT = 7;
+/** @hidden */
+export declare const WEEKS_COUNT = 6;
+/** @hidden */
+export declare const HOURS_IN_DAY_COUNT = 24;
+/** @hidden */
+export declare const EMPTY_RESOURCE: {}[];
+/** @hidden */
+export declare const OCCURRENCE_ID = 0;
+/** @hidden */
+export declare const DEFAULT_ID: any;
+/** @hidden */
+export declare const DISPLAY_NONE_STYLES: {
+    display: string;
+};
+/** @hidden */
+export declare const VISIBILITY_HIDDEN_STYLES: {
+    visibility: string;
+};
+/** @hidden */
+export declare const DEFAULT_GROUP: Group;
+/**
+ * @hidden
+ */
+export declare const MIN_DATE: Date;
+/**
+ * @hidden
+ */
+export declare const MAX_DATE: Date;
+/** @hidden */
+export declare const DEFAULT_RANGE: Range;

package/dist/es/constants/index.js

@@ -0,0 +1,55 @@
+import { ZonedDate } from '@progress/kendo-date-math';
+/** @hidden */
+export { MS_PER_DAY } from '@progress/kendo-date-math';
+/** @hidden */
+export var MIDNIGHT_INVARIANT = new Date(1980, 0, 1);
+/** @hidden */
+export var MS_PER_SECOND = 1000;
+/** @hidden */
+export var MS_PER_MINUTE = 60 * MS_PER_SECOND;
+/** @hidden */
+export var MS_PER_HOUR = 60 * MS_PER_MINUTE;
+/** @hidden */
+export var TIME_FORMAT = 't';
+// probably should calculate this
+/** @hidden */
+export var BORDER_WIDTH = 1;
+/** @hidden */
+export var DEFAULT_EVENT_HEIGHT = 25;
+/** @hidden */
+export var DAYS_IN_WEEK_COUNT = 7;
+/** @hidden */
+export var WEEKS_COUNT = 6;
+/** @hidden */
+export var HOURS_IN_DAY_COUNT = 24;
+/** @hidden */
+export var EMPTY_RESOURCE = [{}];
+/** @hidden */
+export var OCCURRENCE_ID = 0;
+/** @hidden */
+export var DEFAULT_ID = undefined;
+/** @hidden */
+export var DISPLAY_NONE_STYLES = { display: 'none' };
+/** @hidden */
+export var VISIBILITY_HIDDEN_STYLES = { visibility: 'hidden' };
+/** @hidden */
+export var DEFAULT_GROUP = {
+    index: 0,
+    resources: []
+};
+/**
+ * @hidden
+ */
+export var MIN_DATE = new Date(1900, 0, 1);
+/**
+ * @hidden
+ */
+export var MAX_DATE = new Date(2099, 11, 31);
+/** @hidden */
+export var DEFAULT_RANGE = {
+    index: 0,
+    start: MIN_DATE,
+    end: MAX_DATE,
+    zonedStart: ZonedDate.fromLocalDate(MIN_DATE),
+    zonedEnd: ZonedDate.fromLocalDate(MAX_DATE)
+};

package/dist/es/context/SchedulerContext.d.ts

@@ -0,0 +1,34 @@
+import { SchedulerProps } from '../main';
+import { SchedulerView } from '../models';
+/** @hidden */
+export interface SchedulerContextProps {
+    element: any;
+    props: SchedulerPropsContextType;
+    views: SchedulerViewsContextType;
+    fields: any;
+    groups: any;
+    dateRange: any;
+    dateFormat: any;
+    orientation: any;
+    date: any;
+    activeView: any;
+    dataItems: any;
+}
+/**
+ * Specifies the result of the [useSchedulerPropsContext]({% slug api_scheduler_useschedulerpropscontext %}) and [SchedulerPropsContext]({% slug api_scheduler_schedulerpropscontext %}).
+ */
+export declare type SchedulerPropsContextType = SchedulerProps;
+/**
+ * A [React Context](https://reactjs.org/docs/context.html) providing access to the [Scheduler]({% slug api_scheduler_scheduler %}) props.
+ *
+ * For more information, refer to the [Scheduler Context]({% slug context_scheduler %}) article.
+ */
+/**
+ * Specifies the result of the [useSchedulerViewsContext]({% slug api_scheduler_useschedulerviewscontext %}) and [SchedulerViewsContext]({% slug api_scheduler_schedulerviewscontext %}).
+ */
+export declare type SchedulerViewsContextType = SchedulerView[];
+/**
+ * Specifies the result of the [useSchedulerFieldsContext]({% slug api_scheduler_useschedulerfieldscontext %}) and [SchedulerFieldsContext]({% slug api_scheduler_schedulerfieldscontext %}).
+ */
+/** @hidden */
+export declare const SchedulerContext: ({}: SchedulerContextProps) => any[];