@stonecrop/desktop 0.10.9 → 0.10.11

package/dist/src/types/index.d.ts

@@ -80,4 +80,19 @@ export type RecordOpenEventPayload = {
     doctype: string;
     recordId: string;
 };
+/**
+ * Payload emitted with the 'load-records' event when Desktop needs records for a list view
+ * @public
+ */
+export type LoadRecordsEventPayload = {
+    doctype: string;
+};
+/**
+ * Payload emitted with the 'load-record' event when Desktop needs a single record
+ * @public
+ */
+export type LoadRecordEventPayload = {
+    doctype: string;
+    recordId: string;
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GACtC,aAAa,GAAG;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC3C,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,aAAa,EAAE,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,eAAe,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B,mHAAmH;IACnH,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,uFAAuF;IACvF,kBAAkB,EAAE,MAAM,MAAM,CAAA;IAChC,oFAAoF;IACpF,cAAc,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvD,sFAAsF;IACtF,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5D,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACzB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CAChB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,WAAW,GACtC,aAAa,GAAG;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAEF;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC3C,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,aAAa,EAAE,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,eAAe,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG;IAC1B,mHAAmH;IACnH,iBAAiB,EAAE,MAAM,MAAM,CAAA;IAC/B,uFAAuF;IACvF,kBAAkB,EAAE,MAAM,MAAM,CAAA;IAChC,oFAAoF;IACpF,cAAc,EAAE,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;IACvD,sFAAsF;IACtF,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5D,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC,iEAAiE;IACjE,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACzB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAA;CACf,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACpC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CAChB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/desktop",
-  "version": "0.10.9",
+  "version": "0.10.11",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -32,10 +32,10 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@stonecrop/aform": "0.10.9",
-    "@stonecrop/stonecrop": "0.10.9",
-    "@stonecrop/themes": "0.10.9",
-    "@stonecrop/atable": "0.10.9"
+    "@stonecrop/atable": "0.10.11",
+    "@stonecrop/themes": "0.10.11",
+    "@stonecrop/aform": "0.10.11",
+    "@stonecrop/stonecrop": "0.10.11"
   },
   "peerDependencies": {
     "vue": "^3.5.28"

package/src/components/ActionSet.vue

@@ -15,9 +15,7 @@
 					x="0px"
 					y="0px"
 					viewBox="0 0 100 100"
-					xml:space="preserve"
-					width="50"
-					height="50">
+					xml:space="preserve">
 					<polygon points="54.2,33.4 29.2,58.8 25,54.6 50,29.2 " />
 				</svg>
 
@@ -30,9 +28,7 @@
 					x="0px"
 					y="0px"
 					viewBox="0 0 100 100"
-					xml:space="preserve"
-					width="50"
-					height="50">
+					xml:space="preserve">
 					<polygon points="70.8,58.8 45.8,33.4 50,29.2 75,54.6 " />
 				</svg>
 			</div>
@@ -127,6 +123,11 @@ const handleClick = (action: (() => void | Promise<void>) | undefined, label: st
 	transform: rotate(90deg);
 }
 
+#chevron svg {
+	width: 1.5em;
+	height: 1.5em;
+}
+
 .leftBar,
 .rightBar {
 	transition-duration: 0.225s;

package/src/components/Desktop.vue

@@ -44,6 +44,8 @@ import type {
 	NavigationTarget,
 	ActionEventPayload,
 	RecordOpenEventPayload,
+	LoadRecordsEventPayload,
+	LoadRecordEventPayload,
 } from '../types'
 
 const props = defineProps<{
@@ -60,6 +62,12 @@ const props = defineProps<{
 	 * Defaults to the native `window.confirm` if omitted.
 	 */
 	confirmFn?: (message: string) => boolean | Promise<boolean>
+	/**
+	 * The field name that holds the canonical record ID (e.g., 'rowId' for UUID).
+	 * Used for navigation and table row identification.
+	 * Defaults to 'id' if not specified.
+	 */
+	recordIdField?: string
 }>()
 
 const emit = defineEmits<{
@@ -77,6 +85,16 @@ const emit = defineEmits<{
 	 * Fired when the user opens a specific record.
 	 */
 	'record:open': [payload: RecordOpenEventPayload]
+	/**
+	 * Fired when Desktop needs records for a list view.
+	 * The host app should fetch and populate HST.
+	 */
+	'load-records': [payload: LoadRecordsEventPayload]
+	/**
+	 * Fired when Desktop needs a single record for a form view.
+	 * The host app should fetch and populate HST.
+	 */
+	'load-record': [payload: LoadRecordEventPayload]
 }>()
 
 const { availableDoctypes = [] } = props
@@ -493,16 +511,23 @@ const getRecordsSchema = (): SchemaTypes[] => {
 
 	const records = getRecords()
 	const columns = getColumns()
+	const idField = props.recordIdField || 'id'
 
 	// If no columns are available, let the template fallback handle the loading state
 	if (columns.length === 0) {
 		return []
 	}
 
+	// Ensure the ID column is first so click handler can reliably find it
+	const idColumn = columns.find(c => c.fieldname === idField)
+	const otherColumns = columns.filter(c => c.fieldname !== idField)
+	const orderedColumns = idColumn ? [idColumn, ...otherColumns] : columns
+
 	const rows = records.map((record: any) => ({
 		...record,
+		// Use the canonical ID field for navigation
 		// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-		id: record.id || '',
+		id: record[idField] || record.id || '',
 		actions: 'Edit | Delete',
 	}))
 
@@ -511,7 +536,7 @@ const getRecordsSchema = (): SchemaTypes[] => {
 			fieldname: 'records_table',
 			component: 'ATable',
 			columns: [
-				...columns.map(col => ({
+				...orderedColumns.map(col => ({
 					label: col.label,
 					name: col.fieldname,
 					fieldtype: col.fieldtype,
@@ -637,6 +662,25 @@ const handleDelete = async (recordId?: string) => {
 }
 
 // Event handlers
+const getRecordIdFromRow = (rowElement: HTMLTableRowElement): string | null => {
+	const cell = rowElement.querySelector('td[data-rowindex]')
+	if (!cell) return null
+
+	const rowIndexAttr = cell.getAttribute('data-rowindex')
+	if (rowIndexAttr === null) return null
+
+	const rowIndex = parseInt(rowIndexAttr, 10)
+	if (isNaN(rowIndex)) return null
+
+	const records = getRecords()
+	const record = records[rowIndex]
+	if (!record) return null
+
+	const idField = props.recordIdField || 'id'
+	// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+	return record[idField] || record.id || null
+}
+
 const handleClick = async (event: Event) => {
 	const target = event.target as HTMLElement
 	const action = target.getAttribute('data-action')
@@ -645,7 +689,6 @@ const handleClick = async (event: Event) => {
 		await createNewRecord()
 	}
 
-	// Handle table cell clicks for actions
 	const cell = target.closest('td, th')
 	if (cell) {
 		const cellText = cell.textContent?.trim()
@@ -662,24 +705,14 @@ const handleClick = async (event: Event) => {
 				}
 			}
 		} else if (cellText?.includes('Edit') && row) {
-			// Get the record ID from the row
-			const cells = row.querySelectorAll('td')
-			if (cells.length > 0) {
-				const idCell = cells[0] // Assuming ID is in first column
-				const recordId = idCell.textContent?.trim()
-				if (recordId) {
-					await openRecord(recordId)
-				}
+			const recordId = getRecordIdFromRow(row)
+			if (recordId) {
+				await openRecord(recordId)
 			}
 		} else if (cellText?.includes('Delete') && row) {
-			// Get the record ID from the row
-			const cells = row.querySelectorAll('td')
-			if (cells.length > 0) {
-				const idCell = cells[0] // Assuming ID is in first column
-				const recordId = idCell.textContent?.trim()
-				if (recordId) {
-					await handleDelete(recordId)
-				}
+			const recordId = getRecordIdFromRow(row)
+			if (recordId) {
+				await handleDelete(recordId)
 			}
 		}
 	}
@@ -709,7 +742,12 @@ const loadRecordData = () => {
 watch(
 	[currentView, currentDoctype, currentRecordId],
 	() => {
-		if (currentView.value === 'record') {
+		if (currentView.value === 'records' && currentDoctype.value) {
+			// Emit load-records event so host app can populate HST
+			emit('load-records', { doctype: currentDoctype.value })
+		} else if (currentView.value === 'record' && currentDoctype.value && currentRecordId.value) {
+			// Emit load-record event so host app can fetch and populate HST
+			emit('load-record', { doctype: currentDoctype.value, recordId: currentRecordId.value })
 			loadRecordData()
 		}
 	},

package/src/types/index.ts

@@ -89,3 +89,20 @@ export type RecordOpenEventPayload = {
 	doctype: string
 	recordId: string
 }
+
+/**
+ * Payload emitted with the 'load-records' event when Desktop needs records for a list view
+ * @public
+ */
+export type LoadRecordsEventPayload = {
+	doctype: string
+}
+
+/**
+ * Payload emitted with the 'load-record' event when Desktop needs a single record
+ * @public
+ */
+export type LoadRecordEventPayload = {
+	doctype: string
+	recordId: string
+}