jpf-mobx 1.0.84 → 1.0.85

package/dist/controls/kendo/Treeview/Treeview.d.ts

@@ -0,0 +1,17 @@
+import { Element } from "../../../framework/element";
+import { IProperties } from "../../../framework/properties";
+import { HierarchicalListItemProperties } from "../../custom/ListItem/ListItem";
+import { ISubscribable } from "../../../framework/observable";
+export interface ITreeviewProperties extends IProperties {
+    items?: Array<HierarchicalListItemProperties> | ISubscribable<Array<HierarchicalListItemProperties>>;
+    selectedItem?: HierarchicalListItemProperties | ISubscribable<HierarchicalListItemProperties>;
+    select?: (dataItem: any) => void;
+}
+export declare class TreeviewElement extends Element<ITreeviewProperties> {
+    constructor(properties: ITreeviewProperties);
+    private treeView;
+    private dataSource;
+    build(): void;
+    private buildItems;
+}
+export declare function treeviewElement(properties: ITreeviewProperties): TreeviewElement;

package/dist/controls/kendo/Treeview/Treeview.js

@@ -0,0 +1,107 @@
+import * as kendo from "@progress/kendo-ui/js/kendo.treeview.js";
+import { Element, render } from "../../../framework/element";
+import { Properties, applyBindings as applyViewModelToElement, extendProperties } from "../../../framework/properties";
+import { unwrap, isSubscribable } from "../../../framework/observable";
+const getContent = "getContent";
+export class TreeviewElement extends Element {
+    constructor(properties) {
+        super({
+            tagName: "div",
+            properties: extendProperties(properties, {
+                elementType: "KendoTree"
+            })
+        });
+    }
+    treeView;
+    dataSource;
+    build() {
+        super.build();
+        const viewModel = this.properties;
+        this.dataSource = new kendo.data.HierarchicalDataSource({
+            sort: { field: "order", dir: "asc" }
+        });
+        this.treeView = new kendo.ui.TreeView(this.element, {
+            dataSource: this.dataSource
+        });
+        this.treeView.element.removeAttr("tabindex");
+        if (this.properties.select) {
+            this.treeView.bind("select", (event) => {
+                const uid = event.node.getAttribute("data-uid");
+                const dataItem = this.dataSource.getByUid(uid);
+                this.properties.select(dataItem);
+            });
+        }
+        this.treeView.bind("dataBound", (event) => {
+            var selectedItem = unwrap(viewModel.selectedItem);
+            if (selectedItem) {
+                event.sender.wrapper.find(".k-item").each((index, element) => {
+                    const uid = element.getAttribute("data-uid");
+                    const hierarchicalListItemViewModel = this.dataSource.getByUid(uid);
+                    if (hierarchicalListItemViewModel.id === selectedItem.id) {
+                        event.sender.select(element);
+                    }
+                });
+            }
+            event.sender.wrapper.find(".k-item[postrender]").each((index, element) => {
+                const uid = element.getAttribute("data-uid");
+                const hierarchicalListItemViewModel = this.dataSource.getByUid(uid);
+                if (hierarchicalListItemViewModel) {
+                    applyViewModelToElement(hierarchicalListItemViewModel, element, this.disposers);
+                    if (hierarchicalListItemViewModel[getContent]) {
+                        const content = hierarchicalListItemViewModel[getContent]();
+                        if (content instanceof Properties) {
+                            const firstChild = element.firstElementChild;
+                            firstChild.style.padding = "0";
+                            firstChild.innerHTML = "";
+                            firstChild.appendChild(render(content));
+                        }
+                    }
+                }
+                element.removeAttribute("postrender");
+            });
+        });
+        this.buildItems(unwrap(viewModel.items));
+        if (isSubscribable(viewModel.items)) {
+            this.disposers.push(viewModel.items.subscribe((items) => {
+                this.buildItems(items);
+            }));
+        }
+    }
+    buildItems(listItems) {
+        const itemDictionary = {};
+        const topLevelItems = new Array();
+        if (listItems) {
+            listItems.forEach((listItem) => {
+                listItem["attr"] = { postrender: true };
+                if (typeof listItem.text !== "string") {
+                    var content = listItem.text;
+                    listItem[getContent] = () => { return content; };
+                    listItem.text = "<post>";
+                }
+                if (unwrap(listItem.visible) !== false) {
+                    itemDictionary[listItem.id] = listItem;
+                }
+            });
+            Object.keys(itemDictionary).forEach((key) => {
+                const menuItem = itemDictionary[key];
+                if (menuItem.parentId) {
+                    const parent = itemDictionary[menuItem.parentId];
+                    if (parent) {
+                        if (!parent.items) {
+                            parent.items = [];
+                        }
+                        parent.items.push(itemDictionary[menuItem.id]);
+                    }
+                }
+                else {
+                    topLevelItems.push(itemDictionary[menuItem.id]);
+                }
+            });
+        }
+        this.dataSource.data(topLevelItems);
+    }
+}
+export function treeviewElement(properties) {
+    return new TreeviewElement(properties);
+}
+//# sourceMappingURL=Treeview.js.map

package/dist/controls/kendo/Treeview/Treeview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Treeview.js","sourceRoot":"","sources":["../../../../src/controls/kendo/Treeview/Treeview.ts"],"names":[],"mappings":"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"}

package/dist/controls/kendo/index.d.ts

@@ -4,5 +4,5 @@ export * from "./DataSource/DataSource";
 export * from "./Editor/Editor";
 export * from "./Grid/Grid";
 export * from "./Menu/Menu";
-export * from "./Tree/Tree";
+export * from "./Treeview/Treeview";
 export * from "./Window/Window";

package/dist/controls/kendo/index.js

@@ -4,6 +4,6 @@ export * from "./DataSource/DataSource";
 export * from "./Editor/Editor";
 export * from "./Grid/Grid";
 export * from "./Menu/Menu";
-export * from "./Tree/Tree";
+export * from "./Treeview/Treeview";
 export * from "./Window/Window";
 //# sourceMappingURL=index.js.map

package/dist/controls/kendo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/kendo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAE5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/kendo/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAE5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jpf-mobx",
-    "version": "1.0.84",
+    "version": "1.0.85",
     "description": "Javascript Presentation Foundation with mobx state management",
     "keywords": [
         "mvvm",

package/src/controls/kendo/{Tree/Tree.ts → Treeview/Treeview.ts}

@@ -5,14 +5,14 @@ import { HierarchicalListItemProperties } from "../../custom/ListItem/ListItem";
 import { ISubscribable, unwrap, isSubscribable } from "../../../framework/observable";
 const getContent = "getContent";
 
-export interface ITreeProperties extends IProperties {
+export interface ITreeviewProperties extends IProperties {
     items?: Array<HierarchicalListItemProperties> | ISubscribable<Array<HierarchicalListItemProperties>>;
     selectedItem?: HierarchicalListItemProperties | ISubscribable<HierarchicalListItemProperties>;
     select?: (dataItem: any) => void;
 }
 
-export class TreeElement extends Element<ITreeProperties> {
-    constructor(properties: ITreeProperties) {
+export class TreeviewElement extends Element<ITreeviewProperties> {
+    constructor(properties: ITreeviewProperties) {
         super(
             {
                 tagName: "div",
@@ -142,6 +142,6 @@ export class TreeElement extends Element<ITreeProperties> {
     }
 }
 
-export function treeElement(properties: ITreeProperties) {
-    return new TreeElement(properties);
+export function treeviewElement(properties: ITreeviewProperties) {
+    return new TreeviewElement(properties);
 }

package/src/controls/kendo/index.ts

@@ -5,5 +5,5 @@ export * from "./Editor/Editor";
 export * from "./Grid/Grid";
 export * from "./Menu/Menu";
 //export * from "./ObservableObject/ObservableObject";
-export * from "./Tree/Tree";
+export * from "./Treeview/Treeview";
 export * from "./Window/Window";