From 5a8b7e2bf736006a23dc27c5d5713b12a0ee8d5c Mon Sep 17 00:00:00 2001
From: Andrey Sobolev <haiodo@gmail.com>
Date: Fri, 3 Nov 2023 15:33:48 +0700
Subject: [PATCH] UBER-1157: Some dependant fixes

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
---
 packages/theme/styles/_layouts.scss           |  2 +-
 packages/ui/src/resize.ts                     |  8 +-----
 plugins/calendar/src/utils.ts                 | 11 ++++----
 .../src/components/Schedule.svelte            |  4 +--
 .../src/components/Inbox.svelte               |  4 +--
 .../src/components/Settings.svelte            |  6 ++---
 .../src/components/WorkspaceSettings.svelte   |  4 +--
 plugins/view-resources/src/utils.ts           | 14 ++++++++++
 .../src/components/Workbench.svelte           | 26 +++++++++----------
 .../src/components/navigator/SpacesNav.svelte | 10 +++++--
 .../components/navigator/StarredNav.svelte    | 10 +++++--
 plugins/workbench-resources/src/utils.ts      | 16 ++----------
 12 files changed, 62 insertions(+), 53 deletions(-)

diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss
index 3a51caed7a..c8114b1914 100644
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@@ -610,7 +610,7 @@ input.search {
 }
 
 /* --------- */
-.no-word-wrap { word-wrap: none; }
+.no-word-wrap { word-wrap: none; text-wrap: nowrap; }
 .relative { position: relative; }
 .absolute { position: absolute; }
 .abs-lt-content {
diff --git a/packages/ui/src/resize.ts b/packages/ui/src/resize.ts
index 9e218a9bad..00d00b6c76 100644
--- a/packages/ui/src/resize.ts
+++ b/packages/ui/src/resize.ts
@@ -11,8 +11,8 @@
 // See the License for the specific language governing permissions and
 
 import { writable } from 'svelte/store'
+import type { DefSeparators, SeparatedItem } from './types'
 import { DelayedCaller } from './utils'
-import type { SeparatedItem, DefSeparators } from './types'
 
 // limitations under the License.
 let observer: ResizeObserver
@@ -163,10 +163,4 @@ export const settingsSeparators: DefSeparators = [
   null
 ]
 
-export const timeSeparators: DefSeparators = [
-  { minSize: 12.5, size: 17.5, maxSize: 22.5, float: 'navigator' },
-  { minSize: 25, size: 35, maxSize: 45 },
-  null
-]
-
 export const separatorsStore = writable<string[]>([])
diff --git a/plugins/calendar/src/utils.ts b/plugins/calendar/src/utils.ts
index bfc233d7ef..c42b2702a8 100644
--- a/plugins/calendar/src/utils.ts
+++ b/plugins/calendar/src/utils.ts
@@ -57,7 +57,7 @@ function generateDailyValues (
   while (true) {
     if (bySetPos == null || bySetPos.includes(getSetPos(currentDate))) {
       const res = currentDate.getTime()
-      if (res > from) {
+      if (res > from && res < to) {
         values.push(res)
       }
       i++
@@ -92,7 +92,7 @@ function generateWeeklyValues (
     while (date < end) {
       if ((byDay == null || matchesByDay(date, byDay)) && (bySetPos == null || bySetPos.includes(getSetPos(date)))) {
         const res = date.getTime()
-        if (res > from) {
+        if (res > from && res < to) {
           values.push(res)
         }
         i++
@@ -172,7 +172,7 @@ function generateMonthlyValues (
         (bySetPos == null || bySetPos.includes(getSetPos(currentDate)))
       ) {
         const res = currentDate.getTime()
-        if (res > from) {
+        if (res > from && res < to) {
           values.push(res)
         }
         i++
@@ -212,7 +212,7 @@ function generateYearlyValues (
         (bySetPos == null || bySetPos.includes(getSetPos(currentDate)))
       ) {
         const res = currentDate.getTime()
-        if (res > from) {
+        if (res > from && res < to) {
           values.push(res)
         }
         i++
@@ -316,7 +316,8 @@ export function getAllEvents (events: Event[], from: Timestamp, to: Timestamp):
     }
   }
   for (const rec of recur) {
-    recurData.push(...getReccuringEventInstances(rec, instancesMap.get(rec.eventId) ?? [], from, to))
+    const recEvents = getReccuringEventInstances(rec, instancesMap.get(rec.eventId) ?? [], from, to)
+    recurData.push(...recEvents)
   }
   const res = [
     ...base,
diff --git a/plugins/hr-resources/src/components/Schedule.svelte b/plugins/hr-resources/src/components/Schedule.svelte
index e0c3be4308..8ae7a7a7aa 100644
--- a/plugins/hr-resources/src/components/Schedule.svelte
+++ b/plugins/hr-resources/src/components/Schedule.svelte
@@ -39,7 +39,7 @@
   import ScheduleView from './ScheduleView.svelte'
   import Sidebar from './sidebar/Sidebar.svelte'
 
-  export let visibileNav: boolean = true
+  export let visibleNav: boolean = true
   export let navFloat: boolean = false
   export let appsDirection: 'vertical' | 'horizontal' = 'horizontal'
 
@@ -127,7 +127,7 @@
 </script>
 
 <div class="flex h-full clear-mins">
-  {#if visibileNav}
+  {#if visibleNav}
     <Sidebar
       {department}
       {descendants}
diff --git a/plugins/notification-resources/src/components/Inbox.svelte b/plugins/notification-resources/src/components/Inbox.svelte
index 7f4e203810..cf9f0d5171 100644
--- a/plugins/notification-resources/src/components/Inbox.svelte
+++ b/plugins/notification-resources/src/components/Inbox.svelte
@@ -42,7 +42,7 @@
   import People from './People.svelte'
   import { subscribe } from '../utils'
 
-  export let visibileNav: boolean = true
+  export let visibleNav: boolean = true
   export let navFloat: boolean = false
   export let appsDirection: 'vertical' | 'horizontal' = 'horizontal'
   let filter: 'all' | 'read' | 'unread' = 'all'
@@ -143,7 +143,7 @@
 </script>
 
 <div class="flex-row-top h-full">
-  {#if visibileNav}
+  {#if visibleNav}
     <div
       class="antiPanel-navigator {appsDirection === 'horizontal'
         ? 'portrait'
diff --git a/plugins/setting-resources/src/components/Settings.svelte b/plugins/setting-resources/src/components/Settings.svelte
index 7f4b56698a..cbe5f8a15e 100644
--- a/plugins/setting-resources/src/components/Settings.svelte
+++ b/plugins/setting-resources/src/components/Settings.svelte
@@ -36,7 +36,7 @@
   import { onDestroy } from 'svelte'
   import CategoryElement from './CategoryElement.svelte'
 
-  export let visibileNav: boolean = true
+  export let visibleNav: boolean = true
   export let navFloat: boolean = false
   export let appsDirection: 'vertical' | 'horizontal' = 'horizontal'
 
@@ -97,7 +97,7 @@
 </script>
 
 <div class="flex h-full clear-mins">
-  {#if visibileNav}
+  {#if visibleNav}
     <div class="antiPanel-navigator {appsDirection === 'horizontal' ? 'portrait' : 'landscape'}">
       <div class="antiPanel-wrap__content">
         <NavHeader label={setting.string.Settings} />
@@ -149,7 +149,7 @@
       <Component
         is={category.component}
         props={{
-          visibileNav
+          visibleNav
         }}
       />
     {/if}
diff --git a/plugins/setting-resources/src/components/WorkspaceSettings.svelte b/plugins/setting-resources/src/components/WorkspaceSettings.svelte
index 8291054251..5d9107e6cd 100644
--- a/plugins/setting-resources/src/components/WorkspaceSettings.svelte
+++ b/plugins/setting-resources/src/components/WorkspaceSettings.svelte
@@ -37,7 +37,7 @@
   let categories: SettingsCategory[] = []
   const account = getCurrentAccount() as PersonAccount
 
-  export let visibileNav = true
+  export let visibleNav = true
 
   const settingsQuery = createQuery()
   settingsQuery.query(
@@ -72,7 +72,7 @@
 </script>
 
 <div class="flex h-full clear-mins">
-  {#if visibileNav}
+  {#if visibleNav}
     <div class="antiPanel-navigator filledNav indent">
       <div class="antiPanel-wrap__content">
         <div class="antiNav-header overflow-label">
diff --git a/plugins/view-resources/src/utils.ts b/plugins/view-resources/src/utils.ts
index 8a5bea56c8..f28fe970ce 100644
--- a/plugins/view-resources/src/utils.ts
+++ b/plugins/view-resources/src/utils.ts
@@ -41,6 +41,7 @@ import { getResource } from '@hcengineering/platform'
 import { AttributeCategory, KeyedAttribute, getAttributePresenterClass, hasResource } from '@hcengineering/presentation'
 import {
   AnyComponent,
+  AnySvelteComponent,
   ErrorPresenter,
   Location,
   getCurrentResolvedLocation,
@@ -889,3 +890,16 @@ export async function openDoc (hierarchy: Hierarchy, object: Doc): Promise<void>
   const loc = await getObjectLinkFragment(hierarchy, object, {}, comp)
   navigate(loc)
 }
+
+/**
+ * @public
+ */
+export async function getSpacePresenter (
+  client: Client,
+  _class: Ref<Class<Doc>>
+): Promise<AnySvelteComponent | undefined> {
+  const value = client.getHierarchy().classHierarchyMixin(_class, view.mixin.SpacePresenter)
+  if (value?.presenter !== undefined) {
+    return await getResource(value.presenter)
+  }
+}
diff --git a/plugins/workbench-resources/src/components/Workbench.svelte b/plugins/workbench-resources/src/components/Workbench.svelte
index 9e675c2888..a77ccc6301 100644
--- a/plugins/workbench-resources/src/components/Workbench.svelte
+++ b/plugins/workbench-resources/src/components/Workbench.svelte
@@ -113,9 +113,9 @@
   let panelInstance: PanelInstance
   let popupInstance: Popup
 
-  let visibileNav: boolean = getMetadata(workbench.metadata.NavigationExpandedDefault) ?? true
+  let visibleNav: boolean = getMetadata(workbench.metadata.NavigationExpandedDefault) ?? true
   async function toggleNav (): Promise<void> {
-    visibileNav = !visibileNav
+    visibleNav = !visibleNav
     closeTooltip()
     if (currentApplication && navigatorModel && navigator) {
       await tick()
@@ -480,16 +480,16 @@
 
   let navFloat: boolean = !($deviceInfo.docWidth < 1024)
   $: if ($deviceInfo.docWidth <= 1024 && !navFloat) {
-    visibileNav = false
+    visibleNav = false
     navFloat = true
   } else if ($deviceInfo.docWidth > 1024 && navFloat) {
     if (getMetadata(workbench.metadata.NavigationExpandedDefault) === undefined) {
       navFloat = false
-      visibileNav = true
+      visibleNav = true
     }
   }
   const checkOnHide = (): void => {
-    if (visibileNav && $deviceInfo.docWidth <= 1024) visibileNav = false
+    if (visibleNav && $deviceInfo.docWidth <= 1024) visibleNav = false
   }
   let appsDirection: 'vertical' | 'horizontal'
   $: appsDirection = $deviceInfo.isMobile && $deviceInfo.isPortrait ? 'horizontal' : 'vertical'
@@ -598,7 +598,7 @@
     </clipPath>
   </svg>
   <div class="workbench-container" style:flex-direction={appsDirection === 'horizontal' ? 'column-reverse' : 'row'}>
-    <div class="antiPanel-application {appsDirection}" class:lastDivider={!visibileNav}>
+    <div class="antiPanel-application {appsDirection}" class:lastDivider={!visibleNav}>
       <div
         class="hamburger-container clear-mins"
         class:portrait={appsDirection === 'horizontal'}
@@ -617,8 +617,8 @@
         <div class="topmenu-container clear-mins flex-no-shrink" class:mini={appsMini}>
           <AppItem
             icon={TopMenu}
-            label={visibileNav ? workbench.string.HideMenu : workbench.string.ShowMenu}
-            selected={!visibileNav}
+            label={visibleNav ? workbench.string.HideMenu : workbench.string.ShowMenu}
+            selected={!visibleNav}
             size={appsMini ? 'small' : 'medium'}
             on:click={toggleNav}
           />
@@ -684,9 +684,9 @@
       }}
     />
     <div class="workbench-container">
-      {#if currentApplication && navigatorModel && navigator && visibileNav}
+      {#if currentApplication && navigatorModel && navigator && visibleNav}
         <!-- svelte-ignore a11y-click-events-have-key-events -->
-        {#if navFloat}<div class="cover shown" on:click={() => (visibileNav = false)} />{/if}
+        {#if navFloat}<div class="cover shown" on:click={() => (visibleNav = false)} />{/if}
         <div class="antiPanel-navigator {appsDirection === 'horizontal' ? 'portrait' : 'landscape'}">
           <div class="antiPanel-wrap__content">
             {#if currentApplication}
@@ -741,7 +741,7 @@
         }}
       >
         {#if currentApplication && currentApplication.component}
-          <Component is={currentApplication.component} props={{ currentSpace, visibileNav, navFloat, appsDirection }} />
+          <Component is={currentApplication.component} props={{ currentSpace, visibleNav, navFloat, appsDirection }} />
         {:else if specialComponent}
           <Component
             is={specialComponent.component}
@@ -749,7 +749,7 @@
               model: navigatorModel,
               ...specialComponent.componentProps,
               currentSpace,
-              visibileNav,
+              visibleNav,
               navFloat,
               appsDirection
             }}
@@ -764,7 +764,7 @@
         {:else if currentView?.component !== undefined}
           <Component
             is={currentView.component}
-            props={{ ...currentView.componentProps, currentView, visibileNav, navFloat, appsDirection }}
+            props={{ ...currentView.componentProps, currentView, visibleNav, navFloat, appsDirection }}
           />
         {:else}
           <SpaceView {currentSpace} {currentView} {createItemDialog} {createItemLabel} />
diff --git a/plugins/workbench-resources/src/components/navigator/SpacesNav.svelte b/plugins/workbench-resources/src/components/navigator/SpacesNav.svelte
index ae0461e112..d98818fd11 100644
--- a/plugins/workbench-resources/src/components/navigator/SpacesNav.svelte
+++ b/plugins/workbench-resources/src/components/navigator/SpacesNav.svelte
@@ -31,11 +31,17 @@
     navigate,
     showPopup
   } from '@hcengineering/ui'
-  import { NavLink, TreeItem, TreeNode, getActions as getContributedActions } from '@hcengineering/view-resources'
+  import {
+    NavLink,
+    TreeItem,
+    TreeNode,
+    getActions as getContributedActions,
+    getSpacePresenter
+  } from '@hcengineering/view-resources'
   import { SpacesNavModel } from '@hcengineering/workbench'
   import { createEventDispatcher } from 'svelte'
   import plugin from '../../plugin'
-  import { classIcon, getSpaceName, getSpacePresenter } from '../../utils'
+  import { classIcon, getSpaceName } from '../../utils'
   import TreeSeparator from './TreeSeparator.svelte'
 
   export let model: SpacesNavModel
diff --git a/plugins/workbench-resources/src/components/navigator/StarredNav.svelte b/plugins/workbench-resources/src/components/navigator/StarredNav.svelte
index c4b2dbd39a..f715b4a0d5 100644
--- a/plugins/workbench-resources/src/components/navigator/StarredNav.svelte
+++ b/plugins/workbench-resources/src/components/navigator/StarredNav.svelte
@@ -22,9 +22,15 @@
   import { getClient } from '@hcengineering/presentation'
   import { Action, IconEdit } from '@hcengineering/ui'
   import view from '@hcengineering/view'
-  import { NavLink, TreeItem, TreeNode, getActions as getContributedActions } from '@hcengineering/view-resources'
+  import {
+    NavLink,
+    TreeItem,
+    TreeNode,
+    getActions as getContributedActions,
+    getSpacePresenter
+  } from '@hcengineering/view-resources'
   import { SpacesNavModel } from '@hcengineering/workbench'
-  import { classIcon, getSpaceName, getSpacePresenter } from '../../utils'
+  import { classIcon, getSpaceName } from '../../utils'
 
   export let label: IntlString
   export let spaces: Space[]
diff --git a/plugins/workbench-resources/src/utils.ts b/plugins/workbench-resources/src/utils.ts
index 85c8a35872..42b88968da 100644
--- a/plugins/workbench-resources/src/utils.ts
+++ b/plugins/workbench-resources/src/utils.ts
@@ -17,12 +17,13 @@
 import type { Class, Client, Doc, Obj, Ref, Space, TxOperations } from '@hcengineering/core'
 import core from '@hcengineering/core'
 import type { Workspace } from '@hcengineering/login'
+import login, { loginId } from '@hcengineering/login'
 import type { Asset } from '@hcengineering/platform'
 import { getResource, setMetadata } from '@hcengineering/platform'
 import preference from '@hcengineering/preference'
 import { closeClient, getClient } from '@hcengineering/presentation'
+import presentation from '@hcengineering/presentation/src/plugin'
 import {
-  AnySvelteComponent,
   closePanel,
   fetchMetadataLocalStorage,
   getCurrentLocation,
@@ -33,9 +34,6 @@ import view from '@hcengineering/view'
 import type { Application } from '@hcengineering/workbench'
 import workbench, { NavigatorModel } from '@hcengineering/workbench'
 import { writable } from 'svelte/store'
-import login, { loginId } from '@hcengineering/login'
-import presentation from '@hcengineering/presentation/src/plugin'
-
 export function classIcon (client: Client, _class: Ref<Class<Obj>>): Asset | undefined {
   return client.getHierarchy().getClass(_class).icon
 }
@@ -206,13 +204,3 @@ export function signOut (): void {
   void closeClient()
   navigate({ path: [loginId] })
 }
-
-export async function getSpacePresenter (
-  client: Client,
-  _class: Ref<Class<Doc>>
-): Promise<AnySvelteComponent | undefined> {
-  const value = client.getHierarchy().classHierarchyMixin(_class, view.mixin.SpacePresenter)
-  if (value?.presenter !== undefined) {
-    return await getResource(value.presenter)
-  }
-}