Add Nc prefix to Nc vue component names

Signed-off-by: Vincent Petry <vincent@nextcloud.com>

11 files changed, 67 insertions, 59 deletions

diff --git a/apps/workflowengine/src/components/Check.vue b/apps/workflowengine/src/components/Check.vue
index d1c18f9d8a0..56ba68ee01e 100644
--- a/apps/workflowengine/src/components/Check.vue
+++ b/apps/workflowengine/src/components/Check.vue
@@ -1,6 +1,6 @@
 <template>
 	<div v-click-outside="hideDelete" class="check" @click="showDelete">
-		<Multiselect ref="checkSelector"
+		<NcMultiselect ref="checkSelector"
 			v-model="currentOption"
 			:options="options"
 			label="name"
@@ -8,7 +8,7 @@
 			:allow-empty="false"
 			:placeholder="t('workflowengine', 'Select a filter')"
 			@input="updateCheck" />
-		<Multiselect v-model="currentOperator"
+		<NcMultiselect v-model="currentOperator"
 			:disabled="!currentOption"
 			:options="operators"
 			class="comparator"
@@ -34,24 +34,24 @@
 			:placeholder="valuePlaceholder"
 			class="option"
 			@input="updateCheck">
-		<Actions v-if="deleteVisible || !currentOption">
-			<ActionButton icon="icon-close" @click="$emit('remove')" />
-		</Actions>
+		<NcActions v-if="deleteVisible || !currentOption">
+			<NcActionButton icon="icon-close" @click="$emit('remove')" />
+		</NcActions>
 	</div>
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
-import Actions from '@nextcloud/vue/dist/Components/Actions'
-import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
+import NcActions from '@nextcloud/vue/dist/Components/NcActions'
+import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton'
 import ClickOutside from 'vue-click-outside'
 
 export default {
 	name: 'Check',
 	components: {
-		ActionButton,
-		Actions,
-		Multiselect,
+		NcActionButton,
+		NcActions,
+		NcMultiselect,
 	},
 	directives: {
 		ClickOutside,
diff --git a/apps/workflowengine/src/components/Checks/FileMimeType.vue b/apps/workflowengine/src/components/Checks/FileMimeType.vue
index 7c4ea4d145e..86f1a6b8cb1 100644
--- a/apps/workflowengine/src/components/Checks/FileMimeType.vue
+++ b/apps/workflowengine/src/components/Checks/FileMimeType.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<div>
-		<Multiselect :value="currentValue"
+		<NcMultiselect :value="currentValue"
 			:placeholder="t('workflowengine', 'Select a file type')"
 			label="label"
 			track-by="pattern"
@@ -46,7 +46,7 @@
 					alt="">
 				<span class="option__title">{{ props.option.label }}</span>
 			</template>
-		</Multiselect>
+		</NcMultiselect>
 		<input v-if="!isPredefined"
 			type="text"
 			:value="currentValue.pattern"
@@ -56,14 +56,14 @@
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import valueMixin from './../../mixins/valueMixin'
 import { imagePath } from '@nextcloud/router'
 
 export default {
 	name: 'FileMimeType',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	mixins: [
 		valueMixin,
diff --git a/apps/workflowengine/src/components/Checks/MultiselectTag/MultiselectTag.vue b/apps/workflowengine/src/components/Checks/MultiselectTag/MultiselectTag.vue
index c5419f69c3f..780d66fd45e 100644
--- a/apps/workflowengine/src/components/Checks/MultiselectTag/MultiselectTag.vue
+++ b/apps/workflowengine/src/components/Checks/MultiselectTag/MultiselectTag.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<Multiselect v-model="inputValObjects"
+	<NcMultiselect v-model="inputValObjects"
 		:options="tags"
 		:options-limit="5"
 		:placeholder="label"
@@ -37,18 +37,18 @@
 		<template #option="scope">
 			{{ tagLabel(scope.option) }}
 		</template>
-	</multiselect>
+	</NcMultiselect>
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import { searchTags } from './api'
 
 let uuid = 0
 export default {
 	name: 'MultiselectTag',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	props: {
 		label: {
diff --git a/apps/workflowengine/src/components/Checks/RequestTime.vue b/apps/workflowengine/src/components/Checks/RequestTime.vue
index 6723ba52f93..d8bfaff63a5 100644
--- a/apps/workflowengine/src/components/Checks/RequestTime.vue
+++ b/apps/workflowengine/src/components/Checks/RequestTime.vue
@@ -12,7 +12,7 @@
 		<p v-if="!valid" class="invalid-hint">
 			{{ t('workflowengine', 'Please enter a valid time span') }}
 		</p>
-		<Multiselect v-show="valid"
+		<NcMultiselect v-show="valid"
 			v-model="newValue.timezone"
 			:options="timezones"
 			@input="update" />
@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import moment from 'moment-timezone'
 import valueMixin from '../../mixins/valueMixin'
 
@@ -28,7 +28,7 @@ const zones = moment.tz.names()
 export default {
 	name: 'RequestTime',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	mixins: [
 		valueMixin,
diff --git a/apps/workflowengine/src/components/Checks/RequestURL.vue b/apps/workflowengine/src/components/Checks/RequestURL.vue
index 85283a2a14f..1a5b5cc7f87 100644
--- a/apps/workflowengine/src/components/Checks/RequestURL.vue
+++ b/apps/workflowengine/src/components/Checks/RequestURL.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<div>
-		<Multiselect :value="currentValue"
+		<NcMultiselect :value="currentValue"
 			:placeholder="t('workflowengine', 'Select a request URL')"
 			label="label"
 			track-by="pattern"
@@ -40,7 +40,7 @@
 				<span class="option__icon" :class="props.option.icon" />
 				<span class="option__title">{{ props.option.label }} {{ props.option.$groupLabel }}</span>
 			</template>
-		</Multiselect>
+		</NcMultiselect>
 		<input v-if="!isPredefined"
 			type="text"
 			:value="currentValue.pattern"
@@ -50,13 +50,13 @@
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import valueMixin from '../../mixins/valueMixin'
 
 export default {
 	name: 'RequestURL',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	mixins: [
 		valueMixin,
diff --git a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue
index 2bab6d7fed5..c4a5265ac99 100644
--- a/apps/workflowengine/src/components/Checks/RequestUserAgent.vue
+++ b/apps/workflowengine/src/components/Checks/RequestUserAgent.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<div>
-		<Multiselect :value="currentValue"
+		<NcMultiselect :value="currentValue"
 			:placeholder="t('workflowengine', 'Select a user agent')"
 			label="label"
 			track-by="pattern"
@@ -43,7 +43,7 @@
 				<!-- eslint-disable-next-line vue/no-v-html -->
 				<span v-else class="option__title" v-html="props.option.label" />
 			</template>
-		</Multiselect>
+		</NcMultiselect>
 		<input v-if="!isPredefined"
 			type="text"
 			:value="currentValue.pattern"
@@ -52,13 +52,13 @@
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import valueMixin from '../../mixins/valueMixin'
 
 export default {
 	name: 'RequestUserAgent',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	mixins: [
 		valueMixin,
diff --git a/apps/workflowengine/src/components/Checks/RequestUserGroup.vue b/apps/workflowengine/src/components/Checks/RequestUserGroup.vue
index 8fba0fe9211..ba55d88c81c 100644
--- a/apps/workflowengine/src/components/Checks/RequestUserGroup.vue
+++ b/apps/workflowengine/src/components/Checks/RequestUserGroup.vue
@@ -22,7 +22,7 @@
 
 <template>
 	<div>
-		<Multiselect :value="currentValue"
+		<NcMultiselect :value="currentValue"
 			:loading="status.isLoading && groups.length === 0"
 			:options="groups"
 			:multiple="false"
@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import axios from '@nextcloud/axios'
 import { generateOcsUrl } from '@nextcloud/router'
 
@@ -46,7 +46,7 @@ const status = {
 export default {
 	name: 'RequestUserGroup',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	props: {
 		value: {
diff --git a/apps/workflowengine/src/components/Event.vue b/apps/workflowengine/src/components/Event.vue
index 6eb3872e8f8..be0030095e1 100644
--- a/apps/workflowengine/src/components/Event.vue
+++ b/apps/workflowengine/src/components/Event.vue
@@ -4,7 +4,7 @@
 			<img class="option__icon" :src="entity.icon" alt="">
 			<span class="option__title option__title_single">{{ operation.triggerHint }}</span>
 		</div>
-		<Multiselect v-else
+		<NcMultiselect v-else
 			:value="currentEvent"
 			:options="allEvents"
 			track-by="id"
@@ -22,18 +22,18 @@
 				<img class="option__icon" :src="props.option.entity.icon" alt="">
 				<span class="option__title">{{ props.option.displayName }}</span>
 			</template>
-		</Multiselect>
+		</NcMultiselect>
 	</div>
 </template>
 
 <script>
-import Multiselect from '@nextcloud/vue/dist/Components/Multiselect'
+import NcMultiselect from '@nextcloud/vue/dist/Components/NcMultiselect'
 import { showWarning } from '@nextcloud/dialogs'
 
 export default {
 	name: 'Event',
 	components: {
-		Multiselect,
+		NcMultiselect,
 	},
 	props: {
 		rule: {
diff --git a/apps/workflowengine/src/components/Operation.vue b/apps/workflowengine/src/components/Operation.vue
index 4d02ae973cc..64875605b0b 100644
--- a/apps/workflowengine/src/components/Operation.vue
+++ b/apps/workflowengine/src/components/Operation.vue
@@ -4,9 +4,9 @@
 		<div class="actions__item__description">
 			<h3>{{ operation.name }}</h3>
 			<small>{{ operation.description }}</small>
-			<ButtonVue v-if="colored">
+			<NcButton v-if="colored">
 				{{ t('workflowengine', 'Add new flow') }}
-			</ButtonVue>
+			</NcButton>
 		</div>
 		<div class="actions__item_options">
 			<slot />
@@ -15,12 +15,12 @@
 </template>
 
 <script>
-import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton'
 
 export default {
 	name: 'Operation',
 	components: {
-		ButtonVue,
+		NcButton,
 	},
 	props: {
 		operation: {
diff --git a/apps/workflowengine/src/components/Rule.vue b/apps/workflowengine/src/components/Rule.vue
index 9890d613a2b..4c5162da926 100644
--- a/apps/workflowengine/src/components/Rule.vue
+++ b/apps/workflowengine/src/components/Rule.vue
@@ -31,19 +31,19 @@
 					@input="updateOperation" />
 			</Operation>
 			<div class="buttons">
-				<ButtonVue v-if="rule.id < -1 || dirty" @click="cancelRule">
+				<NcButton v-if="rule.id < -1 || dirty" @click="cancelRule">
 					{{ t('workflowengine', 'Cancel') }}
-				</ButtonVue>
-				<ButtonVue v-else-if="!dirty" @click="deleteRule">
+				</NcButton>
+				<NcButton v-else-if="!dirty" @click="deleteRule">
 					{{ t('workflowengine', 'Delete') }}
-				</ButtonVue>
-				<ButtonVue :type="ruleStatus.type"
+				</NcButton>
+				<NcButton :type="ruleStatus.type"
 					@click="saveRule">
 					<template #icon>
 						<component :is="ruleStatus.icon" :size="20" />
 					</template>
 					{{ ruleStatus.title }}
-				</ButtonVue>
+				</NcButton>
 			</div>
 			<p v-if="error" class="error-message">
 				{{ error }}
@@ -54,9 +54,9 @@
 
 <script>
 import Tooltip from '@nextcloud/vue/dist/Directives/Tooltip'
-import Actions from '@nextcloud/vue/dist/Components/Actions'
-import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
-import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
+import NcActions from '@nextcloud/vue/dist/Components/NcActions'
+import NcActionButton from '@nextcloud/vue/dist/Components/NcActionButton'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton'
 import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
 import CheckMark from 'vue-material-design-icons/Check.vue'
 import Close from 'vue-material-design-icons/Close.vue'
@@ -68,7 +68,15 @@ import Operation from './Operation'
 export default {
 	name: 'Rule',
 	components: {
-		Operation, Check, Event, Actions, ActionButton, ButtonVue, ArrowRight, CheckMark, Close,
+		ArrowRight,
+		Check,
+		CheckMark,
+		Close,
+		Event,
+		NcActionButton,
+		NcActions,
+		NcButton,
+		Operation,
 	},
 	directives: {
 		Tooltip,
diff --git a/apps/workflowengine/src/components/Workflow.vue b/apps/workflowengine/src/components/Workflow.vue
index cb8ec547ef6..ef911554a18 100644
--- a/apps/workflowengine/src/components/Workflow.vue
+++ b/apps/workflowengine/src/components/Workflow.vue
@@ -1,6 +1,6 @@
 <template>
 	<div id="workflowengine">
-		<SettingsSection :title="t('workflowengine', 'Available flows')"
+		<NcSettingsSection :title="t('workflowengine', 'Available flows')"
 			:doc-url="workflowDocUrl">
 
 			<p v-if="scope === 0" class="settings-hint">
@@ -26,13 +26,13 @@
 			</transition-group>
 
 			<div v-if="hasMoreOperations" class="actions__more">
-				<ButtonVue @click="showMoreOperations = !showMoreOperations">
+				<NcButton @click="showMoreOperations = !showMoreOperations">
 					<template #icon>
 						<MenuUp v-if="showMoreOperations" :size="20" />
 						<MenuDown v-else :size="20" />
 					</template>
 					{{ showMoreOperations ? t('workflowengine', 'Show less') : t('workflowengine', 'Show more') }}
-				</ButtonVue>
+				</NcButton>
 			</div>
 
 			<h2 v-if="scope === 0" class="configured-flows">
@@ -41,7 +41,7 @@
 			<h2 v-else class="configured-flows">
 				{{ t('workflowengine', 'Your flows') }}
 			</h2>
-		</SettingsSection>
+		</NcSettingsSection>
 
 		<transition-group v-if="rules.length > 0" name="slide">
 			<Rule v-for="rule in rules" :key="rule.id" :rule="rule" />
@@ -52,8 +52,8 @@
 <script>
 import Rule from './Rule'
 import Operation from './Operation'
-import SettingsSection from '@nextcloud/vue/dist/Components/SettingsSection'
-import ButtonVue from '@nextcloud/vue/dist/Components/ButtonVue'
+import NcSettingsSection from '@nextcloud/vue/dist/Components/NcSettingsSection'
+import NcButton from '@nextcloud/vue/dist/Components/NcButton'
 import { mapGetters, mapState } from 'vuex'
 import { generateUrl } from '@nextcloud/router'
 import { loadState } from '@nextcloud/initial-state'
@@ -65,12 +65,12 @@ const ACTION_LIMIT = 3
 export default {
 	name: 'Workflow',
 	components: {
-		ButtonVue,
+		NcButton,
 		MenuDown,
 		MenuUp,
 		Operation,
 		Rule,
-		SettingsSection,
+		NcSettingsSection,
 	},
 	data() {
 		return {