refactor(files_sharing): split internal/external share (relayout)

According to screen designs.

* Elements and lists reordered
* Headlines and separators introduced

Intermediate step: components need to be dissolved in the following
commits.

Refs: nextcloud#48925

Author: thlehmann-ionos

apps/files_sharing/src/components/SharingInput.vue

@@ -5,7 +5,6 @@
 
 <template>
 	<div class="sharing-search">
-		<label for="sharing-search-input">{{ t('files_sharing', 'Search for share recipients') }}</label>
 		<NcSelect ref="select"
 			v-model="value"
 			input-id="sharing-search-input"
@@ -17,7 +16,7 @@
 			:clear-search-on-blur="() => false"
 			:user-select="true"
 			:options="options"
-			@search="asyncFind"
+			@open="asyncFind"
 			@option:selected="onSelected">
 			<template #no-options="{ search }">
 				{{ search ? noResultText : t('files_sharing', 'No recommendations. Start typing.') }}

apps/files_sharing/src/views/SharingDetailsTab.vue

@@ -1058,7 +1058,7 @@ export default {
 	&__wrapper {
 		position: relative;
 		overflow: scroll;
-		flex-shrink: 1;
+		flex: 1 0 auto;
 		padding: 4px;
 		padding-right: 12px;
 	}

apps/files_sharing/src/views/SharingTab.vue

@@ -25,6 +25,7 @@
 				</SharingEntrySimple>
 			</ul>
 
+			<h3>Internal shares</h3>
 			<!-- add new share input -->
 			<SharingInput v-if="!loading"
 				:can-reshare="canReshare"
@@ -34,13 +35,14 @@
 				:shares="shares"
 				@open-sharing-details="toggleShareDetailsView" />
 
-			<!-- link shares list -->
-			<SharingLinkList v-if="!loading"
-				ref="linkShareList"
-				:can-reshare="canReshare"
-				:file-info="fileInfo"
-				:shares="linkShares"
-				@open-sharing-details="toggleShareDetailsView" />
+			<!-- will move _into_ the dropdown component -->
+			<div style="border-top: 1px dotted grey;"></div>
+
+			<!-- internal link copy -->
+			<SharingEntryInternal :file-info="fileInfo" />
+
+			<div style="border-top: 1px dotted grey;"></div>
+			<!-- will move _into_ the dropdown component -->
 
 			<!-- other shares list -->
 			<SharingList v-if="!loading"
@@ -52,8 +54,16 @@
 			<!-- inherited shares -->
 			<SharingInherited v-if="canReshare && !loading" :file-info="fileInfo" />
 
-			<!-- internal link copy -->
-			<SharingEntryInternal :file-info="fileInfo" />
+			<hr>
+			<h3>External shares</h3>
+
+			<!-- link shares list -->
+			<SharingLinkList v-if="!loading"
+				ref="linkShareList"
+				:can-reshare="canReshare"
+				:file-info="fileInfo"
+				:shares="linkShares"
+				@open-sharing-details="toggleShareDetailsView" />
 		</div>
 
 		<!-- additional entries, use it with cautious -->
@@ -67,9 +77,8 @@
 
 		<!-- projects (deprecated as of NC25 (replaced by related_resources) - see instance config "projects.enabled" ; ignore this / remove it / move into own section) -->
 		<div v-show="!showSharingDetailsView && projectsEnabled && fileInfo"
-			 class="sharingTab__additionalContent">
-			<CollectionList
-				:id="`${fileInfo.id}`"
+			class="sharingTab__additionalContent">
+			<CollectionList :id="`${fileInfo.id}`"
 				type="file"
 				:name="fileInfo.name" />
 		</div>
@@ -432,4 +441,8 @@ export default {
 		margin: 44px 0;
 	}
 }
+
+h3 {
+	font-weight: bold;
+}
 </style>