fix(deps): update dependency @nextcloud/vue to ^8.27.0 (stable30)

package.json

@@ -47,7 +47,7 @@
     "@nextcloud/moment": "^1.3.4",
     "@nextcloud/notify_push": "^1.3.0",
     "@nextcloud/router": "^3.0.1",
-    "@nextcloud/vue": "^8.22.0",
+    "@nextcloud/vue": "^8.27.0",
     "@quartzy/markdown-it-mentions": "^0.2.0",
     "@tiptap/core": "^2.12.0",
     "@tiptap/extension-blockquote": "^2.12.0",
@@ -61,7 +61,6 @@
     "@tiptap/extension-collaboration-cursor": "^2.12.0",
     "@tiptap/extension-document": "^2.12.0",
     "@tiptap/extension-dropcursor": "^2.12.0",
-    "tiptap-text-direction": "^0.3.2",
     "@tiptap/extension-gapcursor": "^2.12.0",
     "@tiptap/extension-hard-break": "^2.12.0",
     "@tiptap/extension-heading": "^2.12.0",
@@ -103,6 +102,7 @@
     "proxy-polyfill": "^0.3.2",
     "slug": "^9.1.0",
     "tippy.js": "^6.3.7",
+    "tiptap-text-direction": "^0.3.2",
     "uuid": "^10.0.0",
     "vue": "^2.7.16",
     "vue-click-outside": "^1.1.0",

src/components/Assistant.vue

@@ -124,7 +124,11 @@ import TranslateVariant from 'vue-material-design-icons/TranslateVariant.vue'
 import ClipboardTextOutlineIcon from 'vue-material-design-icons/ClipboardTextOutline.vue'
 import { posToDOMRect } from '@tiptap/core'
 import { loadState } from '@nextcloud/initial-state'
-import { NcActions, NcActionButton, NcActionSeparator, NcListItem, NcModal } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
+import NcListItem from '@nextcloud/vue/components/NcListItem'
+import NcModal from '@nextcloud/vue/components/NcModal'
 import {
 	useEditorMixin,
 	useIsRichWorkspaceMixin,

src/components/CollisionResolveDialog.vue

@@ -20,7 +20,7 @@ import {
 	useIsRichEditorMixin,
 	useSyncServiceMixin,
 } from './Editor.provider.js'
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import setContent from './../mixins/setContent.js'
 export default {
 	name: 'CollisionResolveDialog',

src/components/Editor/AvatarWrapper.vue

@@ -9,7 +9,7 @@
 			:user="session.userId ? session.userId : session.guestName"
 			:is-guest="session.userId === null"
 			:disable-menu="true"
-			:show-user-status="false"
+			hide-status
 			:disable-tooltip="true"
 			:size="size" />
 		<div v-else class="avatar" :style="sessionBackgroundStyle">
@@ -19,7 +19,7 @@
 </template>
 
 <script>
-import { NcAvatar } from '@nextcloud/vue'
+import NcAvatar from '@nextcloud/vue/components/NcAvatar'
 export default {
 	name: 'AvatarWrapper',
 	components: {

src/components/Editor/DocumentStatus.vue

@@ -42,7 +42,7 @@
 
 import { ERROR_TYPE, IDLE_TIMEOUT } from './../../services/SyncService.js'
 import Lock from 'vue-material-design-icons/Lock.vue'
-import { NcNoteCard } from '@nextcloud/vue'
+import NcNoteCard from '@nextcloud/vue/components/NcNoteCard'
 import CollisionResolveDialog from '../CollisionResolveDialog.vue'
 
 export default {

src/components/Editor/EditorOutline.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import TableOfContents from './TableOfContents.vue'
 import { useOutlineStateMixin, useOutlineActions } from './Wrapper.provider.js'
 import { Close } from './../icons.js'

src/components/Editor/PreviewOptions.vue

@@ -38,7 +38,11 @@
 </template>
 
 <script>
-import { NcActions, NcActionButton, NcActionRadio, NcActionCaption, NcActionSeparator } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionRadio from '@nextcloud/vue/components/NcActionRadio'
+import NcActionCaption from '@nextcloud/vue/components/NcActionCaption'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
 import DotsVerticalIcon from 'vue-material-design-icons/DotsVertical.vue'
 import DeleteIcon from 'vue-material-design-icons/Delete.vue'
 

src/components/Editor/SessionList.vue

@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import { NcPopover } from '@nextcloud/vue'
+import NcPopover from '@nextcloud/vue/components/NcPopover'
 import AvatarWrapper from './AvatarWrapper.vue'
 import { COLLABORATOR_IDLE_TIME, COLLABORATOR_DISCONNECT_TIME } from '../../services/SyncService.js'
 

src/components/Editor/Status.vue

@@ -28,7 +28,8 @@
 
 import { ERROR_TYPE } from '../../services/SyncService.js'
 import moment from '@nextcloud/moment'
-import { NcButton, NcSavingIndicatorIcon } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcSavingIndicatorIcon from '@nextcloud/vue/components/NcSavingIndicatorIcon'
 import {
 	useIsMobileMixin,
 	useIsPublicMixin,

src/components/HelpModal.vue

@@ -256,7 +256,7 @@
 </template>
 
 <script>
-import { NcDialog } from '@nextcloud/vue'
+import NcDialog from '@nextcloud/vue/components/NcDialog'
 import { isMobilePlatform } from '../helpers/platform.js'
 import { TRANSLATIONS, MODIFIERS } from './Menu/keys.js'
 

src/components/ImageView/ShowImageModal.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { NcModal } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/components/NcModal'
 
 export default {
 	name: 'ShowImageModal',

src/components/Link/LinkBubbleView.vue

@@ -86,7 +86,9 @@
 </template>
 
 <script>
-import { NcButton, NcLoadingIcon, NcTextField } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
+import NcTextField from '@nextcloud/vue/components/NcTextField'
 import { NcReferenceList } from '@nextcloud/vue/dist/Components/NcRichText.js'
 import { translate as t } from '@nextcloud/l10n'
 import CheckIcon from 'vue-material-design-icons/Check.vue'

src/components/Menu/ActionAttachmentUpload.vue

@@ -39,7 +39,8 @@
 </template>
 
 <script>
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { Loading, Folder, Upload } from '../icons.js'
 import {
 	useIsPublicMixin,

src/components/Menu/ActionFormattingHelp.vue

@@ -15,7 +15,7 @@
 
 <script>
 import { defineComponent } from 'vue'
-import { NcActionButton as NextcloudVueNcActionButton } from '@nextcloud/vue'
+import NextcloudVueNcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { Help } from '../icons.js'
 
 export default defineComponent({

src/components/Menu/ActionInsertLink.vue

@@ -64,7 +64,9 @@
 </template>
 
 <script>
-import { NcActions, NcActionButton, NcActionInput } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionInput from '@nextcloud/vue/components/NcActionInput'
 import { getLinkWithPicker } from '@nextcloud/vue/dist/Components/NcRichText.js'
 import { getFilePickerBuilder } from '@nextcloud/dialogs'
 import { generateUrl } from '@nextcloud/router'

src/components/Menu/ActionList.vue

@@ -33,7 +33,8 @@
 </template>
 
 <script>
-import { NcActions, NcActionSeparator } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
 import { BaseActionEntry } from './BaseActionEntry.js'
 import ActionListItem from './ActionListItem.vue'
 import { getActionState, getIsActive } from './utils.js'

src/components/Menu/ActionListItem.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import { NcActionButton as NextcloudVueNcActionButton } from '@nextcloud/vue'
+import NextcloudVueNcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { BaseActionEntry } from './BaseActionEntry.js'
 
 export default {

src/components/Menu/ActionSingle.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script>
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { BaseActionEntry } from './BaseActionEntry.js'
 
 export default {

src/components/Menu/CharacterCount.vue

@@ -17,7 +17,7 @@
 <script>
 import { defineComponent } from 'vue'
 import { translatePlural as n } from '@nextcloud/l10n'
-import { NcActionText } from '@nextcloud/vue'
+import NcActionText from '@nextcloud/vue/components/NcActionText'
 import { AlphabeticalVariant } from '../icons.js'
 import { useEditorMixin } from '../Editor.provider.js'
 

src/components/Menu/EmojiPickerAction.vue

@@ -22,7 +22,8 @@
 
 <script>
 import { BaseActionEntry } from './BaseActionEntry.js'
-import { NcEmojiPicker, NcButton } from '@nextcloud/vue'
+import NcEmojiPicker from '@nextcloud/vue/components/NcEmojiPicker'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { useMenuIDMixin } from './MenuBar.provider.js'
 
 export default {

src/components/Menu/MenuBar.vue

@@ -60,7 +60,8 @@
 
 <script>
 import { ref } from 'vue'
-import { NcActionSeparator, NcActionButton } from '@nextcloud/vue'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { loadState } from '@nextcloud/initial-state'
 import { useElementSize } from '@vueuse/core'
 import { emit } from '@nextcloud/event-bus'

src/components/Modal/Translate.vue

@@ -75,7 +75,11 @@
 import axios from '@nextcloud/axios'
 import { loadState } from '@nextcloud/initial-state'
 import { generateOcsUrl } from '@nextcloud/router'
-import { NcModal, NcButton, NcSelect, NcLoadingIcon, NcTextArea } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/components/NcModal'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcSelect from '@nextcloud/vue/components/NcSelect'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
+import NcTextArea from '@nextcloud/vue/components/NcTextArea'
 import { useIsMobileMixin } from '../Editor.provider.js'
 
 const detectLanguageEntry = {

src/components/PublicFilesEditor.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script>
-import { NcModal } from '@nextcloud/vue'
+import NcModal from '@nextcloud/vue/components/NcModal'
 
 export default {
 	name: 'PublicFilesEditor',

src/components/Suggestion/Emoji/EmojiList.vue

@@ -25,7 +25,7 @@
 
 <script>
 import { translate as t } from '@nextcloud/l10n'
-import { emojiAddRecent } from '@nextcloud/vue'
+import { emojiAddRecent } from '@nextcloud/vue/functions/emoji'
 
 export default {
 	name: 'EmojiList',

src/components/Suggestion/Emoji/suggestions.js

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { emojiSearch } from '@nextcloud/vue'
+import { emojiSearch } from '@nextcloud/vue/functions/emoji'
 import createSuggestions from '../suggestions.js'
 import EmojiList from './EmojiList.vue'
 

src/extensions/Mention.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script>
-import { NcUserBubble } from '@nextcloud/vue'
+import NcUserBubble from '@nextcloud/vue/components/NcUserBubble'
 import { NodeViewWrapper } from '@tiptap/vue-2'
 import { getCurrentUser } from '@nextcloud/auth'
 

src/nodes/CodeBlockView.vue

@@ -82,7 +82,12 @@
 <script>
 import debounce from 'debounce'
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton, NcActionInput, NcActionLink, NcActionSeparator, NcLoadingIcon } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionInput from '@nextcloud/vue/components/NcActionInput'
+import NcActionLink from '@nextcloud/vue/components/NcActionLink'
+import NcActionSeparator from '@nextcloud/vue/components/NcActionSeparator'
+import NcLoadingIcon from '@nextcloud/vue/components/NcLoadingIcon'
 import { v4 as uuidv4 } from 'uuid'
 
 import ViewSplitVertical from 'vue-material-design-icons/ViewSplitVertical.vue'

src/nodes/ImageView.vue

@@ -115,7 +115,7 @@
 <script>
 import ClickOutside from 'vue-click-outside'
 import { mapGetters } from 'vuex'
-import { NcButton } from '@nextcloud/vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
 import { showError } from '@nextcloud/dialogs'
 import ShowImageModal from '../components/ImageView/ShowImageModal.vue'
 import store from '../mixins/store.js'

src/nodes/Table/TableCellView.vue

@@ -40,7 +40,8 @@
 
 <script>
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { TableAddRowBefore, TableAddRowAfter, Delete } from '../../components/icons.js'
 
 export default {

src/nodes/Table/TableHeaderView.vue

@@ -73,7 +73,9 @@
 
 <script>
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton, NcActionButtonGroup } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionButtonGroup from '@nextcloud/vue/components/NcActionButtonGroup'
 import {
 	AlignHorizontalCenter,
 	AlignHorizontalLeft,

src/nodes/Table/TableView.vue

@@ -28,7 +28,8 @@
 
 <script>
 import { NodeViewWrapper, NodeViewContent } from '@tiptap/vue-2'
-import { NcActions, NcActionButton } from '@nextcloud/vue'
+import NcActions from '@nextcloud/vue/components/NcActions'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import { TableSettings, Delete } from '../../components/icons.js'
 
 export default {

src/tests/setup.mjs

@@ -65,6 +65,8 @@ Vue.prototype.t = global.t
 Vue.prototype.n = global.n
 Vue.prototype.OC = OC
 Vue.prototype.OCA = OCA
+// suppress errors from not-explicitly-imported @nc-vue component
+global.appName = 'text'
 
 // Mock ClipboardEvent and DragEvent as long as jsdom is used
 // https://github.com/ueberdosis/tiptap/issues/4455

src/views/FilesSettings.vue

@@ -13,7 +13,7 @@
 <script>
 import { emit } from '@nextcloud/event-bus'
 import axios from '@nextcloud/axios'
-import { NcCheckboxRadioSwitch } from '@nextcloud/vue'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/components/NcCheckboxRadioSwitch'
 import { generateUrl } from '@nextcloud/router'
 
 export default {