Release 1.0.9 [ci:run] (#40)

* Bump patch version [ci:run]

* [renovate] Target develop for vulns

* LKE-8090 fix(queryParsing): use URLSearchParams to get url query params #38

* Fix license year & owner

* Lke 1588 add truncated option (#3)

Data Table plugin: Add an option to show long text

---------

Co-authored-by: Edward Nys <edward@linkurio.us>
Co-authored-by: aminerhanemi <amine@linkurio.us>
Co-authored-by: david <david@linkurio.us>
Co-authored-by: Yiğit Akbulut <29952103+yigitakbulut@users.noreply.github.com>

Author: 5 people

.bumpversion.cfg

@@ -1,5 +1,5 @@
 [bumpversion]
-current_version = 1.0.8
+current_version = 1.0.9
 commit = False
 tag = False
 serialize = 

.github/renovate.json

@@ -4,6 +4,9 @@
     "github>Linkurious/renovate-config:meta",
     "regexManagers:dockerfileVersions"
   ],
+  "vulnerabilityAlerts": {
+    "baseBranches": ["develop"]
+  },
   "baseBranches": ["develop"],
   "prConcurrentLimit": 10
 }

.version

@@ -1 +1 @@
-1.0.8
+1.0.9

LICENSE

@@ -186,7 +186,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright [yyyy] [name of copyright owner]
+   Copyright 2023 Linkurious SAS
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

README.md

@@ -45,6 +45,7 @@ This plugin supports the following URL parameters in the query string:
 | `param_number_{{Encoded field name}}` | number (**optional**)   | *For query templates*, any numerical parameter of the template. | `param_number_age=30` |
 | `param_string_{{Encoded field name}}` | string (**optional**)   | *For query templates*, any string parameter of the template. | `param_string_city=Paris` |
 | `param_ids_{{Encoded field name}}`    | comma-separated list (**optional**)  | *For query templates*, any edgeset/nodeset parameter of the template. | `param_ids_target_ids=1,50,12` |
+| `showLongValues`                       | boolean (**optional**)  | Avoids truncation of long texts. | `showLongValues=false` |
 
 ### Usage with standard queries
 

manifest.json

@@ -1,6 +1,6 @@
 {
   "name": "data-table",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "pluginApiVersion": "1.0.0",
   "publicRoute": "public",
   "singlePageAppIndex": "index.html",

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@linkurious/lke-plugin-data-table",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Data-table plugin for Linkurious Enterprise",
   "main": "index.js",
   "homepage": "https://github.com/Linkurious/lke-plugin-data-table#readme",

package.json

@@ -297,11 +297,16 @@ svg.stroke {
     border-radius: 4px !important;
 }
 
-.tabulator-cell {
-    height: 44px;
-    padding: 12px !important;
-    border-bottom: 1px solid #aaa !important;
-    background-color: #fff !important;
+.tabulator-row .tabulator-cell {
+    padding: 12px;
+    border-bottom: 1px solid #aaa;
+    background-color: #fff;
+    white-space: pre-wrap;
+    max-width: 300px;
+}
+
+.tabulator .tabulator-header .tabulator-col {
+    max-width: 300px;
 }
 
 .tabulator-row {

public/css/main.css

@@ -4,6 +4,7 @@ let tableStructure;
 let schema;
 let table;
 let query;
+let isShowingLongValues;
 let pluginConfiguration;
 const headersToAlignRight = [];
 const loaderElement = document.getElementById('loader');
@@ -111,57 +112,57 @@ async function runQueryByID(query) {
  * set queryParams as a json object containing the query parameters
  */
 function parseQueryParams() {
-    const url = location.search;
-    const query = url.substr(1);
-    const result = {global: {}, templateFields: {}};
-    query.split('&').forEach((param) => {
-        const item = param.split('=');
-        const parameter = getParameter(item);
-        if (parameter) {
-            if (parameter.type === 'global') {
-                result.global[decodeURIComponent(parameter.key)] = parameter.value;
-            } else if (parameter.type === 'templateField') {
-                result.templateFields[decodeURIComponent(parameter.key)] = parameter.value;
-            }
-        }
-    });
-    queryParams = result;
+  const result = {global: {}, templateFields: {}};
+  const parameters = new URLSearchParams(location.search);
+  parameters.forEach((value, key) => {
+    const parameter = getParameter(value, key);
+    if (parameter) {
+      if (parameter.type === 'global') {
+        result.global[decodeURIComponent(parameter.key)] = parameter.value;
+      } else if (parameter.type === 'templateField') {
+        result.templateFields[decodeURIComponent(parameter.key)] = parameter.value;
+      }
+    }
+  });
+  queryParams = result;
 }
 
 /**
  * check if the query-param  is allowed
- * @param item
- */
-function getParameter(item) {
-    const allowedParams = {
-        oneOf: [
-            'sourceKey',
-            'limit',
-            'queryId',
-            'queryName'
-        ],
-        startWith: [
-            'param_number_',
-            'param_ids_',
-            'param_string_'
-        ]
-    };
-    const decodedValue = decodeURIComponent(item[1]);
-    if (allowedParams.oneOf.includes(item[0])) {
-        return {key: item[0], value: decodedValue, type: 'global'};
-    } else {
-        const prefix = allowedParams.startWith.find((prefix) => item[0].startsWith(prefix));
-        switch (prefix) {
-            case  'param_number_':
-                return {key: item[0].replace('param_number_', ''), value: +decodedValue, type: 'templateField'};
-            case  'param_ids_':
-                return {key: item[0].replace('param_ids_', ''), value: decodedValue, type: 'templateField'};
-            case  'param_string_':
-                return {key: item[0].replace('param_string_', ''), value: decodedValue, type: 'templateField'};
-            default:
-                return false;
-        }
+ * @param value
+ * @param key
+ */
+function getParameter(value, key) {
+  const allowedParams = {
+    oneOf: [
+      'sourceKey',
+      'limit',
+      'queryId',
+      'queryName',
+      'showLongValues'
+    ],
+    startWith: [
+      'param_number_',
+      'param_ids_',
+      'param_string_'
+    ]
+  };
+  const decodedValue = decodeURIComponent(value);
+  if (allowedParams.oneOf.includes(key)) {
+    return {key: key, value: decodedValue, type: 'global'};
+  } else {
+    const prefix = allowedParams.startWith.find((prefix) => key.startsWith(prefix));
+    switch (prefix) {
+      case  'param_number_':
+        return {key: key.replace('param_number_', ''), value: +decodedValue, type: 'templateField'};
+      case  'param_ids_':
+        return {key: key.replace('param_ids_', ''), value: decodedValue, type: 'templateField'};
+      case  'param_string_':
+        return {key: key.replace('param_string_', ''), value: decodedValue, type: 'templateField'};
+      default:
+        return false;
     }
+  }
 }
 
 /**
@@ -253,7 +254,12 @@ async function validatePluginConfiguration() {
  * @param cell
  * @returns {string}
  */
-function truncateTableText(cell) {
+function formatTableCell(cell) {
+   cell.getElement().setAttribute("dir", "auto"); //Add support for right to left text
+
+    if (isShowingLongValues) {
+        return cell.getValue();
+    }
     return truncateText(cell.getValue(), 38);
 }
 
@@ -343,9 +349,9 @@ function getTableStructure(schemaStructure) {
             title: property.propertyKey,
             field: escapeDotCharacters(property.propertyKey),
             align: align,
-            titleFormatter: truncateTableText,
+            titleFormatter: formatTableCell,
             headerSort: false,
-            formatter: truncateTableText,
+            formatter: formatTableCell,
             tooltip: getFieldTooltip
         };
     });
@@ -710,6 +716,15 @@ async function getQuery() {
     }
 }
 
+function parseBool(val) {
+    if ((typeof val === 'string' && (val.toLowerCase() === 'true' || val.toLowerCase() === 'yes')) || val === 1)
+        return true;
+    else if ((typeof val === 'string' && (val.toLowerCase() === 'false' || val.toLowerCase() === 'no')) || val === 0)
+        return false;
+
+    return false;
+}
+
 /**
  * start the plugin table
  * @returns {Promise<void>}
@@ -718,6 +733,7 @@ async function main() {
     loaderElement.classList.add('active');
     parseQueryParams();
     try {
+        isShowingLongValues = parseBool(queryParams.global.showLongValues);
         validateGlobalQueryParams(queryParams.global);
         query = JSON.parse((await getQuery()).response).body;
         validateTemplateFieldsParams(query);
@@ -730,7 +746,6 @@ async function main() {
     } catch(e) {
         handleError(e);
     }
-
 }
 
 main();