@deviceinsight/ng-ui-scale-lib 9.26.0 → 10.0.0

package/dist/PropertiesEditPage-4edb93b7.js

@@ -1,371 +0,0 @@
-import { ax as e, cC as E, aO as V, dq as F, dh as L, dp as B, ag as d, ah as G, bg as D, bj as U, bm as h, b8 as w, dr as R, dm as P, ds as O, al as M, dt as H, du as X, bS as _, aY as Y, dv as $ } from "./ContextBarContext-a6c59c97.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 k, 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 "react-dom";
-import "i18next";
-import "ux4iot-react";
-function le(r) {
-  const { options: s, children: x, onChange: c, values: i, ...t } = r;
-  function a(u) {
-    i.includes(u.value) ? c(i.filter((f) => f !== u.value)) : c([...i, u.value]);
-  }
-  return /* @__PURE__ */ e.jsx(E, { ...t, children: /* @__PURE__ */ e.jsx("div", { className: "buttonpicker", children: s.map((u) => /* @__PURE__ */ e.jsx(
-    v,
-    {
-      onClick: () => a(u),
-      className: V({
-        active: i.includes(u.value)
-      }),
-      disabled: r.disabled,
-      children: /* @__PURE__ */ e.jsx(F, { translationDescriptor: u.label })
-    },
-    String(u.value)
-  )) }) });
-}
-function ie() {
-  const {
-    getValues: r,
-    formState: { errors: s },
-    trigger: x
-  } = L(), [c, i] = T(!!r("allowedValues")), {
-    field: { value: t, onChange: a },
-    fieldState: { invalid: u }
-  } = B({
-    name: "allowedValues",
-    rules: {
-      validate: (n) => n == null || n != null && n.some((p) => p !== "") ? void 0 : "Required"
-    }
-  });
-  function f(n) {
-    a(t == null ? void 0 : t.filter((p, m) => m !== n));
-  }
-  function b(n) {
-    a(t ? [...t, n] : [n]);
-  }
-  function g(n, p) {
-    a(t == null ? void 0 : t.map((m, j) => p === j ? n : m));
-  }
-  async function y(n) {
-    a(n ? [] : null), i(n), !n && u && await x();
-  }
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs(
-      E,
-      {
-        label: /* @__PURE__ */ e.jsxs("div", { className: "di allowed-values-header", children: [
-          /* @__PURE__ */ e.jsx(A, { type: "toggle", value: c, toggleSmall: !0, onChange: y }),
-          " ",
-          /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.allowedValues", children: "Allowed Values" })
-        ] }),
-        error: s.allowedValues ? "Required" : void 0,
-        className: "di allowed-values-container",
-        children: [
-          /* @__PURE__ */ e.jsx(A, { value: c, onChange: y }),
-          (t == null ? void 0 : t.length) === 0 ? /* @__PURE__ */ e.jsx("div", { className: "empty-placeholder", children: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.allowedValuesEmptyPlaceholder", children: "No values" }) }) : /* @__PURE__ */ e.jsx("ul", { children: t == null ? void 0 : t.map((n, p) => /* @__PURE__ */ e.jsxs("li", { className: "item", children: [
-            /* @__PURE__ */ e.jsx(E, { className: "value-container", children: /* @__PURE__ */ e.jsx(
-              "input",
-              {
-                type: "text",
-                value: n,
-                onChange: (m) => g(m.target.value, p)
-              }
-            ) }),
-            /* @__PURE__ */ e.jsx(v, { onClick: () => f(p), children: /* @__PURE__ */ e.jsx(k, { del: !0 }) })
-          ] }, p)) })
-        ]
-      }
-    ),
-    c && /* @__PURE__ */ e.jsxs(v, { onClick: () => b(""), children: [
-      /* @__PURE__ */ e.jsx(k, { add: !0 }),
-      /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.allowedValuesAdd", children: "Add" })
-    ] })
-  ] });
-}
-const oe = ["STRING", "TEXT", "DATE", "LONG", "DOUBLE", "BOOLEAN", "IP", "GEO"].map((r) => ({
-  value: r,
-  name: r
-})), de = ["ASSET", "ASSET_GROUP", "ACCOUNT", "ACCOUNT_GROUP", "DATAPOINT"].map(
-  (r) => ({
-    value: r,
-    label: r
-  })
-);
-function ce() {
-  return {
-    key: "",
-    type: "STRING",
-    entityTargets: [],
-    addToAll: !1,
-    deletable: !0
-  };
-}
-function ue({ editedProperty: r, isReadonly: s, onSubmit: x, onCancel: c }) {
-  const { t: i } = G(), t = D({
-    defaultValues: r || ce()
-  }), {
-    control: a,
-    handleSubmit: u,
-    watch: f,
-    setError: b,
-    formState: { isSubmitting: g, isDirty: y }
-  } = t;
-  function n() {
-    async function l(o) {
-      try {
-        await x(o);
-      } catch (S) {
-        if (M.isAxiosError(S)) {
-          const { fieldName: N, message: C } = H(S, i);
-          N ? b(N, { message: C }) : K(C);
-        } else
-          K(X(i));
-      }
-    }
-    return u(l, (o) => {
-      console.warn("Validation error", o);
-    })();
-  }
-  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: [
-    /* @__PURE__ */ e.jsx(
-      h,
-      {
-        name: "key",
-        control: a,
-        rules: {
-          required: i("properties.form.validation.key.required", {
-            defaultValue: "Please enter a property key"
-          })
-        },
-        render: ({ field: l, fieldState: { error: o } }) => /* @__PURE__ */ e.jsx(
-          w,
-          {
-            ...l,
-            label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.key", children: "Key" }),
-            error: o == null ? void 0 : o.message,
-            required: !0,
-            disabled: s || m
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      h,
-      {
-        name: "type",
-        control: a,
-        render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-          R,
-          {
-            label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.type", children: "Type" }),
-            ...l,
-            options: oe,
-            required: !0,
-            disabled: s || m
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      h,
-      {
-        name: "entityTargets",
-        control: a,
-        rules: { validate: (l) => l.length === 0 ? "Required" : void 0 },
-        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: S ? i("properties.form.validation.entityTargets.required", {
-              defaultValue: "Please select a at least one entity target"
-            }) : void 0,
-            required: !0,
-            disabled: s
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      h,
-      {
-        name: "addToAll",
-        control: a,
-        render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-          P,
-          {
-            ...l,
-            label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.addToSearch", children: "Add to Search" }),
-            disabled: s || m
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      h,
-      {
-        name: "unique",
-        control: a,
-        render: ({ field: { value: l, onChange: o } }) => /* @__PURE__ */ e.jsx(
-          P,
-          {
-            value: !!l,
-            onChange: o,
-            label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.unique", children: "Unique" }),
-            disabled: s
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      h,
-      {
-        name: "final",
-        control: a,
-        render: ({ field: { value: l, onChange: o } }) => /* @__PURE__ */ e.jsx(
-          P,
-          {
-            value: !!l,
-            onChange: o,
-            label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.final", children: "Final" }),
-            disabled: s
-          }
-        )
-      }
-    ),
-    j && !I && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(
-        h,
-        {
-          name: "minLength",
-          control: a,
-          render: ({ field: { value: l, ...o } }) => /* @__PURE__ */ e.jsx(
-            O,
-            {
-              ...o,
-              value: l ?? void 0,
-              label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.label.minLength", children: "Minimum length" }),
-              placeholder: s ? i("properties.placeholder.notSet", { defaultValue: "Not set" }) : "0",
-              readOnly: s
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        h,
-        {
-          name: "maxLength",
-          control: a,
-          render: ({ field: { value: l, ...o } }) => /* @__PURE__ */ e.jsx(
-            O,
-            {
-              ...o,
-              value: l ?? void 0,
-              label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.label.maxLength", children: "Maximum length" }),
-              placeholder: s ? i("properties.placeholder.notSet", { defaultValue: "Not set" }) : "0",
-              readOnly: s
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        h,
-        {
-          name: "regularExpression",
-          control: a,
-          render: ({ field: { value: l, ...o } }) => /* @__PURE__ */ e.jsx(
-            w,
-            {
-              ...o,
-              value: l ?? void 0,
-              label: /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.labels.regularExpression", children: "Regular expression" }),
-              readOnly: s,
-              placeholder: s ? i("properties.placeholder.notSet", { defaultValue: "Not set" }) : ""
-            }
-          )
-        }
-      )
-    ] }),
-    p === "STRING" && /* @__PURE__ */ e.jsx(ie, {}),
-    /* @__PURE__ */ e.jsxs("div", { className: "formRequired", children: [
-      "* ",
-      /* @__PURE__ */ e.jsx(d, { i18nKey: "form.field.required", children: "required" })
-    ] }),
-    /* @__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(J, { message: "", when: y && !g })
-  ] }) });
-}
-const pe = (r) => r ? {
-  id: "properties.create.title",
-  defaultValue: "Create Property"
-} : {
-  id: "properties.edit.title",
-  defaultValue: "Edit Property"
-}, me = /* @__PURE__ */ e.jsx(d, { i18nKey: "properties.saveSuccessMessage", children: "Property has been saved successfully." });
-function q(r) {
-  if (r.type === "STRING" && r.allowedValues && r.allowedValues.length > 0) {
-    const { regularExpression: s, maxLength: x, minLength: c, allowedValues: i, ...t } = r;
-    return { ...t, allowedValues: [...new Set(i.filter((a) => a !== ""))] };
-  }
-  if (r.allowedValues && r.allowedValues.length === 0) {
-    const { allowedValues: s, ...x } = r;
-    return x;
-  }
-  if (r.type !== "STRING" && r.type !== "TEXT") {
-    const { regularExpression: s, maxLength: x, minLength: c, ...i } = r;
-    return i;
-  }
-  return r;
-}
-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 ee(m);
-      i(j);
-    } catch (j) {
-      console.error(j), f(!0);
-    } finally {
-      a(!1);
-    }
-  }
-  z(() => {
-    x && x !== "create" ? b(x) : a(!1);
-  }, [x]);
-  function g() {
-    s.push(r.substring(0, r.lastIndexOf("/")));
-  }
-  async function y(m) {
-    c ? await re(q(m)) : await te(q(m)), $(me), g();
-  }
-  function n() {
-    g();
-  }
-  if (u)
-    return /* @__PURE__ */ e.jsx(_, {});
-  const p = pe(!c);
-  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 && !Y(["UPDATE_PROPERTY"]),
-        onSubmit: y,
-        onCancel: n
-      }
-    )
-  ] });
-}
-export {
-  Pe as default
-};