From 1a071426c515a7681fabf7e7331d6bc14f0586b3 Mon Sep 17 00:00:00 2001
From: Sean Wilson <sean.c.wilson@vanderbilt.edu>
Date: Tue, 30 Jan 2024 16:06:23 -0600
Subject: [PATCH 1/3] export `getSingleSchemaType` function from `Control`
 component

---
 src/lib/Control.svelte | 30 ++++++++++++++++++------------
 1 file changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/lib/Control.svelte b/src/lib/Control.svelte
index 37b6487..f880cb6 100644
--- a/src/lib/Control.svelte
+++ b/src/lib/Control.svelte
@@ -1,3 +1,20 @@
+<script context="module" lang="ts">
+  function useConst(schema: JSONSchema7 | undefined) {
+    return (schema != null) && !isBoolean(schema) && ("const" in schema);
+  }
+
+  function useAnyOf(schema: JSONSchema7 | undefined) {
+    return (schema?.anyOf != null) && (schema?.properties == null);
+  }
+
+  export function getSingleSchemaType(schema: JSONSchema7 | undefined) {
+    const type = useConst(schema) ? "const"
+      : useAnyOf(schema) ? "anyOf"
+      : schema?.type;
+    return (Array.isArray(type) ? type[0] : type) ?? "object";
+  }
+</script>
+
 <script lang="ts">
   import type { JSONSchema7 } from "json-schema";
   import type UISchema from "./UISchema";
@@ -13,19 +30,8 @@
 
   $: updateControlType(schema);
 
-  function useConst(schema: JSONSchema7 | undefined) {
-    return (schema != null) && !isBoolean(schema) && ("const" in schema);
-  }
-
-  function useAnyOf(schema: JSONSchema7 | undefined) {
-    return (schema?.anyOf != null) && (schema?.properties == null);
-  }
-
   function updateControlType(schema: JSONSchema7 | undefined) {
-    const type = useConst(schema) ? "const"
-      : useAnyOf(schema) ? "anyOf"
-      : schema?.type;
-    const singleType = (Array.isArray(type) ? type[0] : type) ?? "object";
+    const singleType = getSingleSchemaType(schema);
     const updatedControl = controls[singleType as keyof typeof controls] as any;
     if (updatedControl != control) {
       control = updatedControl;

From 1f679ee403c158633a65448606105ca99851bf06 Mon Sep 17 00:00:00 2001
From: Sean Wilson <sean.c.wilson@vanderbilt.edu>
Date: Tue, 30 Jan 2024 16:10:05 -0600
Subject: [PATCH 2/3] use deep equals when checking if `AnyOfControl`
 `selectedProps` have changed

---
 src/lib/controls/AnyOfControl.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/controls/AnyOfControl.svelte b/src/lib/controls/AnyOfControl.svelte
index a96ba24..3b9da6e 100644
--- a/src/lib/controls/AnyOfControl.svelte
+++ b/src/lib/controls/AnyOfControl.svelte
@@ -75,7 +75,7 @@
 
   function resetSelectedProps() {
     const newSelectedProps = isObjSchema() ? Object.keys(selected?.properties ?? {}) : undefined;
-    if (newSelectedProps !== selectedProps) {
+    if (!deepEquals(newSelectedProps?.sort(), selectedProps?.sort())) {
       selectedProps = newSelectedProps;
     }
   }

From 0e40673695300cb5d2cf5b1c54ab437c0b3d6dd6 Mon Sep 17 00:00:00 2001
From: Sean Wilson <sean.c.wilson@vanderbilt.edu>
Date: Tue, 30 Jan 2024 16:11:07 -0600
Subject: [PATCH 3/3] use Symbols for `ArrayControl` data item keys

---
 src/lib/controls/AnyOfControl.svelte |  2 +-
 src/lib/controls/ArrayControl.svelte | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/lib/controls/AnyOfControl.svelte b/src/lib/controls/AnyOfControl.svelte
index 3b9da6e..070b961 100644
--- a/src/lib/controls/AnyOfControl.svelte
+++ b/src/lib/controls/AnyOfControl.svelte
@@ -103,7 +103,7 @@
   </Title>
   <Content class="jsonschema-form-controls">
     {#if selected != null}
-      {#if !!selectedProps}
+      {#if isObjSchema()}
         <ObjectProps {...selected} bind:data {uischema} />
       {:else}
         <Control schema={selected} bind:data {uischema} force />
diff --git a/src/lib/controls/ArrayControl.svelte b/src/lib/controls/ArrayControl.svelte
index 9f05a41..ef58064 100644
--- a/src/lib/controls/ArrayControl.svelte
+++ b/src/lib/controls/ArrayControl.svelte
@@ -2,9 +2,9 @@
   import type { JSONSchema7 } from "json-schema";
   import UISchema from "$lib/UISchema";
   import { hasRequired as checkRequired, isBoolean } from "$lib/utilities";
-  import Accordion, { Panel, Header, Content } from '@smui-extra/accordion';
+  import Accordion, { Panel, Header } from '@smui-extra/accordion';
   import IconButton, { Icon } from "@smui/icon-button";
-  import Control from "../Control.svelte";
+  import Control, { getSingleSchemaType } from "../Control.svelte";
 
   export let data: any[] | undefined = undefined;
   export let uischema: UISchema = {};
@@ -49,10 +49,10 @@
   $: updateOpen(enabled);
   $: updateOpen($uiOptions.collapse);
 
+  const dataKeys: Symbol[] = [];
+
   function getKey(index: number) {
-    const value = data![index];
-    const useIndex = (value == null) || (typeof value !== "object");
-    return useIndex ? `${index} | ${getType(index) ?? ""}` : value;
+    return dataKeys[index] ??= Symbol();
   }
 
   function getItem(index: number) {
@@ -60,7 +60,8 @@
   }
 
   function getType(index: number) {
-    return getItem(index)?.type;
+    const item = getItem(index);
+    return getSingleSchemaType(item);
   }
 
   function canRemoveItem(index: number) {
@@ -78,6 +79,7 @@
   function addItem() {
     if (canAddItem) {
       data = [...(data ?? []), undefined];
+      dataKeys.push(Symbol());
     }
   }
 
@@ -85,18 +87,21 @@
     if (canRemoveItem(index)) {
       data?.splice(index, 1);
       data = (ignoreEmpty && (data?.length ?? 0) === 0) ? undefined : data;
+      dataKeys.splice(index, 1);
     }
   }
 
   function moveItemUp(index: number) {
     if (canMoveItemUp(index)) {
       [data![index - 1], data![index]] = [data![index], data![index - 1]];
+      [dataKeys[index - 1], dataKeys[index]] = [dataKeys[index], dataKeys[index - 1]];
     }
   }
 
   function moveItemDown(index: number) {
     if (canMoveItemDown(index)) {
       [data![index + 1], data![index]] = [data![index], data![index + 1]];
+      [dataKeys[index + 1], dataKeys[index]] = [dataKeys[index], dataKeys[index + 1]];
     }
   }