@deviceinsight/ng-ui-scale-lib 9.14.0

package/dist/JsonSettingWidget-3d9a995d.js

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

package/dist/LicensesEditPage-22cc7d68.js

@@ -0,0 +1,143 @@
+import { ah as w, bc as C, at as e, ag as n, bi as y, b4 as b, bN as V } from "./ContextBarContext-f745a63a.js";
+import { useState as d, useEffect as v } from "react";
+import { Prompt as q, useHistory as B, useLocation as H, useParams as T } 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 A, Button as S, 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-dom";
+function G({ editedLicense: c, onSubmit: u, onCancel: r }) {
+  const { t } = w(), {
+    handleSubmit: p,
+    control: l,
+    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(() => {
+      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) ? t("licenses.form.validation.nameInUse", {
+      defaultValue: "A license with the same technical name already exists"
+    }) : void 0;
+  }
+  function K() {
+    return p(async (s) => {
+      var h, N;
+      try {
+        await u(s);
+      } catch (o) {
+        o && o.response && o.response.status === 409 && ((h = o.response.data) != null && h.message) && g("name", {
+          message: t("licenses.form.validation.nameInUse", {
+            defaultValue: (N = o.response.data) == null ? void 0 : N.message
+          })
+        });
+      }
+    }, (s) => {
+      console.warn("Validation error", s);
+    })();
+  }
+  return /* @__PURE__ */ e.jsxs(U, { show: a || f, className: "di license-form", children: [
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        control: l,
+        name: "name",
+        rules: {
+          required: t("licenses.form.validation.nameRequired", {
+            defaultValue: "Please enter the technical name"
+          }),
+          validate: E
+        },
+        render: ({ field: i, fieldState: { error: s } }) => /* @__PURE__ */ e.jsx(
+          b,
+          {
+            ...i,
+            disabled: !!c,
+            label: /* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.tableHeaders.name", children: "Technical Name" }),
+            required: !0,
+            error: s == null ? void 0 : s.message
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        control: l,
+        name: "displayName",
+        rules: {
+          required: t("licenses.form.validation.displayNameRequired", {
+            defaultValue: "Please enter the display name"
+          })
+        },
+        render: ({ field: i, fieldState: { error: s } }) => /* @__PURE__ */ e.jsx(
+          b,
+          {
+            ...i,
+            label: /* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.tableHeaders.displayName", children: "Name" }),
+            required: !0,
+            error: s == null ? void 0 : s.message
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      y,
+      {
+        control: l,
+        name: "description",
+        render: ({ field: i }) => /* @__PURE__ */ e.jsx(
+          b,
+          {
+            ...i,
+            label: /* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.tableHeaders.description", children: "Description" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(A, { dividing: !0, children: [
+      /* @__PURE__ */ e.jsx(S, { primary: !0, onClick: K, disabled: a, children: /* @__PURE__ */ e.jsx(n, { i18nKey: "general.actions.save", children: "Save" }) }),
+      /* @__PURE__ */ e.jsx(S, { disabled: a, onClick: r, children: /* @__PURE__ */ e.jsx(n, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+    ] }),
+    /* @__PURE__ */ e.jsx(q, { message: "", when: x && !a })
+  ] });
+}
+function _() {
+  const c = B(), { pathname: u } = H(), { licenseName: r } = T(), [t, p] = d(), [l, a] = d(!1), [x, g] = d(!1);
+  if (v(() => {
+    r && (a(!0), I(r).then(p).catch(() => {
+      P(/* @__PURE__ */ e.jsx(n, { i18nKey: "licenses.editPage.fetchingError", children: "Fetching license failed" })), g(!0);
+    }).finally(() => a(!1)));
+  }, [r]), x)
+    return /* @__PURE__ */ e.jsx(V, {});
+  if (l)
+    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();
+  }, m = () => {
+    c.push(u.substring(0, u.lastIndexOf("/")));
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      z,
+      {
+        title: t ? {
+          id: "licenses.edit.title",
+          defaultValue: "Edit License"
+        } : {
+          id: "licenses.create.title",
+          defaultValue: "Create License"
+        },
+        parentPageLink: !0
+      }
+    ),
+    /* @__PURE__ */ e.jsx(G, { editedLicense: t, onSubmit: j, onCancel: m })
+  ] });
+}
+export {
+  _ as default
+};

package/dist/LicensesList-1f3f08e2.js

@@ -0,0 +1,146 @@
+import { at as s, ag as a, ah as y, d8 as b, dc as g, aN as j } from "./ContextBarContext-f745a63a.js";
+import { useState as c, useEffect as f } from "react";
+import { Link as u } from "react-router-dom";
+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 w, Button as D, Icon as I } from "@deviceinsight/ng-ui-basic-components";
+import "react-dom";
+function T({ license: t }) {
+  const [e, n] = c([]), [r, o] = c(!1);
+  return f(() => {
+    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: ",
+          { license: t }
+        ] })
+      );
+    }).finally(() => o(!1));
+  }, [t]), r ? /* @__PURE__ */ s.jsx(a, { i18nKey: "general.actions.loading", children: "Loading..." }) : /* @__PURE__ */ s.jsx("span", { className: "di license-roles", children: e.map((i) => /* @__PURE__ */ s.jsx(u, { to: `/roles/${i.id}`, className: "role-link", children: i.name }, i.id)) });
+}
+const A = {
+  page: 0,
+  size: 15,
+  sort: {
+    property: "name",
+    direction: "ASC"
+  }
+};
+function K(t) {
+  return [
+    {
+      name: "name",
+      label: /* @__PURE__ */ s.jsx(a, { i18nKey: "licenses.tableHeaders.name", children: "Technical Name" }),
+      sortable: !0,
+      filterable: {
+        filterType: "text",
+        filterFn: (e, n) => e.name.toLowerCase().indexOf(n.toLowerCase()) >= 0
+      },
+      render: (e) => /* @__PURE__ */ s.jsx(u, { to: `licenses/${e.name}`, children: e.name })
+    },
+    {
+      name: "displayName",
+      label: /* @__PURE__ */ s.jsx(a, { i18nKey: "licenses.tableHeaders.displayName", children: "Display Name" }),
+      sortable: !0,
+      filterable: {
+        filterType: "text",
+        filterFn: (e, n) => e.displayName.toLowerCase().indexOf(n.toLowerCase()) >= 0
+      },
+      render: (e) => e.displayName
+    },
+    {
+      name: "description",
+      label: /* @__PURE__ */ s.jsx(a, { i18nKey: "licenses.tableHeaders.description", children: "Description" }),
+      render: (e) => e.description
+    },
+    {
+      name: "roles",
+      label: /* @__PURE__ */ s.jsx(a, { i18nKey: "licenses.tableHeaders.roles", children: "Roles" }),
+      render: (e) => /* @__PURE__ */ s.jsx(T, { license: e.name })
+    },
+    {
+      name: "actions",
+      label: "",
+      width: "10%",
+      align: "right",
+      render: (e) => /* @__PURE__ */ s.jsx(j, { authorities: ["MANAGE_LICENSES"], children: /* @__PURE__ */ s.jsx(
+        D,
+        {
+          naked: !0,
+          title: {
+            id: "licenses.tableHeaders.deleteLicense",
+            defaultValue: "Delete this License"
+          },
+          onClick: () => t(e),
+          children: /* @__PURE__ */ s.jsx(I, { del: !0 })
+        }
+      ) })
+    }
+  ];
+}
+function B() {
+  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 C();
+        r(m);
+      } finally {
+        e(!1);
+      }
+    })();
+  }, []);
+  async function L(l) {
+    if (await o({
+      title: i("licenses.confirmDeleteLicenseTitle", { defaultValue: "Delete License" }),
+      message: i("licenses.confirmDeleteLicenseMessage", {
+        defaultValue: "Do you really want to delete this License?"
+      })
+    })) {
+      e(!0);
+      try {
+        await E(l.name), r((d) => d.filter((x) => x.name !== l.name));
+      } catch (d) {
+        console.error("Delete license error", d), h(
+          i("licenses.deleteFailure", { defaultValue: "Can't delete license because it is in use" })
+        );
+      }
+      e(!1);
+    }
+  }
+  return /* @__PURE__ */ s.jsxs("div", { "data-testid": "licenses-list", children: [
+    /* @__PURE__ */ s.jsx(
+      S,
+      {
+        title: {
+          id: "route.label.licenses.name",
+          defaultValue: "Licenses"
+        }
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      b,
+      {
+        tooltip: p,
+        authorities: "MANAGE_LICENSES",
+        path: "licenses/create",
+        dataTestId: "create-license-button"
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      g,
+      {
+        columnDefs: K(L),
+        items: n,
+        isLoading: t,
+        uniqueItemKey: (l) => l.name,
+        paginationSettings: A,
+        "data-testid": "licenses-table"
+      }
+    )
+  ] });
+}
+export {
+  B as default
+};