iobroker.vis-2-widgets-inventwo 0.4.0 → 0.4.1

package/README.md

@@ -14,25 +14,39 @@ Adds switches, buttons, sliders and more as widgets for ioBroker VIS 2.0.
 ## Content
 Various widgets for switching, navigating and more.
 
-![Vorschau Universal- & Multi-Widget](img/preview_universal_widget.png)
+### Widget - Universal
+![Preview Universal- & Multi-Widget](img/preview_universal_widget.png)
 
-Various content types
+#### Various content types
 
-![Vorschau Colorpicker](img/preview_content_types.png)
+![Preview Colorpicker](img/preview_content_types.png)
 
 Color picker
 
-![Vorschau Colorpicker](img/preview_colorpicker.png)
+![Preview Colorpicker](img/preview_colorpicker.png)
 
-Slider
+### Widget - Slider
 
-![Vorschau Colorpicker](img/preview_sliders.png)
+![Preview Slider](img/preview_sliders.png)
 
-Switches
+### Widget - Switches
 
-![Vorschau Colorpicker](img/preview_switches.png)
+![Preview Switches](img/preview_switches.png)
 
-#### More will follow...
+### Widget - Checkbox
+
+![Preview Checkbox](img/preview_checkbox.png)
+
+### Widget—Table
+
+![Preview Table](img/preview_table.png)
+
+### Design
+All widgets come with extensive design options to customize the look and feel to your needs.
+
+![Preview Customization](img/preview_css_customization.png)
+
+### More will follow...
 
 
 ## Changelog
@@ -40,6 +54,12 @@ Switches
     Placeholder for the next version (at the beginning of the line):
     ### **WORK IN PROGRESS**
 -->
+### 0.4.1 (2025-12-18)
+- Added image type to column for table widget (#97)
+- Added custom datetime format support for table widget (#97)
+- Fix issue in slider widget when steps is active but value is empty
+- Changed module federation version to match vis 2.0 stable
+
 ### 0.4.0 (2025-12-13)
 - Switched to TypeScript
 

package/io-package.json

@@ -1,8 +1,21 @@
 {
   "common": {
     "name": "vis-2-widgets-inventwo",
-    "version": "0.4.0",
+    "version": "0.4.1",
     "news": {
+      "0.4.1": {
+        "en": "Added image type to column for table widget (#97)\nAdded custom datetime format support for table widget (#97)\nFix issue in slider widget when steps is active but value is empty\nChanged module federation version to match vis 2.0 stable",
+        "de": "Bildtyp zur Spalte für Tabelle Widget (#97) hinzugefügt\nHinzugefügt benutzerdefinierte Datetime-Format-Unterstützung für Tabelle Widget (#97)\nProblem im Slider Widget beheben, wenn die Schritte aktiv sind, aber der Wert leer ist\nGeänderte Modul-Feederationsversion passend zu vis 2.0 stabil",
+        "ru": "Добавлен тип изображения в колонку для виджета таблицы (#97)\nДобавлена поддержка пользовательского формата даты для виджета таблицы (#97)\nИсправление проблемы в виджете слайдера, когда шаги активны, но ценность пуста\nИзмененная версия федерации модулей соответствует стабильной версии 2.0",
+        "pt": "Tipo de imagem adicionado à coluna para o elemento da tabela (# 97)\nAdicionado suporte personalizado ao formato datetime para widget de tabela (# 97)\nCorrigir o problema no elemento da barra deslizante quando os passos estiverem activos, mas o valor estiver vazio\nVersão alterada da federação do módulo para coincidir com a versão 2.0 estável",
+        "nl": "Afbeeldingstype toegevoegd aan kolom voor tabelwidget (#97)\nAangepaste datum-indelingsondersteuning voor tabelwidget (#97) toegevoegd\nFix probleem in dia widget wanneer stappen actief zijn, maar waarde is leeg\nVeranderde module federatie versie om te passen vis 2.0 stabiel",
+        "fr": "Ajout du type d'image à la colonne pour le widget de table (#97)\nAjout du support personnalisé de format datetime pour widget de table (#97)\nCorrection de problème dans le widget slider lorsque les étapes sont actives mais la valeur est vide\nVersion modifiée de la fédération module pour correspondre vis 2.0 stable",
+        "it": "Tipo di immagine aggiunto alla colonna per widget di tabella (#97)\nAggiunto supporto di formato datatime personalizzato per widget di tabella (#97)\nRisolvi il problema nel widget del cursore quando i passaggi sono attivi ma il valore è vuoto\nModificata versione federativa del modulo per abbinare vis 2.0 stable",
+        "es": "Tipo de imagen añadido a la columna para el widget de mesa (#97)\nAñadido soporte de formato de fecha personalizada para el widget de mesa (#97)\nCorregir el problema en el widget deslizante cuando los pasos están activos pero el valor está vacío\nVersión de federación del módulo cambiado para comparar con 2.0 estable",
+        "pl": "Dodano typ obrazka do kolumny dla widżetu tabeli (# 97)\nDodano niestandardowe wsparcie formatu datetime dla interfejsu tabeli (# 97)\nNaprawianie problemu w widżecie suwaka, gdy kroki są aktywne, ale wartość jest pusta\nZmieniona wersja federacyjna modułu do dopasowania do wersji 2.0 stabilnej",
+        "uk": "Додано тип зображення до колонки для настільного віджету (#97)\nДодано користувальницький дата-центр підтримки для настільного віджету (#97)\nВиправлено проблему у віджеті слайдера, коли дії активні, але значення є порожнім\nЗмінений варіант федерації модуля, щоб відповідати в'язам 2.0 стабільний",
+        "zh-cn": "将图像类型添加到表格部件的列(# 97)\n为表格部件添加自定义日期时间格式支持(# 97)\n当步骤活动但值为空时, 在滑动部件中修正发行\n更改模块 Federation 版本, 与 2.0 稳定匹配"
+      },
       "0.4.0": {
         "en": "Switched to TypeScript",
         "de": "Zu TypeScript geschaltet",
@@ -80,19 +93,6 @@
         "pl": "Naprawiono problem z promieniem okręgu tabeli i dodano opcję ustawienia promienia okręgu (#99)\nNaprawiono problem z uniwersalnym widżetem i porównaniem innym niż \"równy\" (#109)\nDodano opcję dziedziczenia kolorów stanu z innych widżetów (#120)",
         "uk": "Виправлено проблему з округленням кутів таблиці та додана опція для задання радіусу кутів (#99)\nВиправлено проблему з універсальним віджетом та порівнянням, відмінним від \"рівне\" (#109)\nДодана ​​опція успадкування кольорів стану від інших віджетів (#120)",
         "zh-cn": "修复了表格边框半径的问题，并添加了设置边框半径的选项 (#99)\n修复通用小部件与\"等于\"之外的比较问题 (#109)\n添加了从其他小部件继承状态颜色的选项（#120）"
-      },
-      "0.3.7": {
-        "en": "Removed code to print console logs to a widget for debugging purposes",
-        "de": "Entfernter Code zum Drucken von Konsolenprotokollen in ein Widget zu Debugging-Zwecken",
-        "ru": "Удален код для вывода журнальных логов на виджет для отладочных целей",
-        "pt": "Removido o código para imprimir logs do console em um widget para fins de depuração",
-        "nl": "Verwijderde code om console logs af te drukken naar een widget voor debugdoeleinden",
-        "fr": "Suppression du code permettant d'imprimer les journaux de la console dans un widget à des fins de débogage",
-        "it": "Rimosso il codice per stampare i log della console su un widget a fini di debug",
-        "es": "Se eliminó el código que imprimía mensajes de consola en un widget con fines de depuración.",
-        "pl": "Usunięto kod odpowiedzialny za wyświetlanie logów konsoli w widżecie do celów debugowania.",
-        "uk": "Видалено код для виведення журналів консолі в віджет для налагодження коду.",
-        "zh-cn": "为了调试目的，已移除将控制台日志打印到小部件的代码。"
       }
     },
     "titleLang": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.vis-2-widgets-inventwo",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "ioBroker vis2 inventwo widgets",
   "author": "jkvarel <jk@inventwo.com>",
   "contributors": [

package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetCheckbox-CKLquE37.js → InventwoWidgetCheckbox-S8XjkDGP.js}

@@ -1,4 +1,4 @@
-import { j as i, __tla as __tla_0 } from "./jsx-runtime-1KR4UBAX.js";
+import { j as i, __tla as __tla_0 } from "./jsx-runtime-oJpyLRee.js";
 import { v as a, __tla as __tla_1 } from "./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";
 import { I as h } from "./InventwoGeneric-DmPldO6z.js";
 import { __tla as __tla_2 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";

package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetSlider-BX9FNabc.js → InventwoWidgetSlider-CEkyU1gv.js}

@@ -1,4 +1,4 @@
-import { j as p, __tla as __tla_0 } from "./jsx-runtime-1KR4UBAX.js";
+import { j as p, __tla as __tla_0 } from "./jsx-runtime-oJpyLRee.js";
 import { v as c, __tla as __tla_1 } from "./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";
 import { I as b } from "./InventwoGeneric-DmPldO6z.js";
 import { __tla as __tla_2 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";
@@ -405,7 +405,7 @@ let __tla = Promise.all([
         label: d
       })), this.state.rxData.showSteps) if (this.state.rxData.stepMode === "auto") {
         const i = this.state.rxData.stepDisplay;
-        if (i > 0) for (let l = t + i; l < d; l += i) o.push({
+        if (i > 0 && t && d && i) for (let l = t + i; l < d; l += i) o.push({
           value: parseFloat(l.toFixed(2).replace(/[.,]00$/, "")),
           label: l.toFixed(2).replace(/[.,]00$/, "")
         });

package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetSwitch-BV_GenP1.js → InventwoWidgetSwitch-DyK7J_YN.js}

@@ -1,4 +1,4 @@
-import { j as o, __tla as __tla_0 } from "./jsx-runtime-1KR4UBAX.js";
+import { j as o, __tla as __tla_0 } from "./jsx-runtime-oJpyLRee.js";
 import { v as i, __tla as __tla_1 } from "./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";
 import { I as u } from "./InventwoGeneric-DmPldO6z.js";
 import { __tla as __tla_2 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";

package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetTable-grNhXRwE.js → InventwoWidgetTable-CJ2fYH7S.js}

@@ -1,13 +1,13 @@
-import { j as l, __tla as __tla_0 } from "./jsx-runtime-1KR4UBAX.js";
-import { v as r, __tla as __tla_1 } from "./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";
+import { j as l, __tla as __tla_0 } from "./jsx-runtime-oJpyLRee.js";
+import { v as i, __tla as __tla_1 } from "./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";
 import { I as k } from "./InventwoGeneric-DmPldO6z.js";
-import { s as g, __tla as __tla_2 } from "./styled-Cn9_UETB.js";
-import { t as D, a as x, __tla as __tla_3 } from "./tableRowClasses-Bpq28eci.js";
+import { s as g, __tla as __tla_2 } from "./styled-B6ANeESM.js";
+import { t as D, a as y, __tla as __tla_3 } from "./tableRowClasses-CsDLHA-3.js";
 import { __tla as __tla_4 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";
 import "./_commonjsHelpers-Cpj98o6Y.js";
 import "./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";
-import { __tla as __tla_5 } from "./defaultTheme-CemCGl9G.js";
-let R;
+import { __tla as __tla_5 } from "./defaultTheme-B3m4fB8l.js";
+let F;
 let __tla = Promise.all([
   (() => {
     try {
@@ -46,7 +46,7 @@ let __tla = Promise.all([
     }
   })()
 ]).then(async () => {
-  R = class extends k {
+  F = class extends k {
     static getWidgetInfo() {
       return {
         id: "tplInventwoWidgetTable",
@@ -180,6 +180,10 @@ let __tla = Promise.all([
                   {
                     value: "datetime",
                     label: "datetime"
+                  },
+                  {
+                    value: "image",
+                    label: "image"
                   }
                 ],
                 default: "text",
@@ -207,11 +211,22 @@ let __tla = Promise.all([
                   {
                     value: "time",
                     label: "Time"
+                  },
+                  {
+                    value: "custom",
+                    label: "Custom"
                   }
                 ],
                 default: "datetime",
                 label: "datetime_format",
                 hidden: 'data["columnValueFormat" + index] != "datetime"'
+              },
+              {
+                name: "columnDatetimeFormatCustom",
+                type: "text",
+                label: "datetime_format_custom",
+                tooltip: "tooltip_datetime_custom_format",
+                hidden: 'data["columnValueFormat" + index] != "datetime" || data["columnDatetimeFormat" + index] != "custom"'
               }
             ]
           },
@@ -523,31 +538,31 @@ let __tla = Promise.all([
       return "vis_2_widgets_inventwo_";
     }
     getWidgetInfo() {
-      return R.getWidgetInfo();
+      return F.getWidgetInfo();
     }
     renderWidgetBody($) {
       super.renderWidgetBody($);
-      const F = this.state.rxData.oid, h = this.getValue(F);
-      let o = null;
-      if (h == null || h === "") return l.jsx("div", {
+      const R = this.state.rxData.oid, b = this.getValue(R);
+      let r = null;
+      if (b == null || b === "") return l.jsx("div", {
         children: "Keine Daten"
       });
       try {
-        o = JSON.parse(h);
+        r = JSON.parse(b);
       } catch {
         return l.jsx("div", {
           children: "Invalides JSON"
         });
       }
-      const p = [], y = [], d = this.getStyle("outerShadowStyleFromWidget", this.groupAttrs.attr_group_css_outer_shadow), s = this.getStyle("borderStyleFromWidget", this.groupAttrs.attr_group_css_border), T = g(r.TableRow)(() => ({
+      const p = [], _ = [], s = this.getStyle("outerShadowStyleFromWidget", this.groupAttrs.attr_group_css_outer_shadow), n = this.getStyle("borderStyleFromWidget", this.groupAttrs.attr_group_css_border), C = g(i.TableRow)(() => ({
         [`&.${D.root}`]: {
           height: this.valWithUnit(this.state.rxData.headerHeight)
         }
-      })), S = g(r.TableCell)(() => ({
-        [`&.${x.head}`]: {
+      })), S = g(i.TableCell)(() => ({
+        [`&.${y.head}`]: {
           backgroundColor: this.state.rxData.backgroundHeader
         },
-        [`&.${x.root}`]: {
+        [`&.${y.root}`]: {
           paddingTop: 0,
           paddingBottom: 0,
           fontSize: this.state.rxStyle["font-size"],
@@ -563,8 +578,8 @@ let __tla = Promise.all([
           borderBottomWidth: this.state.rxData.headerBorderWidth,
           borderColor: this.state.rxData.headerBorderColor
         }
-      })), _ = g(r.TableCell)(() => ({
-        [`&.${x.root}`]: {
+      })), w = g(i.TableCell)(() => ({
+        [`&.${y.root}`]: {
           paddingTop: 0,
           paddingBottom: 0,
           fontSize: this.state.rxStyle["font-size"],
@@ -580,7 +595,7 @@ let __tla = Promise.all([
           borderBottomWidth: this.state.rxData.rowBorderWidth,
           borderColor: this.state.rxData.rowBorderColor
         }
-      })), C = g(r.TableRow)(() => ({
+      })), T = g(i.TableRow)(() => ({
         "&:nth-of-type(odd)": {
           backgroundColor: this.state.rxData.backgroundOddRow
         },
@@ -591,100 +606,111 @@ let __tla = Promise.all([
           height: this.valWithUnit(this.state.rxData.columnHeight)
         }
       }));
-      if (o && o.length > 0) {
+      if (r && r.length > 0) {
         const f = this.state.rxData.countColumns;
-        if (f === 0) Object.keys(o[0]).forEach((t, i) => {
+        if (f === 0) Object.keys(r[0]).forEach((a, d) => {
           p.push(l.jsx(S, {
-            children: t
-          }, i));
+            children: a
+          }, d));
         });
-        else for (let t = 1; t <= this.state.rxData.countColumns; t++) {
-          let i = this.state.rxData[`columnTitle${t}`];
-          i === null && (i = Object.keys(o[0])[t - 1]);
-          const n = {
-            textAlign: this.state.rxData[`columnTitleAlign${t}`]
+        else for (let a = 1; a <= this.state.rxData.countColumns; a++) {
+          let d = this.state.rxData[`columnTitle${a}`];
+          d === null && (d = Object.keys(r[0])[a - 1]);
+          const m = {
+            textAlign: this.state.rxData[`columnTitleAlign${a}`]
           };
-          this.state.rxData[`columnWidth${t}`] && (n.width = this.valWithUnit(this.state.rxData[`columnWidth${t}`])), p.push(l.jsx(S, {
-            style: n,
-            children: i
-          }, t));
+          this.state.rxData[`columnWidth${a}`] && (m.width = this.valWithUnit(this.state.rxData[`columnWidth${a}`])), p.push(l.jsx(S, {
+            style: m,
+            children: d
+          }, a));
         }
-        let m = this.state.rxData.maxRows;
-        m <= 0 ? m = o.length : m = Math.min(m, o.length);
-        for (let t = 0; t < m; t++) {
-          const i = o[t], n = [];
-          if (f === 0) Object.values(i).forEach((e, u) => {
-            typeof e == "object" && e !== null && (e = JSON.stringify(e)), n.push(l.jsx(_, {
-              children: e
-            }, `${t}_${u}`));
+        let u = this.state.rxData.maxRows;
+        u <= 0 ? u = r.length : u = Math.min(u, r.length);
+        for (let a = 0; a < u; a++) {
+          const d = r[a], m = [];
+          if (f === 0) Object.values(d).forEach((t, h) => {
+            typeof t == "object" && t !== null && (t = JSON.stringify(t)), m.push(l.jsx(w, {
+              children: t
+            }, `${a}_${h}`));
           });
-          else for (let e = 1; e <= this.state.rxData.countColumns; e++) {
-            let u = this.state.rxData[`columnKey${e}`];
-            const B = this.state.rxData[`columnPrefix${e}`], j = this.state.rxData[`columnSuffix${e}`], v = this.state.rxData[`columnPlaceholder${e}`], W = this.state.rxData[`columnValueFormat${e}`];
-            u || (u = Object.keys(o[0])[e - 1]);
-            let a = i[u];
-            if ((a === null || a === "") && v) a = v;
-            else if (W === "number") a = new Intl.NumberFormat(navigator.language, {
-              minimumFractionDigits: this.state.rxData[`columnNumberDecimals${e}`] ?? 0,
-              maximumFractionDigits: this.state.rxData[`columnNumberDecimals${e}`] ?? 0
-            }).format(a);
-            else if (W === "datetime" && a) {
-              const c = this.state.rxData[`columnDatetimeFormat${e}`];
-              c === "datetime" ? a = new Date(a).toLocaleString() : c === "date" ? a = new Date(a).toLocaleDateString() : c === "time" && (a = new Date(a).toLocaleTimeString());
-            }
-            typeof a == "object" && a !== null && (a = JSON.stringify(a)), n.push(l.jsxs(_, {
+          else for (let t = 1; t <= this.state.rxData.countColumns; t++) {
+            let h = this.state.rxData[`columnKey${t}`];
+            const B = this.state.rxData[`columnPrefix${t}`], j = this.state.rxData[`columnSuffix${t}`], W = this.state.rxData[`columnPlaceholder${t}`], x = this.state.rxData[`columnValueFormat${t}`];
+            h || (h = Object.keys(r[0])[t - 1]);
+            let e = d[h];
+            if ((e === null || e === "") && W) e = W;
+            else if (x === "number") e = new Intl.NumberFormat(navigator.language, {
+              minimumFractionDigits: this.state.rxData[`columnNumberDecimals${t}`] ?? 0,
+              maximumFractionDigits: this.state.rxData[`columnNumberDecimals${t}`] ?? 0
+            }).format(e);
+            else if (x === "datetime") {
+              if (e) {
+                const o = this.state.rxData[`columnDatetimeFormat${t}`];
+                o === "datetime" ? e = new Date(e).toLocaleString() : o === "date" ? e = new Date(e).toLocaleDateString() : o === "time" ? e = new Date(e).toLocaleTimeString() : o === "custom" && (e = this.formatDate(e, this.state.rxData[`columnDatetimeFormatCustom${t}`] ?? ""));
+              }
+            } else if (x == "image") {
+              let o = this.state.rxData[`columnWidth${t}`];
+              !o || o === 0 ? o = "100%" : o = this.valWithUnit(o), e = l.jsx("img", {
+                src: e,
+                style: {
+                  width: o
+                },
+                alt: e
+              });
+            } else typeof e == "object" && e !== null && (e = JSON.stringify(e));
+            m.push(l.jsxs(w, {
               style: {
-                textAlign: this.state.rxData[`columnContentAlign${e}`]
+                textAlign: this.state.rxData[`columnContentAlign${t}`]
               },
               children: [
                 B,
-                a,
+                e,
                 j
               ]
-            }, `${t}_${e}`));
+            }, `${a}_${t}`));
           }
-          y.push(l.jsx(C, {
+          _.push(l.jsx(T, {
             sx: {
               "&:last-child td, &:last-child th": {
                 border: 0
               }
             },
-            children: n
-          }, t));
+            children: m
+          }, a));
         }
       }
-      let w = "";
-      d.outerShadowColor && (w += `${d.outerShadowX}px ${d.outerShadowY}px ${d.outerShadowBlur}px ${d.outerShadowSize}px ${d.outerShadowColor}`);
-      const b = this.getStyle("borderRadiusStyleFromWidget", this.groupAttrs.attr_group_css_border_radius);
+      let v = "";
+      s.outerShadowColor && (v += `${s.outerShadowX}px ${s.outerShadowY}px ${s.outerShadowBlur}px ${s.outerShadowSize}px ${s.outerShadowColor}`);
+      const c = this.getStyle("borderRadiusStyleFromWidget", this.groupAttrs.attr_group_css_border_radius);
       return l.jsx("div", {
         style: {
-          boxShadow: `${w}`,
+          boxShadow: `${v}`,
           overflow: "hidden",
           height: "100%",
-          borderColor: s.borderColor,
-          borderTopWidth: `${s.borderSizeTop}px`,
-          borderBottomWidth: `${s.borderSizeBottom}px`,
-          borderLeftWidth: `${s.borderSizeLeft}px`,
-          borderRightWidth: `${s.borderSizeRight}px`,
-          borderStyle: s.borderStyle,
-          borderRadius: `${b.borderRadiusTopLeft}px ${b.borderRadiusTopRight}px ${b.borderRadiusBottomRight}px ${b.borderRadiusBottomLeft}px`
+          borderColor: n.borderColor,
+          borderTopWidth: `${n.borderSizeTop}px`,
+          borderBottomWidth: `${n.borderSizeBottom}px`,
+          borderLeftWidth: `${n.borderSizeLeft}px`,
+          borderRightWidth: `${n.borderSizeRight}px`,
+          borderStyle: n.borderStyle,
+          borderRadius: `${c.borderRadiusTopLeft}px ${c.borderRadiusTopRight}px ${c.borderRadiusBottomRight}px ${c.borderRadiusBottomLeft}px`
         },
-        children: l.jsx(r.TableContainer, {
-          component: r.Paper,
+        children: l.jsx(i.TableContainer, {
+          component: i.Paper,
           style: {
             height: "100%",
             background: "transparent",
             borderRadius: 0
           },
-          children: l.jsxs(r.Table, {
+          children: l.jsxs(i.Table, {
             children: [
-              this.state.rxData.showHead && l.jsx(r.TableHead, {
-                children: l.jsx(T, {
+              this.state.rxData.showHead && l.jsx(i.TableHead, {
+                children: l.jsx(C, {
                   children: p
                 })
               }),
-              l.jsx(r.TableBody, {
-                children: y
+              l.jsx(i.TableBody, {
+                children: _
               })
             ]
           })
@@ -695,5 +721,5 @@ let __tla = Promise.all([
 });
 export {
   __tla,
-  R as default
+  F as default
 };

package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetUniversal-DiMcCuAP.js → InventwoWidgetUniversal--13qopF2.js}

@@ -1,4 +1,4 @@
-import { j as x, __tla as __tla_0 } from "./jsx-runtime-1KR4UBAX.js";
+import { j as x, __tla as __tla_0 } from "./jsx-runtime-oJpyLRee.js";
 import { R as je, __tla as __tla_1 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";
 import { v as R, __tla as __tla_2 } from "./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";
 import { _ as Ve, v as ze, __tla as __tla_3 } from "./tslib.es6-B24-ng1V.js";

package/widgets/vis-2-widgets-inventwo/assets/{createSvgIcon-D78ZjnCr.js → createSvgIcon-BO5nOmWA.js}

@@ -1,7 +1,7 @@
 import { v as f, __tla as __tla_0 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";
-import { j as u, __tla as __tla_1 } from "./jsx-runtime-1KR4UBAX.js";
-import { p as w, b as j, g as R, s as _, __tla as __tla_2 } from "./styled-Cn9_UETB.js";
-import { q as m, __tla as __tla_3 } from "./defaultTheme-CemCGl9G.js";
+import { j as u, __tla as __tla_1 } from "./jsx-runtime-oJpyLRee.js";
+import { p as w, b as j, g as R, s as _, __tla as __tla_2 } from "./styled-B6ANeESM.js";
+import { q as m, __tla as __tla_3 } from "./defaultTheme-B3m4fB8l.js";
 let K, S, N, T, G, U, $, v, L, D;
 let __tla = Promise.all([
   (() => {

package/widgets/vis-2-widgets-inventwo/assets/{hostInit-rFfVr0L8.js → hostInit-D6momM_S.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../customWidgets.js","./virtualExposes-DnvSURPu.js","./preload-helper-D9Z9MdNV.js","./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js"])))=>i.map(i=>d[i]);
-import { _ as i } from "./preload-helper-D9Z9MdNV.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../customWidgets.js","./virtualExposes-C3Y2fGO4.js","./preload-helper-PPVm8Dsz.js","./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js"])))=>i.map(i=>d[i]);
+import { _ as i } from "./preload-helper-PPVm8Dsz.js";
 (async () => {
   const r = i(() => import("../customWidgets.js").then(async (m) => {
     await m.__tla;

package/widgets/vis-2-widgets-inventwo/assets/{index-Do-nCdWy.js → index-BEpFHtMA.js}

@@ -12,15 +12,6 @@ function V(e, t) {
   return Object.freeze(Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }));
 }
 var g = { exports: {} }, r = {};
-/**
-* @license React
-* react.production.min.js
-*
-* Copyright (c) Facebook, Inc. and its affiliates.
-*
-* This source code is licensed under the MIT license found in the
-* LICENSE file in the root directory of this source tree.
-*/
 var y = Symbol.for("react.element"), F = Symbol.for("react.portal"), U = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), M = Symbol.for("react.provider"), N = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), H = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), k = Symbol.iterator;
 function G(e) {
   return e === null || typeof e != "object" ? null : (e = k && e[k] || e["@@iterator"], typeof e == "function" ? e : null);

package/widgets/vis-2-widgets-inventwo/assets/{index-Bk5B5ET5.js → index-BZKNvirX.js}

@@ -1,14 +1,14 @@
-import { b as dc, d as uc, e as fc, g as mc, l as gc, o as bc, p as vc, r as hc, s as Di, w as yc, T as Fi, u as ca, i as xc, h as Sc, E as Cc, f as wc, C as Rc, j as Pc, S as $c, k as kc, m as Ic, n as Wi, q as B, t as Is, v as Cr, x as Oo, y as Tc, z as Ir, A as Mc, B as pa, D as Lc, F as Ac, c as Ts, G as Wo, H as Hi, I as Je, J as Bc, K as Ec, L as Oc, a as $t, M as da, N as jo, O as Do, P as nn, Q as Nr, R as Mo, __tla as __tla_0 } from "./defaultTheme-CemCGl9G.js";
-import { a2 as ZP, $ as QP, a0 as JP, X as t$, a1 as e$, Z as o$, _ as r$, U as n$, W as s$, a4 as a$, a5 as i$, Y as l$, V as c$, a3 as p$, __tla as __tla_1 } from "./defaultTheme-CemCGl9G.js";
-import { i as Nc, a as zc, c as jc, g as G, C as Ui, _ as Dc, b as K, s as T, r as se, d as Tr, __tla as __tla_2 } from "./styled-Cn9_UETB.js";
+import { b as dc, d as uc, e as fc, g as mc, l as gc, o as bc, p as vc, r as hc, s as Di, w as yc, T as Fi, u as ca, i as xc, h as Sc, E as Cc, f as wc, C as Rc, j as Pc, S as $c, k as kc, m as Ic, n as Wi, q as B, t as Is, v as Cr, x as Oo, y as Tc, z as Ir, A as Mc, B as pa, D as Lc, F as Ac, c as Ts, G as Wo, H as Hi, I as Je, J as Bc, K as Ec, L as Oc, a as $t, M as da, N as jo, O as Do, P as nn, Q as Nr, R as Mo, __tla as __tla_0 } from "./defaultTheme-B3m4fB8l.js";
+import { a2 as ZP, $ as QP, a0 as JP, X as t$, a1 as e$, Z as o$, _ as r$, U as n$, W as s$, a4 as a$, a5 as i$, Y as l$, V as c$, a3 as p$, __tla as __tla_1 } from "./defaultTheme-B3m4fB8l.js";
+import { i as Nc, a as zc, c as jc, g as G, C as Ui, _ as Dc, b as K, s as T, r as se, d as Tr, __tla as __tla_2 } from "./styled-B6ANeESM.js";
 import { v as c, a as Vi, R as io, __tla as __tla_3 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";
-import { a as gn, b as Ms, u as le, P as ve, __tla as __tla_4 } from "./useTheme-B6x9x7pr.js";
-import { a as j, r as Ls, D as Fc, b as V, u as q, m as W, c as Zt, S as Wc, __tla as __tla_5 } from "./createSvgIcon-D78ZjnCr.js";
-import { g as u$, s as f$, __tla as __tla_6 } from "./createSvgIcon-D78ZjnCr.js";
-import { j as f, __tla as __tla_7 } from "./jsx-runtime-1KR4UBAX.js";
+import { a as gn, b as Ms, u as le, P as ve, __tla as __tla_4 } from "./useTheme-DNnccp_1.js";
+import { a as j, r as Ls, D as Fc, b as V, u as q, m as W, c as Zt, S as Wc, __tla as __tla_5 } from "./createSvgIcon-BO5nOmWA.js";
+import { g as u$, s as f$, __tla as __tla_6 } from "./createSvgIcon-BO5nOmWA.js";
+import { j as f, __tla as __tla_7 } from "./jsx-runtime-oJpyLRee.js";
 import { g as Hc } from "./_commonjsHelpers-Cpj98o6Y.js";
 import { v as Uc } from "./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";
-import { g as Vc, a as Gc, b as _c, t as ua, __tla as __tla_8 } from "./tableRowClasses-Bpq28eci.js";
+import { g as Vc, a as Gc, b as _c, t as ua, __tla as __tla_8 } from "./tableRowClasses-CsDLHA-3.js";
 let y1, S1, w1, P1, k1, T1, L1, B1, rg, E1, kl, N1, j1, D1, F1, W1, H1, me, U1, Ml, Tl, G1, _1, q1, Y1, Z1, J1, tR, $m, gl, Lb, wr, eR, nR, Sd, iR, cR, dR, fR, mR, ni, Lv, l1, jl, hs, ta, Wv, vR, Xv, Jv, nh, oh, Cd, yR, xR, kr, wR, Bh, Bo, $R, kR, TR, jn, MR, zn, ry, fy, BR, Cy, jR, FR, NR, WR, Hl, HR, vs, ox, ix, Vy, _R, Js, Db, yx, xx, ra, qR, zx, Ge, qy, Vl, Ky, Ln, $l, XR, ZR, QR, tP, sa, oP, Pv, rP, X0, Y0, G0, V0, K0, _0, q0, aP, sS, iP, lP, AS, cP, mP, gP, eC, hP, or, WS, rc, xP, Ho, Qw, SP, CP, wP, Sw, PP, kP, ks, TP, LP, BP, OP, NP, zP, jP, FP, Tm, p1, WP, HP, KC, CS, he, _b, pS, x1, Dr, C1, Ko, o1, ka, I1, M1, zt, Zm, sg, O1, vo, Il, z1, Rg, Lg, cu, ko, Nt, _n, K1, V1, X1, fn, Q1, Kn, Wt, $1, v1, Zw, rR, is, Zu, n1, Po, sR, Lr, Jw, lR, Xn, pR, uR, dv, ri, gR, m1, g1, si, Me, bR, br, hR, ai, xr, _d, Xd, uu, Hd, Gu, yu, qu, Nm, ng, Ym, cg, fg, xg, vg, Mg, lu, Ug, zg, Yg, tb, rb, ab, ub, Kg, Rb, Cm, xu, Ed, oR, av, mv, cv, pv, tv, yv, $v, Av, Om, Hv, jv, _v, Yv, th, SR, ku, Mh, Fh, zh, Eh, c1, Yh, Lm, ty, Bm, ny, my, Oy, Ry, jy, Iy, Wy, wy, hm, yy, rx, Xy, lx, Yb, Gl, gi, mi, Em, Mx, Ix, Dd, Gy, pm, t0, qx, n0, m0, ec, k0, W0, tS, aS, wS, TS, dS, qS, ZS, oC, jS, HS, BS, aC, gC, vw, SC, kC, BC, NC, FC, XC, cw, RC, Cw, Tw, zw, Bw, VC, bS, R1, Fu, CR, Ia, RR, PR, IR, Zn, ci, Te, So, LR, Ro, ro, AR, gy, ER, DR, _o, OR, ui, zR, qo, A1, GP, d1, VR, lr, Yo, _P, GR, aR, oa, je, Jt, be, KR, ye, h1, KP, UR, qP, hi, YR, cr, t1, s1, JR, pr, ls, eP, Fe, sP, nP, Jr, Xr, Qe, pP, Ii, fP, bP, vP, ts, wo, yP, xe, ze, hw, $P, RP, IP, MP, AP, Sr, ss, as, DP, Eo, Qt, EP, oe, De, pn, b1, r1, pl, yo, ie, Ae, e1, ef, i1, Le, te, Kt, _e, Sh, Tx, Kx, UP, uP, dP, a1, VP, u1, f1;
 let __tla = Promise.all([
   (() => {