Fix build cache (#1996)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>

plugins/setting-resources/src/components/CreateAttribute.svelte

@@ -75,6 +75,11 @@
       is = editor.editor
     }
   }
+  const handleSelection = (e: { detail: Ref<Class<Type<any>>> }) => selectType(e.detail)
+  const handleChange = (e: any) => {
+    type = e.detail?.type
+    index = e.detail?.index
+  }
 </script>
 
 <Card
@@ -95,19 +100,13 @@
           {items}
           width="8rem"
           bind:selected={selectedType}
-          on:selected={(e) => selectType(e.detail)}
+          on:selected={handleSelection}
         />
       </div>
     </div>
     {#if is}
       <div class="flex mt-4">
-        <Component
-          {is}
-          on:change={(e) => {
-            type = e.detail?.type
-            index = e.detail?.index
-          }}
-        />
+        <Component {is} on:change={handleChange} />
       </div>
     {/if}
   </div>

plugins/setting-resources/src/components/EditAttribute.svelte

@@ -79,6 +79,11 @@
       is = editor.editor
     }
   }
+  const handleSelect = (e: any) => selectType(e.detail)
+  const handleChange = (e: any) => {
+    type = e.detail?.type
+    index = e.detail?.index
+  }
 </script>
 
 <Card
@@ -103,7 +108,7 @@
             {items}
             width="8rem"
             bind:selected={selectedType}
-            on:selected={(e) => selectType(e.detail)}
+            on:selected={handleSelect}
           />
         {/if}
       </div>
@@ -116,10 +121,7 @@
             type,
             editable: !exist
           }}
-          on:change={(e) => {
-            type = e.detail?.type
-            index = e.detail?.index
-          }}
+          on:change={handleChange}
         />
       </div>
     {/if}

plugins/setting-resources/src/components/EnumValues.svelte

@@ -37,17 +37,18 @@
       $pull: { enumValues: target }
     })
   }
+  const handleKeydown = (evt: KeyboardEvent) => {
+    if (evt.key === 'Enter') {
+      add()
+    }
+  }
 </script>
 
 <div class="flex-grow">
   <div class="flex-between mb-4">
     <EditBox
       placeholder={setting.string.NewValue}
-      on:keydown={(evt) => {
-        if (evt.key === 'Enter') {
-          add()
-        }
-      }}
+      on:keydown={handleKeydown}
       kind="large-style"
       bind:value={newValue}
       maxWidth="18rem"

plugins/setting-resources/src/components/PluginCard.svelte

@@ -58,6 +58,14 @@
       )()
     }
   }
+  const handleAdd = (e: any) => {
+    showPopup(integrationType.createComponent, {}, eventToHTMLElement(e), close)
+  }
+  const handleReconnect = (e: any) => {
+    if (integrationType.reconnectComponent) {
+      showPopup(integrationType.reconnectComponent, {}, eventToHTMLElement(e), reconnect)
+    }
+  }
 </script>
 
 <div class="flex-col plugin-container">
@@ -74,26 +82,12 @@
   <div class="footer">
     {#if integration}
       {#if integration.disabled && integrationType.reconnectComponent}
-        <Button
-          label={setting.string.Reconnect}
-          kind={'primary'}
-          on:click={(e) => {
-            if (integrationType.reconnectComponent) {
-              showPopup(integrationType.reconnectComponent, {}, eventToHTMLElement(e), reconnect)
-            }
-          }}
-        />
+        <Button label={setting.string.Reconnect} kind={'primary'} on:click={handleReconnect} />
       {:else}
         <Button label={setting.string.Disconnect} on:click={disconnect} />
       {/if}
     {:else}
-      <Button
-        label={setting.string.Add}
-        kind={'primary'}
-        on:click={(e) => {
-          showPopup(integrationType.createComponent, {}, eventToHTMLElement(e), close)
-        }}
-      />
+      <Button label={setting.string.Add} kind={'primary'} on:click={handleAdd} />
       <Link label={'Learn more'} />
     {/if}
   </div>

plugins/setting-resources/src/components/activity/TxIntegrationDisableReconnect.svelte

@@ -42,16 +42,13 @@
       })
     }
   }
+  const handleReconnect = (e: MouseEvent) => {
+    if (type?.reconnectComponent) {
+      showPopup(type.reconnectComponent, {}, eventToHTMLElement(e), reconnect)
+    }
+  }
 </script>
 
 <div class="flex-center">
-  <Button
-    label={setting.string.Reconnect}
-    kind={'primary'}
-    on:click={(e) => {
-      if (type?.reconnectComponent) {
-        showPopup(type.reconnectComponent, {}, eventToHTMLElement(e), reconnect)
-      }
-    }}
-  />
+  <Button label={setting.string.Reconnect} kind={'primary'} on:click={handleReconnect} />
 </div>

plugins/setting-resources/src/components/statuses/ManageStatuses.svelte

@@ -56,6 +56,7 @@
       }
     )
   }
+  const onDeleteState = (e: any) => deleteState(e.detail)
 </script>
 
 <div class="antiComponent">
@@ -74,11 +75,7 @@
     </div>
     <div class="ac-column max">
       {#if template !== undefined}
-        <Component
-          is={task.component.KanbanTemplateEditor}
-          props={{ kanban: template }}
-          on:delete={(e) => deleteState(e.detail)}
-        />
+        <Component is={task.component.KanbanTemplateEditor} props={{ kanban: template }} on:delete={onDeleteState} />
       {/if}
     </div>
   </div>

plugins/setting-resources/src/components/typeEditors/EnumSelect.svelte

@@ -45,36 +45,31 @@
   const query: DocumentQuery<Enum> = {}
 
   const mgr = getFocusManager()
+
+  const handleClick = (ev: any) => {
+    showPopup(
+      EnumPopup,
+      {
+        _class,
+        label,
+        options: { sort: { modifiedOn: -1 } },
+        selected: value?._id,
+        spaceQuery: query,
+        create
+      },
+      eventToHTMLElement(ev),
+      (result) => {
+        if (result) {
+          value = result
+          mgr?.setFocusPos(focusIndex)
+        }
+      }
+    )
+  }
 </script>
 
 <Tooltip {label} fill={false} direction={labelDirection}>
-  <Button
-    {focus}
-    {focusIndex}
-    icon={IconFolder}
-    size={'small'}
-    kind={'no-border'}
-    on:click={(ev) => {
-      showPopup(
-        EnumPopup,
-        {
-          _class,
-          label,
-          options: { sort: { modifiedOn: -1 } },
-          selected: value?._id,
-          spaceQuery: query,
-          create
-        },
-        eventToHTMLElement(ev),
-        (result) => {
-          if (result) {
-            value = result
-            mgr?.setFocusPos(focusIndex)
-          }
-        }
-      )
-    }}
-  >
+  <Button {focus} {focusIndex} icon={IconFolder} size={'small'} kind={'no-border'} on:click={handleClick}>
     <span slot="content" class="text-sm">
       {#if value}{value.name}{:else}<Label {label} />{/if}
     </span>