TSK-1243: add scroller to project's components list (#3045)

Signed-off-by: Vyacheslav Tumanov <me@slavatumanov.me>
This commit is contained in:
Vyacheslav Tumanov 2023-04-21 21:16:13 +05:00 committed by GitHub
parent 5ef4205a97
commit fb240d0316
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -27,6 +27,7 @@
import { onMount } from 'svelte' import { onMount } from 'svelte'
import ComponentsList from './ComponentsList.svelte' import ComponentsList from './ComponentsList.svelte'
import ComponentTimeline from './ComponentTimeline.svelte' import ComponentTimeline from './ComponentTimeline.svelte'
import { Scroller } from '@hcengineering/ui'
export let _class: Ref<Class<Doc>> export let _class: Ref<Class<Doc>>
export let itemsConfig: (BuildModelKey | string)[] export let itemsConfig: (BuildModelKey | string)[]
@ -60,21 +61,23 @@
/> />
{#if viewMode === 'list'} {#if viewMode === 'list'}
<ComponentsList <Scroller>
bind:this={componentsList} <ComponentsList
{_class} bind:this={componentsList}
{itemsConfig} {_class}
{loadingProps} {itemsConfig}
{components} {loadingProps}
selectedObjectIds={$selectionStore ?? []} {components}
selectedRowIndex={listProvider.current($focusStore)} selectedObjectIds={$selectionStore ?? []}
on:row-focus={(event) => { selectedRowIndex={listProvider.current($focusStore)}
listProvider.updateFocus(event.detail ?? undefined) on:row-focus={(event) => {
}} listProvider.updateFocus(event.detail ?? undefined)
on:check={(event) => { }}
listProvider.updateSelection(event.detail.docs, event.detail.value) on:check={(event) => {
}} listProvider.updateSelection(event.detail.docs, event.detail.value)
/> }}
/>
</Scroller>
{:else} {:else}
<ComponentTimeline <ComponentTimeline
bind:this={componentTimeline} bind:this={componentTimeline}