From 617acaa363ff5660cbf26eb5c53405fc0d6cd353 Mon Sep 17 00:00:00 2001
From: singerdmx <singerdmx@gmail.com>
Date: Sat, 19 Dec 2020 02:19:20 -0800
Subject: [PATCH] Add QuillField class

---
 app/lib/widgets/field.dart | 142 +++++++++++++++++++++++++++++++++++++
 1 file changed, 142 insertions(+)
 create mode 100644 app/lib/widgets/field.dart

diff --git a/app/lib/widgets/field.dart b/app/lib/widgets/field.dart
new file mode 100644
index 00000000..ceab578e
--- /dev/null
+++ b/app/lib/widgets/field.dart
@@ -0,0 +1,142 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_quill/widgets/controller.dart';
+import 'package:flutter_quill/widgets/delegate.dart';
+import 'package:flutter_quill/widgets/editor.dart';
+
+class QuillField extends StatefulWidget {
+  final QuillController controller;
+  final FocusNode focusNode;
+  final ScrollController scrollController;
+  final bool scrollable;
+  final EdgeInsetsGeometry padding;
+  final bool autofocus;
+  final bool showCursor;
+  final bool readOnly;
+  final bool enableInteractiveSelection;
+  final double minHeight;
+  final double maxHeight;
+  final bool expands;
+  final TextCapitalization textCapitalization;
+  final Brightness keyboardAppearance;
+  final ScrollPhysics scrollPhysics;
+  final ValueChanged<String> onLaunchUrl;
+  final InputDecoration decoration;
+  final Widget toolbar;
+  final EmbedBuilder embedBuilder;
+
+  QuillField({
+    Key key,
+    @required this.controller,
+    this.focusNode,
+    this.scrollController,
+    this.scrollable = true,
+    this.padding = EdgeInsets.zero,
+    this.autofocus = false,
+    this.showCursor = true,
+    this.readOnly = false,
+    this.enableInteractiveSelection = true,
+    this.minHeight,
+    this.maxHeight,
+    this.expands = false,
+    this.textCapitalization = TextCapitalization.sentences,
+    this.keyboardAppearance = Brightness.light,
+    this.scrollPhysics,
+    this.onLaunchUrl,
+    this.decoration,
+    this.toolbar,
+    this.embedBuilder,
+  }) : super(key: key);
+
+  @override
+  _QuillFieldState createState() => _QuillFieldState();
+}
+
+class _QuillFieldState extends State<QuillField> {
+  bool _focused;
+
+  void _editorFocusChanged() {
+    setState(() {
+      _focused = widget.focusNode.hasFocus;
+    });
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    _focused = widget.focusNode.hasFocus;
+    widget.focusNode.addListener(_editorFocusChanged);
+  }
+
+  @override
+  void didUpdateWidget(covariant QuillField oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (widget.focusNode != oldWidget.focusNode) {
+      oldWidget.focusNode.removeListener(_editorFocusChanged);
+      widget.focusNode.addListener(_editorFocusChanged);
+      _focused = widget.focusNode.hasFocus;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    Widget child = QuillEditor(
+      widget.controller,
+      widget.focusNode,
+      widget.scrollController,
+      widget.scrollable,
+      widget.padding,
+      widget.autofocus,
+      widget.showCursor,
+      widget.readOnly,
+      widget.enableInteractiveSelection,
+      widget.minHeight,
+      widget.maxHeight,
+      widget.expands,
+      widget.textCapitalization,
+      widget.keyboardAppearance,
+      widget.scrollPhysics,
+      widget.onLaunchUrl,
+      widget.embedBuilder,
+    );
+
+    if (widget.toolbar != null) {
+      child = Column(
+        children: [
+          child,
+          Visibility(
+            child: widget.toolbar,
+            visible: _focused,
+            maintainSize: true,
+            maintainAnimation: true,
+            maintainState: true,
+          ),
+        ],
+      );
+    }
+
+    return AnimatedBuilder(
+      animation:
+          Listenable.merge(<Listenable>[widget.focusNode, widget.controller]),
+      builder: (BuildContext context, Widget child) {
+        return InputDecorator(
+          decoration: _getEffectiveDecoration(),
+          isFocused: widget.focusNode.hasFocus,
+          // TODO: Document should be considered empty of it has single empty line with no styles applied
+          isEmpty: widget.controller.document.length == 1,
+          child: child,
+        );
+      },
+      child: child,
+    );
+  }
+
+  InputDecoration _getEffectiveDecoration() {
+    return (widget.decoration ?? const InputDecoration())
+        .applyDefaults(Theme.of(context).inputDecorationTheme)
+        .copyWith(
+          enabled: !widget.readOnly,
+          hintMaxLines: widget.decoration?.hintMaxLines,
+        );
+  }
+}