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

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,15 @@ Switches
     Placeholder for the next version (at the beginning of the line):
     ### **WORK IN PROGRESS**
 -->
+### 0.4.2 (2025-12-22)
+- Vite downgrade
+
+### 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,34 @@
 {
   "common": {
     "name": "vis-2-widgets-inventwo",
-    "version": "0.4.0",
+    "version": "0.4.2",
     "news": {
+      "0.4.2": {
+        "en": "Vite downgrade",
+        "de": "Vit Downgrade",
+        "ru": "Понижение рейтинга",
+        "pt": "Vite downgrade",
+        "nl": "Vite downgrade",
+        "fr": "Diminution de la teneur en vitamines",
+        "it": "Vite downgrade",
+        "es": "Actualización vita",
+        "pl": "Vite downgrade",
+        "uk": "Вайт град",
+        "zh-cn": "降级"
+      },
+      "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",
@@ -67,32 +93,6 @@
         "pl": "Naprawiono kolor granicy etykiety w stanie uniwersalnego widżetu (#120)",
         "uk": "Виправлено колір межі мітки в універсальному віджеті станів (#120)",
         "zh-cn": "修复了通用小部件状态中边框颜色标签的问题 (#120)"
-      },
-      "0.3.8": {
-        "en": "Fix issue with table border radius and added option to set border radius (#99)\nFix issue with universal widget and comparison other than \"equal\" (#109)\nAdded option to inherit state colors from other widgets (#120",
-        "de": "Problem mit der Tischrundung behoben und Option hinzugefügt, um die Tischrundung einzustellen (#99)\nBeheben Sie das Problem mit dem universellen Widget und dem Vergleich \"ungleich\" (#109)\nHinzufügen der Option, um Statusfarben von anderen Widgets zu übernehmen (#120)",
-        "ru": "Исправлена проблема с радиусом границы таблицы и добавлена опция для установки радиуса границы (#99)\nИсправлена проблема с универсальным виджетом и сравнением, отличным от \"равно\" (#109)\nДобавлена опция наследования цветов состояний из других виджетов (#120)",
-        "pt": "Corrigido problema com o raio da borda da tabela e adicionada a opção para definir o raio da borda (#99)\nCorrigir problema com o widget universal e a comparação que não seja \"igual\" (#109)\nAdicionada a opção de herdar as cores do estado de outros widgets (#120)",
-        "nl": "Probleem met tafelrandstraal opgelost en optie toegevoegd om de randstraal in te stellen (#99)\nHerstel probleem met universele widget en vergelijking andere dan \"gelijk\" (#109)\nToegevoegde optie om statuskleuren over te nemen van andere widgets (#120)",
-        "fr": "Corriger le problème avec le rayon de bordure du tableau et ajouter une option pour définir le rayon de bordure (#99)\nRésoudre le problème avec le widget universel et la comparaison autre que \"égal\" (#109)\nAjout de l'option permettant d'hériter des couleurs d'état d'autres widgets (#120)",
-        "it": "Risolto il problema con il raggio del bordo del tavolo e aggiunta l'opzione per impostare il raggio del bordo (#99)\nRisoluzione problema con il widget universale e il confronto diverso da \"uguale\" (#109)\nAggiunta opzione per ereditare i colori dello stato da altri widget (#120).",
-        "es": "Corregido problema con el radio de borde de la tabla y se añadió la opción de establecer el radio de borde (#99)\nCorregir problema con el widget universal y la comparación que no sea \"igual\" (#109)\nAñadida opción para heredar los colores de estado de otros widgets (#120)",
-        "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.2",
   "description": "ioBroker vis2 inventwo widgets",
   "author": "jkvarel <jk@inventwo.com>",
   "contributors": [

package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetSlider-BX9FNabc.js → InventwoWidgetSlider-Pj_ffyY6.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/{InventwoWidgetTable-grNhXRwE.js → InventwoWidgetTable-C5tr0Od2.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 { 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 { t as D, a as y, __tla as __tla_3 } from "./tableRowClasses-Bpq28eci.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;
+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
 };