@conduction/nextcloud-vue 0.1.0-beta.3 → 0.1.0-beta.5

package/package.json

@@ -1,62 +1,82 @@
-{
-	"name": "@conduction/nextcloud-vue",
-	"version": "0.1.0-beta.3",
-	"description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
-	"license": "EUPL-1.2",
-	"author": "Conduction B.V. <info@conduction.nl>",
-	"main": "dist/nextcloud-vue.cjs.js",
-	"module": "dist/nextcloud-vue.esm.js",
-	"style": "dist/nextcloud-vue.css",
-	"types": "src/types/index.d.ts",
-	"files": [
-		"dist/",
-		"src/",
-		"css/"
-	],
-	"sideEffects": true,
-	"scripts": {
-		"build": "rollup -c",
-		"dev": "rollup -c -w",
-		"test": "jest",
-		"lint": "eslint src/",
-		"stylelint": "stylelint 'src/**/*.vue' 'src/**/*.css'",
-		"prepare": "npm run build",
-		"prepublishOnly": "npm run build"
-	},
-	"peerDependencies": {
-		"@nextcloud/l10n": "^2.0.0 || ^3.0.0",
-		"@nextcloud/vue": "^8.0.0",
-		"pinia": "^2.0.0",
-		"vue": "^2.7.0",
-		"vue-material-design-icons": "^5.0.0"
-	},
-	"devDependencies": {
-		"@babel/core": "^7.29.0",
-		"@babel/preset-env": "^7.29.0",
-		"@eslint/config-helpers": "^0.4.2",
-		"@eslint/eslintrc": "^3.3.4",
-		"@eslint/js": "^9.39.3",
-		"@nextcloud/browserslist-config": "^3.1.2",
-		"@nextcloud/eslint-config": "^8.4.2",
-		"@nextcloud/vue": "^8.12.0",
-		"@rollup/plugin-commonjs": "^25.0.0",
-		"@rollup/plugin-node-resolve": "^15.0.0",
-		"@vue/test-utils": "^1.3.6",
-		"@vue/vue2-jest": "^29.2.6",
-		"babel-jest": "^29.7.0",
-		"eslint": "^8.56.0",
-		"eslint-import-resolver-alias": "^1.1.2",
-		"jest": "^29.7.0",
-		"jest-environment-jsdom": "^29.7.0",
-		"jest-transform-stub": "^2.0.0",
-		"pinia": "^2.1.7",
-		"rollup": "^3.29.0",
-		"rollup-plugin-postcss": "^4.0.0",
-		"rollup-plugin-vue": "^5.1.9",
-		"stylelint": "^14.16.1",
-		"stylelint-config-recommended": "^9.0.0",
-		"stylelint-config-recommended-vue": "^1.5.0",
-		"vue": "^2.7.16",
-		"vue-material-design-icons": "^5.2.0"
-	}
-}
+{
+	"name": "@conduction/nextcloud-vue",
+	"version": "0.1.0-beta.5",
+	"description": "Shared Vue component library for Conduction Nextcloud apps — complements @nextcloud/vue with higher-level components, OpenRegister integration, and NL Design System support",
+	"license": "EUPL-1.2",
+	"author": "Conduction B.V. <info@conduction.nl>",
+	"main": "dist/nextcloud-vue.cjs",
+	"module": "dist/nextcloud-vue.esm.js",
+	"style": "dist/nextcloud-vue.css",
+	"types": "src/types/index.d.ts",
+	"files": [
+		"dist/",
+		"src/",
+		"css/"
+	],
+	"type": "module",
+	"sideEffects": true,
+	"scripts": {
+		"build": "rollup -c",
+		"dev": "rollup -c -w",
+		"test": "jest",
+		"lint": "eslint src/",
+		"lint-fix": "npm run lint -- --fix",
+		"stylelint": "stylelint 'src/**/*.vue' 'src/**/*.css'",
+		"prepublishOnly": "npm run build"
+	},
+	"dependencies": {
+		"@codemirror/lang-json": "^6.0.2",
+		"@nextcloud/capabilities": "^1.2.1",
+		"@nextcloud/dialogs": "^7.3.0",
+		"gridstack": "^10.3.1",
+		"vue-apexcharts": "^1.7.0",
+		"vue-codemirror6": "^1.4.3"
+	},
+	"peerDependencies": {
+		"@nextcloud/axios": "^2.0.0",
+		"@nextcloud/l10n": "^2.0.0 || ^3.0.0",
+		"@nextcloud/router": "^2.0.0 || ^3.0.0",
+		"@nextcloud/vue": "^8.0.0",
+		"bootstrap-vue": "^2.23.1",
+		"pinia": "^2.0.0",
+		"vue": "^2.7.0",
+		"vue-material-design-icons": "^5.0.0",
+		"vue-frag": "^1.4.3"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.29.0",
+		"@babel/preset-env": "^7.29.0",
+		"@eslint/config-helpers": "^0.4.2",
+		"@eslint/eslintrc": "^3.3.4",
+		"@eslint/js": "^9.39.3",
+		"@nextcloud/browserslist-config": "^3.1.2",
+		"@nextcloud/eslint-config": "^8.4.2",
+		"@nextcloud/vue": "^8.12.0",
+		"@rollup/plugin-commonjs": "^25.0.0",
+		"@rollup/plugin-node-resolve": "^15.0.0",
+		"@vue/test-utils": "^1.3.6",
+		"@vue/vue2-jest": "^29.2.6",
+		"babel-jest": "^29.7.0",
+		"bootstrap-vue": "^2.23.1",
+		"eslint": "^8.56.0",
+		"eslint-import-resolver-alias": "^1.1.2",
+		"eslint-plugin-import": "^2.29.1",
+		"eslint-plugin-n": "^16.6.2",
+		"eslint-plugin-promise": "^6.1.1",
+		"eslint-plugin-vue": "^9.21.1",
+		"eslint-webpack-plugin": "^4.0.1",
+		"jest": "^29.7.0",
+		"jest-environment-jsdom": "^29.7.0",
+		"jest-transform-stub": "^2.0.0",
+		"pinia": "^2.1.7",
+		"rollup": "^3.29.0",
+		"rollup-plugin-postcss": "^4.0.0",
+		"rollup-plugin-vue": "^5.1.9",
+		"stylelint": "^14.16.1",
+		"stylelint-config-recommended": "^9.0.0",
+		"@semantic-release/git": "^10.0.1",
+		"stylelint-config-recommended-vue": "^1.5.0",
+		"vue": "^2.7.16",
+		"vue-material-design-icons": "^5.2.0"
+	}
+}

package/src/components/CnActionsBar/CnActionsBar.vue

@@ -39,23 +39,26 @@
 				{{ addLabel }}
 			</NcButton>
 
+			<slot name="header-actions" />
+
 			<!-- Actions menu (Refresh, Import, Export, mass actions) -->
 			<NcActions
 				:force-name="true"
 				:inline="0"
 				menu-name="Actions">
-				<NcActionButton @click="$emit('refresh')">
+				<NcActionButton :disabled="refreshing" @click="$emit('refresh')">
 					<template #icon>
-						<Refresh :size="20" />
+						<NcLoadingIcon v-if="refreshing" :size="20" />
+						<Refresh v-else :size="20" />
 					</template>
-					Refresh
+					{{ refreshing ? 'Refreshing...' : 'Refresh' }}
 				</NcActionButton>
 
 				<!-- Custom primary action items (overflow) -->
 				<slot name="action-items" />
 
 				<!-- Separator between primary and mass actions -->
-				<NcActionSeparator v-if="selectable" />
+				<NcActionSeparator v-if="hasMassActions" />
 
 				<!-- Mass actions (overflow) -->
 				<NcActionButton
@@ -98,14 +101,12 @@
 				<!-- Custom mass actions (overflow) -->
 				<slot name="mass-actions" :count="selectedIds.length" :selected-ids="selectedIds" />
 			</NcActions>
-
-			<slot name="header-actions" />
 		</div>
 	</div>
 </template>
 
 <script>
-import { NcActions, NcActionButton, NcActionSeparator, NcButton, NcCheckboxRadioSwitch } from '@nextcloud/vue'
+import { NcActions, NcActionButton, NcActionSeparator, NcButton, NcCheckboxRadioSwitch, NcLoadingIcon } from '@nextcloud/vue'
 import { CnIcon } from '../CnIcon/index.js'
 import Plus from 'vue-material-design-icons/Plus.vue'
 import Refresh from 'vue-material-design-icons/Refresh.vue'
@@ -135,6 +136,7 @@ export default {
 		NcActionSeparator,
 		NcButton,
 		NcCheckboxRadioSwitch,
+		NcLoadingIcon,
 		CnIcon,
 		Plus,
 		Refresh,
@@ -211,6 +213,11 @@ export default {
 			type: Boolean,
 			default: true,
 		},
+		/** Whether the refresh action is currently in progress */
+		refreshing: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	computed: {
@@ -218,6 +225,9 @@ export default {
 			if (!this.pagination) return ''
 			return `Showing ${this.objectCount} of ${this.pagination.total}`
 		},
+		hasMassActions() {
+			return this.showMassImport || this.showMassExport || this.showMassCopy || this.showMassDelete
+		},
 	},
 }
 </script>

package/src/components/CnActionsBar/index.js

@@ -1 +1 @@
-export { default as CnActionsBar } from './CnActionsBar.vue'
+export { default as CnActionsBar } from './CnActionsBar.vue'