feat: add CodeMirror-based formula editor with auto-complete and synt…

…ax highlighting
concord-consortium · Oct 1, 2024 · 77fd0d4 · 77fd0d4
1 parent 55f14e3
commit 77fd0d4
Show file tree

Hide file tree

Showing 17 changed files with 1,845 additions and 27 deletions.
diff --git a/v3/.eslintrc.cjs b/v3/.eslintrc.cjs
@@ -32,7 +32,7 @@ module.exports = {
     ]
   },
   ignorePatterns: [
-    "dist/", "node_modules/"
+    "dist/", "node_modules/", "src/models/formula/lezer"
   ],
   extends: [
     "eslint:recommended",

diff --git a/v3/.vscode/settings.json b/v3/.vscode/settings.json
@@ -9,8 +9,12 @@
     "ccrte",
     "Chakra",
     "clsx",
+    "codemirror",
     "colord",
     "instanbul",
+    "keymap",
+    "keymaps",
+    "lezer",
     "papaparse",
     "portaling",
     "ulid"

diff --git a/v3/cypress/support/elements/table-tile.ts b/v3/cypress/support/elements/table-tile.ts
@@ -387,19 +387,19 @@ export const TableTileElements = {
   },
   addFormulaInModal(attributeName: string, formula: string) {
     cy.get("[data-testid=attr-name-input]").invoke("attr", "value").should("eq", attributeName)
-    cy.get("[data-testid=attr-formula-input]").type(formula, {force:true})
+    cy.get("[data-testid=formula-editor-input]").type(formula, {force:true})
     cy.get("[data-testid=Apply-button]").click()
     cy.get("[data-testid=attr-name-input]").should("not.exist")
   },
   clearFormulaInModal(attributeName: string) {
     cy.get("[data-testid=attr-name-input]").invoke("attr", "value").should("eq", attributeName)
-    cy.get("[data-testid=attr-formula-input]").type(`{selectAll}{del}`)
+    cy.get("[data-testid=formula-editor-input]").type(`{selectAll}{del}`)
     cy.get("[data-testid=Apply-button]").click()
     cy.get("[data-testid=attr-name-input]").should("not.exist")
   },
   checkFormulaInModal(attributeName: string, formula: string) {
     cy.get("[data-testid=attr-name-input]").invoke("attr", "value").should("eq", attributeName)
-    cy.get("[data-testid=attr-formula-input]").should("have.text", formula)
+    cy.get("[data-testid=formula-editor-input]").should("have.text", formula)
     cy.get("[data-testid=Cancel-button]").click()
     cy.get("[data-testid=attr-name-input]").should("not.exist")
   },