Diagram versioning (#560)

* clean up sidesheet

* clean up sharing

* add revisions sidesheet

* update getCommits and clean up

* update date localization

* load diagram in read only mode from previous version

* disable input from control panel and popovers

* add restore warning modal

* separate share and versions

* update versions

* finalize versioning implementation, add pagination

* fix package-lock.json

* clear versions cache on flush storgae

* disable menubar items when in read only mode

* disable remaining fields in readonlt

* suppress eslint only-export-components rule

* show loading version progress

src/i18n/i18n.js

@@ -35,10 +35,10 @@ import { pl, polish } from "./locales/pl";
 import { no, norwegian } from "./locales/no";
 import { sv, swedish } from "./locales/sv-se";
 import { ur, urdu } from "./locales/ur";
-import { jp, japanese} from "./locales/jp"
-import {ne, nepali} from "./locales/ne"
-import {ug, uyghur} from "./locales/ug";
-import {pa_pk,punjabipk  } from "./locales/pa-pk";
+import { jp, japanese } from "./locales/jp";
+import { ne, nepali } from "./locales/ne";
+import { ug, uyghur } from "./locales/ug";
+import { pa_pk, punjabipk } from "./locales/pa-pk";
 import { cz, czech } from "./locales/cz";
 
 export const languages = [
@@ -80,7 +80,7 @@ export const languages = [
   nepali,
   uyghur,
   punjabipk,
-  czech
+  czech,
 ].sort((a, b) => a.name.localeCompare(b.name));
 
 i18n
@@ -130,8 +130,8 @@ i18n
       jp,
       ne,
       ug,
-      "pa-PK":pa_pk,
-      cz
+      "pa-PK": pa_pk,
+      cz,
     },
   });
 

src/i18n/locales/en.js

@@ -9,7 +9,8 @@ const en = {
     report_bug: "Report a bug",
     import: "Import",
     inherits: "Inherits",
-    merging_column_w_inherited_definition: "Column '{{fieldName}}' in table '{{tableName}}' with inherited definition will be merged",
+    merging_column_w_inherited_definition:
+      "Column '{{fieldName}}' in table '{{tableName}}' with inherited definition will be merged",
     import_from: "Import from",
     file: "File",
     new: "New",
@@ -258,6 +259,23 @@ const en = {
     tab_view: "Tab view",
     label: "Label",
     many_side_label: "Many(n) side label",
+    version: "Version",
+    versions: "Versions",
+    no_saved_versions: "No saved versions",
+    record_version: "Record version",
+    commited_at: "Commited at",
+    read_only: "Read only",
+    continue: "Continue",
+    restore_version: "Restore version",
+    restore_warning: "Loading another version will overwrite any changes.",
+    return_to_current: "Return to diagram",
+    no_changes_to_record: "No changes to record",
+    click_to_view: "Click to view",
+    load_more: "Load more",
+    clear_cache: "Clear cache",
+    cache_cleared: "Cache cleared",
+    failed_to_record_version: "Failed to record version",
+    failed_to_load_diagram: "Failed to load diagram",
   },
 };