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

package/dist/npm/context/SchedulerResourceIteratorContext.d.ts

@@ -0,0 +1,40 @@
+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 SchedulerResourceIteratorContextProps {
+    resource: any;
+    groupIndex: number;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextState {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextData {
+}
+/**
+ * @hidden
+ */
+export interface SchedulerResourceIteratorContextAll extends Vue2type, SchedulerResourceIteratorContextMethods, SchedulerResourceIteratorContextData, SchedulerResourceIteratorContextComputed, SchedulerResourceIteratorContextState {
+}
+declare let SchedulerResourceIteratorContextVue2: ComponentOptions<SchedulerResourceIteratorContextAll, DefaultData<SchedulerResourceIteratorContextData>, DefaultMethods<SchedulerResourceIteratorContextAll>, SchedulerResourceIteratorContextComputed, RecordPropsDefinition<SchedulerResourceIteratorContextProps>>;
+declare const SchedulerResourceIteratorContext: DefineComponent<SchedulerResourceIteratorContextProps, any, SchedulerResourceIteratorContextData, SchedulerResourceIteratorContextComputed, SchedulerResourceIteratorContextMethods, {}, {}, {}, string, SchedulerResourceIteratorContextProps, SchedulerResourceIteratorContextProps, {}>;
+export { SchedulerResourceIteratorContext, SchedulerResourceIteratorContextVue2 };

package/dist/npm/context/SchedulerResourceIteratorContext.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerResourceIteratorContextVue2 = exports.SchedulerResourceIteratorContext = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
+
+
+var SchedulerResourceIteratorContextVue2 = {
+  name: 'KendoSchedulerResourceIteratorContext',
+  inheritAttrs: false,
+  props: {
+    resource: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    groupIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  data: function data() {
+    return {
+      ri: {
+        resource: this.resource,
+        groupIndex: this.groupIndex
+      }
+    };
+  },
+  provide: function provide() {
+    return {
+      ri: this.ri
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
+    return h("div", {
+      "class": "k-scheduler-cell k-group-cell"
+    }, [defaultSlot]);
+  }
+};
+exports.SchedulerResourceIteratorContextVue2 = SchedulerResourceIteratorContextVue2;
+var SchedulerResourceIteratorContext = SchedulerResourceIteratorContextVue2;
+exports.SchedulerResourceIteratorContext = SchedulerResourceIteratorContext;

package/dist/npm/context/SchedulerViewContext.d.ts

@@ -0,0 +1,19 @@
+import { SchedulerViewProps } from '../models';
+/**
+ * @hidden
+ */
+export interface SchedulerViewContextProps {
+    props: SchedulerViewPropsContextType;
+    ranges: any;
+    slots: any;
+    items: any;
+    selectedSlots: any;
+    selectedItems: any;
+    focusedItems: any;
+    focusedSlots: any;
+}
+/** @hidden */
+export declare type SchedulerViewPropsContextType = SchedulerViewProps;
+/** @hidden */
+/** @hidden */
+export declare const SchedulerViewContext: ({}: SchedulerViewContextProps) => any[];

package/dist/npm/context/SchedulerViewContext.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SchedulerViewContext = void 0;
+/** @hidden */
+// export const SchedulerViewPropsContext = React.createContext<SchedulerViewPropsContextType>({});
+// /** @hidden */
+// export const useSchedulerViewPropsContext = () => React.useContext(SchedulerViewPropsContext);
+// SchedulerViewPropsContext.displayName = 'SchedulerViewPropsContext';
+// /** @hidden */
+// export type SchedulerViewRangesContextType = Range[];
+// /** @hidden */
+// export const SchedulerViewRangesContext = React.createContext<SchedulerViewRangesContextType>([]);
+// /** @hidden */
+// export const useSchedulerViewRangesContext = () => React.useContext(SchedulerViewRangesContext);
+// SchedulerViewRangesContext.displayName = 'SchedulerViewRangesContext';
+// // Ref
+// /** @hidden */
+// export type SchedulerViewSlotsContextType
+//     = [React.RefObject<SchedulerSlotHandle>[], (
+//    action: CollectionAction<React.RefObject<SchedulerSlotHandle>>) => void];
+// /** @hidden */
+// export const SchedulerViewSlotsContext = React.createContext<SchedulerViewSlotsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewSlotsContext = () => React.useContext(SchedulerViewSlotsContext);
+// SchedulerViewSlotsContext.displayName = 'SchedulerViewSlotsContext';
+// /** @hidden */
+// export type SchedulerViewItemsContextType
+//     = [React.RefObject<SchedulerItemHandle>[], (
+//    action: CollectionAction<React.RefObject<SchedulerItemHandle>>) => void];
+// /** @hidden */
+// export const SchedulerViewItemsContext = React.createContext<SchedulerViewItemsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewItemsContext = () => React.useContext(SchedulerViewItemsContext);
+// SchedulerViewItemsContext.displayName = 'SchedulerViewItemsContext';
+// // State
+// /** @hidden */
+// export type SchedulerViewSelectedSlotsContextType
+//     = [React.RefObject<SchedulerSlotHandle>[], (
+//   action: SchedulerSlotsSelectAction, event: React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewSelectedSlotsContext =
+// React.createContext<SchedulerViewSelectedSlotsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewSelectedSlotsContext = () => React.useContext(SchedulerViewSelectedSlotsContext);
+// SchedulerViewSelectedSlotsContext.displayName = 'SchedulerViewSelectedSlotsContext';
+// /** @hidden */
+// export type SchedulerViewSelectedItemsContextType
+//     = [React.RefObject<SchedulerItemHandle>[], (
+//    action: SchedulerItemsSelectAction, event: React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewSelectedItemsContext = 
+// React.createContext<SchedulerViewSelectedItemsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewSelectedItemsContext = () => React.useContext(SchedulerViewSelectedItemsContext);
+// SchedulerViewSelectedItemsContext.displayName = 'SchedulerViewSelectedItemsContext';
+// /** @hidden */
+// export type SchedulerViewFocusedItemsContextType
+//     = [React.RefObject<SchedulerItemHandle>[], (
+//    action: SchedulerItemsFocusAction, event: 
+//  React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewFocusedItemsContext =
+// React.createContext<SchedulerViewFocusedItemsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewFocusedItemsContext = () => React.useContext(SchedulerViewFocusedItemsContext);
+// SchedulerViewFocusedItemsContext.displayName = 'SchedulerViewFocusedItemsContext';
+// /** @hidden */
+// export type SchedulerViewFocusedSlotsContextType
+//     = [React.RefObject<SchedulerSlotHandle>[], (
+//    action: SchedulerSlotsFocusAction, event: React.SyntheticEvent) => void];
+// /** @hidden */
+// export const SchedulerViewFocusedSlotsContext = 
+// React.createContext<SchedulerViewFocusedSlotsContextType>([[], noop]);
+// /** @hidden */
+// export const useSchedulerViewFocusedSlotsContext = () => React.useContext(SchedulerViewFocusedSlotsContext);
+// SchedulerViewFocusedSlotsContext.displayName = 'SchedulerViewFocusedSlotsContext';
+
+/** @hidden */
+
+exports.SchedulerViewContext = function (_a) {
+  return [] // <SchedulerViewPropsContext.Provider value={props}>
+  //   <SchedulerViewRangesContext.Provider value={ranges}>
+  //     <SchedulerViewSlotsContext.Provider value={slots}>
+  //       <SchedulerViewItemsContext.Provider value={items}>
+  //         <SchedulerViewSelectedSlotsContext.Provider value={selectedSlots}>
+  //           <SchedulerViewSelectedItemsContext.Provider value={selectedItems}>
+  //             <SchedulerViewFocusedItemsContext.Provider value={focusedItems}>
+  //               <SchedulerViewFocusedSlotsContext.Provider value={focusedSlots}>
+  //                 {children}
+  //               </SchedulerViewFocusedSlotsContext.Provider>
+  //             </SchedulerViewFocusedItemsContext.Provider>
+  //           </SchedulerViewSelectedItemsContext.Provider>
+  //         </SchedulerViewSelectedSlotsContext.Provider>
+  //       </SchedulerViewItemsContext.Provider>
+  //     </SchedulerViewSlotsContext.Provider>
+  //   </SchedulerViewRangesContext.Provider>
+  // </SchedulerViewPropsContext.Provider>
+  ;
+};

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

@@ -0,0 +1,5 @@
+export * from './SchedulerContext';
+export * from './SchedulerEditItemContext';
+export * from './SchedulerEditSlotContext';
+export * from './SchedulerEditTaskContext';
+export * from './SchedulerViewContext';

package/dist/npm/context/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SchedulerContext"), exports);
+__exportStar(require("./SchedulerEditItemContext"), exports);
+__exportStar(require("./SchedulerEditSlotContext"), exports);
+__exportStar(require("./SchedulerEditTaskContext"), exports);
+__exportStar(require("./SchedulerViewContext"), exports);

package/dist/npm/editors/FilterableComboBox.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;
+};
+import { FieldRenderProps } from '@progress/kendo-vue-form';
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxState {
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxData {
+}
+/**
+ * @hidden
+ */
+export interface FilterableComboBoxAll extends Vue2type, FilterableComboBoxMethods, FilterableComboBoxData, FilterableComboBoxComputed, FilterableComboBoxState {
+}
+declare let FilterableComboBoxVue2: ComponentOptions<FilterableComboBoxAll, DefaultData<FilterableComboBoxData>, DefaultMethods<FilterableComboBoxAll>, FilterableComboBoxComputed, RecordPropsDefinition<FieldRenderProps>>;
+declare const FilterableComboBox: DefineComponent<FieldRenderProps, any, FilterableComboBoxData, FilterableComboBoxComputed, FilterableComboBoxMethods, {}, {}, {}, string, FieldRenderProps, FieldRenderProps, {}>;
+export { FilterableComboBox, FilterableComboBoxVue2 };

package/dist/npm/editors/FilterableComboBox.js

@@ -0,0 +1,97 @@
+"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.FilterableComboBoxVue2 = exports.FilterableComboBox = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_data_query_1 = require("@progress/kendo-data-query");
+
+var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns"); // tslint:enable:max-line-length
+
+
+var FilterableComboBoxVue2 = {
+  name: 'KendoFilterableComboBox',
+  props: {
+    value: [String, Number, Object],
+    dataItems: Array,
+    validationMessage: String,
+    touched: Boolean,
+    modified: Boolean,
+    visited: Boolean,
+    valid: Boolean,
+    name: String
+  },
+  data: function data() {
+    return {
+      filteredData: this.$props.dataItems
+    };
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    var _a = this.$props,
+        data = _a.data,
+        validationMessage = _a.validationMessage,
+        visited = _a.visited,
+        touched = _a.touched,
+        modified = _a.modified,
+        others = __rest(_a, ["data", "validationMessage", "visited", "touched", "modified"]);
+
+    return h(kendo_vue_dropdowns_1.ComboBox, {
+      dataItems: this.filteredData,
+      attrs: this.v3 ? undefined : {
+        dataItems: this.filteredData,
+        filterable: true
+      },
+      filterable: true,
+      onFilterChange: this.onFilterChange,
+      on: this.v3 ? undefined : {
+        "filterChange": this.onFilterChange,
+        "change": this.onValueChange
+      },
+      onChange: this.onValueChange
+    });
+  },
+  methods: {
+    onValueChange: function onValueChange(e) {
+      this.$emit('change', e);
+    },
+    onFilterChange: function onFilterChange(event) {
+      var newData = kendo_data_query_1.filterBy(this.$props.dataItems || [], event.filter);
+      this.filteredData = newData;
+    }
+  }
+};
+exports.FilterableComboBoxVue2 = FilterableComboBoxVue2;
+var FilterableComboBox = FilterableComboBoxVue2;
+exports.FilterableComboBox = FilterableComboBox;

package/dist/npm/editors/ResourceEditor.d.ts

@@ -0,0 +1,47 @@
+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 { FieldRenderProps } from '@progress/kendo-vue-form';
+import { SchedulerResource } from '../models';
+/** @hidden */
+export interface ResourceEditorProps extends FieldRenderProps {
+    resource: SchedulerResource;
+    dataItems: any[];
+    textField: string;
+    valueField: string;
+    colorField?: string;
+    multiple?: boolean;
+    validationMessage: string;
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorState {
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorData {
+}
+/**
+ * @hidden
+ */
+export interface ResourceEditorAll extends Vue2type, ResourceEditorMethods, ResourceEditorData, ResourceEditorComputed, ResourceEditorState {
+}
+declare let ResourceEditorVue2: ComponentOptions<ResourceEditorAll, DefaultData<ResourceEditorData>, DefaultMethods<ResourceEditorAll>, ResourceEditorComputed, RecordPropsDefinition<ResourceEditorProps>>;
+declare const ResourceEditor: DefineComponent<ResourceEditorProps, any, ResourceEditorData, ResourceEditorComputed, ResourceEditorMethods, {}, {}, {}, string, ResourceEditorProps, ResourceEditorProps, {}>;
+export { ResourceEditor, ResourceEditorVue2 };

package/dist/npm/editors/ResourceEditor.js

@@ -0,0 +1,141 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResourceEditorVue2 = exports.ResourceEditor = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var inject = allVue.inject;
+
+var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns"); // tslint:enable:max-line-length
+
+
+var ResourceEditorVue2 = {
+  name: 'KendoResourceEditor',
+  props: {
+    resource: Object,
+    dataItems: Array,
+    textField: String,
+    valueField: String,
+    colorField: String,
+    multiple: Boolean,
+    validationMessage: String,
+    value: [String, Number, Object],
+    touched: Boolean,
+    modified: Boolean,
+    visited: Boolean,
+    valid: Boolean,
+    name: String
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this = this;
+
+    var h = gh || createElement; // const Component = this.$props.multiple
+    //     ? MultiSelect
+    //     : DropDownList;
+    // const itemRenderer = React.useCallback(
+    //     (element, itemProps) => {
+    //         const children = (
+    //           <>
+    //             {
+    //                 props.colorField && (
+    //                 <span
+    //                   key={1}
+    //                   class={'k-scheduler-mark'}
+    //                   style={{
+    //                                 backgroundColor: itemProps.dataItem[props.colorField],
+    //                                 marginRight: isPresent(itemProps.dataItem[props.valueField!]) ? '8px' : '4px'
+    //                             }}
+    //                         >
+    //                   &nbsp;
+    //                 </span>
+    //                 )
+    //             }
+    //             <span key={2}>&nbsp; {element.props.children}</span>
+    //           </>
+    //         );
+    //         return React.cloneElement(element, { ...element.props }, children);
+    //     },
+    //     [props.colorField, props.valueField]
+    // );
+    // const valueRenderer = React.useCallback(
+    //     (element, currentValue) => {
+    //         const children = (
+    //           <>
+    //             {
+    //                 props.colorField && currentValue && (
+    //                 <span
+    //                   key={1}
+    //                   class={'k-scheduler-mark'}
+    //                   style={{
+    //                                 backgroundColor: currentValue[props.colorField],
+    //                                 marginRight: currentValue[props.valueField] ? '8px' : '4px'
+    //                             }}
+    //                         >
+    //                   &nbsp;
+    //                 </span>
+    //                 )
+    //             }
+    //             {element.props.children}
+    //           </>
+    //         );
+    //         return React.cloneElement(element, {}, children);
+    //     },
+    //     [props.colorField, props.valueField]
+    // );
+
+    var value = Array.isArray(this.$props.value) ? this.$props.dataItems.filter(function (item) {
+      return _this.$props.value.some(function (val) {
+        return item[_this.$props.valueField] === val;
+      });
+    }) : this.$props.dataItems.find(function (item) {
+      return item[_this.$props.valueField] === _this.$props.value;
+    });
+    return h(kendo_vue_dropdowns_1.DropDownList, {
+      value: value,
+      attrs: this.v3 ? undefined : {
+        value: value,
+        data: this.$props.dataItems,
+        textField: this.$props.textField,
+        dataItemKey: this.$props.valueField,
+        valid: this.$props.valid,
+        validationMessage: this.$props.validationMessage
+      },
+      onChange: this.handleChange,
+      on: this.v3 ? undefined : {
+        "change": this.handleChange
+      },
+      data: this.$props.dataItems,
+      textField: this.$props.textField,
+      dataItemKey: this.$props.valueField,
+      valid: this.$props.valid,
+      validationMessage: this.$props.validationMessage
+    });
+  },
+  methods: {
+    handleChange: function handleChange(event) {
+      var valueField = event.target.props.dataItemKey;
+      var newValue = this.$props.multiple ? (event.target.value || []).map(function (item) {
+        return item[valueField];
+      }) : event.target.value[valueField];
+      this.$emit('change', {
+        value: newValue
+      });
+    }
+  }
+};
+exports.ResourceEditorVue2 = ResourceEditorVue2;
+var ResourceEditor = ResourceEditorVue2;
+exports.ResourceEditor = ResourceEditor;