@deviceinsight/ng-ui-scale-lib 9.18.8 → 9.20.0

package/dist/{Graph-ad8ad6f9.js → Graph-2840eac2.js}

@@ -1,9 +1,12 @@
-import { a5 as so, a6 as ro, az as mn } from "./ContextBarContext-f2968fee.js";
+import { a5 as so, a6 as ro, aw as mn } from "./ContextBarContext-0c28ce9d.js";
 import { useRef as gn, useCallback as oo, useEffect as ao } from "react";
 import { SpinnerContainer as ho } from "@deviceinsight/ng-ui-basic-components";
 import "react-router-dom";
 import "@deviceinsight/ng-ui-components";
+import "react-i18next";
+import "i18next";
 import "@deviceinsight/ng-ui-api-client";
+import "ux4iot-react";
 import "react-dom";
 var yn = { exports: {} };
 /**

package/dist/JsonSettingWidget-8908d40b.js

@@ -0,0 +1,57 @@
+import { dc as S, dj as j, aw as a, cy as y, ag as C } from "./ContextBarContext-0c28ce9d.js";
+import { useState as d, useEffect as g, useCallback as v } from "react";
+import { C as V, j as b } from "./index-34a2015c.js";
+import "react-i18next";
+import "react-router-dom";
+import "@deviceinsight/ng-ui-basic-components";
+import "@deviceinsight/ng-ui-components";
+import "i18next";
+import "@deviceinsight/ng-ui-api-client";
+import "ux4iot-react";
+import "react-dom";
+import "./objectWithoutPropertiesLoose-a4604547.js";
+function T({ setting: e, ...c }) {
+  const { setValue: o, setError: i, clearErrors: n, control: p } = S(), {
+    field: r,
+    fieldState: { error: s }
+  } = j({ name: e.name, control: p }), [f, l] = d(""), [m, h] = d(!1);
+  g(() => {
+    if (!m && r.value) {
+      const t = JSON.stringify(r.value, null, 2);
+      l(t), h(!0);
+    }
+  }, [r.value, m]);
+  const x = v(
+    (t) => {
+      try {
+        l(t);
+        const u = t === "" ? void 0 : JSON.parse(t);
+        o(e.name, u, { shouldValidate: !0, shouldDirty: !0 }), n(e.name);
+      } catch {
+        i(e.name, { message: "Invalid JSON syntax" });
+      }
+    },
+    [n, i, o, e.name]
+  );
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: /* @__PURE__ */ a.jsx(
+    y,
+    {
+      label: /* @__PURE__ */ a.jsx(C, { i18nKey: `appSettings.property.${e.name}`, children: e.name }),
+      error: (s == null ? void 0 : s.message) ?? "",
+      size: "full-width",
+      children: /* @__PURE__ */ a.jsx(
+        V,
+        {
+          "data-testid": c["data-testid"],
+          onChange: x,
+          value: f,
+          basicSetup: { lineNumbers: !0 },
+          extensions: [b()]
+        }
+      )
+    }
+  ) });
+}
+export {
+  T as default
+};

package/dist/{LicensesEditPage-e6c71c43.js → LicensesEditPage-3332b87c.js}

@@ -1,37 +1,40 @@
-import { aj as w, bi as C, az as e, ai as n, bo as y, ba as b, bT as V } from "./ContextBarContext-f2968fee.js";
+import { ah as K, bf as C, aw as e, ag as n, bl as y, b7 as b, bR as V } from "./ContextBarContext-0c28ce9d.js";
 import { useState as d, useEffect as v } from "react";
-import { Prompt as q, useHistory as T, useLocation as B, useParams as H } from "react-router-dom";
-import { fetchLicenses as D, fetchLicenseByName as I, updateLicense as R, createLicense as k } from "@deviceinsight/ng-ui-api-client";
-import { SpinnerContainer as U, ButtonRow as z, Button as N, Spinner as A } from "@deviceinsight/ng-ui-basic-components";
-import { messageBoxError as P, ContentHeader as O, messageBoxSuccess as F } from "@deviceinsight/ng-ui-components";
+import { Prompt as q, useHistory as B, useLocation as H, useParams as R } from "react-router-dom";
+import { fetchLicenses as T, fetchLicenseByName as D, updateLicense as I, createLicense as k } from "@deviceinsight/ng-ui-api-client";
+import { SpinnerContainer as U, ButtonRow as A, Button as N, Spinner as O } from "@deviceinsight/ng-ui-basic-components";
+import { messageBoxError as P, ContentHeader as z, messageBoxSuccess as F } from "@deviceinsight/ng-ui-components";
+import "react-i18next";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
 function G({ editedLicense: c, onSubmit: u, onCancel: r }) {
-  const { t: a } = w(), {
+  const { t } = K(), {
     handleSubmit: p,
     control: l,
-    formState: { isSubmitting: t, isDirty: x },
+    formState: { isSubmitting: a, isDirty: x },
     setError: g
   } = C({
     defaultValues: c ?? { name: "", displayName: "", description: "" }
   }), [j, m] = d([]), [f, L] = d(!1);
   v(() => {
-    L(!0), D().then(m).catch(() => {
+    L(!0), T().then(m).catch(() => {
       P(/* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.form.fetchingError", children: "Fetching licenses failed" }));
     }).finally(() => L(!1));
   }, []);
-  function E(i) {
-    return c ? void 0 : j.some((h) => h.name === i) ? a("licenses.form.validation.nameInUse", {
+  function w(i) {
+    return c ? void 0 : j.some((h) => h.name === i) ? t("licenses.form.validation.nameInUse", {
       defaultValue: "A license with the same technical name already exists"
     }) : void 0;
   }
-  function K() {
+  function E() {
     return p(async (s) => {
       var h, S;
       try {
         await u(s);
       } catch (o) {
         o && o.response && o.response.status === 409 && ((h = o.response.data) != null && h.message) && g("name", {
-          message: a("licenses.form.validation.nameInUse", {
+          message: t("licenses.form.validation.nameInUse", {
             defaultValue: (S = o.response.data) == null ? void 0 : S.message
           })
         });
@@ -40,17 +43,17 @@ function G({ editedLicense: c, onSubmit: u, onCancel: r }) {
       console.warn("Validation error", s);
     })();
   }
-  return /* @__PURE__ */ e.jsxs(U, { show: t || f, className: "di license-form", children: [
+  return /* @__PURE__ */ e.jsxs(U, { show: a || f, className: "di license-form", children: [
     /* @__PURE__ */ e.jsx(
       y,
       {
         control: l,
         name: "name",
         rules: {
-          required: a("licenses.form.validation.nameRequired", {
+          required: t("licenses.form.validation.nameRequired", {
             defaultValue: "Please enter the technical name"
           }),
-          validate: E
+          validate: w
         },
         render: ({ field: i, fieldState: { error: s } }) => /* @__PURE__ */ e.jsx(
           b,
@@ -70,7 +73,7 @@ function G({ editedLicense: c, onSubmit: u, onCancel: r }) {
         control: l,
         name: "displayName",
         rules: {
-          required: a("licenses.form.validation.displayNameRequired", {
+          required: t("licenses.form.validation.displayNameRequired", {
             defaultValue: "Please enter the display name"
           })
         },
@@ -99,33 +102,33 @@ function G({ editedLicense: c, onSubmit: u, onCancel: r }) {
         )
       }
     ),
-    /* @__PURE__ */ e.jsxs(z, { dividing: !0, children: [
-      /* @__PURE__ */ e.jsx(N, { primary: !0, onClick: K, disabled: t, children: /* @__PURE__ */ e.jsx(n, { i18nKey: "general.actions.save", children: "Save" }) }),
-      /* @__PURE__ */ e.jsx(N, { disabled: t, onClick: r, children: /* @__PURE__ */ e.jsx(n, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+    /* @__PURE__ */ e.jsxs(A, { dividing: !0, children: [
+      /* @__PURE__ */ e.jsx(N, { primary: !0, onClick: E, disabled: a, children: /* @__PURE__ */ e.jsx(n, { i18nKey: "general.actions.save", children: "Save" }) }),
+      /* @__PURE__ */ e.jsx(N, { disabled: a, onClick: r, children: /* @__PURE__ */ e.jsx(n, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
     ] }),
-    /* @__PURE__ */ e.jsx(q, { message: "", when: x && !t })
+    /* @__PURE__ */ e.jsx(q, { message: "", when: x && !a })
   ] });
 }
-function _() {
-  const c = T(), { pathname: u } = B(), { licenseName: r } = H(), [a, p] = d(), [l, t] = d(!1), [x, g] = d(!1);
+function se() {
+  const c = B(), { pathname: u } = H(), { licenseName: r } = R(), [t, p] = d(), [l, a] = d(!1), [x, g] = d(!1);
   if (v(() => {
-    r && (t(!0), I(r).then(p).catch(() => {
+    r && (a(!0), D(r).then(p).catch(() => {
       P(/* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.editPage.fetchingError", children: "Fetching license failed" })), g(!0);
-    }).finally(() => t(!1)));
+    }).finally(() => a(!1)));
   }, [r]), x)
     return /* @__PURE__ */ e.jsx(V, {});
   if (l)
-    return /* @__PURE__ */ e.jsx(A, { center: !0 });
+    return /* @__PURE__ */ e.jsx(O, { center: !0 });
   const j = async (f) => {
-    r ? (await R(f), F(/* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.updateSuccess", children: "License updated" }))) : (await k(f), F(/* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.createSuccess", children: "License created" }))), m();
+    r ? (await I(f), F(/* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.updateSuccess", children: "License updated" }))) : (await k(f), F(/* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.createSuccess", children: "License created" }))), m();
   }, m = () => {
     c.push(u.substring(0, u.lastIndexOf("/")));
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      O,
+      z,
       {
-        title: a ? {
+        title: t ? {
           id: "licenses.edit.title",
           defaultValue: "Edit License"
         } : {
@@ -135,9 +138,9 @@ function _() {
         parentPageLink: !0
       }
     ),
-    /* @__PURE__ */ e.jsx(G, { editedLicense: a, onSubmit: j, onCancel: m })
+    /* @__PURE__ */ e.jsx(G, { editedLicense: t, onSubmit: j, onCancel: m })
   ] });
 }
 export {
-  _ as default
+  se as default
 };

package/dist/{LicensesList-d28c9799.js → LicensesList-6254cd37.js}

@@ -1,14 +1,17 @@
-import { az as s, ai as a, aj as y, da as b, de as g, aT as j } from "./ContextBarContext-f2968fee.js";
+import { aw as s, ag as a, ah as y, d7 as b, db as g, aQ as j } from "./ContextBarContext-0c28ce9d.js";
 import { useState as c, useEffect as f } from "react";
 import { Link as u } from "react-router-dom";
-import { fetchRolesForLicense as C, fetchLicenses as N, deleteLicense as E } from "@deviceinsight/ng-ui-api-client";
+import { fetchRolesForLicense as N, fetchLicenses as C, deleteLicense as E } from "@deviceinsight/ng-ui-api-client";
 import { messageBoxError as h, ContentHeader as S } from "@deviceinsight/ng-ui-components";
-import { useConfirm as T, Button as w, Icon as D } from "@deviceinsight/ng-ui-basic-components";
+import { useConfirm as w, Button as D, Icon as I } from "@deviceinsight/ng-ui-basic-components";
+import "react-i18next";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
-function I({ license: t }) {
+function T({ license: t }) {
   const [e, n] = c([]), [r, o] = c(!1);
   return f(() => {
-    o(!0), C(t).then(n).catch(() => {
+    o(!0), N(t).then(n).catch(() => {
       h(
         /* @__PURE__ */ s.jsxs(a, { i18nKey: "license.roles.fetchingError", children: [
           "Can't fetch the roles of the following license: ",
@@ -56,7 +59,7 @@ function K(t) {
     {
       name: "roles",
       label: /* @__PURE__ */ s.jsx(a, { i18nKey: "licenses.tableHeaders.roles", children: "Roles" }),
-      render: (e) => /* @__PURE__ */ s.jsx(I, { license: e.name })
+      render: (e) => /* @__PURE__ */ s.jsx(T, { license: e.name })
     },
     {
       name: "actions",
@@ -64,7 +67,7 @@ function K(t) {
       width: "10%",
       align: "right",
       render: (e) => /* @__PURE__ */ s.jsx(j, { authorities: ["MANAGE_LICENSES"], children: /* @__PURE__ */ s.jsx(
-        w,
+        D,
         {
           naked: !0,
           title: {
@@ -72,19 +75,19 @@ function K(t) {
             defaultValue: "Delete this License"
           },
           onClick: () => t(e),
-          children: /* @__PURE__ */ s.jsx(D, { del: !0 })
+          children: /* @__PURE__ */ s.jsx(I, { del: !0 })
         }
       ) })
     }
   ];
 }
-function z() {
-  const [t, e] = c(!1), [n, r] = c([]), o = T(), { t: i } = y(), p = /* @__PURE__ */ s.jsx(a, { i18nKey: "portalAdmin.sidebarElements.licenses.create", children: "Create new license" });
+function $() {
+  const [t, e] = c(!1), [n, r] = c([]), o = w(), { t: i } = y(), p = /* @__PURE__ */ s.jsx(a, { i18nKey: "portalAdmin.sidebarElements.licenses.create", children: "Create new license" });
   f(() => {
     (async () => {
       try {
         e(!0);
-        const m = await N();
+        const m = await C();
         r(m);
       } finally {
         e(!1);
@@ -136,11 +139,12 @@ function z() {
         isLoading: t,
         uniqueItemKey: (l) => l.name,
         paginationSettings: A,
-        "data-testid": "licenses-table"
+        "data-testid": "licenses-table",
+        tableName: "licenses"
       }
     )
   ] });
 }
 export {
-  z as default
+  $ as default
 };

package/dist/{PropertiesEditPage-85bc5517.js → PropertiesEditPage-5b148652.js}

@@ -1,12 +1,15 @@
-import { az as e, cB as E, aQ as V, dn as F, df as L, dm as B, ai as d, aj as G, bi as D, bl as U, bo as h, ba as w, dp as R, dk as P, dq as k, ao as M, dr as H, ds as _, bT as X, a_ as z, dt as Q } from "./ContextBarContext-f2968fee.js";
-import { useState as S, useEffect as Y } from "react";
-import { useLocation as $, useHistory as J, useParams as W } from "react-router-dom";
+import { aw as e, cy as E, aN as V, dk as F, dc as L, dj as B, ag as d, ah as G, bf as D, bi as R, bl as h, b7 as w, dl as U, dh as P, dm as k, al as M, dn as H, dp as X, bR as _, aX as Y, dq as $ } from "./ContextBarContext-0c28ce9d.js";
+import { useState as T, useEffect as z } from "react";
+import { useLocation as J, useHistory as Q, useParams as W } from "react-router-dom";
 import { getPropertyById as Z, updateProperty as ee, createProperty as re } from "@deviceinsight/ng-ui-api-client";
 import { Button as v, Checkbox as A, Icon as O, ButtonRow as te, Spinner as se } from "@deviceinsight/ng-ui-basic-components";
 import { messageBoxError as K, ContentHeader as ae } from "@deviceinsight/ng-ui-components";
-import { P as ne } from "./react-router-7b367edf.js";
+import "react-i18next";
+import { P as ne } from "./react-router-d38ecdf4.js";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
-import "./extends-0a3e0827.js";
+import "./objectWithoutPropertiesLoose-a4604547.js";
 function le(r) {
   const { options: s, children: x, onChange: c, values: i, ...t } = r;
   function a(u) {
@@ -30,7 +33,7 @@ function ie() {
     getValues: r,
     formState: { errors: s },
     trigger: x
-  } = L(), [c, i] = S(!!r("allowedValues")), {
+  } = L(), [c, i] = T(!!r("allowedValues")), {
     field: { value: t, onChange: a },
     fieldState: { invalid: u }
   } = B({
@@ -116,12 +119,12 @@ function ue({ editedProperty: r, isReadonly: s, onSubmit: x, onCancel: c }) {
     async function l(o) {
       try {
         await x(o);
-      } catch (T) {
-        if (M.isAxiosError(T)) {
-          const { fieldName: N, message: C } = H(T, i);
+      } catch (S) {
+        if (M.isAxiosError(S)) {
+          const { fieldName: N, message: C } = H(S, i);
           N ? b(N, { message: C }) : K(C);
         } else
-          K(_(i));
+          K(X(i));
       }
     }
     return u(l, (o) => {
@@ -129,7 +132,7 @@ function ue({ editedProperty: r, isReadonly: s, onSubmit: x, onCancel: c }) {
     })();
   }
   const p = f("type"), m = !!r, j = p === "STRING" || p === "TEXT", I = !!f("allowedValues");
-  return /* @__PURE__ */ e.jsx(U, { ...t, children: /* @__PURE__ */ e.jsxs("div", { className: "property-form", children: [
+  return /* @__PURE__ */ e.jsx(R, { ...t, children: /* @__PURE__ */ e.jsxs("div", { className: "property-form", children: [
     /* @__PURE__ */ e.jsx(
       h,
       {
@@ -158,7 +161,7 @@ function ue({ editedProperty: r, isReadonly: s, onSubmit: x, onCancel: c }) {
         name: "type",
         control: a,
         render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-          R,
+          U,
           {
             label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.type", children: "Type" }),
             ...l,
@@ -175,14 +178,14 @@ function ue({ editedProperty: r, isReadonly: s, onSubmit: x, onCancel: c }) {
         name: "entityTargets",
         control: a,
         rules: { validate: (l) => l.length === 0 ? "Required" : void 0 },
-        render: ({ field: { value: l, onChange: o }, fieldState: { error: T } }) => /* @__PURE__ */ e.jsx(
+        render: ({ field: { value: l, onChange: o }, fieldState: { error: S } }) => /* @__PURE__ */ e.jsx(
           le,
           {
             label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.entityTargets", children: "Entity targets" }),
             values: l,
             onChange: o,
             options: de,
-            error: T ? i("properties.form.validation.entityTargets.required", {
+            error: S ? i("properties.form.validation.entityTargets.required", {
               defaultValue: "Please select a at least one entity target"
             }) : void 0,
             required: !0,
@@ -325,8 +328,8 @@ function q(r) {
   }
   return r;
 }
-function Se() {
-  const { pathname: r } = $(), s = J(), { propertyKey: x } = W(), [c, i] = S(void 0), [t, a] = S(!0), [u, f] = S(!1);
+function Ne() {
+  const { pathname: r } = J(), s = Q(), { propertyKey: x } = W(), [c, i] = T(void 0), [t, a] = T(!0), [u, f] = T(!1);
   async function b(m) {
     try {
       const j = await Z(m);
@@ -337,20 +340,20 @@ function Se() {
       a(!1);
     }
   }
-  Y(() => {
+  z(() => {
     x && x !== "create" ? b(x) : a(!1);
   }, [x]);
   function g() {
     s.push(r.substring(0, r.lastIndexOf("/")));
   }
   async function y(m) {
-    c ? await ee(q(m)) : await re(q(m)), Q(me), g();
+    c ? await ee(q(m)) : await re(q(m)), $(me), g();
   }
   function n() {
     g();
   }
   if (u)
-    return /* @__PURE__ */ e.jsx(X, {});
+    return /* @__PURE__ */ e.jsx(_, {});
   const p = pe(!c);
   return t ? /* @__PURE__ */ e.jsx(se, { center: !0 }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ae, { title: p, parentPageLink: !0 }),
@@ -358,7 +361,7 @@ function Se() {
       ue,
       {
         editedProperty: c,
-        isReadonly: !!c && !z(["UPDATE_PROPERTY"]),
+        isReadonly: !!c && !Y(["UPDATE_PROPERTY"]),
         onSubmit: y,
         onCancel: n
       }
@@ -366,5 +369,5 @@ function Se() {
   ] });
 }
 export {
-  Se as default
+  Ne as default
 };

package/dist/{PropertiesList-fcf0d837.js → PropertiesList-06478803.js}

@@ -1,9 +1,12 @@
-import { a_ as f, az as t, ai as a, bf as c, aj as y, da as b, de as T } from "./ContextBarContext-f2968fee.js";
-import { useContext as m, useState as P, useEffect as h } from "react";
+import { aX as c, aw as t, ag as a, bc as f, ah as y, d7 as b, db as m } from "./ContextBarContext-0c28ce9d.js";
+import { useContext as T, useState as h, useEffect as P } from "react";
 import { deleteProperty as A } from "@deviceinsight/ng-ui-api-client";
-import { Bubble as x, Button as I, Icon as g, withConfirm as O } from "@deviceinsight/ng-ui-basic-components";
+import { Bubble as g, Button as x, Icon as I, withConfirm as O } from "@deviceinsight/ng-ui-basic-components";
 import { ContentHeader as E } from "@deviceinsight/ng-ui-components";
 import { Link as v } from "react-router-dom";
+import "react-i18next";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
 const D = [
   "name",
@@ -29,7 +32,7 @@ const D = [
   "definitionId"
 ];
 function G(n, l) {
-  const o = f(["DELETE_PROPERTY"]);
+  const o = c(["DELETE_PROPERTY"]);
   return [
     {
       name: "propertyKey",
@@ -172,7 +175,7 @@ function G(n, l) {
         const r = D.includes(e.key);
         if (o) {
           const i = /* @__PURE__ */ t.jsx(
-            I,
+            x,
             {
               naked: !0,
               title: {
@@ -181,11 +184,11 @@ function G(n, l) {
               },
               onClick: () => l(e),
               disabled: r,
-              children: /* @__PURE__ */ t.jsx(g, { del: !0 })
+              children: /* @__PURE__ */ t.jsx(I, { del: !0 })
             }
           );
           return r ? /* @__PURE__ */ t.jsx(
-            x,
+            g,
             {
               content: /* @__PURE__ */ t.jsx(a, { i18nKey: "properties.tableHeaders.reserved", children: "This property is reserved and can't be deleted" }),
               children: i
@@ -205,7 +208,7 @@ const C = {
     direction: "ASC"
   }
 }, V = ({ confirm: n }) => {
-  const { properties: l, reloadProperties: o } = m(c), [e, r] = P(!1), { t: i } = y(), d = /* @__PURE__ */ t.jsx(a, { i18nKey: "portalAdmin.sidebarElements.properties.create", children: "Create new property" });
+  const { properties: l, reloadProperties: o } = T(f), [e, r] = h(!1), { t: i } = y(), d = /* @__PURE__ */ t.jsx(a, { i18nKey: "portalAdmin.sidebarElements.properties.create", children: "Create new property" });
   async function p() {
     try {
       r(!0), await o();
@@ -213,7 +216,7 @@ const C = {
       r(!1);
     }
   }
-  h(() => {
+  P(() => {
     p();
   }, []);
   async function u(s) {
@@ -248,18 +251,19 @@ const C = {
       }
     ),
     /* @__PURE__ */ t.jsx(
-      T,
+      m,
       {
         columnDefs: G(i, u),
         items: l,
         isLoading: e,
         uniqueItemKey: (s) => s.key,
         paginationSettings: C,
-        "data-testid": "properties-table"
+        "data-testid": "properties-table",
+        tableName: "properties"
       }
     )
   ] });
-}, K = O(V);
+}, _ = O(V);
 export {
-  K as default
+  _ as default
 };