@morscherlab/mint-sdk 1.1.15 → 1.1.17

package/dist/styles.css

@@ -11944,7 +11944,9 @@ to {
 .sg-body__main {
   padding: 1rem 1.25rem;
   min-width: 0;
-  overflow: hidden;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
   display: flex; flex-direction: column; gap: 0.75rem;
 }
 .sg-body__side {
@@ -11953,6 +11955,8 @@ to {
   padding: 1.125rem 1.25rem;
   display: flex; flex-direction: column;
   min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
   gap: 0.75rem;
 }
 
@@ -12732,7 +12736,9 @@ html.dark .sg-summary code { background: rgba(255, 255, 255, 0.1);
 .sg-body__main {
   padding: 1rem 1.25rem;
   min-width: 0;
-  overflow: hidden;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
   display: flex; flex-direction: column; gap: 0.75rem;
 }
 .sg-body__side {
@@ -12741,6 +12747,8 @@ html.dark .sg-summary code { background: rgba(255, 255, 255, 0.1);
   padding: 1.125rem 1.25rem;
   display: flex; flex-direction: column;
   min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
   gap: 0.75rem;
 }
 
@@ -13520,7 +13528,9 @@ html.dark .sg-summary code { background: rgba(255, 255, 255, 0.1);
 .sg-body__main {
   padding: 1rem 1.25rem;
   min-width: 0;
-  overflow: hidden;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
   display: flex; flex-direction: column; gap: 0.75rem;
 }
 .sg-body__side {
@@ -13529,6 +13539,8 @@ html.dark .sg-summary code { background: rgba(255, 255, 255, 0.1);
   padding: 1.125rem 1.25rem;
   display: flex; flex-direction: column;
   min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
   gap: 0.75rem;
 }
 
@@ -27848,7 +27860,9 @@ html.dark .mint-toast__item .mint-toast__message {
 .sg-body__main {
   padding: 1rem 1.25rem;
   min-width: 0;
-  overflow: hidden;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
   display: flex; flex-direction: column; gap: 0.75rem;
 }
 .sg-body__side {
@@ -27857,6 +27871,8 @@ html.dark .mint-toast__item .mint-toast__message {
   padding: 1.125rem 1.25rem;
   display: flex; flex-direction: column;
   min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
   gap: 0.75rem;
 }
 /* Section lead */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morscherlab/mint-sdk",
-  "version": "1.1.15",
+  "version": "1.1.17",
   "description": "MINT Platform SDK — Vue 3 components, composables, and types for plugin development. MINT = Mass-spec INtegrated Toolkit.",
   "type": "module",
   "main": "./dist/index.js",

package/src/__tests__/components/SampleSelector.test.ts

@@ -1,3 +1,5 @@
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
 import { flushPromises, mount } from '@vue/test-utils'
 import { createPinia } from 'pinia'
 import { describe, expect, it, vi } from 'vitest'
@@ -279,6 +281,36 @@ describe('AutoGroupModal multi-schema auto workflow', () => {
 
     expect(wrapper.find('.sg-foot .mint-button--primary').attributes('disabled')).toBeUndefined()
   })
+
+  it('should scroll the token field list when many fields exceed the modal height', () => {
+    const styles = readFileSync(
+      resolve(process.cwd(), 'src/styles/components/smart-group.css'),
+      'utf8',
+    )
+    const mainPanelStyles = styles.match(/\.sg-body__main\s*\{([^}]*)\}/)?.[1]
+
+    expect(mainPanelStyles).toContain('overflow-y: auto')
+  })
+
+  it('should let the token field panel shrink within the fixed modal body', () => {
+    const styles = readFileSync(
+      resolve(process.cwd(), 'src/styles/components/smart-group.css'),
+      'utf8',
+    )
+    const mainPanelStyles = styles.match(/\.sg-body__main\s*\{([^}]*)\}/)?.[1]
+
+    expect(mainPanelStyles).toContain('min-height: 0')
+  })
+
+  it('should scroll the group preview when generated groups exceed the modal height', () => {
+    const styles = readFileSync(
+      resolve(process.cwd(), 'src/styles/components/smart-group.css'),
+      'utf8',
+    )
+    const sidePanelStyles = styles.match(/\.sg-body__side\s*\{([^}]*)\}/)?.[1]
+
+    expect(sidePanelStyles).toMatch(/min-height:\s*0;[\s\S]*overflow-y:\s*auto;/)
+  })
 })
 
 describe('SampleSelector — QC overlay regression', () => {

package/src/styles/components/smart-group.css

@@ -93,7 +93,9 @@
 .sg-body__main {
   padding: 1rem 1.25rem;
   min-width: 0;
-  overflow: hidden;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
   display: flex; flex-direction: column; gap: 0.75rem;
 }
 .sg-body__side {
@@ -102,6 +104,8 @@
   padding: 1.125rem 1.25rem;
   display: flex; flex-direction: column;
   min-width: 0;
+  min-height: 0;
+  overflow-y: auto;
   gap: 0.75rem;
 }