npm - @deviceinsight/ng-ui-scale-lib - Versions diffs - 10.2.0 → 10.3.0 - Mend

@deviceinsight/ng-ui-scale-lib 10.2.0 → 10.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

package/dist/{PropertiesEditPage--t5jnFmT.js → PropertiesEditPage-BOlFs_u9.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 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 { getPropertyById as H, updateProperty as X, createProperty as Y } from "@deviceinsight/ng-ui-api-client";
+import { Button as w, Checkbox as A, Icon as O, ButtonRow as _, Spinner as j } from "@deviceinsight/ng-ui-basic-components";
+import { messageBoxError as K, ContentHeader as Q } 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-OKcazNTt.js";
+import { Y as N, bT as W, a as d, u as Z, Q as I, bU as $, bV as C, bW as q, bX as z, bY as J, b9 as ee, t as re, bZ as le } from "./setTitle-Cyf8DxtL.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";
@@ -22,7 +22,7 @@ function de(r) {
         active: i.includes(l.value)
       }),
       disabled: r.disabled,
-      children: /* @__PURE__ */ e($, { translationDescriptor: l.label })
+      children: /* @__PURE__ */ e(W, { translationDescriptor: l.label })
     },
     String(l.value)
   )) }) });
@@ -44,13 +44,13 @@ function ue() {
   function v(n) {
     l(c?.filter((p, m) => m !== n));
   }
-  function S(n) {
+  function T(n) {
     l(c ? [...c, n] : [n]);
   }
   function g(n, p) {
     l(c?.map((m, b) => p === b ? n : m));
   }
-  async function T(n) {
+  async function S(n) {
     l(n ? [] : null), s(n), !n && y && await u();
   }
   return /* @__PURE__ */ h(V, { children: [
@@ -58,14 +58,14 @@ function ue() {
       N,
       {
         label: /* @__PURE__ */ h("div", { className: "di allowed-values-header", children: [
-          /* @__PURE__ */ e(A, { type: "toggle", value: i, toggleSmall: !0, onChange: T }),
+          /* @__PURE__ */ e(A, { type: "toggle", value: i, toggleSmall: !0, onChange: S }),
           " ",
           /* @__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 }),
+          /* @__PURE__ */ e(A, { value: i, onChange: S }),
           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",
@@ -80,7 +80,7 @@ function ue() {
         ]
       }
     ),
-    i && /* @__PURE__ */ h(w, { onClick: () => S(""), children: [
+    i && /* @__PURE__ */ h(w, { onClick: () => T(""), children: [
       /* @__PURE__ */ e(O, { add: !0 }),
       /* @__PURE__ */ e(d, { i18nKey: "properties.labels.allowedValuesAdd", children: "Add" })
     ] })
@@ -105,14 +105,14 @@ function me() {
   };
 }
 function he({ editedProperty: r, isReadonly: a, onSubmit: u, onCancel: i }) {
-  const { t: s } = z(), c = ie({
+  const { t: s } = Z(), c = ie({
     defaultValues: r || me()
   }), {
     control: l,
     handleSubmit: y,
     watch: v,
-    setError: S,
-    formState: { isSubmitting: g, isDirty: T }
+    setError: T,
+    formState: { isSubmitting: g, isDirty: S }
   } = c;
   function n() {
     async function t(o) {
@@ -120,10 +120,10 @@ function he({ editedProperty: r, isReadonly: a, onSubmit: u, onCancel: i }) {
         await u(o);
       } catch (P) {
         if (te.isAxiosError(P)) {
-          const { fieldName: x, message: k } = Q(P, s);
-          x ? S(x, { message: k }) : K(k);
+          const { fieldName: x, message: k } = z(P, s);
+          x ? T(x, { message: k }) : K(k);
         } else
-          K(Z(s));
+          K(J(s));
       }
     }
     return y(t, (o) => {
@@ -160,7 +160,7 @@ function he({ editedProperty: r, isReadonly: a, onSubmit: u, onCancel: i }) {
         name: "type",
         control: l,
         render: ({ field: t }) => /* @__PURE__ */ e(
-          J,
+          $,
           {
             label: /* @__PURE__ */ e(d, { i18nKey: "properties.labels.type", children: "Type" }),
             options: ce,
@@ -299,11 +299,11 @@ function he({ editedProperty: r, isReadonly: a, onSubmit: u, onCancel: i }) {
       "* ",
       /* @__PURE__ */ e(d, { i18nKey: "form.field.required", children: "required" })
     ] }),
-    /* @__PURE__ */ h(j, { dividing: !0, children: [
+    /* @__PURE__ */ h(_, { 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 })
+    /* @__PURE__ */ e(U, { message: "", when: S && !g })
   ] }) });
 }
 const fe = (r) => r ? {
@@ -329,9 +329,9 @@ function L(r) {
   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) => {
+  const { pathname: r } = D(), a = M(), { propertyKey: u } = R(), [i, s] = E(void 0), [c, l] = E(!0), [y, v] = E(!1), T = B(async (m) => {
     try {
-      const b = await X(m);
+      const b = await H(m);
       s(b);
     } catch (b) {
       console.error(b), v(!0);
@@ -340,13 +340,13 @@ function xe() {
     }
   }, []);
   G(() => {
-    u && u !== "create" ? S(u) : l(!1);
-  }, [u, S]);
+    u && u !== "create" ? T(u) : l(!1);
+  }, [u, T]);
   function g() {
     a.push(r.substring(0, r.lastIndexOf("/")));
   }
-  async function T(m) {
-    i ? await H(L(m)) : await _(L(m)), le(ge), g();
+  async function S(m) {
+    i ? await X(L(m)) : await Y(L(m)), le(ge), g();
   }
   function n() {
     g();
@@ -354,14 +354,14 @@ function xe() {
   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 }),
+  return c ? /* @__PURE__ */ e(j, { center: !0 }) : /* @__PURE__ */ h(V, { children: [
+    /* @__PURE__ */ e(Q, { title: p, parentPageLink: !0 }),
     /* @__PURE__ */ e(
       he,
       {
         editedProperty: i,
         isReadonly: !!i && !re(["UPDATE_PROPERTY"]),
-        onSubmit: T,
+        onSubmit: S,
         onCancel: n
       }
     )
@@ -370,4 +370,4 @@ function xe() {
 export {
   xe as default
 };
-//# sourceMappingURL=PropertiesEditPage--t5jnFmT.js.map
+//# sourceMappingURL=PropertiesEditPage-BOlFs_u9.js.map

package/dist/{PropertiesEditPage--t5jnFmT.js.map → PropertiesEditPage-BOlFs_u9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PropertiesEditPage--t5jnFmT.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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"}
1	+ {"version":3,"file":"PropertiesEditPage-BOlFs_u9.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-BwbcDHUj.js → PropertiesList-DCPkWqaf.js} RENAMED Viewed

@@ -2,8 +2,8 @@ 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-OKcazNTt.js";
+import { ContentHeader as O } from "@deviceinsight/ng-ui-components";
+import { t as g, a, G, u as v, bN as D, bO as E } from "./setTitle-Cyf8DxtL.js";
 import { Link as C } from "react-router-dom";
 import "react-i18next";
 const V = [
@@ -30,7 +30,7 @@ const V = [
   "definitionId"
 ];
 function S(p, o) {
-  const i = O(["DELETE_PROPERTY"]);
+  const i = g(["DELETE_PROPERTY"]);
   return [
     {
       name: "propertyKey",
@@ -230,7 +230,7 @@ const w = {
   }
   return /* @__PURE__ */ f("div", { "data-testid": "properties-list", children: [
     /* @__PURE__ */ r(
-      g,
+      O,
       {
         title: {
           id: "route.label.properties.name",
@@ -264,4 +264,4 @@ const w = {
 export {
   U as default
 };
-//# sourceMappingURL=PropertiesList-BwbcDHUj.js.map
+//# sourceMappingURL=PropertiesList-DCPkWqaf.js.map

package/dist/{PropertiesList-BwbcDHUj.js.map → PropertiesList-DCPkWqaf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PropertiesList-BwbcDHUj.js","sources":["../ng-ui-scale/src/modules/properties/columnDefs/properties.tsx","../ng-ui-scale/src/modules/properties/PropertiesList.tsx"],"sourcesContent":["import {Link} from 'react-router-dom';\n\nimport type {EntityTarget, Property} from '@deviceinsight/ng-ui-api-client';\nimport {Bubble, Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport type {ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {type TFunction, Trans} from 'i18n';\nimport {hasAuthorities} from 'utils/hasAuthorities';\n\nconst nonDeletableProperties = [\n\t'name',\n\t'urn',\n\t'parentId',\n\t'createdAt',\n\t'assetGroupId',\n\t'accountNumber',\n\t'username',\n\t'emailAddress',\n\t'accountGroupId',\n\t'assetGroupDefinitionId',\n\t'description',\n\t'locale',\n\t'timezone',\n\t'state',\n\t'transitiveAssetGroupId',\n\t'transitiveAssetGroupDefinitionId',\n\t'isGateway',\n\t'gatewayId',\n\t'roleId',\n\t'displayName',\n\t'definitionId',\n];\n\nexport function getColumnDefs(\n\tt: TFunction,\n\tonDeleteProperty: (arg0: Property) => any,\n): Array<ReactableColumnDef<Property>> {\n\tconst hasDeleteProperty = hasAuthorities(['DELETE_PROPERTY'] as string[]);\n\treturn [\n\t\t{\n\t\t\tname: 'propertyKey',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.key\">Property</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: Property, value: string) => item.key.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => (\n\t\t\t\t<Link\n\t\t\t\t\tto={`properties/${item.key}`}\n\t\t\t\t\t// @ts-expect-error state does not exists in the Link definition\n\t\t\t\t\tstate={item}\n\t\t\t\t>\n\t\t\t\t\t{item.key}\n\t\t\t\t</Link>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'propertyType',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.type\">Type</Trans>,\n\t\t\twidth: '10%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'STRING',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'string',\n\t\t\t\t\t\t\tdefaultValue: 'String',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'TEXT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'text',\n\t\t\t\t\t\t\tdefaultValue: 'Text',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'date',\n\t\t\t\t\t\t\tdefaultValue: 'Date',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'LONG',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'long',\n\t\t\t\t\t\t\tdefaultValue: 'Long',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DOUBLE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'double',\n\t\t\t\t\t\t\tdefaultValue: 'Double',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'BOOLEAN',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'boolean',\n\t\t\t\t\t\t\tdefaultValue: 'Boolean',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'IP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'ip',\n\t\t\t\t\t\t\tdefaultValue: 'Ip',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'GEO',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'geo',\n\t\t\t\t\t\t\tdefaultValue: 'Geo',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.type === value,\n\t\t\t},\n\t\t\trender: item => item.type,\n\t\t},\n\t\t{\n\t\t\tname: 'propertyEntityTargets',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.entityTargets\">Scope</Trans>,\n\t\t\twidth: '30%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATAPOINT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.datapoint',\n\t\t\t\t\t\t\tdefaultValue: 'Datapoint',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.asset',\n\t\t\t\t\t\t\tdefaultValue: 'Asset',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.assetGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Asset Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.account',\n\t\t\t\t\t\t\tdefaultValue: 'Account',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.accountGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Account Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.entityTargets.includes(value as EntityTarget),\n\t\t\t},\n\t\t\trender: item => [...item.entityTargets].sort().join(', '),\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => {\n\t\t\t\tconst disabled = nonDeletableProperties.includes(item.key);\n\t\t\t\tif (hasDeleteProperty) {\n\t\t\t\t\tconst button = (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\t\tid: 'properties.tableHeaders.deleteProperty',\n\t\t\t\t\t\t\t\tdefaultValue: 'Delete this Property',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => onDeleteProperty(item)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t\tif (disabled) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"properties.tableHeaders.reserved\">{`This property is reserved and can't be deleted`}</Trans>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{button}\n\t\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn button;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t];\n}\n","import {type ComponentType, useCallback, useContext, useEffect, useState} from 'react';\n\nimport {deleteProperty, type PaginationSettings, type Property} from '@deviceinsight/ng-ui-api-client';\nimport {type ConfirmProps, withConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {GlobalResourcesContext} from 'contexts/globalResources/GlobalResourcesContext';\nimport {Trans, useTranslation} from 'i18n';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport {getColumnDefs} from './columnDefs/properties';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'key',\n\t\tdirection: 'ASC',\n\t},\n};\n\nconst PropertiesList = ({confirm}: ConfirmProps) => {\n\tconst {properties, reloadProperties} = useContext(GlobalResourcesContext);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.properties.create\">Create new property</Trans>;\n\n\tconst fetchProperties = useCallback(async () => {\n\t\ttry {\n\t\t\tsetLoading(true);\n\t\t\tawait reloadProperties();\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [reloadProperties]);\n\n\tuseEffect(() => {\n\t\tfetchProperties();\n\t}, [fetchProperties]);\n\n\tasync function handleDeleteProperty(property: Property) {\n\t\tawait confirm(\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyTitle',\n\t\t\t\tdefaultValue: 'Delete Property',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyMessage',\n\t\t\t\tdefaultValue: 'Do you really want to delete this Property?',\n\t\t\t},\n\t\t);\n\t\tsetLoading(true);\n\t\tawait deleteProperty(property);\n\t\tawait fetchProperties();\n\t}\n\n\treturn (\n\t\t<div data-testid=\"properties-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.properties.name',\n\t\t\t\t\tdefaultValue: 'Properties',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"CREATE_PROPERTY\"\n\t\t\t\tpath=\"properties/create\"\n\t\t\t\tdataTestId=\"create-property-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(t, handleDeleteProperty)}\n\t\t\t\titems={properties}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.key}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"properties-table\"\n\t\t\t\ttableName={'properties'}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default withConfirm(PropertiesList) as ComponentType;\n"],"names":["nonDeletableProperties","getColumnDefs","t","onDeleteProperty","hasDeleteProperty","hasAuthorities","jsx","Trans","item","value","Link","disabled","button","Button","Icon","Bubble","INITIAL_PAGINATION_SETTINGS","PropertiesList","confirm","properties","reloadProperties","useContext","GlobalResourcesContext","loading","setLoading","useState","useTranslation","tooltip","fetchProperties","useCallback","useEffect","handleDeleteProperty","property","deleteProperty","jsxs","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave","PropertiesList_default","withConfirm"],"mappings":"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"}
1	+ {"version":3,"file":"PropertiesList-DCPkWqaf.js","sources":["../ng-ui-scale/src/modules/properties/columnDefs/properties.tsx","../ng-ui-scale/src/modules/properties/PropertiesList.tsx"],"sourcesContent":["import {Link} from 'react-router-dom';\n\nimport type {EntityTarget, Property} from '@deviceinsight/ng-ui-api-client';\nimport {Bubble, Button, Icon} from '@deviceinsight/ng-ui-basic-components';\nimport type {ReactableColumnDef} from '@deviceinsight/ng-ui-components';\n\nimport {type TFunction, Trans} from 'i18n';\nimport {hasAuthorities} from 'utils/hasAuthorities';\n\nconst nonDeletableProperties = [\n\t'name',\n\t'urn',\n\t'parentId',\n\t'createdAt',\n\t'assetGroupId',\n\t'accountNumber',\n\t'username',\n\t'emailAddress',\n\t'accountGroupId',\n\t'assetGroupDefinitionId',\n\t'description',\n\t'locale',\n\t'timezone',\n\t'state',\n\t'transitiveAssetGroupId',\n\t'transitiveAssetGroupDefinitionId',\n\t'isGateway',\n\t'gatewayId',\n\t'roleId',\n\t'displayName',\n\t'definitionId',\n];\n\nexport function getColumnDefs(\n\tt: TFunction,\n\tonDeleteProperty: (arg0: Property) => any,\n): Array<ReactableColumnDef<Property>> {\n\tconst hasDeleteProperty = hasAuthorities(['DELETE_PROPERTY'] as string[]);\n\treturn [\n\t\t{\n\t\t\tname: 'propertyKey',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.key\">Property</Trans>,\n\t\t\tsortable: true,\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'text',\n\t\t\t\tfilterFn: (item: Property, value: string) => item.key.toLowerCase().indexOf(value.toLowerCase()) >= 0,\n\t\t\t},\n\t\t\trender: item => (\n\t\t\t\t<Link\n\t\t\t\t\tto={`properties/${item.key}`}\n\t\t\t\t\t// @ts-expect-error state does not exists in the Link definition\n\t\t\t\t\tstate={item}\n\t\t\t\t>\n\t\t\t\t\t{item.key}\n\t\t\t\t</Link>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'propertyType',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.type\">Type</Trans>,\n\t\t\twidth: '10%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'STRING',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'string',\n\t\t\t\t\t\t\tdefaultValue: 'String',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'TEXT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'text',\n\t\t\t\t\t\t\tdefaultValue: 'Text',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'date',\n\t\t\t\t\t\t\tdefaultValue: 'Date',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'LONG',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'long',\n\t\t\t\t\t\t\tdefaultValue: 'Long',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DOUBLE',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'double',\n\t\t\t\t\t\t\tdefaultValue: 'Double',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'BOOLEAN',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'boolean',\n\t\t\t\t\t\t\tdefaultValue: 'Boolean',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'IP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'ip',\n\t\t\t\t\t\t\tdefaultValue: 'Ip',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'GEO',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'geo',\n\t\t\t\t\t\t\tdefaultValue: 'Geo',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.type === value,\n\t\t\t},\n\t\t\trender: item => item.type,\n\t\t},\n\t\t{\n\t\t\tname: 'propertyEntityTargets',\n\t\t\tlabel: <Trans i18nKey=\"properties.tableHeaders.entityTargets\">Scope</Trans>,\n\t\t\twidth: '30%',\n\t\t\tfilterable: {\n\t\t\t\tfilterType: 'options',\n\t\t\t\tfilterOptions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'DATAPOINT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.datapoint',\n\t\t\t\t\t\t\tdefaultValue: 'Datapoint',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.asset',\n\t\t\t\t\t\t\tdefaultValue: 'Asset',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ASSET_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.assetGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Asset Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.account',\n\t\t\t\t\t\t\tdefaultValue: 'Account',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: 'ACCOUNT_GROUP',\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tid: 'properties.filterOptions.accountGroup',\n\t\t\t\t\t\t\tdefaultValue: 'Account Group',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\tfilterFn: (item: Property, value: string) => item.entityTargets.includes(value as EntityTarget),\n\t\t\t},\n\t\t\trender: item => [...item.entityTargets].sort().join(', '),\n\t\t},\n\t\t{\n\t\t\tname: 'actions',\n\t\t\tlabel: '',\n\t\t\twidth: '10%',\n\t\t\talign: 'right',\n\t\t\trender: item => {\n\t\t\t\tconst disabled = nonDeletableProperties.includes(item.key);\n\t\t\t\tif (hasDeleteProperty) {\n\t\t\t\t\tconst button = (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tnaked\n\t\t\t\t\t\t\ttitle={{\n\t\t\t\t\t\t\t\tid: 'properties.tableHeaders.deleteProperty',\n\t\t\t\t\t\t\t\tdefaultValue: 'Delete this Property',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={() => onDeleteProperty(item)}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon del />\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t);\n\t\t\t\t\tif (disabled) {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Bubble\n\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t<Trans i18nKey=\"properties.tableHeaders.reserved\">{`This property is reserved and can't be deleted`}</Trans>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{button}\n\t\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn button;\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t];\n}\n","import {type ComponentType, useCallback, useContext, useEffect, useState} from 'react';\n\nimport {deleteProperty, type PaginationSettings, type Property} from '@deviceinsight/ng-ui-api-client';\nimport {type ConfirmProps, withConfirm} from '@deviceinsight/ng-ui-basic-components';\nimport {ContentHeader} from '@deviceinsight/ng-ui-components';\n\nimport {ReactableClientSidePaginationWithSizeSave} from 'components/reactable/ReactableClientSidePaginationWithSizeSave';\nimport {GlobalResourcesContext} from 'contexts/globalResources/GlobalResourcesContext';\nimport {Trans, useTranslation} from 'i18n';\nimport {SidebarElementsCreateButton} from '../../utils/portalAdminUtils';\nimport {getColumnDefs} from './columnDefs/properties';\n\nconst INITIAL_PAGINATION_SETTINGS: PaginationSettings = {\n\tpage: 0,\n\tsize: 15,\n\tsort: {\n\t\tproperty: 'key',\n\t\tdirection: 'ASC',\n\t},\n};\n\nconst PropertiesList = ({confirm}: ConfirmProps) => {\n\tconst {properties, reloadProperties} = useContext(GlobalResourcesContext);\n\tconst [loading, setLoading] = useState<boolean>(false);\n\tconst {t} = useTranslation();\n\tconst tooltip = <Trans i18nKey=\"portalAdmin.sidebarElements.properties.create\">Create new property</Trans>;\n\n\tconst fetchProperties = useCallback(async () => {\n\t\ttry {\n\t\t\tsetLoading(true);\n\t\t\tawait reloadProperties();\n\t\t} finally {\n\t\t\tsetLoading(false);\n\t\t}\n\t}, [reloadProperties]);\n\n\tuseEffect(() => {\n\t\tfetchProperties();\n\t}, [fetchProperties]);\n\n\tasync function handleDeleteProperty(property: Property) {\n\t\tawait confirm(\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyTitle',\n\t\t\t\tdefaultValue: 'Delete Property',\n\t\t\t},\n\t\t\t{\n\t\t\t\tid: 'properties.confirmDeletePropertyMessage',\n\t\t\t\tdefaultValue: 'Do you really want to delete this Property?',\n\t\t\t},\n\t\t);\n\t\tsetLoading(true);\n\t\tawait deleteProperty(property);\n\t\tawait fetchProperties();\n\t}\n\n\treturn (\n\t\t<div data-testid=\"properties-list\">\n\t\t\t<ContentHeader\n\t\t\t\ttitle={{\n\t\t\t\t\tid: 'route.label.properties.name',\n\t\t\t\t\tdefaultValue: 'Properties',\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<SidebarElementsCreateButton\n\t\t\t\ttooltip={tooltip}\n\t\t\t\tauthorities=\"CREATE_PROPERTY\"\n\t\t\t\tpath=\"properties/create\"\n\t\t\t\tdataTestId=\"create-property-button\"\n\t\t\t/>\n\t\t\t<ReactableClientSidePaginationWithSizeSave\n\t\t\t\tcolumnDefs={getColumnDefs(t, handleDeleteProperty)}\n\t\t\t\titems={properties}\n\t\t\t\tisLoading={loading}\n\t\t\t\tuniqueItemKey={item => item.key}\n\t\t\t\tpaginationSettings={INITIAL_PAGINATION_SETTINGS}\n\t\t\t\tdata-testid=\"properties-table\"\n\t\t\t\ttableName={'properties'}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\nexport default withConfirm(PropertiesList) as ComponentType;\n"],"names":["nonDeletableProperties","getColumnDefs","t","onDeleteProperty","hasDeleteProperty","hasAuthorities","jsx","Trans","item","value","Link","disabled","button","Button","Icon","Bubble","INITIAL_PAGINATION_SETTINGS","PropertiesList","confirm","properties","reloadProperties","useContext","GlobalResourcesContext","loading","setLoading","useState","useTranslation","tooltip","fetchProperties","useCallback","useEffect","handleDeleteProperty","property","deleteProperty","jsxs","ContentHeader","SidebarElementsCreateButton","ReactableClientSidePaginationWithSizeSave","PropertiesList_default","withConfirm"],"mappings":"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"}

package/dist/{TemplateEditPage-IqiYJ6eB.js → TemplateEditPage-BeV5ZSVV.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as v } from "react/jsx-runtime";
 import { useState as w, useRef as R, lazy as B, useContext as $, useEffect as V } from "react";
 import { Prompt as M, useParams as U, useHistory as z, useLocation as H } from "react-router-dom";
-import { fetchEmailTemplateById as Z, fetchEmailTemplates as J, createEmailTemplate as Q, updateEmailTemplate as X, deleteEmailTemplate as Y } from "@deviceinsight/ng-ui-api-client";
-import { Modal as O, Button as x, ButtonRow as ee, useConfirm as te, Accordion as ae, AccordionItem as ne, Icon as D, SpinnerContainer as ie } from "@deviceinsight/ng-ui-basic-components";
-import { ReactableWithClientSidePagination as W, nanoid10 as oe, messageBoxError as K, ContentHeader as le } from "@deviceinsight/ng-ui-components";
-import { a as s, bZ as N, aN as re, u as j, b_ as se, b$ as ce, P as q, G as de, aC as me, b8 as ue, U as fe } from "./setTitle-OKcazNTt.js";
+import { fetchEmailTemplateById as Q, fetchEmailTemplates as J, createEmailTemplate as X, updateEmailTemplate as Y, deleteEmailTemplate as Z } from "@deviceinsight/ng-ui-api-client";
+import { Modal as O, Button as x, ButtonRow as ee, useConfirm as te, Accordion as ae, AccordionItem as ne, Icon as K, SpinnerContainer as ie } from "@deviceinsight/ng-ui-basic-components";
+import { ReactableWithClientSidePagination as W, nanoid10 as oe, messageBoxError as E, ContentHeader as le } from "@deviceinsight/ng-ui-components";
+import { a as s, b_ as N, aO as re, u as j, b$ as se, c0 as ce, Q as q, G as de, aD as me, b9 as ue, U as fe } from "./setTitle-Cyf8DxtL.js";
 import { useFormContext as _, Controller as F, useForm as pe, FormProvider as he } from "react-hook-form";
 import "react-i18next";
-import { A as be } from "./AccessEditModal-Rn7DKmYR.js";
+import { A as be } from "./AccessEditModal-EVgqtRQn.js";
 const Te = (t) => [
   {
     name: "locale",
@@ -103,7 +103,7 @@ const Pe = (t, a) => [
       width: 600
     }
   );
-}, G = B(() => import("./TemplateTextInput-bjR36XPj.js")), Ne = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
+}, G = B(() => import("./TemplateTextInput-EDyDopjf.js")), Ne = (t, a) => t.locale === "default" ? -1 : a.locale === "default" ? 1 : t.locale.localeCompare(a.locale);
 function we() {
   const t = te(), [a, n] = w(!1), [c, o] = w("message"), {
     watch: u,
@@ -158,7 +158,7 @@ function we() {
                 disabled: m === "default",
                 onClick: () => r(m),
                 "data-testid": "delete-locale-button",
-                children: /* @__PURE__ */ e(D, { del: !0, large: !0 })
+                children: /* @__PURE__ */ e(K, { del: !0, large: !0 })
               }
             )
           ],
@@ -183,7 +183,7 @@ function we() {
                       }) : void 0,
                       label: /* @__PURE__ */ e(s, { i18nKey: "notificationTemplate.form.subject", children: "Subject" }),
                       required: !0,
-                      refField: (E) => k.current = E
+                      refField: (D) => k.current = D
                     }
                   )
                 }
@@ -212,7 +212,7 @@ function we() {
                             defaultValue: "Please input message"
                           }) : void 0,
                           label: P,
-                          refField: (E) => d.current = E,
+                          refField: (D) => d.current = D,
                           renderAs: "textarea",
                           required: !0
                         }
@@ -223,7 +223,7 @@ function we() {
               )
             ] }),
             /* @__PURE__ */ e("div", { className: "notification-content-variables-wrapper", children: /* @__PURE__ */ v(x, { naked: !0, onClick: g, "data-testid": "add-button", children: [
-              /* @__PURE__ */ e(D, { add: !0 }),
+              /* @__PURE__ */ e(K, { add: !0 }),
               /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(s, { i18nKey: "notificationTemplate.form.addVariables", children: "Add variables..." }) })
             ] }) })
           ] })
@@ -323,7 +323,7 @@ function Ve({ onCancel: t, onSubmit: a, editedTemplateData: n }) {
         disabled: !P().length,
         naked: !0,
         children: [
-          /* @__PURE__ */ e(D, { add: !0 }),
+          /* @__PURE__ */ e(K, { add: !0 }),
           /* @__PURE__ */ e("span", { children: /* @__PURE__ */ e(s, { i18nKey: "notificationTemplate.form.addLocale", children: "Add locale..." }) })
         ]
       }
@@ -364,7 +364,7 @@ function Fe() {
     }
     (async () => {
       try {
-        const f = await Z(parseInt(t)), k = (await J({
+        const f = await Q(parseInt(t)), k = (await J({
           name: f.name,
           page: 0,
           size: 2e3
@@ -393,14 +393,14 @@ function Fe() {
   };
 }
 function Le(t) {
-  return t.map((a) => Q(a));
-}
-function Ie(t) {
   return t.map((a) => X(a));
 }
-function Ee(t) {
+function Ie(t) {
   return t.map((a) => Y(a));
 }
+function De(t) {
+  return t.map((a) => Z(a));
+}
 function A(t, a) {
   const { name: n, displayName: c, accountGroupsWithAccess: o } = a, u = a.locales.find((y) => y.locale === t);
   if (!u)
@@ -417,17 +417,17 @@ function A(t, a) {
     scope: "CONDITION_MONITORING"
   };
 }
-function Ke(t, a, n) {
+function Ee(t, a, n) {
   return {
     id: t,
     ...A(a, n)
   };
 }
-const De = (t, a) => t.subject !== a.subject || t.text !== a.text;
+const Ke = (t, a) => t.subject !== a.subject || t.text !== a.text;
 function Me() {
   const { t } = j(), { setContextInfo: a } = $(me), n = z(), { pathname: c } = H(), { initialFormData: o, error: u, loading: h } = Fe();
   async function f(l, r, g) {
-    const T = Le(l), b = Ie(r), m = Ee(g);
+    const T = Le(l), b = Ie(r), m = De(g);
     await Promise.all([...T, ...b, ...m]);
   }
   function y(l) {
@@ -447,13 +447,13 @@ function Me() {
       const p = T.find(
         (S) => S.locale === i.locale
       );
-      return p && De(p, i);
+      return p && Ke(p, i);
     }) : r.filter(
       (i) => T.some((p) => p.locale === i.locale)
     );
     return f(
       m.map(({ locale: i }) => A(i, l)),
-      P.map(({ locale: i, id: p }) => Ke(p, i, l)),
+      P.map(({ locale: i, id: p }) => Ee(p, i, l)),
       b.map(({ id: i }) => i)
     );
   }
@@ -461,9 +461,9 @@ function Me() {
     try {
       o ? await C(l) : await y(l), d();
     } catch (r) {
-      console.error("An error occured while trying to submit the template(s): ", r), r.response && r.response.status === 400 ? K(
+      console.error("An error occured while trying to submit the template(s): ", r), r.response && r.response.status === 400 ? E(
         /* @__PURE__ */ e(s, { i18nKey: "notificationTemplates.form.nameOccupied", children: "Template with this name already exists" })
-      ) : K(/* @__PURE__ */ e(s, { i18nKey: "notificationTemplates.form.unknownError", children: "Unknown error occured" }));
+      ) : E(/* @__PURE__ */ e(s, { i18nKey: "notificationTemplates.form.unknownError", children: "Unknown error occured" }));
     }
   }
   function d() {
@@ -476,7 +476,7 @@ function Me() {
       pathname: c
     });
   }, [o, c, a]), V(() => () => a(), [a]), V(() => {
-    u && (console.error(u), K(
+    u && (console.error(u), E(
       /* @__PURE__ */ e(s, { i18nKey: "notificationTemplates.form.fetchFailed", children: "An error occurred while trying to fetch the template(s)" })
     ));
   }, [u]), u ? /* @__PURE__ */ e(ue, {}) : /* @__PURE__ */ v(ie, { show: h, children: [
@@ -505,4 +505,4 @@ function Me() {
 export {
   Me as default
 };
-//# sourceMappingURL=TemplateEditPage-IqiYJ6eB.js.map
+//# sourceMappingURL=TemplateEditPage-BeV5ZSVV.js.map