@makolabs/ripple 3.5.0 → 3.6.0

package/dist/layout/table/Table.svelte

@@ -316,10 +316,18 @@
 		return scopeData.length > 0 && scopeData.every((r) => isRowSelected(r));
 	}
 
+	// Row click toggles expansion only when nothing else claims the click —
+	// an explicit `onrowclick` (e.g. navigation) or selection takes priority,
+	// leaving the chevron as the sole expand control in those modes.
+	const rowClickExpands = $derived(expandable && !!expandedContent && !onrowclick && !selectable);
+
 	function handleRowClick(row: DataRow, index: number) {
 		if (selectable && canSelectRow(row)) {
 			toggleRowSelection(row);
 		}
+		if (rowClickExpands) {
+			toggleRowExpanded(row, index);
+		}
 		onrowclick?.(row, index);
 	}
 
@@ -500,7 +508,8 @@
 							<tr
 								class={cn(trClasses, rowClass(row, rowIndex), {
 									'bg-primary-100': selectable && isRowSelected(row),
-									'cursor-pointer': onrowclick || (selectable && canSelectRow(row))
+									'cursor-pointer':
+										onrowclick || rowClickExpands || (selectable && canSelectRow(row))
 								})}
 								onclick={() => handleRowClick(row, rowIndex)}
 								aria-selected={selectable && isRowSelected(row)}

package/dist/user-management/ApiKeyField.svelte

@@ -112,7 +112,7 @@
 	<div class="border-default-300 bg-default-50 flex items-center gap-2 rounded-lg border px-3 py-2">
 		<code
 			class="text-default-900 min-w-0 flex-1 font-mono text-sm break-all"
-			data-testid={testId ? `${testId}-value` : undefined}
+			data-testid={testId ? `${testId}-input` : undefined}
 		>
 			{display}
 		</code>
@@ -122,6 +122,7 @@
 				onclick={() => (revealed = !revealed)}
 				class="text-default-500 hover:text-default-700 shrink-0 cursor-pointer"
 				aria-label={revealed ? 'Hide API key' : 'Show API key'}
+				data-testid={testId ? `toggle-${testId}-visibility` : undefined}
 			>
 				{#if revealed}
 					<svg class="h-5 w-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">

package/dist/user-management/UserModal.svelte

@@ -267,7 +267,7 @@
 					bind:value={formData.first_name}
 					errors={formErrors.first_name ? [formErrors.first_name] : []}
 					required
-					testId="first-name-input"
+					testId="first-name"
 				/>
 				<Input
 					name="last_name"
@@ -276,7 +276,7 @@
 					bind:value={formData.last_name}
 					errors={formErrors.last_name ? [formErrors.last_name] : []}
 					required
-					testId="last-name-input"
+					testId="last-name"
 				/>
 			</div>
 
@@ -288,7 +288,7 @@
 				bind:value={formData.email_addresses![0].email_address}
 				errors={formErrors.email ? [formErrors.email] : []}
 				required
-				testId="email-input"
+				testId="email"
 			/>
 		</div>
 
@@ -349,6 +349,7 @@
 			<div class="space-y-2">
 				<ApiKeyField
 					value={apiKey}
+					testId="api-key"
 					label="Mako API Key"
 					error={formErrors.apiKey}
 					helperText={formErrors.apiKey
@@ -359,7 +360,7 @@
 								label: 'Verify',
 								loading: verifyingToken,
 								onclick: handleVerifyToken,
-								testId: 'verify-token-button'
+								testId: 'verify-token'
 							}
 						: undefined}
 					regenerate={adapter?.generateApiKey
@@ -368,7 +369,7 @@
 								loading: regeneratingApiKey,
 								disabled: !canRegenerate,
 								onclick: handleRegenerateApiKey,
-								testId: 'regenerate-api-key-button'
+								testId: 'regenerate-api-key'
 							}
 						: undefined}
 				/>
@@ -405,13 +406,7 @@
 	</form>
 
 	{#snippet footer()}
-		<Button
-			variant="outline"
-			onclick={handleClose}
-			disabled={saving}
-			type="button"
-			testId="cancel-button"
-		>
+		<Button variant="outline" onclick={handleClose} disabled={saving} type="button" testId="cancel">
 			Cancel
 		</Button>
 		<Button
@@ -420,7 +415,7 @@
 			onclick={() => formElement?.requestSubmit()}
 			disabled={saving}
 			loading={saving}
-			testId="save-user-button"
+			testId="save-user"
 		>
 			{mode === 'create' ? 'Create user' : 'Save changes'}
 		</Button>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@makolabs/ripple",
-	"version": "3.5.0",
+	"version": "3.6.0",
 	"description": "Simple Svelte 5 powered component library ✨",
 	"license": "SEE LICENSE IN LICENSE",
 	"repository": {
@@ -134,6 +134,13 @@
 	"lint-staged": {
 		"*.{js,ts,svelte,css,md,json}": "prettier --write"
 	},
+	"overrides": {
+		"ws": ">=8.20.1",
+		"uuid": ">=11.1.1",
+		"devalue": ">=5.8.1",
+		"fast-xml-builder": ">=1.1.7",
+		"esbuild": ">=0.28.1"
+	},
 	"dependencies": {
 		"@aws-sdk/client-s3": "^3.1029.0",
 		"@aws-sdk/s3-request-presigner": "^3.1029.0",