From 0deaf048cfa452089a040a35223732fbda085c39 Mon Sep 17 00:00:00 2001
From: Rohan Bansal <rohan@agritheory.dev>
Date: Tue, 17 Dec 2024 13:15:26 +0530
Subject: [PATCH 1/3] fix: don't set header width until rows are loaded

---
 aform/package.json                       |  2 +-
 atable/package.json                      |  4 +-
 atable/src/components/ACell.vue          |  4 +-
 atable/src/components/ATable.vue         |  9 +++-
 beam/package.json                        |  2 +-
 common/config/rush/pnpm-lock.yaml        | 67 +++++++++++-------------
 common/config/rush/version-policies.json |  2 +-
 utilities/package.json                   |  2 +-
 8 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/aform/package.json b/aform/package.json
index 70e1e4c1..274ff0d7 100644
--- a/aform/package.json
+++ b/aform/package.json
@@ -44,7 +44,7 @@
 	"dependencies": {
 		"@stonecrop/themes": "workspace:*",
 		"@stonecrop/utilities": "workspace:*",
-		"@vueuse/core": "^11.1.0",
+		"@vueuse/core": "^12.0.0",
 		"vue": "^3.5.11"
 	},
 	"devDependencies": {
diff --git a/atable/package.json b/atable/package.json
index 1ed2d84f..932851fe 100644
--- a/atable/package.json
+++ b/atable/package.json
@@ -47,8 +47,8 @@
 	"dependencies": {
 		"@stonecrop/themes": "workspace:*",
 		"@stonecrop/utilities": "workspace:*",
-		"@vueuse/components": "^10.11.0",
-		"@vueuse/core": "^11.1.0",
+		"@vueuse/components": "^12.0.0",
+		"@vueuse/core": "^12.0.0",
 		"pinia": "^2.3.0",
 		"vue": "^3.5.11"
 	},
diff --git a/atable/src/components/ACell.vue b/atable/src/components/ACell.vue
index ce5324ac..aeee28ea 100644
--- a/atable/src/components/ACell.vue
+++ b/atable/src/components/ACell.vue
@@ -14,8 +14,7 @@
 		@input="updateCellData"
 		@click="showModal"
 		class="atable-cell"
-		:class="pinned ? 'sticky-column' : ''"
-		v-on-click-outside="store.closeModal">
+		:class="pinned ? 'sticky-column' : ''">
 		<component
 			v-if="column.cellComponent"
 			:is="column.cellComponent"
@@ -28,7 +27,6 @@
 
 <script setup lang="ts">
 import { KeypressHandlers, defaultKeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'
-import { vOnClickOutside } from '@vueuse/components'
 import { useElementBounding } from '@vueuse/core'
 import { computed, CSSProperties, ref, useTemplateRef } from 'vue'
 
diff --git a/atable/src/components/ATable.vue b/atable/src/components/ATable.vue
index 91695bdc..d5435b8f 100644
--- a/atable/src/components/ATable.vue
+++ b/atable/src/components/ATable.vue
@@ -1,5 +1,9 @@
 <template>
-	<table ref="table" class="atable" :style="{ width: store.config.fullWidth ? '100%' : 'auto' }">
+	<table
+		ref="table"
+		class="atable"
+		:style="{ width: store.config.fullWidth ? '100%' : 'auto' }"
+		v-on-click-outside="store.closeModal">
 		<slot name="header" :data="store">
 			<ATableHeader :columns="store.columns" :store="store" />
 		</slot>
@@ -53,6 +57,7 @@
 </template>
 
 <script setup lang="ts">
+import { vOnClickOutside } from '@vueuse/components'
 import { useMutationObserver } from '@vueuse/core'
 import { nextTick, watch, onMounted, useTemplateRef } from 'vue'
 
@@ -121,7 +126,7 @@ const assignStickyCellWidths = () => {
 	const firstDataRow = table.rows[1]
 	const headerCells = headerRow ? Array.from(headerRow.cells) : []
 	for (const [index, headerCell] of headerCells.entries()) {
-		const rowCell = firstDataRow.cells[index]
+		const rowCell = firstDataRow?.cells[index]
 		if (rowCell) {
 			headerCell.style.width = `${rowCell.offsetWidth}px`
 		}
diff --git a/beam/package.json b/beam/package.json
index 1ac8b8fa..1fd95d07 100644
--- a/beam/package.json
+++ b/beam/package.json
@@ -40,7 +40,7 @@
 		"test:ui": "vitest --ui"
 	},
 	"dependencies": {
-		"@vueuse/core": "^11.1.0",
+		"@vueuse/core": "^12.0.0",
 		"mqtt": "^5.10.1",
 		"onscan.js": "^1.5.2",
 		"vue": "^3.5.11"
diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml
index 572f94dc..5c8395af 100644
--- a/common/config/rush/pnpm-lock.yaml
+++ b/common/config/rush/pnpm-lock.yaml
@@ -19,8 +19,8 @@ importers:
         specifier: workspace:*
         version: link:../utilities
       '@vueuse/core':
-        specifier: ^11.1.0
-        version: 11.3.0(vue@3.5.13(typescript@5.7.2))
+        specifier: ^12.0.0
+        version: 12.0.0(typescript@5.7.2)
       vue:
         specifier: ^3.5.11
         version: 3.5.13(typescript@5.7.2)
@@ -95,11 +95,11 @@ importers:
         specifier: workspace:*
         version: link:../utilities
       '@vueuse/components':
-        specifier: ^10.11.0
-        version: 10.11.1(vue@3.5.13(typescript@5.7.2))
+        specifier: ^12.0.0
+        version: 12.0.0(typescript@5.7.2)
       '@vueuse/core':
-        specifier: ^11.1.0
-        version: 11.3.0(vue@3.5.13(typescript@5.7.2))
+        specifier: ^12.0.0
+        version: 12.0.0(typescript@5.7.2)
       pinia:
         specifier: ^2.3.0
         version: 2.3.0(typescript@5.7.2)(vue@3.5.13(typescript@5.7.2))
@@ -168,8 +168,8 @@ importers:
   ../../beam:
     dependencies:
       '@vueuse/core':
-        specifier: ^11.1.0
-        version: 11.3.0(vue@3.5.13(typescript@5.7.2))
+        specifier: ^12.0.0
+        version: 12.0.0(typescript@5.7.2)
       mqtt:
         specifier: ^5.10.1
         version: 5.10.3
@@ -670,8 +670,8 @@ importers:
   ../../utilities:
     dependencies:
       '@vueuse/core':
-        specifier: ^11.1.0
-        version: 11.3.0(vue@3.5.13(typescript@5.7.2))
+        specifier: ^12.0.0
+        version: 12.0.0(typescript@5.7.2)
       vue:
         specifier: ^3.5.11
         version: 3.5.13(typescript@5.7.2)
@@ -1601,26 +1601,26 @@ packages:
   '@vue/test-utils@2.4.6':
     resolution: {integrity: sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow==}
 
-  '@vueuse/components@10.11.1':
-    resolution: {integrity: sha512-ThcreQCX/eq61sLkLKjigD4PQvs3Wy4zglICvQH9tP6xl87y5KsQEoizn6OI+R3hrOgwQHLJe7Y0wLLh3fBKcg==}
+  '@vueuse/components@12.0.0':
+    resolution: {integrity: sha512-XpOoBXYRuFuUiiq+HsMX6rGzqvcHdKnbT4sbR0FHYxwSGBHO3Zli8pPTZoLRNBGp4CGov7BRCnANEK/1Ch/6tQ==}
 
   '@vueuse/core@10.11.1':
     resolution: {integrity: sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==}
 
-  '@vueuse/core@11.3.0':
-    resolution: {integrity: sha512-7OC4Rl1f9G8IT6rUfi9JrKiXy4bfmHhZ5x2Ceojy0jnd3mHNEvV4JaRygH362ror6/NZ+Nl+n13LPzGiPN8cKA==}
+  '@vueuse/core@12.0.0':
+    resolution: {integrity: sha512-C12RukhXiJCbx4MGhjmd/gH52TjJsc3G0E0kQj/kb19H3Nt6n1CA4DRWuTdWWcaFRdlTe0npWDS942mvacvNBw==}
 
   '@vueuse/metadata@10.11.1':
     resolution: {integrity: sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==}
 
-  '@vueuse/metadata@11.3.0':
-    resolution: {integrity: sha512-pwDnDspTqtTo2HwfLw4Rp6yywuuBdYnPYDq+mO38ZYKGebCUQC/nVj/PXSiK9HX5otxLz8Fn7ECPbjiRz2CC3g==}
+  '@vueuse/metadata@12.0.0':
+    resolution: {integrity: sha512-Yzimd1D3sjxTDOlF05HekU5aSGdKjxhuhRFHA7gDWLn57PRbBIh+SF5NmjhJ0WRgF3my7T8LBucyxdFJjIfRJQ==}
 
   '@vueuse/shared@10.11.1':
     resolution: {integrity: sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==}
 
-  '@vueuse/shared@11.3.0':
-    resolution: {integrity: sha512-P8gSSWQeucH5821ek2mn/ciCk+MS/zoRKqdQIM3bHq6p7GXDAJLmnRRKmF5F65sAVJIfzQlwR3aDzwCn10s8hA==}
+  '@vueuse/shared@12.0.0':
+    resolution: {integrity: sha512-3i6qtcq2PIio5i/vVYidkkcgvmTjCqrf26u+Fd4LhnbBmIT6FN8y6q/GJERp8lfcB9zVEfjdV0Br0443qZuJpw==}
 
   abab@2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
@@ -4926,14 +4926,13 @@ snapshots:
       js-beautify: 1.15.1
       vue-component-type-helpers: 2.1.10
 
-  '@vueuse/components@10.11.1(vue@3.5.13(typescript@5.7.2))':
+  '@vueuse/components@12.0.0(typescript@5.7.2)':
     dependencies:
-      '@vueuse/core': 10.11.1(vue@3.5.13(typescript@5.7.2))
-      '@vueuse/shared': 10.11.1(vue@3.5.13(typescript@5.7.2))
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.7.2))
+      '@vueuse/core': 12.0.0(typescript@5.7.2)
+      '@vueuse/shared': 12.0.0(typescript@5.7.2)
+      vue: 3.5.13(typescript@5.7.2)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
   '@vueuse/core@10.11.1(vue@3.5.13(typescript@5.7.2))':
     dependencies:
@@ -4945,19 +4944,18 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/core@11.3.0(vue@3.5.13(typescript@5.7.2))':
+  '@vueuse/core@12.0.0(typescript@5.7.2)':
     dependencies:
       '@types/web-bluetooth': 0.0.20
-      '@vueuse/metadata': 11.3.0
-      '@vueuse/shared': 11.3.0(vue@3.5.13(typescript@5.7.2))
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.7.2))
+      '@vueuse/metadata': 12.0.0
+      '@vueuse/shared': 12.0.0(typescript@5.7.2)
+      vue: 3.5.13(typescript@5.7.2)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
   '@vueuse/metadata@10.11.1': {}
 
-  '@vueuse/metadata@11.3.0': {}
+  '@vueuse/metadata@12.0.0': {}
 
   '@vueuse/shared@10.11.1(vue@3.5.13(typescript@5.7.2))':
     dependencies:
@@ -4966,12 +4964,11 @@ snapshots:
       - '@vue/composition-api'
       - vue
 
-  '@vueuse/shared@11.3.0(vue@3.5.13(typescript@5.7.2))':
+  '@vueuse/shared@12.0.0(typescript@5.7.2)':
     dependencies:
-      vue-demi: 0.14.10(vue@3.5.13(typescript@5.7.2))
+      vue: 3.5.13(typescript@5.7.2)
     transitivePeerDependencies:
-      - '@vue/composition-api'
-      - vue
+      - typescript
 
   abab@2.0.6: {}
 
diff --git a/common/config/rush/version-policies.json b/common/config/rush/version-policies.json
index 5c721ee7..8e466d11 100644
--- a/common/config/rush/version-policies.json
+++ b/common/config/rush/version-policies.json
@@ -13,7 +13,7 @@
 		"definitionName": "lockStepVersion",
 		"policyName": "stonecrop",
 		"version": "0.3.0",
-		"nextBump": "minor"
+		"nextBump": "patch"
 	}
 	// {
 	//   /**
diff --git a/utilities/package.json b/utilities/package.json
index e0b391cc..f790c896 100644
--- a/utilities/package.json
+++ b/utilities/package.json
@@ -38,7 +38,7 @@
 		"preview": "vite preview"
 	},
 	"dependencies": {
-		"@vueuse/core": "^11.1.0",
+		"@vueuse/core": "^12.0.0",
 		"vue": "^3.5.11"
 	},
 	"devDependencies": {

From afa8056f910f0afb3492b0b05f5ebb1e7ac048f9 Mon Sep 17 00:00:00 2001
From: Rohan Bansal <rohan@agritheory.dev>
Date: Tue, 17 Dec 2024 13:16:22 +0530
Subject: [PATCH 2/3] fix: add changelogs

---
 .../aform/fix-atable-cells-error_2024-12-17-07-46.json | 10 ++++++++++
 .../fix-atable-cells-error_2024-12-17-07-46.json       | 10 ++++++++++
 .../beam/fix-atable-cells-error_2024-12-17-07-46.json  | 10 ++++++++++
 .../fix-atable-cells-error_2024-12-17-07-46.json       | 10 ++++++++++
 4 files changed, 40 insertions(+)
 create mode 100644 common/changes/@stonecrop/aform/fix-atable-cells-error_2024-12-17-07-46.json
 create mode 100644 common/changes/@stonecrop/atable/fix-atable-cells-error_2024-12-17-07-46.json
 create mode 100644 common/changes/@stonecrop/beam/fix-atable-cells-error_2024-12-17-07-46.json
 create mode 100644 common/changes/@stonecrop/utilities/fix-atable-cells-error_2024-12-17-07-46.json

diff --git a/common/changes/@stonecrop/aform/fix-atable-cells-error_2024-12-17-07-46.json b/common/changes/@stonecrop/aform/fix-atable-cells-error_2024-12-17-07-46.json
new file mode 100644
index 00000000..575fa438
--- /dev/null
+++ b/common/changes/@stonecrop/aform/fix-atable-cells-error_2024-12-17-07-46.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/aform",
+      "comment": "update deps",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@stonecrop/aform"
+}
\ No newline at end of file
diff --git a/common/changes/@stonecrop/atable/fix-atable-cells-error_2024-12-17-07-46.json b/common/changes/@stonecrop/atable/fix-atable-cells-error_2024-12-17-07-46.json
new file mode 100644
index 00000000..3ec83ba7
--- /dev/null
+++ b/common/changes/@stonecrop/atable/fix-atable-cells-error_2024-12-17-07-46.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/atable",
+      "comment": "don't set header width until rows are loaded",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@stonecrop/atable"
+}
\ No newline at end of file
diff --git a/common/changes/@stonecrop/beam/fix-atable-cells-error_2024-12-17-07-46.json b/common/changes/@stonecrop/beam/fix-atable-cells-error_2024-12-17-07-46.json
new file mode 100644
index 00000000..714b86c3
--- /dev/null
+++ b/common/changes/@stonecrop/beam/fix-atable-cells-error_2024-12-17-07-46.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/beam",
+      "comment": "update deps",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@stonecrop/beam"
+}
\ No newline at end of file
diff --git a/common/changes/@stonecrop/utilities/fix-atable-cells-error_2024-12-17-07-46.json b/common/changes/@stonecrop/utilities/fix-atable-cells-error_2024-12-17-07-46.json
new file mode 100644
index 00000000..381a7f42
--- /dev/null
+++ b/common/changes/@stonecrop/utilities/fix-atable-cells-error_2024-12-17-07-46.json
@@ -0,0 +1,10 @@
+{
+  "changes": [
+    {
+      "packageName": "@stonecrop/utilities",
+      "comment": "update deps",
+      "type": "patch"
+    }
+  ],
+  "packageName": "@stonecrop/utilities"
+}
\ No newline at end of file

From 0484e4fdf4523bb4df02b169c09bed6d9260f283 Mon Sep 17 00:00:00 2001
From: Rohan Bansal <rohan@agritheory.dev>
Date: Tue, 17 Dec 2024 13:52:34 +0530
Subject: [PATCH 3/3] test: allow datepicker test to pass in December

---
 aform/src/components/form/ADatePicker.vue | 66 ++++++++++++-----------
 aform/tests/datepicker.spec.ts            |  2 +-
 2 files changed, 35 insertions(+), 33 deletions(-)

diff --git a/aform/src/components/form/ADatePicker.vue b/aform/src/components/form/ADatePicker.vue
index 47568768..d18bd58c 100644
--- a/aform/src/components/form/ADatePicker.vue
+++ b/aform/src/components/form/ADatePicker.vue
@@ -1,38 +1,40 @@
 <template>
 	<div class="adatepicker" tabindex="0" ref="datepicker">
 		<table>
-			<tr>
-				<td id="previous-month-btn" @click="previousMonth" :tabindex="-1">&lt;</td>
-				<th colspan="5" :tabindex="-1">{{ monthAndYear }}</th>
-				<td id="next-month-btn" @click="nextMonth" :tabindex="-1">&gt;</td>
-			</tr>
-			<tr class="days-header">
-				<td>M</td>
-				<td>T</td>
-				<td>W</td>
-				<td>T</td>
-				<td>F</td>
-				<td>S</td>
-				<td>S</td>
-			</tr>
-			<tr v-for="rowNo in numberOfRows" :key="rowNo">
-				<!-- the 'ref' key is currently only used for test references -->
-				<td
-					v-for="colNo in numberOfColumns"
-					ref="celldate"
-					:key="getCurrentCell(rowNo, colNo)"
-					:contenteditable="false"
-					:spellcheck="false"
-					:tabindex="0"
-					@click.prevent.stop="selectDate(getCurrentCell(rowNo, colNo))"
-					@keydown.enter="selectDate(getCurrentCell(rowNo, colNo))"
-					:class="{
-						todaysDate: isTodaysDate(getCurrentDate(rowNo, colNo)),
-						selectedDate: isSelectedDate(getCurrentDate(rowNo, colNo)),
-					}">
-					{{ new Date(getCurrentDate(rowNo, colNo)).getDate() }}
-				</td>
-			</tr>
+			<tbody>
+				<tr>
+					<td id="previous-month-btn" @click="previousMonth" :tabindex="-1">&lt;</td>
+					<th colspan="5" :tabindex="-1">{{ monthAndYear }}</th>
+					<td id="next-month-btn" @click="nextMonth" :tabindex="-1">&gt;</td>
+				</tr>
+				<tr class="days-header">
+					<td>M</td>
+					<td>T</td>
+					<td>W</td>
+					<td>T</td>
+					<td>F</td>
+					<td>S</td>
+					<td>S</td>
+				</tr>
+				<tr v-for="rowNo in numberOfRows" :key="rowNo">
+					<!-- the 'ref' key is currently only used for test references -->
+					<td
+						v-for="colNo in numberOfColumns"
+						ref="celldate"
+						:key="getCurrentCell(rowNo, colNo)"
+						:contenteditable="false"
+						:spellcheck="false"
+						:tabindex="0"
+						@click.prevent.stop="selectDate(getCurrentCell(rowNo, colNo))"
+						@keydown.enter="selectDate(getCurrentCell(rowNo, colNo))"
+						:class="{
+							todaysDate: isTodaysDate(getCurrentDate(rowNo, colNo)),
+							selectedDate: isSelectedDate(getCurrentDate(rowNo, colNo)),
+						}">
+						{{ new Date(getCurrentDate(rowNo, colNo)).getDate() }}
+					</td>
+				</tr>
+			</tbody>
 		</table>
 	</div>
 </template>
diff --git a/aform/tests/datepicker.spec.ts b/aform/tests/datepicker.spec.ts
index 5d1c7b87..886a21a9 100644
--- a/aform/tests/datepicker.spec.ts
+++ b/aform/tests/datepicker.spec.ts
@@ -71,7 +71,7 @@ describe('datepicker component', () => {
 
 		const $prevMonthBtn = wrapper.find('#next-month-btn')
 		await $prevMonthBtn.trigger('click')
-		expect(wrapper.vm.currentMonth).toBe(new Date().getMonth() + 1)
+		expect(wrapper.vm.currentMonth).toBe((new Date().getMonth() + 1) % 12)
 	})
 
 	it('select next year', async () => {