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

package/dist/PropertiesEditPage-OrwneFF4.js

@@ -0,0 +1,373 @@
+import { jsx as e, jsxs as h, Fragment as V } from "react/jsx-runtime";
+import { useState as E, useCallback as B, useEffect as G } from "react";
+import { Prompt as U, useLocation as D, useHistory as M, useParams as R } from "react-router-dom";
+import { getPropertyById as X, updateProperty as H, createProperty as _ } from "@deviceinsight/ng-ui-api-client";
+import { Button as w, Checkbox as A, Icon as O, ButtonRow as j, Spinner as Y } from "@deviceinsight/ng-ui-basic-components";
+import { messageBoxError as K, ContentHeader as W } from "@deviceinsight/ng-ui-components";
+import "react-i18next";
+import { X as N, bS as $, a as d, u as z, P as I, bT as J, bU as C, bV as q, bW as Q, bX as Z, b8 as ee, r as re, bY as le } from "./setTitle-Ck-71vC0.js";
+import te from "axios";
+import { useFormContext as ae, useController as ne, useForm as ie, FormProvider as se, Controller as f } from "react-hook-form";
+import oe from "classnames";
+function de(r) {
+  const { options: a, onChange: u, values: i, ...s } = r;
+  function c(l) {
+    i.includes(l.value) ? u(i.filter((y) => y !== l.value)) : u([...i, l.value]);
+  }
+  return /* @__PURE__ */ e(N, { ...s, children: /* @__PURE__ */ e("div", { className: "buttonpicker", children: a.map((l) => /* @__PURE__ */ e(
+    w,
+    {
+      onClick: () => c(l),
+      className: oe({
+        active: i.includes(l.value)
+      }),
+      disabled: r.disabled,
+      children: /* @__PURE__ */ e($, { translationDescriptor: l.label })
+    },
+    String(l.value)
+  )) }) });
+}
+function ue() {
+  const {
+    getValues: r,
+    formState: { errors: a },
+    trigger: u
+  } = ae(), [i, s] = E(!!r("allowedValues")), {
+    field: { value: c, onChange: l },
+    fieldState: { invalid: y }
+  } = ne({
+    name: "allowedValues",
+    rules: {
+      validate: (n) => n == null || n?.some((p) => p !== "") ? void 0 : "Required"
+    }
+  });
+  function v(n) {
+    l(c?.filter((p, m) => m !== n));
+  }
+  function S(n) {
+    l(c ? [...c, n] : [n]);
+  }
+  function g(n, p) {
+    l(c?.map((m, b) => p === b ? n : m));
+  }
+  async function T(n) {
+    l(n ? [] : null), s(n), !n && y && await u();
+  }
+  return /* @__PURE__ */ h(V, { children: [
+    /* @__PURE__ */ h(
+      N,
+      {
+        label: /* @__PURE__ */ h("div", { className: "di allowed-values-header", children: [
+          /* @__PURE__ */ e(A, { type: "toggle", value: i, toggleSmall: !0, onChange: T }),
+          " ",
+          /* @__PURE__ */ e(d, { i18nKey: "properties.labels.allowedValues", children: "Allowed Values" })
+        ] }),
+        error: a.allowedValues ? "Required" : void 0,
+        className: "di allowed-values-container",
+        children: [
+          /* @__PURE__ */ e(A, { value: i, onChange: T }),
+          c?.length === 0 ? /* @__PURE__ */ e("div", { className: "empty-placeholder", children: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.allowedValuesEmptyPlaceholder", children: "No values" }) }) : /* @__PURE__ */ e("ul", { children: c?.map((n, p) => /* @__PURE__ */ h("li", { className: "item", children: [
+            /* @__PURE__ */ e(N, { className: "value-container", children: /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: n,
+                onChange: (m) => g(m.target.value, p)
+              }
+            ) }),
+            /* @__PURE__ */ e(w, { onClick: () => v(p), children: /* @__PURE__ */ e(O, { del: !0 }) })
+          ] }, p)) })
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ h(w, { onClick: () => S(""), children: [
+      /* @__PURE__ */ e(O, { add: !0 }),
+      /* @__PURE__ */ e(d, { i18nKey: "properties.labels.allowedValuesAdd", children: "Add" })
+    ] })
+  ] });
+}
+const ce = ["STRING", "TEXT", "DATE", "LONG", "DOUBLE", "BOOLEAN", "IP", "GEO"].map((r) => ({
+  value: r,
+  name: r
+})), pe = ["ASSET", "ASSET_GROUP", "ACCOUNT", "ACCOUNT_GROUP", "DATAPOINT"].map(
+  (r) => ({
+    value: r,
+    label: r
+  })
+);
+function me() {
+  return {
+    key: "",
+    type: "STRING",
+    entityTargets: [],
+    addToAll: !1,
+    deletable: !0
+  };
+}
+function he({ editedProperty: r, isReadonly: a, onSubmit: u, onCancel: i }) {
+  const { t: s } = z(), c = ie({
+    defaultValues: r || me()
+  }), {
+    control: l,
+    handleSubmit: y,
+    watch: v,
+    setError: S,
+    formState: { isSubmitting: g, isDirty: T }
+  } = c;
+  function n() {
+    async function t(o) {
+      try {
+        await u(o);
+      } catch (P) {
+        if (te.isAxiosError(P)) {
+          const { fieldName: x, message: k } = Q(P, s);
+          x ? S(x, { message: k }) : K(k);
+        } else
+          K(Z(s));
+      }
+    }
+    return y(t, (o) => {
+      console.warn("Validation error", o);
+    })();
+  }
+  const p = v("type"), m = !!r, b = p === "STRING" || p === "TEXT", F = !!v("allowedValues");
+  return /* @__PURE__ */ e(se, { ...c, children: /* @__PURE__ */ h("div", { className: "property-form", children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        name: "key",
+        control: l,
+        rules: {
+          required: s("properties.form.validation.key.required", {
+            defaultValue: "Please enter a property key"
+          })
+        },
+        render: ({ field: t, fieldState: { error: o } }) => /* @__PURE__ */ e(
+          I,
+          {
+            ...t,
+            label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.key", children: "Key" }),
+            error: o?.message,
+            required: !0,
+            disabled: a || m
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        name: "type",
+        control: l,
+        render: ({ field: t }) => /* @__PURE__ */ e(
+          J,
+          {
+            label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.type", children: "Type" }),
+            options: ce,
+            required: !0,
+            disabled: a || m,
+            value: t.value,
+            onChange: t.onChange
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        name: "entityTargets",
+        control: l,
+        rules: { validate: (t) => t.length === 0 ? "Required" : void 0 },
+        render: ({ field: { value: t, onChange: o }, fieldState: { error: P } }) => /* @__PURE__ */ e(
+          de,
+          {
+            label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.entityTargets", children: "Entity targets" }),
+            values: t,
+            onChange: o,
+            options: pe,
+            error: P ? s("properties.form.validation.entityTargets.required", {
+              defaultValue: "Please select a at least one entity target"
+            }) : void 0,
+            required: !0,
+            disabled: a
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        name: "addToAll",
+        control: l,
+        render: ({ field: t }) => /* @__PURE__ */ e(
+          C,
+          {
+            ...t,
+            label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.addToSearch", children: "Add to Search" }),
+            disabled: a || m
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        name: "unique",
+        control: l,
+        render: ({ field: { value: t, onChange: o } }) => /* @__PURE__ */ e(
+          C,
+          {
+            value: !!t,
+            onChange: o,
+            label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.unique", children: "Unique" }),
+            disabled: a
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      f,
+      {
+        name: "final",
+        control: l,
+        render: ({ field: { value: t, onChange: o } }) => /* @__PURE__ */ e(
+          C,
+          {
+            value: !!t,
+            onChange: o,
+            label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.final", children: "Final" }),
+            disabled: a
+          }
+        )
+      }
+    ),
+    b && !F && /* @__PURE__ */ h(V, { children: [
+      /* @__PURE__ */ e(
+        f,
+        {
+          name: "minLength",
+          control: l,
+          render: ({ field: { value: t, ...o } }) => /* @__PURE__ */ e(
+            q,
+            {
+              ...o,
+              value: t ?? void 0,
+              label: /* @__PURE__ */ e(d, { i18nKey: "properties.label.minLength", children: "Minimum length" }),
+              placeholder: a ? s("properties.placeholder.notSet", { defaultValue: "Not set" }) : "0",
+              readOnly: a
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        f,
+        {
+          name: "maxLength",
+          control: l,
+          render: ({ field: { value: t, ...o } }) => /* @__PURE__ */ e(
+            q,
+            {
+              ...o,
+              value: t ?? void 0,
+              label: /* @__PURE__ */ e(d, { i18nKey: "properties.label.maxLength", children: "Maximum length" }),
+              placeholder: a ? s("properties.placeholder.notSet", { defaultValue: "Not set" }) : "0",
+              readOnly: a
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        f,
+        {
+          name: "regularExpression",
+          control: l,
+          render: ({ field: { value: t, ...o } }) => /* @__PURE__ */ e(
+            I,
+            {
+              ...o,
+              value: t ?? void 0,
+              label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.regularExpression", children: "Regular expression" }),
+              readOnly: a,
+              placeholder: a ? s("properties.placeholder.notSet", { defaultValue: "Not set" }) : ""
+            }
+          )
+        }
+      )
+    ] }),
+    p === "STRING" && /* @__PURE__ */ e(ue, {}),
+    /* @__PURE__ */ h("div", { className: "formRequired", children: [
+      "* ",
+      /* @__PURE__ */ e(d, { i18nKey: "form.field.required", children: "required" })
+    ] }),
+    /* @__PURE__ */ h(j, { dividing: !0, children: [
+      /* @__PURE__ */ e(w, { className: "with-spinner", primary: !0, onClick: n, disabled: g, children: /* @__PURE__ */ e(d, { i18nKey: "general.actions.save", children: "Save" }) }),
+      /* @__PURE__ */ e(w, { disabled: g, onClick: i, children: /* @__PURE__ */ e(d, { i18nKey: "general.actions.cancel", children: "Cancel" }) })
+    ] }),
+    /* @__PURE__ */ e(U, { message: "", when: T && !g })
+  ] }) });
+}
+const fe = (r) => r ? {
+  id: "properties.create.title",
+  defaultValue: "Create Property"
+} : {
+  id: "properties.edit.title",
+  defaultValue: "Edit Property"
+}, ge = /* @__PURE__ */ e(d, { i18nKey: "properties.saveSuccessMessage", children: "Property has been saved successfully." });
+function L(r) {
+  if (r.type === "STRING" && r.allowedValues && r.allowedValues.length > 0) {
+    const { regularExpression: a, maxLength: u, minLength: i, allowedValues: s, ...c } = r;
+    return { ...c, allowedValues: [...new Set(s.filter((l) => l !== ""))] };
+  }
+  if (r.allowedValues && r.allowedValues.length === 0) {
+    const { allowedValues: a, ...u } = r;
+    return u;
+  }
+  if (r.type !== "STRING" && r.type !== "TEXT") {
+    const { regularExpression: a, maxLength: u, minLength: i, ...s } = r;
+    return s;
+  }
+  return r;
+}
+function xe() {
+  const { pathname: r } = D(), a = M(), { propertyKey: u } = R(), [i, s] = E(void 0), [c, l] = E(!0), [y, v] = E(!1), S = B(async (m) => {
+    try {
+      const b = await X(m);
+      s(b);
+    } catch (b) {
+      console.error(b), v(!0);
+    } finally {
+      l(!1);
+    }
+  }, []);
+  G(() => {
+    u && u !== "create" ? S(u) : l(!1);
+  }, [u, S]);
+  function g() {
+    a.push(r.substring(0, r.lastIndexOf("/")));
+  }
+  async function T(m) {
+    i ? await H(L(m)) : await _(L(m)), le(ge), g();
+  }
+  function n() {
+    g();
+  }
+  if (y)
+    return /* @__PURE__ */ e(ee, {});
+  const p = fe(!i);
+  return c ? /* @__PURE__ */ e(Y, { center: !0 }) : /* @__PURE__ */ h(V, { children: [
+    /* @__PURE__ */ e(W, { title: p, parentPageLink: !0 }),
+    /* @__PURE__ */ e(
+      he,
+      {
+        editedProperty: i,
+        isReadonly: !!i && !re(["UPDATE_PROPERTY"]),
+        onSubmit: T,
+        onCancel: n
+      }
+    )
+  ] });
+}
+export {
+  xe as default
+};
+//# sourceMappingURL=PropertiesEditPage-OrwneFF4.js.map

package/dist/PropertiesEditPage-OrwneFF4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertiesEditPage-OrwneFF4.js","sources":["../ng-ui-scale/src/components/inputs/buttonPicker/ButtonPicker.tsx","../ng-ui-scale/src/modules/properties/AllowedValues.tsx","../ng-ui-scale/src/modules/properties/PropertyForm.tsx","../ng-ui-scale/src/modules/properties/PropertiesEditPage.tsx"],"sourcesContent":["import cx from 'classnames';\n\nimport {Button} from '@deviceinsight/ng-ui-basic-components';\n\nimport type {TranslationDescriptor} from 'i18n';\nimport TransByDescriptor from 'i18n/TransByDescriptor';\nimport FieldDecorator, {type FieldDecoratorProps} from '../FieldDecorator';\n\nimport '../input.scss';\n\nexport type ButtonPickerOption<T> = {\n\tvalue: T;\n\tlabel: string | TranslationDescriptor;\n};\n\ntype OwnProps<T> = {\n\tonChange: (values: T[]) => void;\n\toptions: ButtonPickerOption<T>[];\n\tvalues: T[];\n\tdisabled?: boolean;\n};\n\ntype Props<T> = FieldDecoratorProps & OwnProps<T>;\n\nexport default function ButtonPicker<T>(props: Props<T>) {\n\tconst {options, onChange, values, ...rest} = props;\n\n\tfunction toggleOption(option: ButtonPickerOption<T>) {\n\t\tif (values.includes(option.value)) {\n\t\t\tonChange(values.filter(v => v !== option.value));\n\t\t} else {\n\t\t\tonChange([...values, option.value]);\n\t\t}\n\t}\n\n\treturn (\n\t\t<FieldDecorator {...rest}>\n\t\t\t<div className=\"buttonpicker\">\n\t\t\t\t{options.map(option => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={String(option.value)}\n\t\t\t\t\t\tonClick={() => toggleOption(option)}\n\t\t\t\t\t\tclassName={cx({\n\t\t\t\t\t\t\tactive: values.includes(option.value),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tdisabled={props.disabled}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TransByDescriptor translationDescriptor={option.label} />\n\t\t\t\t\t</Button>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</FieldDecorator>\n\t);\n}\n","import {useState} from 'react';\nimport {useController, useFormContext} from 'react-hook-form';\n\nimport type {Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, Checkbox, Icon} from '@deviceinsight/ng-ui-basic-components';\n\nimport FieldDecorator from 'components/inputs/FieldDecorator';\nimport {Trans} from 'i18n';\n\nexport default function AllowedValues() {\n\tconst {\n\t\tgetValues,\n\t\tformState: {errors},\n\t\ttrigger,\n\t} = useFormContext<Property>();\n\tconst [enabled, setEnabled] = useState<boolean>(!!getValues('allowedValues'));\n\tconst {\n\t\tfield: {value: allowedValues, onChange},\n\t\tfieldState: {invalid: allowedValuesInvalid},\n\t} = useController<Property, 'allowedValues'>({\n\t\tname: 'allowedValues',\n\t\trules: {\n\t\t\tvalidate: allowedValues =>\n\t\t\t\tallowedValues == null || allowedValues?.some(v => v !== '') ? undefined : 'Required',\n\t\t},\n\t});\n\n\tfunction remove(index: number) {\n\t\tonChange(allowedValues?.filter((v, i) => i !== index));\n\t}\n\n\tfunction append(value: string) {\n\t\tonChange(allowedValues ? [...allowedValues, value] : [value]);\n\t}\n\n\tfunction change(value: string, index: number) {\n\t\tonChange(allowedValues?.map((allowedValue, i) => (index === i ? value : allowedValue)));\n\t}\n\n\tasync function handleEnabledChange(enabled: boolean) {\n\t\tonChange(enabled ? [] : null);\n\t\tsetEnabled(enabled);\n\n\t\tif (!enabled && allowedValuesInvalid) {\n\t\t\tawait trigger();\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<FieldDecorator\n\t\t\t\tlabel={\n\t\t\t\t\t<div className=\"di allowed-values-header\">\n\t\t\t\t\t\t<Checkbox type=\"toggle\" value={enabled} toggleSmall onChange={handleEnabledChange} />{' '}\n\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValues\">Allowed Values</Trans>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\terror={errors.allowedValues ? 'Required' : undefined}\n\t\t\t\tclassName=\"di allowed-values-container\"\n\t\t\t>\n\t\t\t\t<Checkbox value={enabled} onChange={handleEnabledChange} />\n\t\t\t\t{allowedValues?.length === 0 ? (\n\t\t\t\t\t<div className=\"empty-placeholder\">\n\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValuesEmptyPlaceholder\">No values</Trans>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t{allowedValues?.map((allowedValue, index) => (\n\t\t\t\t\t\t\t<li key={index} className=\"item\">\n\t\t\t\t\t\t\t\t<FieldDecorator className=\"value-container\">\n\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\t\t\tvalue={allowedValue}\n\t\t\t\t\t\t\t\t\t\tonChange={e => change(e.target.value, index)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</FieldDecorator>\n\t\t\t\t\t\t\t\t<Button onClick={() => remove(index)}>\n\t\t\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</FieldDecorator>\n\t\t\t{enabled && (\n\t\t\t\t<Button onClick={() => append('')}>\n\t\t\t\t\t<Icon add />\n\t\t\t\t\t<Trans i18nKey=\"properties.labels.allowedValuesAdd\">Add</Trans>\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import axios from 'axios';\nimport {Controller, FormProvider, useForm} from 'react-hook-form';\nimport {Prompt} from 'react-router-dom';\n\nimport type {EntityTarget, Property} from '@deviceinsight/ng-ui-api-client';\nimport {Button, ButtonRow} from '@deviceinsight/ng-ui-basic-components';\nimport {messageBoxError} from '@deviceinsight/ng-ui-components';\n\nimport ButtonPicker from 'components/inputs/buttonPicker/ButtonPicker';\nimport Checkbox from 'components/inputs/checkbox/Checkbox';\nimport NumberInput from 'components/inputs/numberInput/NumberInput';\nimport SelectInput from 'components/inputs/selectInput/SelectInput';\nimport TextInput from 'components/inputs/textInput/TextInput';\nimport {Trans, useTranslation} from 'i18n';\nimport AllowedValues from './AllowedValues';\nimport {getUnknownBackendErrorMessage, parseBackendError} from './utils';\n\nimport './propertiesEditPage.scss';\n\nconst typeOptions = ['STRING', 'TEXT', 'DATE', 'LONG', 'DOUBLE', 'BOOLEAN', 'IP', 'GEO'].map(pType => {\n\treturn {\n\t\tvalue: pType,\n\t\tname: pType,\n\t};\n});\n\nconst entityTargetOptions = (['ASSET', 'ASSET_GROUP', 'ACCOUNT', 'ACCOUNT_GROUP', 'DATAPOINT'] as EntityTarget[]).map(\n\tpType => ({\n\t\tvalue: pType,\n\t\tlabel: pType,\n\t}),\n);\n\ntype Props = {\n\teditedProperty: Property | undefined;\n\tisReadonly: boolean;\n\tonSubmit: (property: Property) => Promise<void>;\n\tonCancel: () => void;\n};\n\nfunction createEmptyFormData(): Property {\n\treturn {\n\t\tkey: '',\n\t\ttype: 'STRING',\n\t\tentityTargets: [],\n\t\taddToAll: false,\n\t\tdeletable: true,\n\t};\n}\n\nfunction PropertyForm({editedProperty, isReadonly, onSubmit, onCancel}: Props) {\n\tconst {t} = useTranslation();\n\tconst formContext = useForm<Property>({\n\t\tdefaultValues: editedProperty ? editedProperty : createEmptyFormData(),\n\t});\n\tconst {\n\t\tcontrol,\n\t\thandleSubmit,\n\t\twatch,\n\t\tsetError,\n\t\tformState: {isSubmitting, isDirty},\n\t} = formContext;\n\n\tfunction submit(): Promise<void> {\n\t\tasync function submitFunction(property: Property) {\n\t\t\ttry {\n\t\t\t\tawait onSubmit(property);\n\t\t\t} catch (error: unknown) {\n\t\t\t\tif (axios.isAxiosError(error)) {\n\t\t\t\t\tconst {fieldName, message} = parseBackendError(error, t);\n\t\t\t\t\tif (fieldName) {\n\t\t\t\t\t\tsetError(fieldName as any, {message});\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmessageBoxError(message);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tmessageBoxError(getUnknownBackendErrorMessage(t));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn handleSubmit(submitFunction, errors => {\n\t\t\tconsole.warn('Validation error', errors);\n\t\t})();\n\t}\n\n\tconst type = watch('type');\n\n\tconst isEditMode = !!editedProperty;\n\tconst isStringOrText = type === 'STRING' || type === 'TEXT';\n\tconst areAllowedValuesEnabled = !!watch('allowedValues');\n\n\treturn (\n\t\t<FormProvider {...formContext}>\n\t\t\t<div className=\"property-form\">\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"key\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trules={{\n\t\t\t\t\t\trequired: t('properties.form.validation.key.required', {\n\t\t\t\t\t\t\tdefaultValue: 'Please enter a property key',\n\t\t\t\t\t\t}),\n\t\t\t\t\t}}\n\t\t\t\t\trender={({field, fieldState: {error}}) => (\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.key\">Key</Trans>}\n\t\t\t\t\t\t\terror={error?.message}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"type\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field}) => (\n\t\t\t\t\t\t<SelectInput\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.type\">Type</Trans>}\n\t\t\t\t\t\t\toptions={typeOptions}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t\tvalue={field.value}\n\t\t\t\t\t\t\tonChange={field.onChange}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"entityTargets\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trules={{validate: entityTargets => (entityTargets.length === 0 ? 'Required' : undefined)}}\n\t\t\t\t\trender={({field: {value, onChange}, fieldState: {error}}) => (\n\t\t\t\t\t\t<ButtonPicker\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.entityTargets\">Entity targets</Trans>}\n\t\t\t\t\t\t\tvalues={value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\toptions={entityTargetOptions}\n\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\terror\n\t\t\t\t\t\t\t\t\t? t('properties.form.validation.entityTargets.required', {\n\t\t\t\t\t\t\t\t\t\t\tdefaultValue: 'Please select a at least one entity target',\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"addToAll\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t{...field}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.addToSearch\">Add to Search</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly || isEditMode}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"unique\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field: {value, onChange}}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tvalue={!!value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.unique\">Unique</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<Controller\n\t\t\t\t\tname=\"final\"\n\t\t\t\t\tcontrol={control}\n\t\t\t\t\trender={({field: {value, onChange}}) => (\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tvalue={!!value}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.labels.final\">Final</Trans>}\n\t\t\t\t\t\t\tdisabled={isReadonly}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t{isStringOrText && !areAllowedValuesEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"minLength\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<NumberInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.label.minLength\">Minimum length</Trans>}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : '0'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"maxLength\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<NumberInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={<Trans i18nKey=\"properties.label.maxLength\">Maximum length</Trans>}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : '0'\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Controller\n\t\t\t\t\t\t\tname=\"regularExpression\"\n\t\t\t\t\t\t\tcontrol={control}\n\t\t\t\t\t\t\trender={({field: {value, ...rest}}) => (\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\t{...rest}\n\t\t\t\t\t\t\t\t\tvalue={value ?? undefined}\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"properties.labels.regularExpression\">Regular expression</Trans>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treadOnly={isReadonly}\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisReadonly ? t('properties.placeholder.notSet', {defaultValue: 'Not set'}) : ''\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{type === 'STRING' && <AllowedValues />}\n\n\t\t\t\t<div className=\"formRequired\">\n\t\t\t\t\t* <Trans i18nKey=\"form.field.required\">required</Trans>\n\t\t\t\t</div>\n\t\t\t\t<ButtonRow dividing>\n\t\t\t\t\t<Button className=\"with-spinner\" primary onClick={submit} disabled={isSubmitting}>\n\t\t\t\t\t\t{<Trans i18nKey=\"general.actions.save\">Save</Trans>}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button disabled={isSubmitting} onClick={onCancel}>\n\t\t\t\t\t\t<Trans i18nKey=\"general.actions.cancel\">Cancel</Trans>\n\t\t\t\t\t</Button>\n\t\t\t\t</ButtonRow>\n\t\t\t\t<Prompt message=\"\" when={isDirty && !isSubmitting} />\n\t\t\t</div>\n\t\t</FormProvider>\n\t);\n}\n\nexport default PropertyForm;\n","import {useCallback, useEffect, useState} from 'react';\nimport {useHistory, useLocation, useParams} from 'react-router-dom';\n\nimport {\n\tcreateProperty as createPropertyApi,\n\tgetPropertyById,\n\ttype Property,\n\tupdateProperty as updatePropertyApi,\n} from '@deviceinsight/ng-ui-api-client';\nimport {Spinner} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader} from '@deviceinsight/ng-ui-components';\n\nimport {Trans} from 'i18n';\nimport PageNotFound from '../../components/page/misc/PageNotFound';\nimport {hasAuthorities} from '../../utils/hasAuthorities';\nimport PropertyForm from './PropertyForm';\nimport {displaySuccessMessage} from './utils';\n\nconst getContentHeaderTitle = (createMode: boolean) => {\n\treturn createMode\n\t\t? {\n\t\t\t\tid: 'properties.create.title',\n\t\t\t\tdefaultValue: 'Create Property',\n\t\t\t}\n\t\t: {\n\t\t\t\tid: 'properties.edit.title',\n\t\t\t\tdefaultValue: 'Edit Property',\n\t\t\t};\n};\n\nconst messageSuccessSaveProperty = (\n\t<Trans i18nKey=\"properties.saveSuccessMessage\">Property has been saved successfully.</Trans>\n);\n\nfunction clearPropertyFields(property: Property): Property {\n\tif (property.type === 'STRING' && property.allowedValues && property.allowedValues.length > 0) {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {regularExpression, maxLength, minLength, allowedValues, ...newProperty} = property;\n\t\treturn {...newProperty, allowedValues: [...new Set(allowedValues.filter(value => value !== ''))]};\n\t}\n\n\t// The backend does not accept an empty array for allowedValues\n\tif (property.allowedValues && property.allowedValues.length === 0) {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {allowedValues, ...newProperty} = property;\n\t\treturn newProperty;\n\t}\n\tif (property.type !== 'STRING' && property.type !== 'TEXT') {\n\t\t// biome-ignore lint/correctness/noUnusedVariables: It's ok\n\t\tconst {regularExpression, maxLength, minLength, ...newProperty} = property;\n\t\treturn newProperty;\n\t}\n\n\treturn property;\n}\n\nexport default function PropertiesEditPage() {\n\tconst {pathname} = useLocation();\n\tconst history = useHistory();\n\tconst {propertyKey} = useParams<{propertyKey: string}>();\n\tconst [property, setProperty] = useState<Property | undefined>(undefined);\n\tconst [isLoading, setIsLoading] = useState<boolean>(true);\n\tconst [notFound, setNotFound] = useState<boolean>(false);\n\n\tconst loadProperty = useCallback(async (propertyKey: string) => {\n\t\ttry {\n\t\t\tconst property = await getPropertyById(propertyKey);\n\t\t\tsetProperty(property);\n\t\t} catch (e) {\n\t\t\tconsole.error(e);\n\t\t\tsetNotFound(true);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (propertyKey && propertyKey !== 'create') {\n\t\t\tloadProperty(propertyKey);\n\t\t} else {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [propertyKey, loadProperty]);\n\n\tfunction goToParentPage() {\n\t\thistory.push(pathname.substring(0, pathname.lastIndexOf('/')));\n\t}\n\n\tasync function handleSubmit(formData: Property) {\n\t\tif (property) {\n\t\t\tawait updatePropertyApi(clearPropertyFields(formData));\n\t\t} else {\n\t\t\tawait createPropertyApi(clearPropertyFields(formData));\n\t\t}\n\t\tdisplaySuccessMessage(messageSuccessSaveProperty);\n\t\tgoToParentPage();\n\t}\n\n\tfunction cancel() {\n\t\tgoToParentPage();\n\t}\n\n\tif (notFound) {\n\t\treturn <PageNotFound />;\n\t}\n\tconst contentHeaderTitle = getContentHeaderTitle(!property);\n\treturn !isLoading ? (\n\t\t<>\n\t\t\t<ContentHeader title={contentHeaderTitle} parentPageLink />\n\t\t\t<PropertyForm\n\t\t\t\teditedProperty={property}\n\t\t\t\tisReadonly={!!property && !hasAuthorities(['UPDATE_PROPERTY'] as string[])}\n\t\t\t\tonSubmit={handleSubmit}\n\t\t\t\tonCancel={cancel}\n\t\t\t/>\n\t\t</>\n\t) : (\n\t\t<Spinner center />\n\t);\n}\n"],"names":["ButtonPicker","props","options","onChange","values","rest","toggleOption","option","v","jsx","FieldDecorator","Button","cx","TransByDescriptor","AllowedValues","getValues","errors","trigger","useFormContext","enabled","setEnabled","useState","allowedValues","allowedValuesInvalid","useController","remove","index","i","append","value","change","allowedValue","handleEnabledChange","jsxs","Fragment","Checkbox","Trans","e","Icon","typeOptions","pType","entityTargetOptions","createEmptyFormData","PropertyForm","editedProperty","isReadonly","onSubmit","onCancel","t","useTranslation","formContext","useForm","control","handleSubmit","watch","setError","isSubmitting","isDirty","submit","submitFunction","property","error","axios","fieldName","message","parseBackendError","messageBoxError","getUnknownBackendErrorMessage","type","isEditMode","isStringOrText","areAllowedValuesEnabled","FormProvider","Controller","field","TextInput","SelectInput","entityTargets","NumberInput","ButtonRow","Prompt","getContentHeaderTitle","createMode","messageSuccessSaveProperty","clearPropertyFields","regularExpression","maxLength","minLength","newProperty","PropertiesEditPage","pathname","useLocation","history","useHistory","propertyKey","useParams","setProperty","isLoading","setIsLoading","notFound","setNotFound","loadProperty","useCallback","getPropertyById","useEffect","goToParentPage","formData","updatePropertyApi","createPropertyApi","displaySuccessMessage","cancel","PageNotFound","contentHeaderTitle","Spinner","ContentHeader","hasAuthorities"],"mappings":"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"}

package/dist/{PropertiesList-59c05fe4.js → PropertiesList-DRYRjsEu.js}

@@ -1,14 +1,12 @@
-import { aY as c, ax as t, ag as a, bd as f, ah as y, dc as b, dg as m } from "./ContextBarContext-a6c59c97.js";
-import { useContext as T, useState as h, useEffect as P } from "react";
-import { deleteProperty as g } from "@deviceinsight/ng-ui-api-client";
-import { Bubble as x, Button as A, 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 { jsx as r, jsxs as f } from "react/jsx-runtime";
+import { useContext as c, useState as y, useCallback as b, useEffect as m } from "react";
+import { deleteProperty as T } from "@deviceinsight/ng-ui-api-client";
+import { Bubble as P, Button as h, Icon as A, withConfirm as I } from "@deviceinsight/ng-ui-basic-components";
+import { ContentHeader as g } from "@deviceinsight/ng-ui-components";
+import { r as O, a, G, u as v, bM as D, bN as E } from "./setTitle-Ck-71vC0.js";
+import { Link as C } from "react-router-dom";
 import "react-i18next";
-import "react-dom";
-import "i18next";
-import "ux4iot-react";
-const D = [
+const V = [
   "name",
   "urn",
   "parentId",
@@ -31,19 +29,19 @@ const D = [
   "displayName",
   "definitionId"
 ];
-function G(n, l) {
-  const o = c(["DELETE_PROPERTY"]);
+function S(p, o) {
+  const i = O(["DELETE_PROPERTY"]);
   return [
     {
       name: "propertyKey",
-      label: /* @__PURE__ */ t.jsx(a, { i18nKey: "properties.tableHeaders.key", children: "Property" }),
+      label: /* @__PURE__ */ r(a, { i18nKey: "properties.tableHeaders.key", children: "Property" }),
       sortable: !0,
       filterable: {
         filterType: "text",
-        filterFn: (e, r) => e.key.toLowerCase().indexOf(r.toLowerCase()) >= 0
+        filterFn: (e, t) => e.key.toLowerCase().indexOf(t.toLowerCase()) >= 0
       },
-      render: (e) => /* @__PURE__ */ t.jsx(
-        v,
+      render: (e) => /* @__PURE__ */ r(
+        C,
         {
           to: `properties/${e.key}`,
           state: e,
@@ -53,7 +51,7 @@ function G(n, l) {
     },
     {
       name: "propertyType",
-      label: /* @__PURE__ */ t.jsx(a, { i18nKey: "properties.tableHeaders.type", children: "Type" }),
+      label: /* @__PURE__ */ r(a, { i18nKey: "properties.tableHeaders.type", children: "Type" }),
       width: "10%",
       filterable: {
         filterType: "options",
@@ -115,13 +113,13 @@ function G(n, l) {
             }
           }
         ],
-        filterFn: (e, r) => e.type === r
+        filterFn: (e, t) => e.type === t
       },
       render: (e) => e.type
     },
     {
       name: "propertyEntityTargets",
-      label: /* @__PURE__ */ t.jsx(a, { i18nKey: "properties.tableHeaders.entityTargets", children: "Scope" }),
+      label: /* @__PURE__ */ r(a, { i18nKey: "properties.tableHeaders.entityTargets", children: "Scope" }),
       width: "30%",
       filterable: {
         filterType: "options",
@@ -162,7 +160,7 @@ function G(n, l) {
             }
           }
         ],
-        filterFn: (e, r) => e.entityTargets.includes(r)
+        filterFn: (e, t) => e.entityTargets.includes(t)
       },
       render: (e) => [...e.entityTargets].sort().join(", ")
     },
@@ -172,55 +170,54 @@ function G(n, l) {
       width: "10%",
       align: "right",
       render: (e) => {
-        const r = D.includes(e.key);
-        if (o) {
-          const i = /* @__PURE__ */ t.jsx(
-            A,
+        const t = V.includes(e.key);
+        if (i) {
+          const l = /* @__PURE__ */ r(
+            h,
             {
               naked: !0,
               title: {
                 id: "properties.tableHeaders.deleteProperty",
                 defaultValue: "Delete this Property"
               },
-              onClick: () => l(e),
-              disabled: r,
-              children: /* @__PURE__ */ t.jsx(I, { del: !0 })
+              onClick: () => o(e),
+              disabled: t,
+              children: /* @__PURE__ */ r(A, { del: !0 })
             }
           );
-          return r ? /* @__PURE__ */ t.jsx(
-            x,
+          return t ? /* @__PURE__ */ r(
+            P,
             {
-              content: /* @__PURE__ */ t.jsx(a, { i18nKey: "properties.tableHeaders.reserved", children: "This property is reserved and can't be deleted" }),
-              children: i
+              content: /* @__PURE__ */ r(a, { i18nKey: "properties.tableHeaders.reserved", children: "This property is reserved and can't be deleted" }),
+              children: l
             }
-          ) : i;
+          ) : l;
         } else
           return null;
       }
     }
   ];
 }
-const C = {
+const w = {
   page: 0,
   size: 15,
   sort: {
     property: "key",
     direction: "ASC"
   }
-}, V = ({ confirm: n }) => {
-  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() {
+}, N = ({ confirm: p }) => {
+  const { properties: o, reloadProperties: i } = c(G), [e, t] = y(!1), { t: l } = v(), d = /* @__PURE__ */ r(a, { i18nKey: "portalAdmin.sidebarElements.properties.create", children: "Create new property" }), s = b(async () => {
     try {
-      r(!0), await o();
+      t(!0), await i();
     } finally {
-      r(!1);
+      t(!1);
     }
-  }
-  P(() => {
-    p();
-  }, []);
-  async function u(s) {
-    await n(
+  }, [i]);
+  m(() => {
+    s();
+  }, [s]);
+  async function u(n) {
+    await p(
       {
         id: "properties.confirmDeletePropertyTitle",
         defaultValue: "Delete Property"
@@ -229,11 +226,11 @@ const C = {
         id: "properties.confirmDeletePropertyMessage",
         defaultValue: "Do you really want to delete this Property?"
       }
-    ), r(!0), await g(s), await p();
+    ), t(!0), await T(n), await s();
   }
-  return /* @__PURE__ */ t.jsxs("div", { "data-testid": "properties-list", children: [
-    /* @__PURE__ */ t.jsx(
-      E,
+  return /* @__PURE__ */ f("div", { "data-testid": "properties-list", children: [
+    /* @__PURE__ */ r(
+      g,
       {
         title: {
           id: "route.label.properties.name",
@@ -241,8 +238,8 @@ const C = {
         }
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      b,
+    /* @__PURE__ */ r(
+      D,
       {
         tooltip: d,
         authorities: "CREATE_PROPERTY",
@@ -250,20 +247,21 @@ const C = {
         dataTestId: "create-property-button"
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      m,
+    /* @__PURE__ */ r(
+      E,
       {
-        columnDefs: G(i, u),
-        items: l,
+        columnDefs: S(l, u),
+        items: o,
         isLoading: e,
-        uniqueItemKey: (s) => s.key,
-        paginationSettings: C,
+        uniqueItemKey: (n) => n.key,
+        paginationSettings: w,
         "data-testid": "properties-table",
         tableName: "properties"
       }
     )
   ] });
-}, _ = O(V);
+}, U = I(N);
 export {
-  _ as default
+  U as default
 };
+//# sourceMappingURL=PropertiesList-DRYRjsEu.js.map