phylum/client/lib/ui/destination_picker/destination_picker.dart

import 'package:flutter/material.dart';
import 'package:flutter_state_notifier/flutter_state_notifier.dart';
import 'package:phylum/app_shortcuts.dart';
import 'package:phylum/libphylum/db/db.dart';
import 'package:phylum/libphylum/phylum_account.dart';
import 'package:phylum/libphylum/explorer/page.dart';
import 'package:phylum/libphylum/explorer/explorer_controller.dart';
import 'package:phylum/ui/explorer/resource_icon_extension.dart';
import 'package:phylum/libphylum/explorer/explorer_navigator.dart';
import 'package:phylum/libphylum/explorer/selection_mode.dart';
import 'package:phylum/util/upload_utils.dart';
import 'package:provider/provider.dart';

class DestinationPicker extends StatefulWidget {
  final String initialFolderId;

  const DestinationPicker({super.key, required this.initialFolderId});

  @override
  State<DestinationPicker> createState() => _DestinationPickerState();

  static Future<String?> show(BuildContext context, String initialFolderId) {
    return showDialog(
      context: context,
      builder: (context) => MultiProvider(
        providers: [
          StateNotifierProvider<ExplorerNavigator, ExplorerNavigatorState>(
            create: (context) => ExplorerNavigator(ExplorerPageFolder(folderId: initialFolderId)),
          ),
          StateNotifierProvider<ExplorerController, ExplorerState>(
            create: (context) => ExplorerController(
              account: context.read<PhylumAccount>(),
              navHistoryManager: context.read<ExplorerNavigator>(),
            ),
          ),
        ],
        child: DestinationPicker(initialFolderId: initialFolderId),
      ),
    );
  }
}

class _DestinationPickerState extends State<DestinationPicker> {
  final FocusNode node = FocusNode(debugLabel: 'Destination Picker');

  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    node.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Pick Destination'),
        actions: [
          Builder(builder: (context) {
            final folderId = context.select<ExplorerState, String?>((state) => state.folderId);
            return IconButton(
              onPressed: folderId == null ? null : () => createDirectory(context, folderId),
              icon: Icon(Icons.create_new_folder_outlined),
            );
          })
        ],
      ),
      body: FocusScope(
        child: Actions(
          actions: {
            NavUpIntent: CallbackAction<NavUpIntent>(onInvoke: (i) async {
              final parentId = context.read<ExplorerState>().folder?.parent;
              if (parentId != null) {
                context.read<ExplorerNavigator>().go(ExplorerPageFolder(folderId: parentId));
              }
              node.requestFocus();
              return null;
            }),
            FocusDownIntent: CallbackAction<FocusDownIntent>(
              onInvoke: (i) async {
                context.read<ExplorerController>().updateSelection((i) => i + 1, SelectionMode.single, false);
                node.requestFocus();
                return null;
              },
            ),
            FocusUpIntent: CallbackAction<FocusUpIntent>(
              onInvoke: (i) async {
                context.read<ExplorerController>().updateSelection((i) => i - 1, SelectionMode.single, false);
                node.requestFocus();
                return null;
              },
            ),
            ActivateIntent: CallbackAction<ActivateIntent>(onInvoke: (i) async {
              final selected = context.read<ExplorerState>().selectedSingle;
              if (selected != null && selected.dir) {
                context.read<ExplorerNavigator>().go(ExplorerPageFolder(folderId: selected.id));
              }
              return null;
            }),
            DismissIntent: CallbackAction<DismissIntent>(onInvoke: (i) => Navigator.of(context).pop()),
          },
          child: Column(
            mainAxisSize: MainAxisSize.max,
            children: [
              Expanded(
                child: Focus(
                  autofocus: true,
                  focusNode: node,
                  child: ExcludeFocus(child: const DestinationFolderView()),
                ),
              ),
              Padding(
                padding: const EdgeInsets.all(12),
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.end,
                  children: [
                    TextButton(onPressed: Navigator.of(context).pop, child: Text('Cancel')),
                    ElevatedButton(
                      onPressed: context.select<ExplorerState, bool>((state) => state.folderId == widget.initialFolderId)
                          ? null
                          : () => Navigator.of(context).pop(context.read<ExplorerState>().folderId),
                      child: Text('OK'),
                    ),
                  ],
                ),
              )
            ],
          ),
        ),
      ),
    );
  }
}

class DestinationFolderView extends StatelessWidget {
  const DestinationFolderView({super.key});

  @override
  Widget build(BuildContext context) {
    final items = context.select<ExplorerState, List<Resource>>((state) => state.resources);
    return ListView.builder(
      itemBuilder: (BuildContext context, int index) {
        final r = items[index];
        return Builder(builder: (context) {
          final selected = context.select<ExplorerState, bool>((state) => state.selectedIds.contains(r.id));
          return ListTile(
            key: ValueKey(r.id),
            visualDensity: VisualDensity.compact,
            selected: selected,
            leading: r.getIcon(),
            title: Text(r.name),
            enabled: r.dir,
            onTap: () => context.read<ExplorerNavigator>().go(ExplorerPageFolder(folderId: r.id)),
          );
        });
      },
      itemCount: items.length,
    );
  }
}