From 6147c9fc41f8a8692bd71ddc1807b8ad87bb7556 Mon Sep 17 00:00:00 2001
From: Thomas Murphy <thomas.murphy@hilton.com>
Date: Tue, 17 Nov 2020 16:54:41 -0600
Subject: [PATCH] Empty any nested arrays if item in group is an object to
 remove correctly from group

---
 src/FormulateGrouping.vue | 9 ++++++++-
 src/libs/utils.js         | 8 ++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/FormulateGrouping.vue b/src/FormulateGrouping.vue
index 9ac14aa..a06e999 100644
--- a/src/FormulateGrouping.vue
+++ b/src/FormulateGrouping.vue
@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import { setId, shallowEqualObjects } from './libs/utils'
+import { isObject, setId, shallowEqualObjects } from './libs/utils'
 
 export default {
   name: 'FormulateGrouping',
@@ -118,6 +118,13 @@ export default {
     removeItem (index) {
       if (Array.isArray(this.context.model) && this.context.model.length > this.context.minimum) {
         // In this context we actually have data
+        if (isObject(this.context.model[index])) {
+          Object.keys(this.context.model[index]).forEach(key => {
+            if (Array.isArray(this.context.model[index][key])) {
+              this.context.model[index][key].splice(0, this.context.model[index][key].length)
+            }
+          })
+        }
         this.context.model.splice(index, 1)
       } else if (this.items.length > this.context.minimum) {
         // In this context the fields have never been touched (not "dirty")
diff --git a/src/libs/utils.js b/src/libs/utils.js
index 2b7e124..e7df8ec 100644
--- a/src/libs/utils.js
+++ b/src/libs/utils.js
@@ -325,3 +325,11 @@ export function isEmpty (value) {
     )
   )
 }
+
+/**
+ * Determines if a given value is an object and not an array or null
+ * @param {any} value
+ */
+export function isObject(value) {
+  return value != null && typeof value === 'object' && Array.isArray(value) === false;
+}