@fw-components/formula-editor 2.0.7-formula-editor-enhancements.12 → 2.0.7-formula-editor.22

package/dist/formula-editor/src/formula-builder.js

@@ -1,139 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, css, html } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
-import { Formula } from "./helpers/types.js";
-import { TextButtonStyles } from "../../styles/src/button-styles.js";
-import "./formula-editor";
-let FormulaBuilder = class FormulaBuilder extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.variables = new Map([
-            ["sales_expense", 2],
-            ["sales_in_quarter", 3],
-            ["sales_cummulative", 3],
-            ["cummulative_sum", 4],
-            ["mayank", 10],
-        ]);
-        this.formula = new Formula("", "");
-        this.handleCalculate = () => {
-            this.formulaEditor?.requestCalculate();
-        };
-        this.handleFormat = () => {
-            this.formulaEditor?.requestFormat();
-        };
-    }
-    static { this.styles = css `
-    #wysiwyg-err {
-      width: 100%;
-      border-radius: 0px 0px var(--fe-err-border-radius, 4px)
-        var(--fe-err-border-radius, 4px);
-      color: var(--fe-err-text-color, #fc514f);
-      border: var(--fe-err-border-width, 2px) solid black;
-      /* border-top: 0px; */
-      background-color: var(--fe-background-color, #222222);
-      padding: 4px;
-      margin: 0px 0px 8px 0px;
-    }
-
-    .wysiwyg-no-err {
-      color: #098668 !important;
-    }
-  `; }
-    handleChange() {
-        this.dispatchEvent(new CustomEvent("fw-formula-changed", {
-            detail: {
-                name: this.nameInput?.value,
-                rawFormula: this.formula.formulaString,
-                error: this.formula.error,
-                precision: this.formula.precision,
-            },
-            bubbles: true,
-        }));
-        this.requestUpdate();
-    }
-    render() {
-        return html `
-      ${TextButtonStyles}
-
-      <div>
-        <label for="metric-name-input">Metric Name</label>
-        <input
-          id="metric-name-input"
-          .value=${this.formula.name}
-          @input=${(e) => {
-            this.handleChange();
-        }}
-        />
-      </div>
-      <label>Formula</label>
-      <formula-editor
-        class="fe"
-        minSuggestionLen="0"
-        @fw-formula-content-changed=${(e) => {
-            this.formula.formulaString = e.detail.formulaString;
-            this.formula.error = e.detail.error;
-            this.handleChange();
-        }}
-        .variables=${this.variables}
-        .content=${this.formula.formulaString}
-        .errorString=${this.formula.error}
-      >
-      </formula-editor>
-      <div id="wysiwyg-err" class="${this.formula.error ?? "wysiwyg-no-err"}">
-        ${this.formula.error ??
-            `${this.formula.name} = ${this.formula.formulaString}`}
-      </div>
-      <button class="primary-text-button" @click=${this.handleCalculate}>
-        Calculate
-      </button>
-      <button class="primary-text-button" @click=${this.handleFormat}>
-        Format
-      </button>
-    `;
-    }
-};
-__decorate([
-    property({
-        type: (Map),
-        converter: {
-            fromAttribute: (value) => {
-                if (value) {
-                    return new Map(JSON.parse(value));
-                }
-            },
-            toAttribute: (value) => {
-                return JSON.stringify(Array.from(value.entries()));
-            },
-        },
-    })
-], FormulaBuilder.prototype, "variables", void 0);
-__decorate([
-    property({
-        type: Formula,
-        converter: {
-            fromAttribute: (value) => {
-                if (value) {
-                    const formulaJSON = JSON.parse(value);
-                    return new Formula(formulaJSON.name, formulaJSON.formulaString, formulaJSON.precision);
-                }
-            },
-            toAttribute: (value) => {
-                return JSON.stringify(value);
-            },
-        },
-    })
-], FormulaBuilder.prototype, "formula", void 0);
-__decorate([
-    query("#metric-name-input")
-], FormulaBuilder.prototype, "nameInput", void 0);
-__decorate([
-    query("formula-editor")
-], FormulaBuilder.prototype, "formulaEditor", void 0);
-FormulaBuilder = __decorate([
-    customElement("formula-builder")
-], FormulaBuilder);

package/dist/formula-editor/src/formula-creator.js

@@ -1,83 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from "lit";
-import { customElement, state } from "lit/decorators.js";
-import { repeat } from "lit/directives/repeat.js";
-import { ifDefined } from "lit/directives/if-defined.js";
-import { Operator } from "./helpers/types";
-var FormulaEntityType;
-(function (FormulaEntityType) {
-    FormulaEntityType[FormulaEntityType["Operator"] = 0] = "Operator";
-    FormulaEntityType[FormulaEntityType["Entity"] = 1] = "Entity";
-})(FormulaEntityType || (FormulaEntityType = {}));
-class FormulaEntity {
-    constructor(type, metric, operator = Operator.NONE) {
-        this.type = type;
-        this.metric = metric;
-        this.operator = operator;
-    }
-}
-class FormulaRow {
-    constructor(type, metrices = null, operator = Operator.NONE) {
-        this.operator = Operator.NONE;
-        this.type = type;
-        this.metrices = metrices;
-        this.operator = operator;
-    }
-}
-let FormulaCreator = class FormulaCreator extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.formulaState = [
-            new FormulaRow(FormulaEntityType.Entity, [
-                new FormulaEntity(FormulaEntityType.Entity, "Sales Expense"),
-                new FormulaEntity(FormulaEntityType.Operator, null, Operator.MINUS),
-                new FormulaEntity(FormulaEntityType.Entity, "Marketing Expense"),
-            ]),
-            new FormulaRow(FormulaEntityType.Operator, null, Operator.DIV),
-            new FormulaRow(FormulaEntityType.Entity, [
-                new FormulaEntity(FormulaEntityType.Entity, "Sales Expense"),
-                new FormulaEntity(FormulaEntityType.Operator, null, Operator.PLUS),
-                new FormulaEntity(FormulaEntityType.Entity, "Marketing Expense"),
-            ]),
-            new FormulaRow(FormulaEntityType.Operator, null, Operator.DIV),
-            new FormulaRow(FormulaEntityType.Entity, [
-                new FormulaEntity(FormulaEntityType.Entity, "Sales Expense"),
-                new FormulaEntity(FormulaEntityType.Operator, null, Operator.DIV),
-                new FormulaEntity(FormulaEntityType.Entity, "Marketing Expense"),
-            ]),
-        ];
-    }
-    render() {
-        return html `
-      <label>Formula</label>
-      ${repeat(this.formulaState, (_, rowIndex) => `row-${rowIndex}`, (formulaRow, rowIndex) => {
-            return formulaRow.type == FormulaEntityType.Entity
-                ? html ` <div>
-                ${repeat(formulaRow.metrices, (_, columnIndex) => `col-(${rowIndex},${columnIndex})`, (formulaEntity, columnIndex) => {
-                    return formulaEntity.type == FormulaEntityType.Entity
-                        ? html `<input
-                          value=${ifDefined(formulaEntity.metric === null
-                            ? undefined
-                            : formulaEntity.metric)}
-                        />`
-                        : html `<operator-input
-                          .operator=${formulaEntity.operator}
-                        ></operator-input>`;
-                })}
-              </div>`
-                : html `<div>${formulaRow.operator}</div>`;
-        })}
-    `;
-    }
-};
-__decorate([
-    state()
-], FormulaCreator.prototype, "formulaState", void 0);
-FormulaCreator = __decorate([
-    customElement("formula-creator")
-], FormulaCreator);

package/dist/formula-editor/src/helpers.js

@@ -1,54 +0,0 @@
-export class Stack {
-    constructor() {
-        this._elements = [];
-    }
-    push(item) {
-        this._elements.push(item);
-    }
-    pop() {
-        return this._elements.pop();
-    }
-    top() {
-        return this._elements.at(-1);
-    }
-    isEmpty() {
-        return this._elements.length == 0;
-    }
-    print() {
-        console.log(this._elements);
-    }
-}
-export class Queue {
-    constructor() {
-        this._elements = {};
-        this._head = 0;
-        this._tail = 0;
-    }
-    enqueue(item) {
-        this._elements[this._tail] = item;
-        this._tail++;
-    }
-    dequeue() {
-        if (this._tail === this._head)
-            return undefined;
-        const element = this._elements[this._head];
-        delete this._elements[this._head];
-        this._head++;
-        return element;
-    }
-    peek() {
-        return this._elements[this._head];
-    }
-    isEmpty() {
-        return this._head == this._tail;
-    }
-    print() {
-        console.log(this._elements);
-    }
-}
-export var Expectation;
-(function (Expectation) {
-    Expectation[Expectation["VARIABLE"] = 0] = "VARIABLE";
-    Expectation[Expectation["OPERATOR"] = 1] = "OPERATOR";
-    Expectation[Expectation["UNDEFINED"] = 2] = "UNDEFINED";
-})(Expectation || (Expectation = {}));

package/dist/formula-editor/src/recommendor.js

@@ -1,18 +0,0 @@
-import { matchSorter } from 'match-sorter';
-export class Recommender {
-    constructor(variables, minSuggestionLen) {
-        this._minimumSuggestionLength = minSuggestionLen > 0 ? minSuggestionLen : 1;
-        this.variableList = Array.from(variables.keys());
-    }
-    getRecommendation(word) {
-        if (word.length < this._minimumSuggestionLength) {
-            return null;
-        }
-        const recommendations = matchSorter(this.variableList, word);
-        if (recommendations.length === 0 ||
-            (recommendations.length === 1 && recommendations[0] === word)) {
-            return null;
-        }
-        return recommendations;
-    }
-}

package/dist/formula-editor/src/sub-components/operator-input.js

@@ -1,24 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html } from "lit";
-import { customElement, property } from "lit/decorators.js";
-import { Operator } from "../helpers/types";
-let OperatorInput = class OperatorInput extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.operator = Operator.NONE;
-    }
-    render() {
-        return html `<span> ${this.operator} </span>`;
-    }
-};
-__decorate([
-    property()
-], OperatorInput.prototype, "operator", void 0);
-OperatorInput = __decorate([
-    customElement("operator-input")
-], OperatorInput);