@deviceinsight/ng-ui-scale-lib 9.19.0 → 9.21.0

package/dist/{PropertiesEditPage-e84dd613.js → PropertiesEditPage-e4acc179.js}

@@ -1,12 +1,13 @@
-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-0565a593.js";
-import { useState as S, useEffect as Y } from "react";
-import { useLocation as $, useHistory as J, 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-824f2efe.js";
+import { aw as e, cy as E, aN as V, dl as F, dd as L, dk as B, ag as d, ah as G, bf as D, bi as R, bl as h, b7 as w, dm as U, di as P, dn as k, al as M, dp as H, dq as X, bR as _, aX as Y, dr as $ } from "./ContextBarContext-8a081573.js";
+import { useState as T, useEffect as z } from "react";
+import { Prompt as J, useLocation as Q, useHistory as W, useParams as Z } from "react-router-dom";
+import { getPropertyById as ee, updateProperty as re, createProperty as te } from "@deviceinsight/ng-ui-api-client";
+import { Button as v, Checkbox as A, Icon as O, ButtonRow as se, Spinner as ae } from "@deviceinsight/ng-ui-basic-components";
+import { messageBoxError as K, ContentHeader as ne } from "@deviceinsight/ng-ui-components";
+import "react-i18next";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
-import "./extends-0a3e0827.js";
 function le(r) {
   const { options: s, children: x, onChange: c, values: i, ...t } = r;
   function a(u) {
@@ -30,7 +31,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 +117,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 +130,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 +159,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 +176,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,
@@ -296,11 +297,11 @@ function ue({ editedProperty: r, isReadonly: s, onSubmit: x, onCancel: c }) {
       "* ",
       /* @__PURE__ */ e.jsx(d, { i18nKey: "form.field.required", children: "required" })
     ] }),
-    /* @__PURE__ */ e.jsxs(te, { dividing: !0, children: [
+    /* @__PURE__ */ e.jsxs(se, { dividing: !0, children: [
       /* @__PURE__ */ e.jsx(v, { className: "with-spinner", primary: !0, onClick: n, disabled: g, children: /* @__PURE__ */ e.jsx(d, { i18nKey: "general.actions.save", children: "Save" }) }),
       /* @__PURE__ */ e.jsx(v, { disabled: g, onClick: c, children: /* @__PURE__ */ e.jsx(d, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
     ] }),
-    /* @__PURE__ */ e.jsx(ne, { message: "", when: y && !g })
+    /* @__PURE__ */ e.jsx(J, { message: "", when: y && !g })
   ] }) });
 }
 const pe = (r) => r ? {
@@ -325,11 +326,11 @@ 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 Pe() {
+  const { pathname: r } = Q(), s = W(), { propertyKey: x } = Z(), [c, i] = T(void 0), [t, a] = T(!0), [u, f] = T(!1);
   async function b(m) {
     try {
-      const j = await Z(m);
+      const j = await ee(m);
       i(j);
     } catch (j) {
       console.error(j), f(!0);
@@ -337,28 +338,28 @@ 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 re(q(m)) : await te(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 }),
+  return t ? /* @__PURE__ */ e.jsx(ae, { center: !0 }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(ne, { title: p, parentPageLink: !0 }),
     /* @__PURE__ */ e.jsx(
       ue,
       {
         editedProperty: c,
-        isReadonly: !!c && !z(["UPDATE_PROPERTY"]),
+        isReadonly: !!c && !Y(["UPDATE_PROPERTY"]),
         onSubmit: y,
         onCancel: n
       }
@@ -366,5 +367,5 @@ function Se() {
   ] });
 }
 export {
-  Se as default
+  Pe as default
 };

package/dist/{PropertiesList-e8f218de.js → PropertiesList-fd78361b.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 m } from "./ContextBarContext-0565a593.js";
-import { useContext as T, useState as P, useEffect as h } from "react";
+import { aX as c, aw as t, ag as a, bc as f, ah as y, d8 as b, dc as m } from "./ContextBarContext-8a081573.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 } = T(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) {
@@ -260,7 +263,7 @@ const C = {
       }
     )
   ] });
-}, K = O(V);
+}, _ = O(V);
 export {
-  K as default
+  _ as default
 };

package/dist/{TemplateEditPage-a3994735.js → TemplateEditPage-a7b34bbc.js}

@@ -1,13 +1,14 @@
-import { az as e, ai as r, d8 as v, bP as z, df as $, aj as R, dg as B, bo as S, dh as M, ba as q, bf as U, bi as H, bl as J, by as Q, bT as X, af as Y } from "./ContextBarContext-0565a593.js";
+import { aw as e, ag as r, d6 as v, bN as B, dd as $, ah as R, de as M, bl as S, df as z, b7 as q, bc as U, bf as H, bi as J, bw as Q, bR as X, ad as Y } from "./ContextBarContext-8a081573.js";
 import Z, { useState as C, useRef as D, useContext as O, useEffect as w } from "react";
-import { useParams as ee, useHistory as te, useLocation as ae } from "react-router-dom";
-import { fetchEmailTemplateById as ne, fetchEmailTemplates as se, createEmailTemplate as ie, updateEmailTemplate as oe, deleteEmailTemplate as le } from "@deviceinsight/ng-ui-api-client";
-import { Modal as _, Button as k, useConfirm as re, Accordion as ce, AccordionItem as de, Icon as A, ButtonRow as ue, SpinnerContainer as me } from "@deviceinsight/ng-ui-basic-components";
-import { ReactableWithClientSidePagination as W, nanoid10 as fe, messageBoxError as K, ContentHeader as pe } from "@deviceinsight/ng-ui-components";
-import { P as he } from "./react-router-824f2efe.js";
-import { A as xe } from "./AccessEditModal-38c11d48.js";
+import { Prompt as ee, useParams as te, useHistory as ae, useLocation as ne } from "react-router-dom";
+import { fetchEmailTemplateById as se, fetchEmailTemplates as ie, createEmailTemplate as oe, updateEmailTemplate as le, deleteEmailTemplate as re } from "@deviceinsight/ng-ui-api-client";
+import { Modal as _, Button as k, useConfirm as ce, Accordion as de, AccordionItem as ue, Icon as A, ButtonRow as me, SpinnerContainer as fe } from "@deviceinsight/ng-ui-basic-components";
+import { ReactableWithClientSidePagination as W, nanoid10 as pe, messageBoxError as K, ContentHeader as he } from "@deviceinsight/ng-ui-components";
+import "react-i18next";
+import { A as xe } from "./AccessEditModal-861d96a6.js";
+import "i18next";
+import "ux4iot-react";
 import "react-dom";
-import "./extends-0a3e0827.js";
 const je = (t) => [
   {
     name: "locale",
@@ -60,7 +61,7 @@ const je = (t) => [
     render: (a) => /* @__PURE__ */ e.jsx("div", { onClick: () => t(a), className: "clickable", children: a })
   }
 ], ge = () => {
-  const { assetProperties: t, assetGroupProperties: a } = z();
+  const { assetProperties: t, assetGroupProperties: a } = B();
   return {
     assetProperties: t.filter((n) => !n.key.startsWith("_") && n.deletable),
     assetGroupProperties: a.filter(
@@ -96,9 +97,9 @@ const je = (t) => [
       width: 600
     }
   );
-}, G = Z.lazy(() => import("./TemplateTextInput-712d3528.js")), ve = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
+}, G = Z.lazy(() => import("./TemplateTextInput-ac5506a5.js")), ve = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
 function Ce() {
-  const t = re(), [a, n] = C(!1), [c, s] = C("message"), {
+  const t = ce(), [a, n] = C(!1), [c, s] = C("message"), {
     watch: m,
     control: h,
     setValue: f,
@@ -134,15 +135,15 @@ function Ce() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "notification-content", children: [
     /* @__PURE__ */ e.jsx("h2", { children: /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplates.form.languages", children: "Languages" }) }),
-    /* @__PURE__ */ e.jsx(ce, { children: [...o].sort(ve).map((x) => {
+    /* @__PURE__ */ e.jsx(de, { children: [...o].sort(ve).map((x) => {
       var N;
       const { locale: u } = x, y = /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplate.form.message", children: "Message" }), i = o.indexOf(x), p = !!((N = b.locales) != null && N[i]);
       return /* @__PURE__ */ e.jsx(
-        de,
+        ue,
         {
           title: /* @__PURE__ */ e.jsxs("span", { className: "notification-locale-header", children: [
             u,
-            p && /* @__PURE__ */ e.jsx("img", { src: B, alt: "" })
+            p && /* @__PURE__ */ e.jsx("img", { src: M, alt: "" })
           ] }),
           tools: [
             /* @__PURE__ */ e.jsx(
@@ -230,7 +231,7 @@ function Ce() {
 }
 function ke() {
   const { t } = R(), { control: a } = $();
-  return /* @__PURE__ */ e.jsxs(M, { children: [
+  return /* @__PURE__ */ e.jsxs(z, { children: [
     /* @__PURE__ */ e.jsx(
       S,
       {
@@ -270,14 +271,14 @@ function ke() {
   ] });
 }
 function Ne({ onCancel: t, onSubmit: a, disabled: n }) {
-  return /* @__PURE__ */ e.jsxs(ue, { dividing: !0, children: [
+  return /* @__PURE__ */ e.jsxs(me, { dividing: !0, children: [
     /* @__PURE__ */ e.jsx(k, { primary: !0, onClick: a, disabled: n, children: /* @__PURE__ */ e.jsx(r, { i18nKey: v.save.id, children: v.save.defaultValue }) }),
     /* @__PURE__ */ e.jsx(k, { onClick: t, children: /* @__PURE__ */ e.jsx(r, { i18nKey: v.cancel.id, children: v.cancel.defaultValue }) })
   ] });
 }
 function we() {
   return {
-    name: `__${fe()}`,
+    name: `__${pe()}`,
     locales: [
       {
         locale: "default",
@@ -352,11 +353,11 @@ function Se({ onCancel: t, onSubmit: a, editedTemplateData: n }) {
         loading: b
       }
     ),
-    /* @__PURE__ */ e.jsx(he, { message: "", when: g && !b })
+    /* @__PURE__ */ e.jsx(ee, { message: "", when: g && !b })
   ] }) });
 }
 function Ve() {
-  const { templateId: t } = ee(), [a, n] = C(void 0), [c, s] = C(void 0), [m, h] = C(!0);
+  const { templateId: t } = te(), [a, n] = C(void 0), [c, s] = C(void 0), [m, h] = C(!0);
   return w(() => {
     if (!t || t === "create") {
       h(!1);
@@ -364,7 +365,7 @@ function Ve() {
     }
     (async () => {
       try {
-        const f = await ne(parseInt(t)), P = (await se({
+        const f = await se(parseInt(t)), P = (await ie({
           name: f.name,
           page: 0,
           size: 2e3
@@ -393,13 +394,13 @@ function Ve() {
   };
 }
 function Le(t) {
-  return t.map((a) => ie(a));
+  return t.map((a) => oe(a));
 }
 function Ee(t) {
-  return t.map((a) => oe(a));
+  return t.map((a) => le(a));
 }
 function Ie(t) {
-  return t.map((a) => le(a));
+  return t.map((a) => re(a));
 }
 function F(t, a) {
   const { name: n, displayName: c, accountGroupsWithAccess: s } = a, m = a.locales.find((b) => b.locale === t);
@@ -424,8 +425,8 @@ function Ke(t, a, n) {
   };
 }
 const Ae = (t, a) => t.subject !== a.subject || t.text !== a.text;
-function Be() {
-  const { t } = R(), { setContextInfo: a } = O(Q), n = te(), { pathname: c } = ae(), { initialFormData: s, error: m, loading: h } = Ve();
+function ze() {
+  const { t } = R(), { setContextInfo: a } = O(Q), n = ae(), { pathname: c } = ne(), { initialFormData: s, error: m, loading: h } = Ve();
   async function f(o, l, T) {
     const j = Le(o), x = Ee(l), u = Ie(T);
     await Promise.all([...j, ...x, ...u]);
@@ -479,9 +480,9 @@ function Be() {
     m && (console.error(m), K(
       /* @__PURE__ */ e.jsx(r, { i18nKey: "notificationTemplates.form.fetchFailed", children: "An error occurred while trying to fetch the template(s)" })
     ));
-  }, [m, t]), m ? /* @__PURE__ */ e.jsx(X, {}) : /* @__PURE__ */ e.jsxs(me, { show: h, children: [
+  }, [m, t]), m ? /* @__PURE__ */ e.jsx(X, {}) : /* @__PURE__ */ e.jsxs(fe, { show: h, children: [
     /* @__PURE__ */ e.jsx(
-      pe,
+      he,
       {
         parentPageLink: !0,
         subPagePathPrefixArray: ["/email", "/sms"],
@@ -503,5 +504,5 @@ function Be() {
   ] });
 }
 export {
-  Be as default
+  ze as default
 };

package/dist/{TemplateTextInput-712d3528.js → TemplateTextInput-ac5506a5.js}

@@ -1,30 +1,32 @@
-import { az as l, cB as x, aQ as n } from "./ContextBarContext-0565a593.js";
+import { aw as r, cy as x, aN as n } from "./ContextBarContext-8a081573.js";
 import j from "react";
-import { C as d, j as b } from "./index-8f79799f.js";
+import { C as d, j as N } from "./index-852b249c.js";
 import "react-router-dom";
 import "@deviceinsight/ng-ui-basic-components";
 import "@deviceinsight/ng-ui-components";
+import "react-i18next";
+import "i18next";
 import "@deviceinsight/ng-ui-api-client";
+import "ux4iot-react";
 import "react-dom";
-import "./extends-0a3e0827.js";
-const D = j.forwardRef(
-  ({ onFocus: r, onChange: i, refField: c, renderAs: a, ...o }, s) => {
+const P = j.forwardRef(
+  ({ onFocus: l, onChange: i, refField: c, renderAs: o, ...a }, s) => {
     function p() {
-      r();
+      l();
     }
     const m = (t, e) => {
-      !a || a === "input" ? i == null || i(t.replace(/\n/g, ""), e) : i == null || i(t, e);
-    }, { label: f, ...u } = o;
-    return /* @__PURE__ */ l.jsx(x, { ...u, label: f, children: /* @__PURE__ */ l.jsx(
+      !o || o === "input" ? i == null || i(t.replace(/\n/g, ""), e) : i == null || i(t, e);
+    }, { label: f, ...u } = a;
+    return /* @__PURE__ */ r.jsx(x, { ...u, label: f, children: /* @__PURE__ */ r.jsx(
       "div",
       {
         className: n("di notification-template-field", {
-          textarea: a === "textarea"
+          textarea: o === "textarea"
         }),
-        children: /* @__PURE__ */ l.jsx(
+        children: /* @__PURE__ */ r.jsx(
           d,
           {
-            ...o,
+            ...a,
             basicSetup: {
               lineNumbers: !1,
               highlightActiveLine: !1,
@@ -35,7 +37,7 @@ const D = j.forwardRef(
               c(t), s && (typeof s == "function" ? s(t) : s.current = t);
             },
             onFocus: p,
-            extensions: [b()]
+            extensions: [N()]
           }
         )
       }
@@ -43,5 +45,5 @@ const D = j.forwardRef(
   }
 );
 export {
-  D as default
+  P as default
 };