@jaisocx/tree 1.5.37 → 2.2.18

package/transpiled/Simple/typescript/Tree.js

@@ -17,6 +17,7 @@ class Tree extends ImprovedRenderEventEmitter {
     adapter;
 
 
+
     constructor() {
         super();
         this.debug = TreeConstants.Defaults.debug;
@@ -61,6 +62,7 @@ class Tree extends ImprovedRenderEventEmitter {
     }
 
 
+
     setDebug(debug) {
 
         // optional method
@@ -68,80 +70,98 @@ class Tree extends ImprovedRenderEventEmitter {
         this.templateRenderer.setDebug(debug);
         this.debug = debug;
 
+
         return this;
     }
 
 
+
     setNodesWithIcons(withIcons) {
 
         // optional method
         this.nodesWithIcons = withIcons;
 
+
         return this;
     }
 
 
+
     setNodesOpenedMode(openedMode) {
 
         // optional method
         this.nodesOpenedMode = openedMode;
 
+
         return this;
     }
 
 
+
     setUrl(url) {
 
         // optional method
         this.url = url;
 
+
         return this;
     }
 
 
+
     setMainHtmlNodeId(mainHtmlNodeId) {
 
         // required method
         this.mainHtmlNodeId = mainHtmlNodeId;
 
+
         return this;
     }
 
 
+
     setConf(conf) {
 
         // optional method
         this.conf = conf;
 
+
         return this;
     }
 
 
+
     setModifiable(isModifiable) {
 
         // optional method
         this.isModifiable = isModifiable;
 
+
         return this;
     }
 
 
+
     setRenderingMode(mode) {
 
         // optional method
         this.renderingMode = mode;
 
+
         return this;
     }
 
 
+
     setDataTypesCssClassesEnabled(dataTypesCssEnabled) {
         this.dataTypesCssClassesEnabled = dataTypesCssEnabled;
 
+
         return this;
     }
 
 
+
     load(url) {
 
         if (url && url.length) {
@@ -157,10 +177,12 @@ class Tree extends ImprovedRenderEventEmitter {
                 this.render(json);
             });
 
+
         return this;
     }
 
 
+
     adaptRenderingModeSubcalls() {
 
         if (this.renderingMode === TreeConstants.RenderingMode.Conf) {
@@ -189,13 +211,16 @@ class Tree extends ImprovedRenderEventEmitter {
     }
 
 
+
     reRender() {
         this.render(this.data);
 
+
         return this;
     }
 
 
+
     render(nodes) {
 
         if (nodes) {
@@ -233,7 +258,6 @@ class Tree extends ImprovedRenderEventEmitter {
 
         // add an html holder node for subtree html nodes
         const ul = document.createElement("UL");
-        this.mainHolderHtmlNode.append(ul);
 
 
         // get datatype of the main json data node
@@ -347,16 +371,19 @@ class Tree extends ImprovedRenderEventEmitter {
         if (this.debug) {
             console.log("Tree.data", this.data);
         }
+        this.mainHolderHtmlNode.append(ul);
 
 
         // all eventsHandlers, assigned with addJSTreeEventListener,
         // here will be attached to one DOM event listener
         this.addJSTreeEventListeners();
 
+
         return this;
     }
 
 
+
     checkDataNodeSubtree(node) {
         let hasSubtree = false;
         let subtreeJsonNodes = null;
@@ -386,6 +413,7 @@ class Tree extends ImprovedRenderEventEmitter {
         const { itemsAmount, objectKeys } = ArrayOrObjectPackage.getArrayOrObjectItemsAmount(isArray, subtreeJsonNodes);
         hasSubtree = (itemsAmount !== 0);
 
+
         return {
             isArray,
             subtreeNodeDataType: dataType,
@@ -397,6 +425,7 @@ class Tree extends ImprovedRenderEventEmitter {
     }
 
 
+
     renderSubtree(
         isArray,
         subtreeNodes,
@@ -415,10 +444,12 @@ class Tree extends ImprovedRenderEventEmitter {
             objectKeys
         );
 
+
         return renderSubtreeResult;
     }
 
 
+
     renderSubtreeCallback(
         _isArray,
         loopCounter,
@@ -446,10 +477,12 @@ class Tree extends ImprovedRenderEventEmitter {
         );
         currentNodeSubtreeLength += renderResult.currentNodeSubtreeLength;
 
+
         return currentNodeSubtreeLength;
     }
 
 
+
     renderOneTreeNode(
         node,
         nodePosition,
@@ -472,12 +505,32 @@ class Tree extends ImprovedRenderEventEmitter {
 
 
         // TODO: EXTENSIBILITY FEATURE
-        const dataForRendering = this.getDataForRendering(
+        let dataForRendering = this.getDataForRendering(
             node,
             nodeClone,
             subtreeNodeDataTypeString,
             hasSubtree
         );
+        const eventBeforeRenderOneNodePayload = {
+            "eventName": TreeConstants.TreeEventsNames.EVENT_NAME__BEFORE_RENDER_ONE_NODE,
+            "dataForRendering": dataForRendering
+        };
+        const eventBeforeRenderResultsArray = this.emitEvent(
+            TreeConstants.TreeEventsNames.EVENT_NAME__BEFORE_RENDER_ONE_NODE,
+            eventBeforeRenderOneNodePayload
+        );
+        const eventResultsLength = eventBeforeRenderResultsArray.length;
+        let lastEventRenderResultId = 0;
+        let lastEventResult = new Object();
+
+        if ((eventResultsLength >= 1) && lastEventResult && lastEventResult.result) {
+            lastEventRenderResultId = (eventResultsLength - 1);
+            lastEventResult = eventBeforeRenderResultsArray[lastEventRenderResultId];
+
+
+            //@ts-ignore
+            dataForRendering = lastEventResult.result.value;
+        }
         const nodeHtml = this.templateRenderer
             .setTemplate(TreeConstants.TEMPLATE__TREE_HTML_NODE)
 
@@ -496,9 +549,9 @@ class Tree extends ImprovedRenderEventEmitter {
             throw new Error("Rendiring broken, wrong html structure built.");
         }
         const eventAfterRenderOneNodePayload = {
-            eventName: TreeConstants.TreeEventsNames.EVENT_NAME__AFTER_RENDER_ONE_NODE,
-            treeHtmlNode: li,
-            treeItemJson: nodeClone
+            "eventName": TreeConstants.TreeEventsNames.EVENT_NAME__AFTER_RENDER_ONE_NODE,
+            "treeHtmlNode": li,
+            "treeItemJson": nodeClone
         };
 
         if (!hasSubtree) {
@@ -507,6 +560,7 @@ class Tree extends ImprovedRenderEventEmitter {
                 eventAfterRenderOneNodePayload
             );
 
+
             return {
                 currentNodeSubtreeLength: 0,
                 node: nodeClone
@@ -542,6 +596,7 @@ class Tree extends ImprovedRenderEventEmitter {
             eventAfterRenderOneNodePayload
         );
 
+
         return {
             currentNodeSubtreeLength: subtreeRenderResult.currentNodeSubtreeLength,
             node: null
@@ -594,6 +649,7 @@ class Tree extends ImprovedRenderEventEmitter {
             .map((jPathIndex, index) => {
                 const jPathIndexText = JSON.stringify(jPathIndex);
 
+
                 return (index === 0) ? jPathIndex : `[${jPathIndexText}]`;
             })
             .join("");
@@ -619,35 +675,26 @@ class Tree extends ImprovedRenderEventEmitter {
             _path: pathInJsonString
         };
 
+
         return nodeClone;
     }
 
 
-    getTreeDataNodeByJsonnodePathArray(jPathArray) {
+
+    getTreeDataByJPath(jPathArray) {
 
         // since complexity of building jPath array in modeEase and modeConf, the JPathArray is not the same,
         // and modeEase was built from item at index 2, since it has array item at index 1 "Top": this.data["Top"], and modeConf does not have this array item.
         // modeConf was built recursively already from item at index 1.
-        const startingIndexValidJpath = (this.renderingMode === TreeConstants.RenderingMode.Conf) ? 1 : 2;
-
-        return jPathArray
-            .reduce(
-                (reducedRetValue, arrayItem, arrayItemIndex) => {
-                    return (arrayItemIndex < startingIndexValidJpath) ? reducedRetValue : reducedRetValue[arrayItem];
-                },
-                this.data
-            );
-    }
+        const startingIndexValidJPath = (this.renderingMode === TreeConstants.RenderingMode.Conf) ? 1 : 2;
+        let retVal = new Object();
+        retVal = JPath.getByJPath(
+            jPathArray.slice(startingIndexValidJPath),
+            this.data
+        );
 
 
-    getByJPath(data, jPathArray) {
-        return jPathArray
-            .reduce(
-                (reducedRetValue, arrayItem) => {
-                    return reducedRetValue[arrayItem];
-                },
-                data
-            );
+        return retVal;
     }
 
 
@@ -660,6 +707,7 @@ class Tree extends ImprovedRenderEventEmitter {
     }
 
 
+
     getDataForRendering(
         _node,
         _flatNodeClone,
@@ -682,6 +730,7 @@ class Tree extends ImprovedRenderEventEmitter {
     }
 
 
+
     getTreeNodeCssClasses(_dataType, _node) {
         return "";
     }
@@ -694,6 +743,7 @@ class Tree extends ImprovedRenderEventEmitter {
         // the holder class LargeDomEventListenersOverheadOptimizer method call
         this.addThisClassEventListener(eventName, eventHandler);
 
+
         return this;
     }
 
@@ -735,6 +785,7 @@ class Tree extends ImprovedRenderEventEmitter {
         // the holder class LargeDomEventListenersOverheadOptimizer method call
         this.addDomEventListeners();
 
+
         return this;
     }
 
@@ -805,24 +856,26 @@ class Tree extends ImprovedRenderEventEmitter {
         // the main conf required dsts json field is label text. and it cannot be an object, but a string or number.
         const isTreeItem = (nodeLabelTextPropertyValue && ((nodeLabelTextPropertyValue) !== "object"));
 
+
         return isTreeItem;
     }
 
 
+
     escapeHTMLForAttribute(str) {
         return str
             .replace(/"/g, "&quot;")
 
 
-        // Replace double quotes
+            // Replace double quotes
             .replace(/'/g, "&#39;")
 
 
-        // Replace single quotes
+            // Replace single quotes
             .replace(/</g, "&lt;")
 
 
-        // Replace <
+            // Replace <
             .replace(/>/g, "&gt;");
 
 
@@ -830,25 +883,27 @@ class Tree extends ImprovedRenderEventEmitter {
     }
 
 
+
     unescapeHTMLFromAttribute(str) {
 
         if (!str) {
             return "";
         }
 
+
         return str
             .replace(/&quot;/g, "\"")
 
 
-        // Replace double quotes
+            // Replace double quotes
             .replace(/&#39;/g, "'")
 
 
-        // Replace single quotes
+            // Replace single quotes
             .replace(/&lt;/g, "<")
 
 
-        // Replace <
+            // Replace <
             .replace(/&gt;/g, ">");
 
 
@@ -856,12 +911,14 @@ class Tree extends ImprovedRenderEventEmitter {
     }
 
 
+
     getTreeHtmlNodeDatasetJson(htmlNode) {
 
         if (htmlNode === null) {
             return "";
         }
 
+
         return JSON.parse(this.unescapeHTMLFromAttribute(htmlNode.dataset.json));
     }
 }

package/transpiled/Simple/typescript/TreeAdapter.js

@@ -5,6 +5,7 @@ class TreeAdapter {
     dataTypesCssClassesEnabled;
 
 
+
     constructor() {
         this.conf = new TreeConf();
         this.nodesWithIcons = TreeConstants.Defaults.nodesWithIcons;

package/transpiled/Simple/typescript/TreeAdapterModeConf.js

@@ -8,12 +8,14 @@ class TreeAdapterModeConf extends TreeAdapter {
     }
 
 
+
     getDataForRendering(
         node,
         flatNodeClone,
         dataTypeString,
         hasSubtree
     ) {
+        const SYMBOL_BACKGROUND_SPACE = String.fromCharCode(32);
         let openButtonClassName = "";
 
         if (!hasSubtree) {
@@ -30,6 +32,24 @@ class TreeAdapterModeConf extends TreeAdapter {
             openButtonClassName = TreeConstants.TreeCssClassNames.CLASS_OPENED;
         }
         const cssClasses = this.getTreeNodeCssClasses(dataTypeString, node);
+        let confImageSrc = node[this.conf.NODE_ICON__SRC] || "";
+        let isMiniImagesTagShown = this.nodesWithIcons;
+        let isConfImageSrc = (confImageSrc.length !== 0);
+        confImageSrc = (isMiniImagesTagShown && isConfImageSrc) ? confImageSrc : "";
+        isConfImageSrc = (isMiniImagesTagShown && isConfImageSrc);
+        let isMiniImageTagImg = (isMiniImagesTagShown && isConfImageSrc);
+        let tagImageCssClassnames = new Array();
+
+        if (isMiniImagesTagShown) {
+            tagImageCssClassnames.push(TreeConstants.TreeCssClassNames.CLASS_ICON_SHOW);
+        }
+        else {
+            tagImageCssClassnames.push(TreeConstants.TreeCssClassNames.CLASS_ICON_HIDE);
+        }
+
+        if (isMiniImageTagImg) {
+            tagImageCssClassnames.push(TreeConstants.TreeCssClassNames.CLASS_ICON_TAG_IMG);
+        }
         const dataForRendering = {
             dataId: node[this.conf.NODE__ID],
             dataHolderId: node[this.conf.NODE__HOLDER_ID],
@@ -37,17 +57,19 @@ class TreeAdapterModeConf extends TreeAdapter {
             dataJson: this.escapeHTMLForAttribute(JSON.stringify(flatNodeClone)),
             openButtonStateClassName: openButtonClassName,
             cssClasses,
-            iconSrc: node[this.conf.NODE_ICON__SRC],
-            iconShowClassName: (this.nodesWithIcons || node[this.conf.NODE_ICON__SRC]) ? "icon-show" : "icon-hide",
+            iconSrc: confImageSrc,
+            iconShowClassName: tagImageCssClassnames.join(SYMBOL_BACKGROUND_SPACE),
             labelText: node[this.conf.NODE_LABEL__TEXT],
             hyperlink: node[this.conf.NODE__HYPERLINK] ?? "javascript: void(0);",
             hasSubtree
         };
 
+
         return dataForRendering;
     }
 
 
+
     getTreeNodeCssClasses__dataTypesCssClassesEnabled(dataTypeString, node) {
         const cssClassesNodeValue = node[this.conf.NODE__CSS_CLASS_NAME];
         const cssClassesArray = [
@@ -60,10 +82,12 @@ class TreeAdapterModeConf extends TreeAdapter {
         ];
         const cssClasses = cssClassesArray.join("");
 
+
         return cssClasses;
     }
 
 
+
     getTreeNodeCssClasses__dataTypesCssClassesDisabled(_dataTypeString, _node) {
         const cssClassesNodeValue = _node[this.conf.NODE__CSS_CLASS_NAME];
         const cssClassesArray = [
@@ -73,6 +97,7 @@ class TreeAdapterModeConf extends TreeAdapter {
         ];
         const cssClasses = cssClassesArray.join("");
 
+
         return cssClasses;
     }
 
@@ -83,6 +108,7 @@ class TreeAdapterModeConf extends TreeAdapter {
     }
 
 
+
     getTreeNodeCssClasses(_dataTypeString, _value) {
         throw new Error("Method not implemented.");
     }

package/transpiled/Simple/typescript/TreeAdapterModeEase.js

@@ -6,10 +6,12 @@ class TreeAdapterModeEase extends TreeAdapter {
     ) {
         const subtreeJsonNode = { [loopPropertyKey]: loopPropertyValue };
 
+
         return subtreeJsonNode;
     }
 
 
+
     getDataForRendering(
         node,
         flatNodeClone,
@@ -32,7 +34,7 @@ class TreeAdapterModeEase extends TreeAdapter {
         const cssClasses = (this.dataTypesCssClassesEnabled === true) ? this.getTreeNodeCssClasses(dataTypeString, value) : "";
         const dataForRendering = {
             iconSrc: "",
-            iconShowClassName: this.nodesWithIcons ? "icon-show" : "icon-hide",
+            iconShowClassName: this.nodesWithIcons ? "icon-show mode-ease" : "icon-hide",
             labelText,
             hyperlink: "javascript: void(0);",
             cssClasses,
@@ -44,10 +46,12 @@ class TreeAdapterModeEase extends TreeAdapter {
             hasSubtree: nodeHasSubtree
         };
 
+
         return dataForRendering;
     }
 
 
+
     getTreeNodeCssClasses__dataTypesCssClassesEnabled(_dataTypeString, _node) {
         const cssClassesArray = [
             ("class=\""),
@@ -57,10 +61,12 @@ class TreeAdapterModeEase extends TreeAdapter {
         ];
         const cssClasses = cssClassesArray.join("");
 
+
         return cssClasses;
     }
 
 
+
     getTreeNodeCssClasses__dataTypesCssClassesDisabled(_dataTypeString, _node) {
         throw new Error("Method not implemented.");
     }
@@ -72,6 +78,7 @@ class TreeAdapterModeEase extends TreeAdapter {
     }
 
 
+
     getTreeNodeCssClasses(_dataTypeString, _value) {
         throw new Error("Method not implemented.");
     }

package/transpiled/Simple/typescript/TreeConf.js

@@ -12,6 +12,7 @@ class TreeConf {
     NODE__ART;
 
 
+
     constructor() {
         this.NODE_ICON__SRC = "icon";
         this.NODE_LABEL__TEXT = "label";

package/transpiled/Simple/typescript/TreeConstants.js

@@ -15,6 +15,7 @@ class TreeConstants {
         CLASS_WITHOUT_SUBTREE: "toggle-without-subtree",
         CLASS_ICON_SHOW: "icon-show",
         CLASS_ICON_HIDE: "icon-hide",
+        CLASS_ICON_TAG_IMG: "icon-tag-img",
         CLASS_AND_ID__CONTEXT_MENU: "context-menu-container",
         CLASS_DATATYPE_OBJECT: "holder-datatype--object",
         CLASS_DATATYPE_ARRAY: "holder-datatype--array",
@@ -24,14 +25,15 @@ class TreeConstants {
         PREFIX__CLASS_DATATYPE: "holder-datatype--"
     };
     static TreeEventsNames = {
+        EVENT_NAME__BEFORE_RENDER_ONE_NODE: "beforeRenderOneNode",
         EVENT_NAME__AFTER_RENDER_ONE_NODE: "afterRenderOneNode",
         EVENT_NAME__TREE_NODE_EXPAND_BUTTON__CLICK: "openButtonClick",
         EVENT_NAME__TREE_NODE_LABEL__CLICK: "treeNodeLabelClick"
     };
     static TEMPLATE__TREE_HTML_NODE = `
-<li 
-    data-id="{{ dataId }}" 
-    data-holder-id="{{ dataHolderId }}" 
+<li
+    data-id="{{ dataId }}"
+    data-holder-id="{{ dataHolderId }}"
     data-order="{{ dataOrder }}"
     {{ cssClasses }}>
 
@@ -44,14 +46,14 @@ class TreeConstants {
         </pre>
 
         <pre class="jstree-html-node-holder-icon {{ iconShowClassName }}">
-            <img src="{{ iconSrc }}" />
+            <img src="{{ iconSrc }}" alt="Mini image {{ dataId }}" />
         </pre>
 
         <a href="{{ hyperlink }}" class="jstree-html-node-label">{{ labelText }}</a>
     </pre>
-    
+
     <ul></ul>
-</li>        
+</li>
         `;
     static Defaults = {
         debug: false,

package/transpiled/Simple/webpack.aliases.cjs

@@ -1,4 +1,5 @@
 "use strict";
+// the hardcoded copy of .cjs file
 const fs = require("node:fs");
 const path = require("node:path");
 const getWebpackAliases = require("./webpackAliases.js");

package/transpiled/Simple/webpack.aliases.mjs

@@ -1,3 +1,4 @@
+// the hardcoded copy of .mjs file
 import * as path from "node:path";
 import { fileURLToPath } from "node:url";
 import { getWebpackAliases } from "./webpackAliases.js";

package/transpiled/Simple/webpackAliases.js

@@ -1,3 +1,4 @@
+// the hardcoded copy of .ts file
 import * as path from "node:path";
 import * as fs from "node:fs";
 export function getWebpackAliases(packageRoot) {