@fw-components/formula-editor 2.3.4-linting.0 → 2.3.4-notion-update.0

package/dist/{formula-editor.js → formula-editor/src/formula-editor.js}

@@ -5,39 +5,28 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, LitElement } from "lit";
-import { customElement, property, query, state } from "lit/decorators.js";
-import { getFormulaTokens } from "./utils/get-formula-tokens.js";
+import { customElement, property, state, query } from "lit/decorators.js";
+import "./suggestion-menu.js";
 import { Parser } from "./utils/parser.js";
 import { FormulaEditorStyles } from "./styles/editor.js";
+import { getFormulaTokens } from "./utils/get-formula-tokens.js";
 let FormulaEditor = class FormulaEditor extends LitElement {
-    /**
-     * Formula Parser
-     */
-    _parser;
-    recommendations = [];
-    currentCursorPosition = 0;
-    /**
-     * user input event type
-     */
-    lastInputType = "";
-    _selectedRecommendation = "";
-    isFocused = false;
-    /**
-     * Text area input value
-     */
-    formulaString = "";
-    placeholder = "Type your formula...";
-    recommendationLabels = new Map();
-    label = "";
-    variables = new Map();
-    variableType = "";
-    minSuggestionLen = 2;
-    errorString = "";
-    formulaRegex = /.*/;
-    allowedNumbers = true;
-    allowedOperators = new Set();
-    editor;
-    suggestionMenu;
+    constructor() {
+        super(...arguments);
+        this.recommendations = [];
+        this.currentCursorPosition = 0;
+        this.isFocused = false;
+        /**
+         * Text area input value
+         */
+        this.formulaString = "";
+        this.placeholder = "Type your formula...";
+        this.recommendationLabels = new Map();
+        this.variables = new Map();
+        this.minSuggestionLen = 2;
+        this.errorString = "";
+        this.allowedNumbers = true;
+    }
     updated(_changedProperties) {
         if (_changedProperties.has("formulaString")) {
             if (!this.formulaString?.trim()) {
@@ -77,7 +66,7 @@ let FormulaEditor = class FormulaEditor extends LitElement {
         this.currentCursorPosition = this.editor.selectionStart;
         const { recommendations, errorString, formattedString, newCursorPosition } = this._parser.parseInput(this.formulaString, this.currentCursorPosition, recommendation);
         this.recommendations = recommendations;
-        this.errorString = errorString || "";
+        this.errorString = errorString;
         /**
          * Don't modify the text stream manually if the text is being composed,
          * unless the user manually chooses to do so by selecting a recommendation.
@@ -103,7 +92,7 @@ let FormulaEditor = class FormulaEditor extends LitElement {
                 recommendations: this.recommendations,
                 formulaTokens: getFormulaTokens(this.formulaString || "", this.formulaRegex)
             },
-            bubbles: true
+            bubbles: true,
         }));
     }
     formatFormula() {
@@ -142,9 +131,7 @@ let FormulaEditor = class FormulaEditor extends LitElement {
     }
     render() {
         return html `
-      <style>
-        ${FormulaEditorStyles}
-      </style>
+      <style>${FormulaEditorStyles}</style>
 
       ${this.label ? html `<label for="fw-formula-editor" class="editor-label">${this.label}</label>` : ""}
 
@@ -168,7 +155,7 @@ let FormulaEditor = class FormulaEditor extends LitElement {
             .onRecommendationClick=${this.onRecommendationClick.bind(this)}
             .recommendationLabels=${this.recommendationLabels}
           ></suggestion-menu>`
-            : ""}
+            : ''}
     `;
     }
 };
@@ -194,31 +181,31 @@ __decorate([
     property()
 ], FormulaEditor.prototype, "placeholder", void 0);
 __decorate([
-    property({ type: Object })
+    property()
 ], FormulaEditor.prototype, "recommendationLabels", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FormulaEditor.prototype, "label", void 0);
 __decorate([
-    property({ type: Object })
+    property()
 ], FormulaEditor.prototype, "variables", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FormulaEditor.prototype, "variableType", void 0);
 __decorate([
-    property({ type: Number })
+    property()
 ], FormulaEditor.prototype, "minSuggestionLen", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], FormulaEditor.prototype, "errorString", void 0);
 __decorate([
-    property({ type: Object })
+    property()
 ], FormulaEditor.prototype, "formulaRegex", void 0);
 __decorate([
-    property({ type: Boolean })
+    property()
 ], FormulaEditor.prototype, "allowedNumbers", void 0);
 __decorate([
-    property({ type: Object })
+    property()
 ], FormulaEditor.prototype, "allowedOperators", void 0);
 __decorate([
     query("#fw-formula-editor")

package/dist/{suggestion-menu.js → formula-editor/src/suggestion-menu.js}

@@ -8,11 +8,13 @@ import { html, LitElement } from "lit";
 import { customElement, property, query, state } from "lit/decorators.js";
 import { SuggestionMenuStyles } from "./styles/suggestion-menu";
 let SuggestionMenu = class SuggestionMenu extends LitElement {
-    recommendations = [];
-    recommendationLabels = new Map();
-    onRecommendationClick = () => { };
-    _currentFocusedIndex = -1;
-    suggestionList;
+    constructor() {
+        super(...arguments);
+        this.recommendations = [];
+        this.recommendationLabels = new Map();
+        this.onRecommendationClick = () => { };
+        this._currentFocusedIndex = -1;
+    }
     scrollToSelectedRecommendation(index) {
         const listItem = this.suggestionList?.querySelectorAll("li")[index];
         if (!listItem)
@@ -43,13 +45,12 @@ let SuggestionMenu = class SuggestionMenu extends LitElement {
     }
     render() {
         return html `
-      <style>
-        ${SuggestionMenuStyles}
-      </style>
+      <style>${SuggestionMenuStyles}</style>
       <ul class="fw-formula-suggestion-menu" @mousedown=${(e) => e.preventDefault()}>
-        ${this.recommendations.map((recommendation, index) => html `<li class="${this._currentFocusedIndex === index ? "selected" : ""}" @click=${(e) => this.handleRecommendationSelect(index)}>
-              ${this.recommendationLabels.get(recommendation) ?? recommendation}
-            </li>`)}
+        ${this.recommendations.map((recommendation, index) => html `<li
+              class="${this._currentFocusedIndex === index ? "selected" : ""}"
+              @click=${(e) => this.handleRecommendationSelect(index)}
+            >${this.recommendationLabels.get(recommendation) ?? recommendation}</li>`)}
       </ul>
     `;
     }

package/dist/{types → formula-editor/src/types}/index.js

@@ -6,12 +6,9 @@ export var Expectation;
 })(Expectation || (Expectation = {}));
 export class Formula {
     constructor(name, formulaString, precision = -1) {
+        this.error = null;
         this.name = name || "";
         this.formulaString = formulaString || "";
         this.precision = precision;
     }
-    name;
-    formulaString;
-    precision;
-    error = null;
 }

package/dist/{utils → formula-editor/src/utils}/parser.js

@@ -1,17 +1,11 @@
-import { mathematicalOperators, operatorPrecedence, unaryOperators } from "./constants.js";
-import { getFormulaTokens } from "./get-formula-tokens.js";
-import { Queue } from "./queue.js";
+import Big from "big.js";
 import { Recommender } from "./recommendor.js";
 import { Stack } from "./stack.js";
-import Big from "big.js";
+import { Queue } from "./queue.js";
 import { Expectation } from "../types";
+import { operatorPrecedence, unaryOperators, mathematicalOperators } from "./constants.js";
+import { getFormulaTokens } from "./get-formula-tokens.js";
 export class Parser {
-    _recommender;
-    variables;
-    formulaRegex;
-    allowedNumbers;
-    allowedOperators;
-    variableType;
     constructor(variables, minSuggestionLen, formulaRegex = /[A-Za-z0-9_#@.]+|[-+(),*^/\s]/g, allowedNumbers = true, allowedOperators = mathematicalOperators, variableType = "") {
         this.variables = variables;
         this.formulaRegex = formulaRegex;
@@ -26,7 +20,7 @@ export class Parser {
         return !Number.isNaN(Number(value));
     }
     formatFormulaToken(token) {
-        for (const existingKey of this.variables.keys()) {
+        for (let existingKey of this.variables.keys()) {
             if (existingKey.toLowerCase() === token.toLowerCase()) {
                 return existingKey;
             }
@@ -44,7 +38,7 @@ export class Parser {
             recommendations: [],
             formattedString: "",
             newCursorPosition: prevCurPos ?? -1,
-            errorString: null
+            errorString: null,
         };
         if (!formula.trim() && recommendation) {
             parseOutput.formattedString = recommendation;
@@ -79,6 +73,7 @@ export class Parser {
                         recommendation = null;
                         return;
                     }
+                    ;
                     const updatedTokenLength = recommendation.length - token.length;
                     parseOutput.newCursorPosition = Math.min(parseOutput.newCursorPosition, formula.length) + updatedTokenLength;
                     token = recommendation;
@@ -89,7 +84,7 @@ export class Parser {
             /**
              * Error checks
              * skip error check if there is one already
-             */
+            */
             if (expectation != Expectation.UNDEFINED) {
                 /**
                  * Unknown symbol/variable/word
@@ -106,37 +101,33 @@ export class Parser {
                     parseOutput.errorString = "Unexpected closing bracket. Make sure all opening brackets '(' have matching closing brackets ')'.";
                     expectation = Expectation.UNDEFINED;
                 }
-                else if (
                 /**
                  * Operator or ')' after an operator (Eg: '23 / *' or '23 / )')
                  * No error for Unary `+` and `-` as they might represent a positive or negative number respectively
                  */
-                expectation === Expectation.VARIABLE &&
-                    !isNumber &&
-                    !isSpace &&
-                    token != "(" &&
-                    !(unaryOperators.includes(token) && (!parsedString.trim() || previousToken === "(" || this.allowedOperators.has(previousToken)))) {
-                    parseOutput.errorString = `Please use ${this.variableType} ${this.variableType && this.allowedNumbers ? " or " : ""} ${this.allowedNumbers ? "numbers" : ""} after '${previousToken}'.`;
+                else if (expectation === Expectation.VARIABLE && !isNumber && !isSpace && token != "("
+                    && !((unaryOperators.includes(token)) && (!parsedString.trim() || previousToken === "(" || this.allowedOperators.has(previousToken)))) {
+                    parseOutput.errorString = `Please use ${this.variableType} ${this.variableType && this.allowedNumbers ? " or " : ''} ${this.allowedNumbers ? "numbers" : ""} after '${previousToken}'.`;
                     expectation = Expectation.UNDEFINED;
                 }
+                /**
+                 * Multiple number/variable together without operator
+                 */
                 else if (expectation === Expectation.OPERATOR && !isOperator && !isSpace && token != ")") {
-                    /**
-                     * Multiple number/variable together without operator
-                     */
                     parseOutput.errorString = `Please use mathematical operators (${Array.from(this.allowedOperators).join(" ")}) after '${previousToken}'.`;
                     expectation = Expectation.UNDEFINED;
                 }
+                /**
+                 * division by zero
+                 */
                 else if (isNumber && previousToken === "/" && (this.variables.get(token) === 0 || Number(token) === 0)) {
-                    /**
-                     * division by zero
-                     */
                     parseOutput.errorString = `Division by zero is not possible.`;
                     expectation = Expectation.UNDEFINED;
                 }
+                /**
+                 * Empty brackets
+                 */
                 else if (previousToken === "(" && token === ")") {
-                    /**
-                     * Empty brackets
-                     */
                     parseOutput.errorString = `Please don't use empty brackets ().`;
                     expectation = Expectation.UNDEFINED;
                 }
@@ -187,7 +178,7 @@ export class Parser {
         let currentTokens = "";
         // Check if variables include unary operators `-` and `+`.
         for (const token of tokens) {
-            if (unaryOperators.includes(token) && (!currentTokens.trim() || previousToken === "(" || this.allowedOperators.has(previousToken))) {
+            if ((unaryOperators.includes(token)) && (!currentTokens.trim() || previousToken === "(" || this.allowedOperators.has(previousToken))) {
                 carriedToken = token;
             }
             else if (carriedToken) {
@@ -244,7 +235,7 @@ export class Parser {
             let parsedLeftExpression;
             let parsedRightExpression;
             // check if the symbol is a number or variable or unaryOperatorPreceded Variable
-            if ((unaryOperators.includes(symbol[0]) && this.variables.has(symbol.substring(1))) ||
+            if (((unaryOperators.includes(symbol[0])) && this.variables.has(symbol.substring(1))) ||
                 this.variables.has(symbol) ||
                 (!Number.isNaN(parseFloat(symbol)) && Number.isFinite(parseFloat(symbol)))) {
                 resultStack.push(symbol);
@@ -252,14 +243,21 @@ export class Parser {
             }
             // If symbol is an operator, check operatorStack, adds brackets accordingly to the result and add it to operatorStack
             else if (Object.keys(operatorPrecedence).includes(symbol)) {
-                const [rightExpression, leftExpression, operatorA, operatorB] = [resultStack.pop(), resultStack.pop(), operatorStack.pop(), operatorStack.pop()];
-                if (operatorPrecedence[operatorB] <= operatorPrecedence[symbol] || (operatorPrecedence[operatorB] === operatorPrecedence[symbol] && ["/", "-"].includes(symbol))) {
+                const [rightExpression, leftExpression, operatorA, operatorB] = [
+                    resultStack.pop(),
+                    resultStack.pop(),
+                    operatorStack.pop(),
+                    operatorStack.pop(),
+                ];
+                if ((operatorPrecedence[operatorB] <= operatorPrecedence[symbol]) ||
+                    (operatorPrecedence[operatorB] === operatorPrecedence[symbol] && ["/", "-"].includes(symbol))) {
                     parsedLeftExpression = `(${leftExpression})`;
                 }
                 else {
                     parsedLeftExpression = leftExpression;
                 }
-                if (operatorPrecedence[operatorA] <= operatorPrecedence[symbol] || (operatorPrecedence[operatorA] === operatorPrecedence[symbol] && ["/", "-"].includes(symbol))) {
+                if (operatorPrecedence[operatorA] <= operatorPrecedence[symbol] ||
+                    (operatorPrecedence[operatorA] === operatorPrecedence[symbol] && ["/", "-"].includes(symbol))) {
                     parsedRightExpression = `(${rightExpression})`;
                 }
                 else {
@@ -279,7 +277,7 @@ export class Parser {
         const formulaRPN = this.buildRPN(formula);
         const calculationResult = {
             result: undefined,
-            errorString: null
+            errorString: null,
         };
         if (!formulaRPN)
             return calculationResult;
@@ -289,7 +287,7 @@ export class Parser {
             if (!this.allowedOperators.has(frontItem)) {
                 const [sign, variableKey] = /^[+-]/.test(frontItem) ? [frontItem[0], frontItem.slice(1)] : ["", frontItem];
                 const operandValue = Number.parseFloat(this.variables.get(variableKey)?.toString() ?? variableKey);
-                const number = Number.parseFloat(`${sign}1`) * operandValue;
+                const number = Number.parseFloat(sign + "1") * operandValue;
                 calcStack.push(Big(number));
             }
             else {
@@ -323,7 +321,7 @@ export class Parser {
                     }
                 }
                 catch (error) {
-                    calculationResult.errorString = error instanceof Error ? error.message : "Unknown error during calculation";
+                    calculationResult.errorString = error;
                     return calculationResult;
                 }
             }
@@ -332,8 +330,7 @@ export class Parser {
             calculationResult.errorString = "Calculation error: Empty result stack";
             return calculationResult;
         }
-        const topValue = calcStack.top();
-        calculationResult.result = topValue !== undefined ? parseFloat(topValue.toString()) : undefined;
+        calculationResult.result = parseFloat(calcStack.top().toString());
         return calculationResult;
     }
 }

package/dist/{utils → formula-editor/src/utils}/queue.js

@@ -1,7 +1,9 @@
 export class Queue {
-    _elements = {};
-    _head = 0;
-    _tail = 0;
+    constructor() {
+        this._elements = {};
+        this._head = 0;
+        this._tail = 0;
+    }
     enqueue(item) {
         this._elements[this._tail] = item;
         this._tail++;

package/dist/{utils → formula-editor/src/utils}/recommendor.js

@@ -1,7 +1,5 @@
 import { matchSorter } from "match-sorter";
 export class Recommender {
-    _wordLimitForSuggestions;
-    variableList;
     constructor(variables, minSuggestionLen) {
         this._wordLimitForSuggestions = minSuggestionLen > 0 ? minSuggestionLen : 1;
         this.variableList = variables;

package/dist/{utils → formula-editor/src/utils}/stack.js

@@ -1,5 +1,7 @@
 export class Stack {
-    _elements = [];
+    constructor() {
+        this._elements = [];
+    }
     push(item) {
         this._elements.push(item);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fw-components/formula-editor",
-  "version": "2.3.4-linting.0",
+  "version": "2.3.4-notion-update.0",
   "description": "A WYSIWYG type formula editor",
   "main": "dist/formula-editor/src/formula-editor.js",
   "exports": {
@@ -13,21 +13,27 @@
     "access": "public"
   },
   "scripts": {
+    "start": "es-dev-server --app-index ../../index.html --node-resolve --watch --open",
     "build": "tsc --composite false",
     "dev": "tsc -w --composite false",
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@fw-components/styles": "^2.3.4-linting.0",
-    "big.js": "^7.0.1",
-    "lit": "^3.3.1",
-    "match-sorter": "^8.1.0",
-    "typescript": "^5.9.3"
+    "@fw-components/styles": "^2.3.4-notion-update.0",
+    "big.js": "^6.2.1",
+    "lit": "^2.1.2",
+    "match-sorter": "^8.0.0",
+    "typescript": "^5.0.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fundwave/fw-components"
   },
   "author": "The Fundwave Authors",
   "license": "ISC",
   "devDependencies": {
-    "@types/big.js": "^6.2.2"
+    "@types/big.js": "^6.1.6",
+    "es-dev-server": "^2.1.0"
   },
-  "gitHead": "d3ffaee5f92e119b0a93114e1753021065271a67"
+  "gitHead": "8c066ab176741959347040fdd45b9bf3906a55f8"
 }

package/tsconfig.json

@@ -1,9 +1,20 @@
 {
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "./dist",
-    "allowJs": true
-  },
-  "include": ["src"]
-}
+    "compilerOptions": {
+      "experimentalDecorators": true,
+      "useDefineForClassFields":false,
+      "outDir": "./dist",
+      "rootDir": "../",
+      "target": "esnext",
+      "module": "esnext",
+      "moduleResolution": "node",
+      "declaration": true,
+      "declarationDir": "./dist/types",
+      "composite": false,
+      "lib": ["esnext", "dom"],
+      "esModuleInterop": true,
+      "skipLibCheck": true,
+      "noEmitOnError": false
+    },
+    "include": ["src/**/*.ts"],
+    "exclude": ["node_modules", "dist"]
+  }