@progress/kendo-vue-treelist 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/dist/esm/rows/TreeListDraggableRow.js

@@ -1,175 +0,0 @@
-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);
-};
-var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-    if (ar || !(i in from)) {
-      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-      ar[i] = from[i];
-    }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-};
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { getDefaultSlots, Draggable, canUseDOM } from '@progress/kendo-vue-common';
-import { TreeListRow } from './TreeListRow.js';
-function targetRowIndex(event, parent, currentDocument) {
-  if (!event.originalEvent) {
-    return -1;
-  }
-  var row = targetElement(event, 'tr', currentDocument);
-  if (row) {
-    var rows = parent ? parent.children : [];
-    for (var i = 0; i < rows.length; i++) {
-      if (rows[i] === row) {
-        return i;
-      }
-    }
-  }
-  return -1;
-}
-function targetElement(event, closest, currentDocument) {
-  var target = currentDocument ? currentDocument.elementFromPoint(event.clientX, event.originalEvent.clientY) : null;
-  return closest && target ? target.closest(closest) : null;
-}
-var treelist = 'k-grid k-grid-md';
-/**
- * @hidden
- */
-var TreeListDraggableRowVue2 = {
-  props: __assign(__assign({}, TreeListRow.props), {
-    clueProps: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    }
-  }),
-  // @ts-ignore
-  emits: {
-    press: null,
-    drag: null,
-    drop: null
-  },
-  created: function created() {
-    this.allowDrop = false;
-    this.dragged = null;
-    this.draggedOver = null;
-  },
-  mounted: function mounted() {
-    if (this.$el) {
-      this.draggable = this.$refs.draggable;
-    }
-  },
-  methods: {
-    onPress: function onPress(event) {
-      var element = this.draggable && this.draggable.element;
-      if (element) {
-        this.dragged = this.$props.level;
-        this.$emit('press', event, element);
-      }
-    },
-    onDrag: function onDrag(event) {
-      var element = this.draggable && this.draggable.element;
-      if (!canUseDOM) {
-        return;
-      }
-      var ownerDocument = element ? element.ownerDocument : document;
-      if (!ownerDocument) {
-        return;
-      }
-      var dragged = this.dragged;
-      if (element && dragged) {
-        if (!event.isTouch) {
-          event.originalEvent.preventDefault();
-        }
-        var hovered_1 = this.$props.levels[targetRowIndex(event, element.parentNode, ownerDocument)];
-        this.draggedOver = hovered_1;
-        this.allowDrop = hovered_1 ? !dragged.every(function (num, i) {
-          return num === hovered_1[i];
-        }) : Boolean(targetElement(event, treelist, ownerDocument));
-        this.$emit('drag', {
-          nativeEvent: event.originalEvent,
-          dragged: dragged,
-          draggedOver: hovered_1,
-          draggedItem: this.$props.dataItem,
-          clueProps: {
-            visible: true,
-            top: event.pageY + 10,
-            left: event.pageX,
-            text: element.innerText,
-            allowDrop: this.allowDrop
-          }
-        });
-      }
-    },
-    onRelease: function onRelease(event) {
-      var element = this.draggable && this.draggable.element;
-      if (element) {
-        if (this.dragged) {
-          var dragged = __spreadArray([], this.dragged, true);
-          var draggedOver = this.draggedOver && __spreadArray([], this.draggedOver, true);
-          this.dragged = null;
-          this.draggedOver = null;
-          var draggedItem = this.$props.dataItem;
-          this.$emit('drop', {
-            nativeEvent: event.originalEvent,
-            dragged: dragged,
-            draggedOver: draggedOver,
-            draggedItem: draggedItem,
-            clueProps: {
-              allowDrop: this.allowDrop
-            }
-          });
-          this.allowDrop = false;
-        }
-      }
-    }
-  },
-  // @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);
-    return (
-      // @ts-ignore  function children
-      h(Draggable, {
-        onPress: this.onPress,
-        on: this.v3 ? undefined : {
-          "press": this.onPress,
-          "drag": this.onDrag,
-          "release": this.onRelease
-        },
-        onDrag: this.onDrag,
-        onRelease: this.onRelease,
-        ref: 'draggable'
-      }, this.v3 ? function () {
-        return [defaultSlot];
-      } : [defaultSlot])
-    );
-  }
-};
-/**
- * @hidden
- */
-var TreeListDraggableRow = TreeListDraggableRowVue2;
-export { TreeListDraggableRow, TreeListDraggableRowVue2 };

package/dist/esm/rows/TreeListRow.d.ts

@@ -1,36 +0,0 @@
-import { TreeListRowProps } from '../interfaces/TreeListRowProps';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-/**
- * @hidden
- */
-export interface TreeListRowMethods {
-    [key: string]: any;
-    handleClick: (e: any) => void;
-    handleDoubleClick: (e: any) => void;
-    handleContextMenu: (e: any) => void;
-}
-/**
- * @hidden
- */
-export interface TreeListRowComputed {
-    [key: string]: any;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface TreeListRowAll extends TreeListRowMethods, TreeListRowComputed, Vue2type {
-}
-/**
- * @hidden
- */
-declare let TreeListRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<TreeListRowAll>, {}, RecordPropsDefinition<TreeListRowProps>>;
-/**
- * @hidden
- */
-declare const TreeListRow: DefineComponent<TreeListRowProps, any, {}, {}, TreeListRowMethods, {}, {}, {}, string, TreeListRowProps, TreeListRowProps, {}>;
-export { TreeListRow, TreeListRowVue2 };

package/dist/esm/rows/TreeListRow.js

@@ -1,154 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { getTemplate, getDefaultSlots } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var TreeListRowVue2 = {
-  name: 'KendoTreeListRow',
-  inheritAttrs: false,
-  // @ts-ignore
-  emits: {
-    'click': null,
-    'dblclick': null,
-    'contextmenu': null,
-    'focus': null,
-    'blur': null,
-    'mousedown': null,
-    'mouseup': null
-  },
-  props: {
-    level: Array,
-    className: String,
-    expanded: Boolean,
-    rowIndex: Number,
-    levels: Array,
-    ariaSetSize: Number,
-    ariaPosInSet: Number,
-    isSelected: Boolean,
-    dataItem: Object,
-    isAltRow: Boolean,
-    onClick: Function,
-    selectedField: String,
-    rowHeight: Number,
-    ariaRowIndex: Number,
-    render: [String, Function, Object]
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var _b = this.$props,
-        isSelected = _b.isSelected,
-        isAltRow = _b.isAltRow,
-        className = _b.className;
-      return _a = {
-        'k-table-row': true,
-        'k-table-alt-row': isAltRow,
-        'k-master-row': true,
-        'k-selected': isSelected,
-        'k-alt': isAltRow,
-        'k-group-footer': this.dataItem && this.dataItem.footer
-      }, _a[className] = className, _a;
-    }
-  },
-  methods: {
-    handleClick: function handleClick(e) {
-      this.$emit('click', e);
-    },
-    handleDoubleClick: function handleDoubleClick(e) {
-      this.$emit('dblclick', e);
-    },
-    handleContextMenu: function handleContextMenu(e) {
-      this.$emit('contextmenu', e);
-    },
-    handleFocus: function handleFocus(e) {
-      this.$emit('focus', e);
-    },
-    handleBlur: function handleBlur(e) {
-      this.$emit('blur', e);
-    },
-    handleMousedown: function handleMousedown(e) {
-      this.$emit('mousedown', e);
-    },
-    handleMouseup: function handleMouseup(e) {
-      this.$emit('mouseup', e);
-    }
-  },
-  // @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,
-      rowHeight = _a.rowHeight,
-      expanded = _a.expanded,
-      ariaRowIndex = _a.ariaRowIndex,
-      level = _a.level,
-      ariaSetSize = _a.ariaSetSize,
-      ariaPosInSet = _a.ariaPosInSet,
-      rowIndex = _a.rowIndex;
-    var defaultRendering = h("tr", {
-      onClick: this.handleClick,
-      on: this.v3 ? undefined : {
-        "click": this.handleClick,
-        "dblclick": this.handleDoubleClick,
-        "contextmenu": this.handleContextMenu,
-        "focus": this.handleFocus,
-        "blur": this.handleBlur,
-        "mousedown": this.handleMousedown,
-        "mouseup": this.handleMouseup
-      },
-      onDblclick: this.handleDoubleClick,
-      onContextmenu: this.handleContextMenu,
-      onFocus: this.handleFocus,
-      onBlur: this.handleBlur,
-      onMousedown: this.handleMousedown,
-      onMouseup: this.handleMouseup,
-      "class": this.wrapperClass,
-      style: rowHeight !== undefined ? {
-        height: rowHeight + 'px'
-      } : this.$attrs.style,
-      "aria-expanded": expanded,
-      attrs: this.v3 ? undefined : {
-        "aria-expanded": expanded,
-        role: 'row',
-        "aria-rowindex": ariaRowIndex,
-        "aria-level": level.length,
-        "aria-posinset": ariaPosInSet,
-        "aria-setsize": ariaSetSize,
-        "data-grid-row-index": rowIndex
-      },
-      role: 'row',
-      "aria-rowindex": ariaRowIndex,
-      "aria-level": level.length,
-      "aria-posinset": ariaPosInSet,
-      "aria-setsize": ariaSetSize,
-      "data-grid-row-index": rowIndex
-    }, [defaultSlot]);
-    return getTemplate.call(this, {
-      h: h,
-      template: this.$props.render,
-      defaultRendering: defaultRendering,
-      additionalProps: this.$props,
-      additionalListeners: {
-        click: this.handleClick
-      },
-      defaultSlots: defaultSlot,
-      swapDefaultSlots: true
-    });
-  }
-};
-/**
- * @hidden
- */
-var TreeListRow = TreeListRowVue2;
-export { TreeListRow, TreeListRowVue2 };

package/dist/esm/utils/data-operations.d.ts

@@ -1,115 +0,0 @@
-import { SortDescriptor, FilterDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { DataItemWrapper } from '../interfaces/DataItemWrapper';
-/**
- * Orders the specified tree according to the provided sort descriptors.
- *
- * @param {T[]} data - The data that will be sorted.
- * @param {SortDescriptor[]} descriptors - The descriptors by which the data will be sorted.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @returns {T[]} - The sorted data.
- */
-export declare function orderBy(data: any[], descriptors: SortDescriptor[], subItemsField: string): any[];
-/**
- * Filters the provided data tree according to the specified `Array<FilterDescriptor|CompositeFilterDescriptor>`.
- *
- * @param {T[]} data - The data that will be filtered.
- * @param {FilterDescriptor[]|CompositeFilterDescriptor[]} descriptors - The filter criteria that will be applied.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @returns {T[]} - The filtered data.
- */
-export declare function filterBy(data: any[], descriptors: FilterDescriptor[] | CompositeFilterDescriptor[], subItemsField: string): any[];
-/**
- * Creates a new array with the results of calling the provided callback function
- * on every element in the provided data tree.
- *
- * @param {any[]} tree - The data tree.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {(value: any) => any} callback - The callback function.
- * @returns {any[]} - The new data tree.
- */
-export declare const mapTree: (tree: any[], subItemsField: string, callback: (value: any) => any) => any[];
-/**
- * Creates a new array with the results of calling the provided callback function
- * on the element which match the `level` in the provided data tree.
- *
- * @param {any[]} tree - The data tree.
- * @param {number[]} level - An array of indexes of each parent and current item in the data tree.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {(value: any) => any} callback - The callback function.
- * @returns {any[]} - The new data tree.
- */
-export declare const mapTreeItem: (tree: any[], level: number[], subItemsField: string, callback: (value: any) => any) => void;
-/**
- * @hidden
- */
-export declare function flatData(data: any[], getChildren: (dataItem: any) => any[], itemMap: (item: any) => any): DataItemWrapper[];
-/**
- * Creates a flat data array from the passed tree dataset.
- *
- * @param {object[]} dataset - The source dataset of data items.
- * @param {string} expandField - The field which points to the expanded value of each data item.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @returns {object[]} - A collection of the generated data items that are in a flat structure.
- */
-export declare const treeToFlat: (data: any[], expandField: string, subItemsField: string) => any[];
-/**
- * Creates a tree from the passed dataset.
- *
- * @param {object[]} dataset - The source dataset of data items.
- * @param {(item: object) => any} getId - A function which will return the id of the data item.
- * @param {(item: object) => any} getParentId - A function which will return the data item id of its parent data item.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @returns {object[]} - A collection of the generated data items that are structured in a tree.
- */
-export declare const createDataTree: (dataset: any[], getId: (item: any) => any, getParentId: (item: any) => any, subItemsField: string) => any[];
-/**
- * Similar to the `Object.assign` function. Additionally, creates a new array for the subitems.
- *
- * @param {object} item - The source data item.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {object} propsToExtend - The props with which the source data item will be extended.
- * @returns {object} - The target data item.
- */
-export declare const extendDataItem: (item: any, subItemsField: string, propsToExtend?: any) => any;
-/**
- * Removes the items from the passed `data` which match the passed `condition`.
- *
- * @param {any[]} data - The data tree.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {(item: object) => Boolean} condition - A function that will be executed for each data item
- * in the tree data and the items for which returns true will be removed.
- * @returns {any[]} - The new data tree.
- */
-export declare const removeItems: (data: any, subItemsField: any, condition: any) => any[];
-/**
- * Changes the `subItems` collection of each data item which matches the passed `condition`.
- *
- * @param {any[]} data - The data tree.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @param {(item: object) => Boolean} condition - A function that will be executed for each data item and
- * will return `true` for items that have to change the subitems collection.
- * @param {(subItems: object[]) => object[]} change - A function which
- * has as a parameter the subitems collection of the matched items and which will return the new subitems collection.
- * @returns {any[]} - The new data tree.
- */
-export declare const modifySubItems: (data: any, subItemsField: any, condition: any, change: any) => any[];
-/**
- * Returns the data item path in the tree based on the level parameter.
- *
- * @param {any[]} tree - The data tree.
- * @param {number[]} level - The level of the target tree item.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @returns {any[]} - The path of the data item.
- */
-export declare const getItemPath: (tree: any[], level: number[], subItemsField?: string) => any[];
-/**
- * Moves the targeted item in the tree to another position.
- *
- * @param {any[]} data - The data tree.
- * @param {number[]} target - The level of the target tree item which will be moved.
- * @param {number[] | null} destination - The level of the destination tree item where the target item will be moved in.
- * If it is null, the target item will be added at the root level.
- * @param {string} subItemsField - The field which points to the subitems collection of each data item.
- * @returns {any[]} - The new data tree.
- */
-export declare const moveTreeItem: (data: any[], target: number[], destination: number[] | null, subItemsField: string) => any[];