Merge branch '123-fr-control-edition-that-starts-with-but-is-not-finished-inside'

Author: RafaelGB

src/cdm/ComponentsModel.ts

@@ -13,6 +13,7 @@ export type CellComponentProps = {
 
 export type EditorCellComponentProps = {
     persistChange: (changedValue: string) => void;
+    textCell: string;
 } & CellComponentProps;
 
 export type DataviewFiltersProps = {

src/components/cellTypes/EditorCell.tsx

@@ -5,13 +5,13 @@ import { useState } from "react";
 import { MarkdownEditor } from "components/cellTypes/Editor/MarkdownEditor";
 
 const EditorCell = (props: EditorCellComponentProps) => {
-  const { defaultCell, persistChange } = props;
-  const { cell, table } = defaultCell;
+  const { defaultCell, persistChange, textCell } = props;
+  const { table } = defaultCell;
   /** Ref to cell container */
   const editableMdRef = useRef<HTMLInputElement>();
   /** Columns information */
 
-  const [editorValue, setEditorValue] = useState(cell.getValue());
+  const [editorValue, setEditorValue] = useState(textCell);
 
   // onChange handler
   const handleOnChange: ChangeEventHandler<HTMLInputElement> = (event) => {
@@ -28,7 +28,7 @@ const EditorCell = (props: EditorCellComponentProps) => {
    * Close editor undoing any changes realised
    */
   const handleOnEscape = useCallback(() => {
-    persistChange(cell.getValue()?.toString());
+    persistChange(textCell);
   }, []);
 
   /**

src/components/cellTypes/TextCell.tsx

@@ -24,6 +24,7 @@ const TextCell = (props: CellComponentProps) => {
     (state) => state.actions
   );
 
+  const textCell = textRow[column.id]?.toString();
   /** Ref to cell container */
   const containerCellRef = useRef<HTMLDivElement>();
   const [dirtyCell, setDirtyCell] = useState(false);
@@ -39,12 +40,7 @@ const TextCell = (props: CellComponentProps) => {
     if (containerCellRef.current !== undefined) {
       containerCellRef.current.innerHTML = "";
 
-      renderMarkdown(
-        defaultCell,
-        textRow[column.id]?.toString(),
-        containerCellRef.current,
-        5
-      );
+      renderMarkdown(defaultCell, textCell, containerCellRef.current, 5);
     }
   }, [dirtyCell, cell.getValue()]);
 
@@ -64,7 +60,11 @@ const TextCell = (props: CellComponentProps) => {
   };
 
   return dirtyCell ? (
-    <EditorCell defaultCell={defaultCell} persistChange={persistChange} />
+    <EditorCell
+      defaultCell={defaultCell}
+      persistChange={persistChange}
+      textCell={textCell}
+    />
   ) : (
     <span
       ref={containerCellRef}

src/helpers/Constants.ts

@@ -271,7 +271,7 @@ export function getOperatorFilterValue(keyToFind: string): string {
 }
 
 export const MarkdownBreakerRules = Object.freeze({
-  INIT_CHARS: ['`', '"', '[', '{', '*'],
+  INIT_CHARS: ['`', '"', '[', '{', '*', '!'],
   BETWEEN_CHARS: [':'],
   UNIQUE_CHARS: ['?'],
 })