From ed96300f2deac649155603ce3670e37af114247f Mon Sep 17 00:00:00 2001
From: Denis Bunakalya <denis.bunakalya@xored.com>
Date: Mon, 27 Mar 2023 17:05:08 +0300
Subject: [PATCH] Allow to disable particular items in ObjectPopup (#2824)

Signed-off-by: Denis Bunakalya <denis.bunakalya@xored.com>
---
 .../presentation/src/components/ObjectPopup.svelte     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/presentation/src/components/ObjectPopup.svelte b/packages/presentation/src/components/ObjectPopup.svelte
index 7b64db8c8c..5ac9c899be 100644
--- a/packages/presentation/src/components/ObjectPopup.svelte
+++ b/packages/presentation/src/components/ObjectPopup.svelte
@@ -58,6 +58,7 @@
 
   export let create: ObjectCreate | undefined = undefined
   export let readonly = false
+  export let disallowDeselect: Ref<Doc>[] | undefined = undefined
 
   let search: string = ''
   let objects: Doc[] = []
@@ -191,6 +192,8 @@
   }
 
   $: updateLocation(scrollDiv, selectedDiv, objects, selected)
+
+  const forbiddenDeselectItemIds = new Set(disallowDeselect)
 </script>
 
 <FocusHandler {manager} />
@@ -246,11 +249,12 @@
         </svelte:fragment>
         <svelte:fragment slot="item" let:item>
           {@const obj = objects[item]}
+          {@const isDeselectDisabled = selectedElements.has(obj._id) && forbiddenDeselectItemIds.has(obj._id)}
           <button
             class="menu-item w-full flex-row-center"
             class:background-button-bg-color={!allowDeselect && obj._id === selected}
             class:border-radius-1={!allowDeselect && obj._id === selected}
-            disabled={readonly}
+            disabled={readonly || isDeselectDisabled}
             on:click={() => {
               handleSelection(undefined, objects, item)
             }}
@@ -271,7 +275,7 @@
               </div>
             {/if}
 
-            <span class="label" class:disabled={readonly}>
+            <span class="label" class:disabled={readonly || isDeselectDisabled}>
               {#if obj._id === selected}
                 <div bind:this={selectedDiv}>
                   <slot name="item" item={obj} />
@@ -282,7 +286,7 @@
             </span>
             {#if multiSelect}
               <div class="check-right pointer-events-none">
-                <CheckBox checked={selectedElements.has(obj._id)} primary />
+                <CheckBox checked={selectedElements.has(obj._id)} primary readonly={readonly || isDeselectDisabled} />
               </div>
             {/if}
           </button>