From eb54bb50a04186fb7b98935996bde0454c2bea56 Mon Sep 17 00:00:00 2001
From: f-osorio <fosorio@loc.gov>
Date: Thu, 16 Jan 2025 08:31:53 -0500
Subject: [PATCH 1/3] Don't show ad hoc tools, when mode is off

---
 src/components/panels/nav/Nav.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/panels/nav/Nav.vue b/src/components/panels/nav/Nav.vue
index 1b0a46f5..a56355de 100644
--- a/src/components/panels/nav/Nav.vue
+++ b/src/components/panels/nav/Nav.vue
@@ -212,7 +212,7 @@
           )
         }
 
-        if(this.$route.path.startsWith('/edit/')){
+        if(this.$route.path.startsWith('/edit/') && this.preferenceStore.returnValue('--c-general-ad-hoc')){
           for (let sub in menu){
             if (menu[sub].text == 'Tools'){
               menu[sub].menu.push(

From 5a51a0a99f72199d2c6f984d06477d09600ccb29 Mon Sep 17 00:00:00 2001
From: f-osorio <fosorio@loc.gov>
Date: Thu, 16 Jan 2025 09:03:20 -0500
Subject: [PATCH 2/3] Add ability to hide empty elements from action button

in Ad hoc mode
---
 .../panels/edit/fields/helpers/ActionButton.vue    | 14 +++++++++++++-
 src/stores/config.js                               |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/panels/edit/fields/helpers/ActionButton.vue b/src/components/panels/edit/fields/helpers/ActionButton.vue
index accd6a6a..4330959e 100644
--- a/src/components/panels/edit/fields/helpers/ActionButton.vue
+++ b/src/components/panels/edit/fields/helpers/ActionButton.vue
@@ -116,6 +116,12 @@
           </button>
         </template>
 
+        <template v-if="preferenceStore.returnValue('--c-general-ad-hoc') && this.profileStore.isEmptyComponent(this.structure)">
+          <button style="width:100%" :id="`action-button-command-${fieldGuid}-0`" class="" @click="hideElement()">
+            <span class="">🙈</span>Hide Element
+          </button>
+        </template>
+
         <button style="width:100%" :id="`action-button-command-${fieldGuid}-0`" class="" @click="showDebug()">
           <span class="button-shortcut-label">0</span>
           Debug
@@ -229,7 +235,7 @@
 
 
       ...mapWritableState(usePreferenceStore, ['debugModalData','showDebugModal']),
-      ...mapWritableState(useProfileStore, ['showAutoDeweyModal', 'deweyData']),
+      ...mapWritableState(useProfileStore, ['showAutoDeweyModal', 'deweyData', 'emptyComponents']),
 
       scriptShifterOptionsForMenu(){
 
@@ -842,6 +848,12 @@
         this.profileStore.deleteComponent(this.guid)
       },
 
+      // Hide empty element in ad hoc mode
+      hideElement: function(){
+        let structure = this.profileStore.returnStructureByComponentGuid(this.guid)
+        this.emptyComponents[structure.parentId].push(structure.id)
+      },
+
     },
     watch: {
 
diff --git a/src/stores/config.js b/src/stores/config.js
index c5954861..e9e2524f 100644
--- a/src/stores/config.js
+++ b/src/stores/config.js
@@ -7,7 +7,7 @@ export const useConfigStore = defineStore('config', {
 
     versionMajor: 0,
     versionMinor: 17,
-    versionPatch: 17,
+    versionPatch: 18,
 
     regionUrls: {
 

From 63ad82b381c1e96e03c574ce5efcac0e699034fa Mon Sep 17 00:00:00 2001
From: f-osorio <fosorio@loc.gov>
Date: Thu, 16 Jan 2025 09:14:55 -0500
Subject: [PATCH 3/3] Fix hide option showing when it shouldn't

---
 .../panels/edit/fields/helpers/ActionButton.vue           | 8 +++++++-
 src/stores/profile.js                                     | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/panels/edit/fields/helpers/ActionButton.vue b/src/components/panels/edit/fields/helpers/ActionButton.vue
index 4330959e..ccde21c6 100644
--- a/src/components/panels/edit/fields/helpers/ActionButton.vue
+++ b/src/components/panels/edit/fields/helpers/ActionButton.vue
@@ -116,7 +116,7 @@
           </button>
         </template>
 
-        <template v-if="preferenceStore.returnValue('--c-general-ad-hoc') && this.profileStore.isEmptyComponent(this.structure)">
+        <template v-if="showHideElementButton()">
           <button style="width:100%" :id="`action-button-command-${fieldGuid}-0`" class="" @click="hideElement()">
             <span class="">🙈</span>Hide Element
           </button>
@@ -848,6 +848,12 @@
         this.profileStore.deleteComponent(this.guid)
       },
 
+      showHideElementButton: function(){
+        let component = this.profileStore.returnStructureByComponentGuid(this.guid)
+        let empty = this.profileStore.isEmptyComponent(component)
+
+        return empty
+      },
       // Hide empty element in ad hoc mode
       hideElement: function(){
         let structure = this.profileStore.returnStructureByComponentGuid(this.guid)
diff --git a/src/stores/profile.js b/src/stores/profile.js
index 0844c773..573aab66 100644
--- a/src/stores/profile.js
+++ b/src/stores/profile.js
@@ -4538,6 +4538,7 @@ export const useProfileStore = defineStore('profile', {
 
     //Check if the component's userValue is empty
     isEmptyComponent: function(c){
+      console.info("isEmpty? ", c)
       const component = c
       const emptyArray = new Array("@root")
       const userValue = JSON.parse(JSON.stringify(component["userValue"]))
@@ -4545,6 +4546,7 @@ export const useProfileStore = defineStore('profile', {
 
       // if there is only a @root
       if (JSON.stringify(Object.keys(component.userValue)) == JSON.stringify(emptyArray)){
+          console.info("only has root")
           return true
       } else {
           // if the children only have "@..." properties