Sortable enum (#2813)

Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>

plugins/tracker-resources/src/components/workflow/StatusEditor.svelte

@@ -16,11 +16,10 @@
   import { createEventDispatcher } from 'svelte'
   import { Data } from '@hcengineering/core'
   import { IssueStatus } from '@hcengineering/tracker'
-  import { Button, eventToHTMLElement, getPlatformColor, showPopup } from '@hcengineering/ui'
+  import { Button, eventToHTMLElement, getPlatformColor, IconCircles, showPopup } from '@hcengineering/ui'
   import presentation from '@hcengineering/presentation'
   import { ColorsPopup } from '@hcengineering/view-resources'
   import tracker from '../../plugin'
-  import Circles from '../icons/Circles.svelte'
   import StatusInput from './StatusInput.svelte'
 
   export let value: Partial<Data<IssueStatus>>
@@ -44,7 +43,7 @@
 <div class="flex-between background-button-bg-color border-radius-1 p-2 root">
   <div class="flex flex-grow items-center clear-mins inputs">
     <div class="flex-no-shrink draggable-mark">
-      {#if !isSingle}<Circles />{/if}
+      {#if !isSingle}<IconCircles />{/if}
     </div>
     <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div class="flex-no-shrink ml-2 color" on:click={pickColor}>

plugins/tracker-resources/src/components/workflow/StatusPresenter.svelte

@@ -14,10 +14,9 @@
 -->
 <script lang="ts">
   import { IssueStatus } from '@hcengineering/tracker'
-  import { Icon, IconClose, IconEdit, Label, tooltip } from '@hcengineering/ui'
+  import { Icon, IconCircles, IconClose, IconEdit, Label, tooltip } from '@hcengineering/ui'
   import { createEventDispatcher } from 'svelte'
   import tracker from '../../plugin'
-  import Circles from '../icons/Circles.svelte'
   import IssueStatusIcon from '../issues/IssueStatusIcon.svelte'
 
   export let value: IssueStatus
@@ -34,7 +33,7 @@
 <div class="flex-between background-button-bg-color border-radius-1 p-2 root" on:dblclick|preventDefault={edit}>
   <div class="flex flex-grow items-center">
     <div class="flex-no-shrink draggable-mark" class:draggable={!isSingle}>
-      <Circles />
+      <IconCircles />
     </div>
     <div class="flex-no-shrink ml-2">
       <IssueStatusIcon {value} size="small" />