Raise the declared minimums in pubspec.yaml to what our deps already require: Flutter >=3.35.0 / Dart >=3.9.0 (was 3.19.0 / 3.5.0). alchemist 0.12 needs Flutter 3.32; Dart 3.9 first ships in Flutter 3.35, so 3.35 is the binding floor. Pin the exact build toolchain in .fvmrc (Flutter 3.44.1). Moving to the Dart 3.9 language level switches `dart format` to the new "tall" style and enables two new lints. This commit is the resulting mechanical churn, isolated from any behaviour change: - whole-tree `dart format` reformat (tall style) - `dart fix` for unnecessary_underscores + use_null_aware_elements No runtime behaviour change; `make test` green. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
89 lines
2.8 KiB
Dart
89 lines
2.8 KiB
Dart
import 'package:clide/kernel/src/theme/controller.dart';
|
|
import 'package:clide/widgets/src/clide_icon.dart';
|
|
import 'package:clide/widgets/src/clide_tappable.dart';
|
|
import 'package:clide/widgets/src/clide_text.dart';
|
|
import 'package:flutter/widgets.dart';
|
|
|
|
@immutable
|
|
class ClideTabItem {
|
|
const ClideTabItem({required this.id, required this.title, this.icon});
|
|
|
|
final String id;
|
|
final String title;
|
|
final ClideIconPainter? icon;
|
|
}
|
|
|
|
class ClideTabBar extends StatelessWidget {
|
|
const ClideTabBar({super.key, required this.items, required this.activeId, required this.onSelect, this.height = 28, this.semanticContainerLabel});
|
|
|
|
final List<ClideTabItem> items;
|
|
final String? activeId;
|
|
final ValueChanged<String> onSelect;
|
|
final double height;
|
|
|
|
/// Optional container-level label for screen readers (e.g. "Sidebar tabs").
|
|
final String? semanticContainerLabel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final tokens = ClideTheme.of(context).surface;
|
|
return Semantics(
|
|
container: true,
|
|
label: semanticContainerLabel,
|
|
explicitChildNodes: true,
|
|
child: Container(
|
|
height: height,
|
|
// A hairline of the surface behind, so the strip doesn't butt against
|
|
// the chrome directly above it (T-324).
|
|
margin: const EdgeInsets.only(top: 1),
|
|
color: tokens.tabBarBackground,
|
|
child: Row(
|
|
children: [for (final item in items) _Tab(item: item, active: item.id == activeId, onTap: () => onSelect(item.id))],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _Tab extends StatelessWidget {
|
|
const _Tab({required this.item, required this.active, required this.onTap});
|
|
|
|
final ClideTabItem item;
|
|
final bool active;
|
|
final VoidCallback onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final tokens = ClideTheme.of(context).surface;
|
|
final fg = active ? tokens.tabActiveForeground : tokens.tabInactiveForeground;
|
|
|
|
return Semantics(
|
|
button: true,
|
|
selected: active,
|
|
label: item.title,
|
|
onTap: onTap,
|
|
excludeSemantics: true,
|
|
child: ClideTappable(
|
|
onTap: onTap,
|
|
builder: (context, hovered, _) {
|
|
final bg = active ? tokens.tabActive : tokens.tabInactive;
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: bg,
|
|
border: Border(bottom: BorderSide(color: active ? tokens.tabActiveBorder : const Color(0x00000000), width: 2)),
|
|
),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
if (item.icon != null) ...[ClideIcon(item.icon!, size: 12, color: fg), const SizedBox(width: 6)],
|
|
ClideText(item.title, color: fg),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|