SYNC: cell data - allow to edit

packages/web/src/celldata/TextCellView.svelte

@@ -3,12 +3,21 @@
 
   export let selection;
   export let wrap;
+
+  $: singleSelection = selection?.length == 1 && selection?.[0];
+  $: grider = singleSelection?.grider;
+  $: editable = grider?.editable ?? false;
+
+  function setCellValue(value) {
+    if (!editable) return;
+    grider.setCellValue(singleSelection.row, singleSelection.column, value);
+  }
 </script>
 
 <textarea
   class="flex1"
   {wrap}
-  readonly
+  readonly={!editable}
   value={selection
     .map(cell => {
       const { value } = cell;
@@ -16,4 +25,5 @@
       return cell.value;
     })
     .join('\n')}
+  on:input={e => setCellValue(e.target['value'])}
 />