@conduction/nextcloud-vue 0.1.0-beta.4 → 0.1.0-beta.6

package/src/components/CnWidgetWrapper/CnWidgetWrapper.vue

@@ -1,211 +1,211 @@
-<!--
-  CnWidgetWrapper — Container shell around a dashboard widget.
-
-  Provides header (icon + title), scrollable content area, and optional
-  footer with action buttons. Applies style configuration for borders,
-  backgrounds, and padding.
--->
-<template>
-	<div class="cn-widget-wrapper" :style="wrapperStyles">
-		<!-- Header -->
-		<div v-if="showTitle" class="cn-widget-wrapper__header">
-			<div class="cn-widget-wrapper__header-left">
-				<img
-					v-if="iconUrl"
-					:src="iconUrl"
-					:alt="displayTitle"
-					class="cn-widget-wrapper__icon">
-				<span
-					v-else-if="iconClass"
-					:class="iconClass"
-					class="cn-widget-wrapper__icon" />
-				<h3 class="cn-widget-wrapper__title">
-					{{ displayTitle }}
-				</h3>
-			</div>
-			<div class="cn-widget-wrapper__actions">
-				<slot name="header-actions" />
-			</div>
-		</div>
-
-		<!-- Content -->
-		<div class="cn-widget-wrapper__content">
-			<slot />
-		</div>
-
-		<!-- Footer -->
-		<div v-if="$slots.footer || (buttons && buttons.length > 0)" class="cn-widget-wrapper__footer">
-			<slot name="footer">
-				<a
-					v-for="button in buttons"
-					:key="button.link"
-					:href="button.link"
-					class="cn-widget-wrapper__footer-link">
-					{{ button.text }}
-				</a>
-			</slot>
-		</div>
-	</div>
-</template>
-
-<script>
-/**
- * CnWidgetWrapper — Widget container with header, content, and footer.
- *
- * @example
- * <CnWidgetWrapper title="My Cases" :icon-url="casesIconUrl">
- *   <MyCasesChart :data="chartData" />
- * </CnWidgetWrapper>
- *
- * @example With NC widget object
- * <CnWidgetWrapper
- *   :title="widget.title"
- *   :icon-url="widget.iconUrl"
- *   :icon-class="widget.iconClass"
- *   :buttons="widget.buttons">
- *   <CnWidgetRenderer :widget="widget" />
- * </CnWidgetWrapper>
- */
-export default {
-	name: 'CnWidgetWrapper',
-
-	props: {
-		/** Widget title */
-		title: {
-			type: String,
-			default: 'Widget',
-		},
-		/** Whether to show the header with title */
-		showTitle: {
-			type: Boolean,
-			default: true,
-		},
-		/** Icon URL (image) */
-		iconUrl: {
-			type: String,
-			default: null,
-		},
-		/** Icon CSS class (e.g., Nextcloud icon class) */
-		iconClass: {
-			type: String,
-			default: null,
-		},
-		/** Footer action buttons: [{ text, link }] */
-		buttons: {
-			type: Array,
-			default: () => [],
-		},
-		/**
-		 * Style configuration for the wrapper.
-		 * @type {{ backgroundColor?: string, borderStyle?: string, borderWidth?: number, borderColor?: string, borderRadius?: number, padding?: { top: number, right: number, bottom: number, left: number } }}
-		 */
-		styleConfig: {
-			type: Object,
-			default: () => ({}),
-		},
-	},
-
-	computed: {
-		displayTitle() {
-			return this.title || 'Widget'
-		},
-
-		wrapperStyles() {
-			const styles = {}
-
-			if (this.styleConfig.backgroundColor) {
-				styles.backgroundColor = this.styleConfig.backgroundColor
-			}
-
-			if (this.styleConfig.borderStyle && this.styleConfig.borderStyle !== 'none') {
-				styles.border = `${this.styleConfig.borderWidth || 1}px ${this.styleConfig.borderStyle} ${this.styleConfig.borderColor || 'var(--color-border)'}`
-			}
-
-			if (this.styleConfig.borderRadius !== undefined) {
-				styles.borderRadius = `${this.styleConfig.borderRadius}px`
-			}
-
-			if (this.styleConfig.padding) {
-				const p = this.styleConfig.padding
-				styles.padding = `${p.top || 0}px ${p.right || 0}px ${p.bottom || 0}px ${p.left || 0}px`
-			}
-
-			return styles
-		},
-	},
-}
-</script>
-
-<style scoped>
-.cn-widget-wrapper {
-	height: 100%;
-	display: flex;
-	flex-direction: column;
-	background: var(--color-main-background);
-	border: 1px solid var(--color-border);
-	overflow: hidden;
-}
-
-.cn-widget-wrapper__header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	padding: 12px 16px;
-	border-bottom: 1px solid var(--color-border);
-	flex-shrink: 0;
-}
-
-.cn-widget-wrapper__header-left {
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	min-width: 0;
-}
-
-.cn-widget-wrapper__icon {
-	width: 24px;
-	height: 24px;
-	flex-shrink: 0;
-}
-
-.cn-widget-wrapper__title {
-	font-weight: 600;
-	font-size: 14px;
-	margin: 0;
-	white-space: nowrap;
-	overflow: hidden;
-	text-overflow: ellipsis;
-}
-
-.cn-widget-wrapper__content {
-	flex: 1;
-	overflow: auto;
-	min-height: 0;
-	padding: 16px;
-}
-
-.cn-widget-wrapper__actions {
-	display: flex;
-	gap: 4px;
-	flex-shrink: 0;
-}
-
-.cn-widget-wrapper__footer {
-	display: flex;
-	justify-content: flex-end;
-	gap: 8px;
-	padding: 8px 16px;
-	border-top: 1px solid var(--color-border);
-	flex-shrink: 0;
-}
-
-.cn-widget-wrapper__footer-link {
-	font-size: 13px;
-	color: var(--color-primary-element);
-	text-decoration: none;
-}
-
-.cn-widget-wrapper__footer-link:hover {
-	text-decoration: underline;
-}
-</style>
+<!--
+  CnWidgetWrapper — Container shell around a dashboard widget.
+
+  Provides header (icon + title), scrollable content area, and optional
+  footer with action buttons. Applies style configuration for borders,
+  backgrounds, and padding.
+-->
+<template>
+	<div class="cn-widget-wrapper" :style="wrapperStyles">
+		<!-- Header -->
+		<div v-if="showTitle" class="cn-widget-wrapper__header">
+			<div class="cn-widget-wrapper__header-left">
+				<img
+					v-if="iconUrl"
+					:src="iconUrl"
+					:alt="displayTitle"
+					class="cn-widget-wrapper__icon">
+				<span
+					v-else-if="iconClass"
+					:class="iconClass"
+					class="cn-widget-wrapper__icon" />
+				<h3 class="cn-widget-wrapper__title">
+					{{ displayTitle }}
+				</h3>
+			</div>
+			<div class="cn-widget-wrapper__actions">
+				<slot name="header-actions" />
+			</div>
+		</div>
+
+		<!-- Content -->
+		<div class="cn-widget-wrapper__content">
+			<slot />
+		</div>
+
+		<!-- Footer -->
+		<div v-if="$slots.footer || (buttons && buttons.length > 0)" class="cn-widget-wrapper__footer">
+			<slot name="footer">
+				<a
+					v-for="button in buttons"
+					:key="button.link"
+					:href="button.link"
+					class="cn-widget-wrapper__footer-link">
+					{{ button.text }}
+				</a>
+			</slot>
+		</div>
+	</div>
+</template>
+
+<script>
+/**
+ * CnWidgetWrapper — Widget container with header, content, and footer.
+ *
+ * @example
+ * <CnWidgetWrapper title="My Cases" :icon-url="casesIconUrl">
+ *   <MyCasesChart :data="chartData" />
+ * </CnWidgetWrapper>
+ *
+ * @example With NC widget object
+ * <CnWidgetWrapper
+ *   :title="widget.title"
+ *   :icon-url="widget.iconUrl"
+ *   :icon-class="widget.iconClass"
+ *   :buttons="widget.buttons">
+ *   <CnWidgetRenderer :widget="widget" />
+ * </CnWidgetWrapper>
+ */
+export default {
+	name: 'CnWidgetWrapper',
+
+	props: {
+		/** Widget title */
+		title: {
+			type: String,
+			default: 'Widget',
+		},
+		/** Whether to show the header with title */
+		showTitle: {
+			type: Boolean,
+			default: true,
+		},
+		/** Icon URL (image) */
+		iconUrl: {
+			type: String,
+			default: null,
+		},
+		/** Icon CSS class (e.g., Nextcloud icon class) */
+		iconClass: {
+			type: String,
+			default: null,
+		},
+		/** Footer action buttons: [{ text, link }] */
+		buttons: {
+			type: Array,
+			default: () => [],
+		},
+		/**
+		 * Style configuration for the wrapper.
+		 * @type {{ backgroundColor?: string, borderStyle?: string, borderWidth?: number, borderColor?: string, borderRadius?: number, padding?: { top: number, right: number, bottom: number, left: number } }}
+		 */
+		styleConfig: {
+			type: Object,
+			default: () => ({}),
+		},
+	},
+
+	computed: {
+		displayTitle() {
+			return this.title || 'Widget'
+		},
+
+		wrapperStyles() {
+			const styles = {}
+
+			if (this.styleConfig.backgroundColor) {
+				styles.backgroundColor = this.styleConfig.backgroundColor
+			}
+
+			if (this.styleConfig.borderStyle && this.styleConfig.borderStyle !== 'none') {
+				styles.border = `${this.styleConfig.borderWidth || 1}px ${this.styleConfig.borderStyle} ${this.styleConfig.borderColor || 'var(--color-border)'}`
+			}
+
+			if (this.styleConfig.borderRadius !== undefined) {
+				styles.borderRadius = `${this.styleConfig.borderRadius}px`
+			}
+
+			if (this.styleConfig.padding) {
+				const p = this.styleConfig.padding
+				styles.padding = `${p.top || 0}px ${p.right || 0}px ${p.bottom || 0}px ${p.left || 0}px`
+			}
+
+			return styles
+		},
+	},
+}
+</script>
+
+<style scoped>
+.cn-widget-wrapper {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	background: var(--color-main-background);
+	border: 1px solid var(--color-border);
+	overflow: hidden;
+}
+
+.cn-widget-wrapper__header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 12px 16px;
+	border-bottom: 1px solid var(--color-border);
+	flex-shrink: 0;
+}
+
+.cn-widget-wrapper__header-left {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	min-width: 0;
+}
+
+.cn-widget-wrapper__icon {
+	width: 24px;
+	height: 24px;
+	flex-shrink: 0;
+}
+
+.cn-widget-wrapper__title {
+	font-weight: 600;
+	font-size: 14px;
+	margin: 0;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.cn-widget-wrapper__content {
+	flex: 1;
+	overflow: auto;
+	min-height: 0;
+	padding: 16px;
+}
+
+.cn-widget-wrapper__actions {
+	display: flex;
+	gap: 4px;
+	flex-shrink: 0;
+}
+
+.cn-widget-wrapper__footer {
+	display: flex;
+	justify-content: flex-end;
+	gap: 8px;
+	padding: 8px 16px;
+	border-top: 1px solid var(--color-border);
+	flex-shrink: 0;
+}
+
+.cn-widget-wrapper__footer-link {
+	font-size: 13px;
+	color: var(--color-primary-element);
+	text-decoration: none;
+}
+
+.cn-widget-wrapper__footer-link:hover {
+	text-decoration: underline;
+}
+</style>

package/src/index.js

@@ -30,7 +30,6 @@ export {
 	CnMassImportDialog,
 	CnIndexSidebar,
 	CnRegisterMapping,
-	CnDetailPage,
 	CnDashboardPage,
 	CnDashboardGrid,
 	CnWidgetWrapper,
@@ -43,6 +42,7 @@ export {
 	CnUserActionMenu,
 	CnNotesCard,
 	CnTasksCard,
+	CnDetailPage,
 	registerIcons,
 } from './components/index.js'
 

package/src/types/notification.d.ts

@@ -1,3 +1,16 @@
+/** Notification type categories. */
+export type TNotificationType =
+	| 'status-change'
+	| 'assignment'
+	| 'deadline'
+	| 'mention'
+	| 'comment'
+	| 'system'
+	| string
+
+/** Notification priority levels. */
+export type TNotificationPriority = 'urgent' | 'high' | 'normal' | 'low'
+
 /**
  * OpenRegister Notification entity type.
  *
@@ -21,16 +34,3 @@ export interface TNotification {
 	created: string
 	updated?: string
 }
-
-/** Notification type categories. */
-export type TNotificationType =
-	| 'status-change'
-	| 'assignment'
-	| 'deadline'
-	| 'mention'
-	| 'comment'
-	| 'system'
-	| string
-
-/** Notification priority levels. */
-export type TNotificationPriority = 'urgent' | 'high' | 'normal' | 'low'

package/src/types/organisation.d.ts

@@ -1,5 +1,20 @@
 import type { TQuota, TUsage, TCrudAuthorization } from './shared'
 
+/** Organisation-level authorization with per-entity-type CRUD + special permissions. */
+export interface TOrganisationAuthorization {
+	register?: TCrudAuthorization
+	schema?: TCrudAuthorization
+	object?: TCrudAuthorization
+	view?: TCrudAuthorization
+	agent?: TCrudAuthorization
+	configuration?: TCrudAuthorization
+	application?: TCrudAuthorization
+	object_publish?: string[]
+	agent_use?: string[]
+	dashboard_view?: string[]
+	llm_use?: string[]
+}
+
 /**
  * OpenRegister Organisation entity type.
  *
@@ -24,18 +39,3 @@ export interface TOrganisation {
 	created?: string
 	updated?: string
 }
-
-/** Organisation-level authorization with per-entity-type CRUD + special permissions. */
-export interface TOrganisationAuthorization {
-	register?: TCrudAuthorization
-	schema?: TCrudAuthorization
-	object?: TCrudAuthorization
-	view?: TCrudAuthorization
-	agent?: TCrudAuthorization
-	configuration?: TCrudAuthorization
-	application?: TCrudAuthorization
-	object_publish?: string[]
-	agent_use?: string[]
-	dashboard_view?: string[]
-	llm_use?: string[]
-}

package/src/types/schema.d.ts

@@ -1,5 +1,18 @@
 import type { TEntityStats } from './shared'
 
+/** Schema configuration options. */
+export interface TSchemaConfiguration {
+	objectNameField?: string
+	objectDescriptionField?: string
+	objectSummaryField?: string
+	objectImageField?: string
+	allowFiles?: boolean
+	allowedTags?: string[]
+	unique?: boolean
+	facetCacheTtl?: number
+	autoPublish?: boolean
+}
+
 /**
  * OpenRegister Schema entity type.
  *
@@ -24,16 +37,3 @@ export interface TSchema {
 	extend?: string
 	stats?: TEntityStats
 }
-
-/** Schema configuration options. */
-export interface TSchemaConfiguration {
-	objectNameField?: string
-	objectDescriptionField?: string
-	objectSummaryField?: string
-	objectImageField?: string
-	allowFiles?: boolean
-	allowedTags?: string[]
-	unique?: boolean
-	facetCacheTtl?: number
-	autoPublish?: boolean
-}

package/src/types/task.d.ts

@@ -1,3 +1,9 @@
+/** CalDAV task priority levels (mapped from iCal 0-9 range). */
+export type TTaskPriority = 'urgent' | 'high' | 'normal' | 'low'
+
+/** CalDAV task status values. */
+export type TTaskStatus = 'needs-action' | 'in-process' | 'completed' | 'cancelled'
+
 /**
  * OpenRegister Task entity type.
  *
@@ -23,9 +29,3 @@ export interface TTask {
 	created?: string
 	updated?: string
 }
-
-/** CalDAV task priority levels (mapped from iCal 0-9 range). */
-export type TTaskPriority = 'urgent' | 'high' | 'normal' | 'low'
-
-/** CalDAV task status values. */
-export type TTaskStatus = 'needs-action' | 'in-process' | 'completed' | 'cancelled'

package/src/utils/headers.js

@@ -39,8 +39,8 @@ export function buildHeaders(contentType = 'application/json') {
 /**
  * Build a query string from a params object.
  *
- * Handles _order serialization (JSON.stringify for objects) and skips
- * null/undefined/empty values.
+ * Handles array values by appending each item separately, plain object values
+ * by JSON-serializing them, and skips null/undefined/empty values.
  *
  * @param {object} params Key-value pairs for query parameters
  * @return {string} Query string including leading '?' or empty string
@@ -50,13 +50,15 @@ export function buildQueryString(params = {}) {
 
 	for (const [key, value] of Object.entries(params)) {
 		if (value === undefined || value === null || value === '') continue
+		if (Array.isArray(value) && value.length === 0) continue
+		if (typeof value === 'object' && !Array.isArray(value) && Object.keys(value).length === 0) continue
 		if (Array.isArray(value)) {
 			for (const item of value) {
 				if (item !== undefined && item !== null && item !== '') {
 					queryParams.append(key, String(item))
 				}
 			}
-		} else if (key === '_order' && typeof value === 'object') {
+		} else if (typeof value === 'object') {
 			queryParams.set(key, JSON.stringify(value))
 		} else {
 			queryParams.set(key, String(value))