From 4c87ad50b1dcb4ace847c254e8cf14821aafed56 Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 25 Mar 2021 20:17:25 +0100
Subject: [PATCH] text cell view

---
 packages/web/src/celldata/TextCellView.svelte       | 6 ++++++
 packages/web/src/celldata/TextCellViewNoWrap.svelte | 3 ++-
 packages/web/src/celldata/TextCellViewWrap.svelte   | 3 ++-
 packages/web/src/widgets/CellDataWidget.svelte      | 4 ++--
 4 files changed, 12 insertions(+), 4 deletions(-)
 create mode 100644 packages/web/src/celldata/TextCellView.svelte

diff --git a/packages/web/src/celldata/TextCellView.svelte b/packages/web/src/celldata/TextCellView.svelte
new file mode 100644
index 000000000..e7500e3ef
--- /dev/null
+++ b/packages/web/src/celldata/TextCellView.svelte
@@ -0,0 +1,6 @@
+<script lang="ts">
+  export let selection;
+  export let wrap;
+</script>
+
+<textarea class="flex1" {wrap} readonly value={selection.map(cell => cell.value).join('\n')} />
diff --git a/packages/web/src/celldata/TextCellViewNoWrap.svelte b/packages/web/src/celldata/TextCellViewNoWrap.svelte
index 0b34f133b..67367d396 100644
--- a/packages/web/src/celldata/TextCellViewNoWrap.svelte
+++ b/packages/web/src/celldata/TextCellViewNoWrap.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
+  import TextCellView from './TextCellView.svelte';
   export let selection;
 </script>
 
-<textarea class="flex1" wrap="no" readonly value={selection[0].value} />
+<TextCellView wrap="no" {selection} />
diff --git a/packages/web/src/celldata/TextCellViewWrap.svelte b/packages/web/src/celldata/TextCellViewWrap.svelte
index a52adeb49..fb2304e65 100644
--- a/packages/web/src/celldata/TextCellViewWrap.svelte
+++ b/packages/web/src/celldata/TextCellViewWrap.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
+  import TextCellView from './TextCellView.svelte';
   export let selection;
 </script>
 
-<textarea class="flex1" wrap="hard" readonly value={selection[0].value} />
+<TextCellView wrap="hard" {selection} />
diff --git a/packages/web/src/widgets/CellDataWidget.svelte b/packages/web/src/widgets/CellDataWidget.svelte
index 3f07e92ca..7be2d87f5 100644
--- a/packages/web/src/widgets/CellDataWidget.svelte
+++ b/packages/web/src/widgets/CellDataWidget.svelte
@@ -4,13 +4,13 @@
       type: 'textWrap',
       title: 'Text (wrap)',
       component: TextCellViewWrap,
-      single: true,
+      single: false,
     },
     {
       type: 'text',
       title: 'Text (no wrap)',
       component: TextCellViewNoWrap,
-      single: true,
+      single: false,
     },
     {
       type: 'json',