@conduction/nextcloud-vue 0.1.0-beta.1 → 0.1.0-beta.2

package/src/components/CnEmptyState/CnEmptyState.vue

@@ -1,78 +0,0 @@
-<template>
-	<NcEmptyContent :name="title" :description="description">
-		<template #icon>
-			<slot name="icon">
-				<component :is="icon" v-if="icon" :size="64" />
-			</slot>
-		</template>
-		<template v-if="actionLabel" #action>
-			<slot name="action">
-				<NcButton :type="actionType" @click="$emit('action')">
-					{{ actionLabel }}
-				</NcButton>
-			</slot>
-		</template>
-	</NcEmptyContent>
-</template>
-
-<script>
-import { NcEmptyContent, NcButton } from '@nextcloud/vue'
-
-/**
- * CnEmptyState — Consistent empty state display wrapping NcEmptyContent.
- *
- * Provides a unified empty state pattern with icon, title, description,
- * and optional action button. Used across all list views.
- *
- * @example
- * <CnEmptyState
- *   title="No clients yet"
- *   description="Create your first client to get started"
- *   action-label="New Client"
- *   @action="createClient" />
- *
- * @example
- * <!-- With custom icon -->
- * <CnEmptyState title="No results">
- *   <template #icon>
- *     <Magnify :size="64" />
- *   </template>
- * </CnEmptyState>
- */
-export default {
-	name: 'CnEmptyState',
-
-	components: {
-		NcEmptyContent,
-		NcButton,
-	},
-
-	props: {
-		/** Main title text */
-		title: {
-			type: String,
-			required: true,
-		},
-		/** Description text below the title */
-		description: {
-			type: String,
-			default: '',
-		},
-		/** Vue component for the icon (e.g., imported material design icon) */
-		icon: {
-			type: [Object, null],
-			default: null,
-		},
-		/** Action button label. If empty, no button is shown. */
-		actionLabel: {
-			type: String,
-			default: '',
-		},
-		/** NcButton type for the action button */
-		actionType: {
-			type: String,
-			default: 'primary',
-		},
-	},
-}
-</script>

package/src/components/CnEmptyState/index.js

@@ -1 +0,0 @@
-export { default as CnEmptyState } from './CnEmptyState.vue'

package/src/components/CnListViewLayout/CnListViewLayout.vue

@@ -1,80 +0,0 @@
-<template>
-	<div class="cn-list-layout">
-		<!-- Header -->
-		<div class="cn-list-layout__header">
-			<div class="cn-list-layout__title">
-				<h2>{{ title }}</h2>
-				<span v-if="totalItems > 0" class="cn-list-layout__count">({{ totalItems }})</span>
-			</div>
-			<div class="cn-list-layout__actions">
-				<slot name="actions" />
-			</div>
-		</div>
-
-		<!-- Filters slot -->
-		<slot name="filters" />
-
-		<!-- Loading state -->
-		<div v-if="loading" class="cn-loading-container">
-			<NcLoadingIcon :size="32" />
-		</div>
-
-		<!-- Main content (table area) -->
-		<template v-else>
-			<slot />
-		</template>
-
-		<!-- Pagination slot -->
-		<slot name="pagination" />
-	</div>
-</template>
-
-<script>
-import { NcLoadingIcon } from '@nextcloud/vue'
-
-/**
- * CnListViewLayout — Full list page layout wrapping header, filters, table, and pagination.
- *
- * Provides the standard page structure used by every list view: a header with
- * title + action buttons, a filter/search area, the main content (table), and pagination.
- *
- * @example
- * <CnListViewLayout title="Clients" :total-items="clients.length" :loading="isLoading">
- *   <template #actions>
- *     <NcButton type="primary" @click="createClient">New client</NcButton>
- *   </template>
- *   <template #filters>
- *     <CnFilterBar ... />
- *   </template>
- *   <CnDataTable :columns="columns" :rows="clients" />
- *   <template #pagination>
- *     <CnPagination ... />
- *   </template>
- * </CnListViewLayout>
- */
-export default {
-	name: 'CnListViewLayout',
-
-	components: {
-		NcLoadingIcon,
-	},
-
-	props: {
-		/** Page title */
-		title: {
-			type: String,
-			required: true,
-		},
-		/** Total items count (shown next to title) */
-		totalItems: {
-			type: Number,
-			default: 0,
-		},
-		/** Whether data is loading */
-		loading: {
-			type: Boolean,
-			default: false,
-		},
-	},
-}
-</script>

package/src/components/CnListViewLayout/index.js

@@ -1 +0,0 @@
-export { default as CnListViewLayout } from './CnListViewLayout.vue'

package/src/components/CnViewModeToggle/CnViewModeToggle.vue

@@ -1,77 +0,0 @@
-<template>
-	<div class="cn-view-mode-toggle" role="group" :aria-label="ariaLabel">
-		<NcButton
-			:type="value === 'cards' ? 'primary' : 'secondary'"
-			:aria-pressed="String(value === 'cards')"
-			@click="$emit('input', 'cards')">
-			<template #icon>
-				<ViewGrid :size="20" />
-			</template>
-			{{ cardsLabel }}
-		</NcButton>
-		<NcButton
-			:type="value === 'table' ? 'primary' : 'secondary'"
-			:aria-pressed="String(value === 'table')"
-			@click="$emit('input', 'table')">
-			<template #icon>
-				<ViewList :size="20" />
-			</template>
-			{{ tableLabel }}
-		</NcButton>
-	</div>
-</template>
-
-<script>
-import { NcButton } from '@nextcloud/vue'
-import ViewGrid from 'vue-material-design-icons/ViewGrid.vue'
-import ViewList from 'vue-material-design-icons/ViewList.vue'
-
-/**
- * CnViewModeToggle — Cards/Table view mode toggle.
- *
- * @example
- * <CnViewModeToggle v-model="viewMode" />
- */
-export default {
-	name: 'CnViewModeToggle',
-
-	components: {
-		NcButton,
-		ViewGrid,
-		ViewList,
-	},
-
-	props: {
-		/** Current view mode: 'cards' or 'table' */
-		value: {
-			type: String,
-			default: 'table',
-			validator: (v) => ['cards', 'table'].includes(v),
-		},
-		/** Label for cards button */
-		cardsLabel: {
-			type: String,
-			default: 'Cards',
-		},
-		/** Label for table button */
-		tableLabel: {
-			type: String,
-			default: 'Table',
-		},
-		/** Aria label for the toggle group */
-		ariaLabel: {
-			type: String,
-			default: 'View mode',
-		},
-	},
-}
-</script>
-
-<style scoped>
-.cn-view-mode-toggle {
-	display: inline-flex;
-	gap: 0;
-	border-radius: var(--border-radius-pill, 20px);
-	overflow: hidden;
-}
-</style>

package/src/components/CnViewModeToggle/index.js

@@ -1 +0,0 @@
-export { default as CnViewModeToggle } from './CnViewModeToggle.vue'