mftsccs-browser 1.1.26-beta → 1.1.28-beta

package/dist/main.bundle.js

@@ -1427,14 +1427,12 @@ function GetConceptBulk(passedConcepts) {
                     });
                     if (response.ok) {
                         result = yield response.json();
-                        console.log("got all the concepts", result);
                         if (result.length > 0) {
                             for (let i = 0; i < result.length; i++) {
                                 let concept = result[i];
                                 _DataStructures_ConceptData__WEBPACK_IMPORTED_MODULE_0__.ConceptsData.AddConcept(concept);
                             }
                         }
-                        console.log("added the concepts");
                     }
                     else {
                         console.log("Get Concept Bulk error", response.status);
@@ -7745,11 +7743,11 @@ class LocalSyncData {
                     this.connectionSyncArray = this.connectionSyncArray.filter(connection => !actions.connections.some(conn => connection.id == conn.id || connection.ghostId == conn.ghostId));
                 }
                 else {
-                    console.error('Syncing this way has been Depreceted in service worker.');
+                    console.warn('Syncing this way has been Depreceted in service worker.');
                     console.info('Only if serive worker is not running');
                     conceptsArray = this.conceptsSyncArray.slice();
                     connectionsArray = this.connectionSyncArray.slice();
-                    return [];
+                    // return []
                 }
                 this.connectionSyncArray = [];
                 this.conceptsSyncArray = [];
@@ -16088,7 +16086,6 @@ function FormatFromConnectionsAlteredArrayExternal(connections_1, compositionDat
                 }
             }
         }
-        console.log("these are the main datas", compositionData);
         for (let i = 0; i < mainComposition.length; i++) {
             let mymainData = {};
             mymainData["id"] = mainComposition[i];
@@ -17169,9 +17166,7 @@ function formatConnections(linkers, conceptIds, mainCompositionIds, reverse) {
         let compositionData = [];
         let newCompositionData = [];
         compositionData = yield (0,_FormatData__WEBPACK_IMPORTED_MODULE_2__.formatFunction)(prefetchConnections, compositionData, reverse);
-        console.log("this is the format normal builders BEFORE", compositionData);
         compositionData = yield (0,_FormatData__WEBPACK_IMPORTED_MODULE_2__.formatFunctionForData)(prefetchConnections, compositionData, reverse);
-        console.log("this is the format normal builders", compositionData);
         let output = yield (0,_FormatData__WEBPACK_IMPORTED_MODULE_2__.FormatConceptsAndConnectionsNormalList)(prefetchConnections, compositionData, mainCompositionIds, newCompositionData, reverse);
         return output;
     });
@@ -17192,9 +17187,7 @@ function formatConnectionsDataId(linkers, conceptIds, mainCompositionIds, revers
         let compositionData = [];
         let newCompositionData = [];
         compositionData = yield (0,_FormatData__WEBPACK_IMPORTED_MODULE_2__.FormatFunctionData)(prefetchConnections, compositionData, reverse);
-        console.log("this is the format data builders BEFORE", compositionData);
         compositionData = yield (0,_FormatData__WEBPACK_IMPORTED_MODULE_2__.FormatFunctionDataForData)(prefetchConnections, compositionData, reverse);
-        console.log("this is the format data builders", compositionData);
         let output = yield (0,_FormatData__WEBPACK_IMPORTED_MODULE_2__.FormatFromConnectionsAlteredArrayExternal)(prefetchConnections, compositionData, newCompositionData, mainCompositionIds, reverse);
         return output;
     });
@@ -18117,7 +18110,7 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
     }
     getWidgetCodeFromId(widgetId, token) {
         return __awaiter(this, void 0, void 0, function* () {
-            console.log("getWidgetCodeFromId", widgetId, token);
+            //console.log("getWidgetCodeFromId", widgetId, token);
             return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
                 try {
                     let searchFirst = new _app__WEBPACK_IMPORTED_MODULE_1__.SearchQuery();
@@ -18149,7 +18142,7 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
                     searchSecond.inpage = 100;
                     const queryParams = [searchFirst, searchSecond];
                     const output = yield (0,_app__WEBPACK_IMPORTED_MODULE_1__.SearchLinkMultipleAll)(queryParams, token);
-                    console.log("getWidgetCodeFromId output ->", output);
+                    //console.log("getWidgetCodeFromId output ->", output);
                     resolve(output);
                     return output;
                 }
@@ -18169,10 +18162,10 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
                 let dataFromLocalStorage = (localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem("profile")) || "";
                 if (dataFromLocalStorage) {
                     const profileData = JSON.parse(dataFromLocalStorage);
-                    return profileData;
+                    resolve(profileData);
                 }
                 else {
-                    return;
+                    resolve();
                 }
             });
             const userId = profileData === null || profileData === void 0 ? void 0 : profileData.userId;
@@ -18261,19 +18254,20 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
                 freeschemaQuery.outputFormat = _app__WEBPACK_IMPORTED_MODULE_1__.DATAID;
                 (0,_app__WEBPACK_IMPORTED_MODULE_1__.SchemaQueryListener)(freeschemaQuery, "")
                     .subscribe((output) => {
-                    console.log("This is the data received", output);
+                    console.log("thgis is the output", output);
+                    console.log("this is the typeValuekey", typevalueKey, typeName, mainComposition);
                     if (output === null || output === void 0 ? void 0 : output.length) {
                         const result = output === null || output === void 0 ? void 0 : output.map((item) => {
-                            var _a, _b, _c, _d, _e;
-                            const itemName = (_c = (_b = (_a = item[mainComposition]) === null || _a === void 0 ? void 0 : _a[typeName]) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[typevalueKey];
-                            const itemId = (_e = (_d = item[mainComposition]) === null || _d === void 0 ? void 0 : _d[typeName]) === null || _e === void 0 ? void 0 : _e.id;
+                            var _a, _b, _c, _d, _e, _f, _g;
+                            const itemName = (_d = (_c = (_b = (_a = item.data) === null || _a === void 0 ? void 0 : _a[mainComposition]) === null || _b === void 0 ? void 0 : _b[typeName]) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d[typevalueKey];
+                            const itemId = (_g = (_f = (_e = item.data) === null || _e === void 0 ? void 0 : _e[mainComposition]) === null || _f === void 0 ? void 0 : _f[typeName]) === null || _g === void 0 ? void 0 : _g.id;
                             return {
                                 id: itemId,
                                 name: itemName,
                                 text: itemName,
                             };
                         });
-                        console.log("result =>", result);
+                        //console.log("result =>", result);
                         this.typeValueList = result;
                         resolve(this.typeValueList);
                         return result;
@@ -18306,8 +18300,6 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
             this.widgetType = widgetTypeName;
             this.getTypeValueList(this.widgetType).then(() => {
                 var _a, _b, _c;
-                console.log("this =->", this);
-                console.log("this.element", this.element);
                 (_a = this.element) === null || _a === void 0 ? void 0 : _a.setAttribute("data-type-value", this.widgetType);
                 (_c = (_b = this.element) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.setAttribute("data-type-value", this.widgetType);
                 this.render();
@@ -18315,78 +18307,77 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
             return this;
         });
     }
+    createTypeEditor(event) {
+        if (event) {
+            const inputVal = document.querySelector("#widget-properties .flex-column");
+            console.log("This is the input val container", inputVal);
+            const existedInputEl = inputVal === null || inputVal === void 0 ? void 0 : inputVal.querySelectorAll("input");
+            existedInputEl === null || existedInputEl === void 0 ? void 0 : existedInputEl.forEach((inputItem) => {
+                inputItem === null || inputItem === void 0 ? void 0 : inputItem.remove();
+            });
+            // const elementParent = event.target?.closest(".added-widget-container");
+            // const elementDivParent = event.target?.closest("div");
+            let typeValue = this.widgetType;
+            // if (elementParent) {
+            //   typeValue = elementParent?.getAttribute("data-type-value");
+            // } else if (elementDivParent) {
+            //   typeValue = elementDivParent?.getAttribute("data-type-value");
+            // }
+            const inputEl = document.createElement("input");
+            inputEl.setAttribute("type", "text");
+            inputEl.setAttribute("name", "input-widgetTypeValue");
+            inputEl.setAttribute("of", this.elementIdentifier.toString());
+            inputEl.setAttribute("class", "form-control");
+            inputEl.setAttribute("id", "widgetTypeValue");
+            if (typeValue) {
+                inputEl.value = this.widgetType;
+            }
+            else {
+                inputEl.setAttribute("placeholder", "e.g. the_entity_type");
+            }
+            let that = this;
+            inputEl.onchange = function (event) {
+                var _a;
+                event.preventDefault();
+                event.stopPropagation();
+                //console.log("THAT ->", that);
+                const inputValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
+                console.log("this is the input change", inputValue);
+                that.widgetType = inputValue;
+                //console.log("inputValue", inputValue);
+                //that.setProperty(inputValue);
+                that.componentDidMount();
+                that.mountChildWidgets();
+            };
+            inputVal === null || inputVal === void 0 ? void 0 : inputVal.appendChild(inputEl);
+        }
+    }
     /**
      *
      * @param parent This is the function that creates a new div and then mounts the html element to the parent.
      */
     mount(parent) {
         return __awaiter(this, void 0, void 0, function* () {
+            //console.log('mount parent',)
             if (parent) {
                 this.element = document.createElement("div");
-                const inputVal = document.querySelector("#widget-properties .flex-column");
                 let that = this;
                 this.element.onclick = function (event) {
                     event.preventDefault();
                     event.stopPropagation();
-                    const existedInputEl = inputVal === null || inputVal === void 0 ? void 0 : inputVal.querySelectorAll("input");
-                    existedInputEl === null || existedInputEl === void 0 ? void 0 : existedInputEl.forEach((inputItem) => {
-                        inputItem === null || inputItem === void 0 ? void 0 : inputItem.remove();
-                    });
-                    console.log("event.target", event.target);
-                    const elementParent = event.target.closest(".added-widget-container");
-                    const elementDivParent = event.target.closest("div");
-                    let typeValue = "";
-                    if (elementParent) {
-                        typeValue = elementParent === null || elementParent === void 0 ? void 0 : elementParent.getAttribute("data-type-value");
-                    }
-                    else if (elementDivParent) {
-                        typeValue = elementDivParent === null || elementDivParent === void 0 ? void 0 : elementDivParent.getAttribute("data-type-value");
-                    }
-                    console.log("typeValue", typeValue);
-                    that.widgetType = typeValue;
-                    const inputEl = document.createElement("input");
-                    inputEl.setAttribute("type", "text");
-                    inputEl.setAttribute("name", "input-widgetTypeValue");
-                    inputEl.setAttribute("class", "form-control");
-                    inputEl.setAttribute("id", "widgetTypeValue");
-                    if (typeValue) {
-                        inputEl.value = typeValue;
-                    }
-                    else {
-                        inputEl.setAttribute("placeholder", "e.g. the_entity_type");
-                    }
-                    inputEl.onchange = function (event) {
-                        var _a;
-                        event.preventDefault();
-                        event.stopPropagation();
-                        console.log("THAT ->", that);
-                        const inputValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
-                        console.log("inputValue", inputValue);
-                        that.setProperty(inputValue);
-                    };
-                    inputVal === null || inputVal === void 0 ? void 0 : inputVal.appendChild(inputEl);
+                    that.createTypeEditor(event);
                 };
-                this.element.id = this.createRandomNumber().toString();
+                this.element.id = this.createWidgetWrapperIdentifier();
                 this.element.className = "p-2";
-                this.element.innerHTML = yield this.getHtml();
-                console.log("this.element ==>", this.element);
+                this.element.innerHTML = this.getHtml();
                 parent.appendChild(this.element);
-                const elementParent = this.element.closest(".added-widget-container");
-                const elementDivParent = this.element.closest("div");
-                let typeValueOne = "";
-                if (elementParent) {
-                    typeValueOne = elementParent === null || elementParent === void 0 ? void 0 : elementParent.getAttribute("data-type-value");
-                }
-                else if (elementDivParent) {
-                    typeValueOne = elementDivParent === null || elementDivParent === void 0 ? void 0 : elementDivParent.getAttribute("data-type-value");
-                }
-                if (typeValueOne)
-                    this.widgetType = typeValueOne;
+                this.childWidgetElement = this.getElementByClassName("added-widget-container");
                 this.parentElement = parent.id;
-                if (this.componentMounted == false) {
+                if (this.componentMounted == false || this.widgetMounted == false) {
                     // Simulate componentDidMount by calling it after the component is inserted into the DOM
                     this.componentDidMount();
                     this.mountChildWidgets();
+                    this.widgetMounted = true;
                     this.componentMounted = true;
                 }
                 else {
@@ -18398,33 +18389,37 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
     /**
      * This function will be called after the component mounts.
      */
-    componentDidMount(onmountVal = "") {
-        console.log("onmountVal", onmountVal);
-        const AsyncFunction = Object.getPrototypeOf(function () {
-            return __awaiter(this, void 0, void 0, function* () { });
-        }).constructor;
-        const renderOnmount = AsyncFunction("tsccs", this.componentDidMountFunction);
-        renderOnmount.call(this, _app__WEBPACK_IMPORTED_MODULE_1__);
+    componentDidMount() {
+        return __awaiter(this, arguments, void 0, function* (onmountVal = "") {
+            //console.log("onmountVal", onmountVal);
+            const AsyncFunction = Object.getPrototypeOf(function () {
+                return __awaiter(this, void 0, void 0, function* () { });
+            }).constructor;
+            const renderOnmount = AsyncFunction("tsccs", this.componentDidMountFunction);
+            renderOnmount.call(this, _app__WEBPACK_IMPORTED_MODULE_1__);
+        });
     }
     addEvents() {
-        const AsyncFunction = Object.getPrototypeOf(function () {
-            return __awaiter(this, void 0, void 0, function* () { });
-        }).constructor;
-        const renderOnmount = AsyncFunction("tsccs", this.addEventFunction);
-        renderOnmount.call(this, _app__WEBPACK_IMPORTED_MODULE_1__);
+        return __awaiter(this, void 0, void 0, function* () {
+            const AsyncFunction = Object.getPrototypeOf(function () {
+                return __awaiter(this, void 0, void 0, function* () { });
+            }).constructor;
+            const renderOnmount = AsyncFunction("tsccs", this.addEventFunction);
+            renderOnmount.call(this, _app__WEBPACK_IMPORTED_MODULE_1__);
+        });
     }
     getWidgetClassFunction(widgetId) {
         return __awaiter(this, void 0, void 0, function* () {
             return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
                 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
-                const profileData = yield new Promise((resolve) => {
+                const profileData = yield new Promise((resolve2) => {
                     let dataFromLocalStorage = (localStorage === null || localStorage === void 0 ? void 0 : localStorage.getItem("profile")) || "";
                     if (dataFromLocalStorage) {
                         const profileData = JSON.parse(dataFromLocalStorage);
-                        return profileData;
+                        resolve2(profileData);
                     }
                     else {
-                        return;
+                        resolve2();
                     }
                 });
                 const token = profileData === null || profileData === void 0 ? void 0 : profileData.token;
@@ -18454,6 +18449,7 @@ class BuilderStatefulWidget extends _StatefulWidget__WEBPACK_IMPORTED_MODULE_0__
                     mountChildWidgets: widgetMountChildWidgets,
                 };
                 const widgetInstance = new BuilderStatefulWidget();
+                widgetInstance.html = widgetData === null || widgetData === void 0 ? void 0 : widgetData.html;
                 widgetInstance.componentDidMountFunction = widgetData === null || widgetData === void 0 ? void 0 : widgetData.onmount;
                 widgetInstance.addEventFunction = widgetData === null || widgetData === void 0 ? void 0 : widgetData.addevent;
                 widgetInstance.mountChildWidgetsFunction = widgetData === null || widgetData === void 0 ? void 0 : widgetData.mountChildWidgets;
@@ -18512,6 +18508,7 @@ class StatefulWidget extends _BaseWidget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget
          * These are the child widgets that need to be added to  this widget
          */
         this.childWidgets = [];
+        this.childWidgetElement = [];
         /**
          * This is the id of the parentElement of this widget.
          */
@@ -18521,6 +18518,9 @@ class StatefulWidget extends _BaseWidget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget
          */
         this.element = null;
     }
+    getElement() {
+        return this.element;
+    }
     setTitle(title) {
         document.title = title;
     }
@@ -18577,6 +18577,7 @@ class StatefulWidget extends _BaseWidget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget
         if (this.element) {
             this.element.innerHTML = this.getHtml();
         }
+        //console.log("added-widget-container",this.childWidgetElement);
         // addEvents is called after the element has been mounted.
         this.addEvents();
         // then after the child widgets are again loaded.
@@ -18584,10 +18585,21 @@ class StatefulWidget extends _BaseWidget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget
             this.loadChildWidgets();
         }
     }
+    getElementByClassName(identifier) {
+        let element = this.getComponent();
+        if (element) {
+            let myelement = element === null || element === void 0 ? void 0 : element.querySelectorAll('.' + identifier);
+            console.log("this is the element", element, myelement, identifier);
+            return myelement;
+        }
+        return [];
+    }
     /**
      * This is the function that needs to be called.
      */
     mountChildWidgets() {
+        return __awaiter(this, void 0, void 0, function* () {
+        });
     }
     /**
      *
@@ -18601,7 +18613,7 @@ class StatefulWidget extends _BaseWidget__WEBPACK_IMPORTED_MODULE_0__.BaseWidget
                 // assign an identifier to the element so that it does not conflict with others.
                 this.element.id = this.createWidgetWrapperIdentifier();
                 // then assign the html to the element.
-                this.element.innerHTML = yield this.getHtml();
+                this.element.innerHTML = this.getHtml();
                 // mount the div with unique identifier to the parent element.
                 parent.appendChild(this.element);
                 // also save in the widget its parent identifier.