fix: resolve pagination issues

Signed-off-by: Elizabeth Danzberger <lizzy7128@tutanota.de>

cypress/support/component.js

@@ -8,23 +8,26 @@ import '../styleguide/assets/default.css'
 import '../styleguide/assets/additional.css'
 import '../styleguide/assets/icons.css'
 
-const defaultOptions = {
-	extensions: {
-		mixins: [
-			{ methods: { t, n } },
-			{ store: { ...store, data } },
-		],
-		plugins: [],
-		components: {},
-	},
-}
+const prepareOptions = (options = {}) => {
+	store.data = data
 
-Cypress.Commands.add('mount', (component, options) => {
-	// Use default options and mix in the given options
-	options = {
+	const defaultOptions = {
+		extensions: {
+			mixins: [
+				{ methods: { t, n } },
+				{ store, },
+			],
+			plugins: [],
+			components: {},
+		},
+	}
+
+	return {
 		...defaultOptions,
 		...options,
 	}
+}
 
-	return mount(component, options)
+Cypress.Commands.add('mount', (component, options) => {
+	return mount(component, prepareOptions(options))
 })

src/reference.js

@@ -25,6 +25,8 @@ registerWidget('tables_content', async (el, { richObjectType, richObject, access
 	const { default: store } = await import(/* webpackChunkName: 'store' */ './store/store.js')
 	const { default: data } = await import(/* webpackChunkName: 'store' */ './store/data.js')
 
+	store.data = data
+
 	Vue.mixin({ methods: { t, n } })
 	const Widget = Vue.extend(TableReferenceWidget)
 	new Widget({
@@ -33,7 +35,7 @@ registerWidget('tables_content', async (el, { richObjectType, richObject, access
 			richObject,
 			accessible,
 		},
-		store: { ...store, data },
+		store,
 	}).$mount(el)
 }, () => {}, { hasInteractiveView: true })
 

src/views/ContentReferenceWidget.vue

@@ -112,8 +112,6 @@ export default {
 			const { width } = entry.contentRect
 			this.$el.style.setProperty('--widget-content-width', `${width}px`)
 		})
-
-		await this.loadRows()
 	},
 
 	methods: {

src/views/SmartPicker.vue

@@ -139,14 +139,26 @@ export default {
 		},
 	},
 
+	async mounted() {
+		if (!this.$store) {
+			const { default: store } = await import(
+				/* webpackChunkName: 'store' */
+				'../store/store.js')
+
+			this.$store = store
+		}
+	},
+
 	methods: {
 		t,
 		n,
 		async updateContent() {
 			if (this.renderMode === 'content') {
 				this.previewLoading = true
+
 				await this.loadColumnsForContentPreview()
 				await this.loadRowsForContentPreview()
+
 				this.previewLoading = false
 			} else {
 				delete this.richObject.rows