@stonecrop/desktop 0.4.37 → 0.6.0

package/src/components/SheetNav.vue

@@ -9,7 +9,7 @@
 				:style="{ display: breadcrumbsVisibile ? 'block' : 'none' }"
 				@click="navigateHome"
 				@keydown.enter="navigateHome">
-				<router-link to="/home" tabindex="0">
+				<router-link to="/" tabindex="0">
 					<svg
 						id="Capa_1"
 						version="1.1"
@@ -94,7 +94,7 @@ const toggleBreadcrumbs = () => {
 const toggleSearch = async () => {
 	searchVisibile.value = !searchVisibile.value
 	await nextTick(() => {
-		inputRef.value.focus()
+		inputRef.value?.focus()
 	})
 }
 
@@ -120,17 +120,22 @@ footer {
 	bottom: 0px;
 	width: 100%;
 	background-color: transparent;
-	height: 2rem;
+	height: auto; /* Allow footer to grow with content */
+	min-height: 2rem;
 	z-index: 100;
 	text-align: left;
 	font-size: 100%;
 	display: flex;
 	justify-content: right;
-	padding-bottom: 0.2rem;
+	padding-right: 2rem; /* Match view-wrapper horizontal padding */
+	box-sizing: border-box; /* Include padding in width calculation */
 }
 ul {
 	display: flex;
 	flex-direction: row-reverse;
+	margin: 0;
+	padding: 0;
+	list-style: none;
 }
 
 .tabs li {
@@ -144,7 +149,12 @@ ul {
 }
 .tabs a {
 	float: left;
-	padding: 1ch 4ch 4ch 4ch;
+	padding: 0.5rem 1.5rem; /* Reduced padding for reasonable tab height */
+	height: 2.25rem; /* Fixed height for consistency across all tabs */
+	box-sizing: border-box; /* Include padding in height calculation */
+	display: flex;
+	align-items: center;
+	justify-content: center;
 	text-decoration: none;
 	color: black;
 	background: #aaa;
@@ -243,14 +253,16 @@ ul {
 	right: -20px;
 }
 .hidebreadcrumbs a {
-	width: 1ch;
-	min-width: calc(66px - 4ch);
+	min-width: 2.5rem;
+	width: 2.5rem;
+	height: 2.25rem; /* Fixed height for consistency */
 	background-color: #ffffff;
-	padding-left: 2ch;
-	padding-right: 2ch;
-	padding-top: 3px;
-	font-size: 150%;
+	padding: 0.5rem;
+	font-size: 1.25rem;
 	text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 .rotated {
 	/* border: 1px solid red; */
@@ -286,38 +298,39 @@ a:focus {
 	z-index: 3;
 }
 .hometab a {
-	width: 1ch;
-	min-width: calc(66px - 4ch);
+	min-width: 2.5rem;
+	height: 2.25rem; /* Fixed height for consistency */
 	background-color: #ffffff;
-	padding-left: 2ch;
-	padding-right: 2ch;
-	padding-top: 6px;
+	padding: 0.5rem;
 	text-align: center;
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 .hometab svg {
-	height: 14pt;
-	width: 14pt;
+	height: 1rem;
+	width: 1rem;
 }
 .searchtab a {
-	/* width: 100%; */
-	min-width: calc(66px - 4ch);
+	min-width: 2.5rem;
+	height: 2.25rem; /* Fixed height for consistency */
 	background-color: #ffffff;
-	padding-left: 2ch;
-	padding-right: 2ch;
-	padding-top: 11px;
-	font-size: 150%;
+	padding: 0.5rem;
+	display: flex;
 	align-items: center;
+	justify-content: center;
 }
 .searchtab svg {
-	padding-left: 0.25ch;
+	width: 0.875rem;
+	height: 0.875rem;
 }
 .searchtab input {
-	margin-top: -4px;
 	outline: none;
 	border: none;
 	border-bottom: 1.5px solid black;
 	background-color: transparent;
 	text-align: right;
-	font-size: 11pt;
+	font-size: 0.875rem;
+	padding: 0.25rem;
 }
 </style>

package/src/index.ts

@@ -1,9 +1,8 @@
 import ActionSet from './components/ActionSet.vue'
 import CommandPalette from './components/CommandPalette.vue'
-import Doctype from './components/Doctype.vue'
-import Records from './components/Records.vue'
+import Desktop from './components/Desktop.vue'
 import SheetNav from './components/SheetNav.vue'
 import StonecropDesktop from './plugins'
 export type * from './types'
 
-export { ActionSet, CommandPalette, Doctype, Records, SheetNav, StonecropDesktop }
+export { ActionSet, CommandPalette, Desktop, SheetNav, StonecropDesktop }

package/src/plugins/index.ts

@@ -2,8 +2,7 @@ import { App, type Plugin } from 'vue'
 
 import ActionSet from '../components/ActionSet.vue'
 import CommandPalette from '../components/CommandPalette.vue'
-import Doctype from '../components/Doctype.vue'
-import Records from '../components/Records.vue'
+import Desktop from '../components/Desktop.vue'
 import SheetNav from '../components/SheetNav.vue'
 
 /**
@@ -14,8 +13,7 @@ const plugin: Plugin = {
 	install: (app: App) => {
 		app.component('ActionSet', ActionSet)
 		app.component('CommandPalette', CommandPalette)
-		app.component('Doctype', Doctype)
-		app.component('Records', Records)
+		app.component('Desktop', Desktop)
 		app.component('SheetNav', SheetNav)
 	},
 }

package/src/types/index.ts

@@ -23,6 +23,7 @@ export type ElementAction = BaseElement & {
 export type ButtonElement = BaseElement &
 	ElementAction & {
 		type: 'button'
+		disabled?: boolean
 	}
 
 /**

package/src/components/Doctype.vue

@@ -1,45 +0,0 @@
-<template>
-	<AForm v-model="schema" class="aform-main" />
-</template>
-
-<script setup lang="ts">
-import { ref, watch } from 'vue'
-// import { useRoute } from 'vue-router'
-
-import { AForm } from '@stonecrop/aform'
-import type { SchemaTypes } from '@stonecrop/aform'
-import { /* DoctypeMeta, */ useStonecrop } from '@stonecrop/stonecrop'
-
-const { stonecrop } = useStonecrop()
-const schema = ref<SchemaTypes[]>([])
-
-watch(stonecrop, () => {
-	if (stonecrop.value) {
-		// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-		let newSchema = stonecrop.value.schema?.schema.toArray()
-		if (!newSchema) {
-			newSchema = []
-		}
-
-		// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-		newSchema.forEach((item, index) => {
-			const record = stonecrop.value?.store.record
-			// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-			const fieldValue = record?.[item.fieldname]
-			// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-			newSchema[index].value = fieldValue
-		})
-
-		schema.value = newSchema
-	}
-})
-
-// const route = useRoute()
-// const doctypeSlug = route.params.records?.toString().toLowerCase()
-// const recordId = route.params.record?.toString().toLowerCase()
-
-// const saveRecord = async () => {
-// 	const doctype: DoctypeMeta = await stonecrop.value.registry.getMeta(doctypeSlug)
-// 	stonecrop.value.runAction(doctype, 'save', recordId ? [recordId] : [])
-// }
-</script>

package/src/components/Records.vue

@@ -1,20 +0,0 @@
-<template>
-	<ATable v-model:rows="rows" v-model:columns="columns" :config="config" />
-</template>
-
-<script setup lang="ts">
-import { ATable, TableColumn } from '@stonecrop/atable'
-import { useStonecrop } from '@stonecrop/stonecrop'
-import { computed } from 'vue'
-
-// TODO: use component if provided else call to Records Schema endpoint/ table  / lookup
-// alteratively: a view: component map, eg records: Records, gantt: GanttView
-// default_view key in schema
-// last_used_view_type in application state
-
-const { stonecrop } = useStonecrop()
-const rows = computed(() => stonecrop.value?.store.records)
-// eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-const columns = computed((): TableColumn[] => stonecrop.value?.schema?.schema?.toArray())
-const config = { view: 'list' }
-</script>