Mendix 10.12

Updated peer dependencies of the library manually to make the widget build properly

package.json

@@ -1,7 +1,7 @@
 {
   "name": "splitpanewidget",
   "widgetName": "SplitPaneWidget",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Split pane widget",
   "copyright": "ITvisors 2021",
   "author": "Marcel Groeneweg",
@@ -25,10 +25,9 @@
     "release": "pluggable-widgets-tools release:web"
   },
   "devDependencies": {
-    "@mendix/pluggable-widgets-tools": "9.10.0"
+    "@mendix/pluggable-widgets-tools": "10.12.1"
   },
   "dependencies": {
-    "classnames": "^2.2.6",
     "react-split-pane": "^0.1.92"
   }
 }

src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="SplitPaneWidget" version="1.3.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="SplitPaneWidget" version="1.4.0" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="SplitPaneWidget.xml"/>
         </widgetFiles>

test/javascriptsource/datawidgets/actions/Export_To_Excel.js

@@ -0,0 +1,82 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import "mx-global";
+import { Big } from "big.js";
+import { utils, writeFileXLSX } from './xlsx-export-tools.js';
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {string} datagridName
+ * @param {string} fileName
+ * @param {string} sheetName
+ * @param {boolean} includeColumnHeaders
+ * @param {Big} chunkSize - The number of items fetched and exported per request.
+ * @returns {Promise.<boolean>}
+ */
+export async function Export_To_Excel(datagridName, fileName, sheetName, includeColumnHeaders, chunkSize) {
+	// BEGIN USER CODE
+    if (!fileName || !datagridName || !sheetName) {
+        return false;
+    }
+
+    const REGISTRY_NAME = "com.mendix.widgets.web.datagrid.export";
+    const registry = window[REGISTRY_NAME];
+    const controller = registry.get(datagridName);
+
+    if (controller === undefined) {
+        return false;
+    }
+
+    return new Promise((resolve) => {
+        function handler(req) {
+            let worksheet;
+            let headers;
+
+            req.on("headers", (hds) => {
+                headers = hds.map(header => header.name);
+                if (includeColumnHeaders) {
+                    worksheet = utils.aoa_to_sheet([headers]);
+                }
+            });
+
+            req.on("data", (data) => {
+                if (worksheet === undefined) {
+                    worksheet = utils.aoa_to_sheet(data)
+                } else {
+                    utils.sheet_add_aoa(worksheet, data, { origin: -1 });
+                }
+            });
+
+            req.on("end", () => {
+                if (worksheet) {
+                    // Set character width for each column
+                    // https://docs.sheetjs.com/docs/csf/sheet#worksheet-object
+                    worksheet["!cols"] = headers.map(header => ({
+                        wch: header.length + 10
+                    }));
+                    const workbook = utils.book_new();
+                    utils.book_append_sheet(workbook, worksheet, sheetName === "" ? "Data" : sheetName);
+                    writeFileXLSX(workbook, `${fileName}.xlsx`);
+                    resolve(true);
+                } else {
+                    resolve(false);
+                }
+            });
+
+            req.on("abort", () => resolve(false));
+        }
+
+        controller.exportData(handler, {
+            withHeaders: true,
+            limit: chunkSize.toNumber()
+        })
+    });
+	// END USER CODE
+}

test/javascriptsource/datawidgets/actions/Reset_All_Filters.js

@@ -0,0 +1,26 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+import "mx-global";
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {string} targetName - Name of the widget for which filters should be reset. Valid targets are: Data grid 2, Gallery. You can find filter name in widget settings in the "Common" group (Properties>Common>Name).
+ * @param {boolean} setToDefault - Set to default value. If true, filter will be set to its default value, otherwise it will be set to empty.
+ * @returns {Promise.<void>}
+ */
+export async function Reset_All_Filters(targetName, setToDefault) {
+	// BEGIN USER CODE
+    const plugin = window["com.mendix.widgets.web.plugin.externalEvents"];
+    if (plugin) {
+        plugin.emit(targetName, "reset.filters", setToDefault);
+    }
+	// END USER CODE
+}

test/javascriptsource/datawidgets/actions/Reset_Filter.js

@@ -0,0 +1,26 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import "mx-global";
+import { Big } from "big.js";
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {string} targetName - Name of the filter to reset. Valid targets are: Number filter, Date filter, Text filter, Drop-down filter. You can find filter name in widget settings in the "Common" group (Properties>Common>Name).
+ * @param {boolean} setToDefault - Set to default value. If true, filter will be set to its default value, otherwise it will be set to empty.
+ * @returns {Promise.<void>}
+ */
+export async function Reset_Filter(targetName, setToDefault) {
+	// BEGIN USER CODE
+    const plugin = window["com.mendix.widgets.web.plugin.externalEvents"];
+    if (plugin) {
+        plugin.emit(targetName, "reset.value", setToDefault);
+    }
+	// END USER CODE
+}

test/javascriptsource/datawidgets/actions/Set_Filter.js

@@ -0,0 +1,34 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import "mx-global";
+import { Big } from "big.js";
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {string} targetName - Name of the filter to set. Valid targets are: Number filter, Date filter, Text filter, Drop-down filter. You can find filter name in widget settings in the "Common" group (Properties>Common>Name).
+ * @param {boolean} useDefaultValue - Determine the use of default value provided by the filter component itself.
+If true, "Value" section will be ignored
+ * @param {"DataWidgets.Filter_Operators.contains"|"DataWidgets.Filter_Operators.startsWith"|"DataWidgets.Filter_Operators.endsWith"|"DataWidgets.Filter_Operators.between"|"DataWidgets.Filter_Operators.greater"|"DataWidgets.Filter_Operators.greaterEqual"|"DataWidgets.Filter_Operators.equal"|"DataWidgets.Filter_Operators.notEqual"|"DataWidgets.Filter_Operators.smaller"|"DataWidgets.Filter_Operators.smallerEqual"|"DataWidgets.Filter_Operators.empty"|"DataWidgets.Filter_Operators.notEmpty"} operators - Selected operators value. If filter has operators, this value will be applied.
+ * @param {string} stringValue - Value set for dropdown filter or text filter. Choose empty if not use.
+ * @param {Big} numberValue - Number value for number filter. Choose empty if not use.
+ * @param {Date} dateTimeValue - Date time value for date filter, can also be use as "start date". Choose empty if not use.
+ * @param {Date} dateTimeValue_2 - End date time value for range filter. Choose empty if not use.
+ * @returns {Promise.<void>}
+ */
+export async function Set_Filter(targetName, useDefaultValue, operators, stringValue, numberValue, dateTimeValue, dateTimeValue_2) {
+	// BEGIN USER CODE
+	const plugin = window["com.mendix.widgets.web.plugin.externalEvents"];
+    if (plugin) {
+        plugin.emit(targetName, "set.value", useDefaultValue, {
+			operators, stringValue, numberValue, dateTimeValue, dateTimeValue2: dateTimeValue_2
+		});
+    }
+	// END USER CODE
+}

test/javascriptsource/nanoflowcommons/actions/Base64Decode.js

@@ -0,0 +1,22 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+import { Base64 } from 'js-base64';
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {string} base64
+ * @returns {Promise.<string>}
+ */
+export async function Base64Decode(base64) {
+	// BEGIN USER CODE
+    return Base64.decode(base64);
+	// END USER CODE
+}

test/javascriptsource/nanoflowcommons/actions/Base64DecodeToImage.js

@@ -0,0 +1,32 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+import { Base64 } from 'js-base64';
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {string} base64
+ * @param {MxObject} image
+ * @returns {Promise.<boolean>}
+ */
+export async function Base64DecodeToImage(base64, image) {
+	// BEGIN USER CODE
+    if (!base64) {
+        throw new Error("base64 String should not be empty");
+    }
+    if (!image) {
+        throw new Error("image should not be null");
+    }
+    const blob = new Blob([Base64.toUint8Array(base64)], { type: "image/png" });
+    return new Promise((resolve, reject) => {
+        mx.data.saveDocument(image.getGuid(), "camera image", {}, blob, () => resolve(true), reject);
+    });
+	// END USER CODE
+}

test/javascriptsource/nanoflowcommons/actions/Base64Encode.js

@@ -0,0 +1,22 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+import { Base64 } from 'js-base64';
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @param {string} stringToEncode
+ * @returns {Promise.<string>}
+ */
+export async function Base64Encode(stringToEncode) {
+	// BEGIN USER CODE
+    return Base64.encode(stringToEncode);
+	// END USER CODE
+}

test/javascriptsource/nanoflowcommons/actions/CallPhoneNumber.js

@@ -0,0 +1,46 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * This action can be used to launch a phone app on the devices and initiate dialing of the specified phone number. The user has to confirm to initate the actual call.
+ * @param {string} phoneNumber - This field is required.
+ * @returns {Promise.<boolean>}
+ */
+export async function CallPhoneNumber(phoneNumber) {
+	// BEGIN USER CODE
+    if (!phoneNumber) {
+        return Promise.reject(new Error("Input parameter 'Phone number' is required"));
+    }
+    const url = `tel:${encodeURI(phoneNumber)}`;
+    // Native platform
+    if (navigator && navigator.product === "ReactNative") {
+        const Linking = require("react-native").Linking;
+        return Linking.canOpenURL(url).then(supported => {
+            if (!supported) {
+                return false;
+            }
+            return Linking.openURL(url).then(() => true);
+        });
+    }
+    // Hybrid platform
+    if (window && window.cordova) {
+        window.open(url, "_system");
+        return Promise.resolve(true);
+    }
+    // Web platform
+    if (window) {
+        window.location.href = url;
+        return Promise.resolve(true);
+    }
+    return Promise.resolve(false);
+	// END USER CODE
+}

test/javascriptsource/nanoflowcommons/actions/ClearCachedSessionData.js

@@ -0,0 +1,24 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * Clears saved session data from the local storage for offline native and PWAs.
+ * @returns {Promise.<void>}
+ */
+export async function ClearCachedSessionData() {
+	// BEGIN USER CODE
+    if (mx.session && mx.session.clearCachedSessionData === undefined) {
+        return Promise.reject(new Error("JS action 'Clear cached session data' is not supported prior to Mendix client v9.14"));
+    }
+    await mx.session.clearCachedSessionData();
+	// END USER CODE
+}

test/javascriptsource/nanoflowcommons/actions/ClearLocalStorage.js

@@ -0,0 +1,27 @@
+// This file was generated by Mendix Studio Pro.
+//
+// WARNING: Only the following code will be retained when actions are regenerated:
+// - the import list
+// - the code between BEGIN USER CODE and END USER CODE
+// - the code between BEGIN EXTRA CODE and END EXTRA CODE
+// Other code you write will be lost the next time you deploy the project.
+import { Big } from "big.js";
+
+// BEGIN EXTRA CODE
+// END EXTRA CODE
+
+/**
+ * @returns {Promise.<boolean>}
+ */
+export async function ClearLocalStorage() {
+	// BEGIN USER CODE
+    try {
+        localStorage.clear();
+        return true;
+    }
+    catch (e) {
+        console.error(e);
+        return false;
+    }
+	// END USER CODE
+}