Save duplicate attribute keys as array (#3055)

src/components/key-value-form/key-value-convert.test.ts

@@ -66,4 +66,17 @@ describe("Tests the convert functions for attribute input", () => {
       { key: "", value: "" },
     ]);
   });
+
+  it("convert duplicates into array values", () => {
+    const given = [
+      { key: "theKey", value: "one" },
+      { key: "theKey", value: "two" },
+    ];
+
+    //when
+    const result = keyValueToArray(given);
+
+    //then
+    expect(result).toEqual({ theKey: ["one", "two"] });
+  });
 });

src/components/key-value-form/key-value-convert.ts

@@ -1,20 +1,24 @@
 export type KeyValueType = { key: string; value: string };
 
-export const keyValueToArray = (
+export function keyValueToArray(attributeArray: KeyValueType[] = []) {
-  attributeArray: KeyValueType[] = []
+  const validAttributes = attributeArray.filter(({ key }) => key !== "");
-): Record<string, string[]> =>
+  const result: Record<string, string[]> = {};
-  Object.fromEntries(
-    attributeArray
-      .filter(({ key }) => key !== "")
-      .map(({ key, value }) => [key, [value]])
-  );
 
-export const arrayToKeyValue = (
+  for (const { key, value } of validAttributes) {
-  attributes: Record<string, string[]> = {}
+    if (key in result) {
-): KeyValueType[] => {
+      result[key].push(value);
+    } else {
+      result[key] = [value];
+    }
+  }
+
+  return result;
+}
+
+export function arrayToKeyValue(attributes: Record<string, string[]> = {}) {
   const result = Object.entries(attributes).flatMap(([key, value]) =>
     value.map<KeyValueType>((value) => ({ key, value }))
   );
 
   return result.concat({ key: "", value: "" });
-};
+}