@praxisui/table 1.0.0-beta.7 → 1.0.0-beta.8

package/fesm2022/praxisui-table.mjs

@@ -3285,15 +3285,17 @@ class DataFormattingService {
      * Format currency values
      */
     formatCurrency(value, formatString) {
-        // Parse format: "BRL|symbol|2" or "USD|code|2"
-        const parts = formatString.split('|');
-        if (parts.length < 3) {
-            return (this.currencyPipe.transform(value, 'BRL', 'symbol', '1.2-2', this.locale) || value.toString());
-        }
-        const currencyCode = parts[0];
-        const display = parts[1]; // 'symbol' or 'code'
-        const decimals = parts[2];
+        // Accept both compact and detailed formats:
+        // - "BRL" → code only (defaults: symbol, 2 decimals)
+        // - "USD|code|0" → code + display + decimals
+        // - "EUR|symbol|2|nosep" → with grouping removal
+        const parts = (formatString || '').split('|').filter((p) => p != null && p !== '');
+        const currencyCode = (parts[0] || 'BRL').trim();
+        const displayRaw = (parts[1] || '').trim();
+        const decimalsRaw = (parts[2] || '').trim();
         const noSep = parts.includes('nosep');
+        const display = displayRaw === 'code' ? 'code' : 'symbol';
+        const decimals = /^\d+$/.test(decimalsRaw) ? decimalsRaw : '2';
         const digitsInfo = `1.${decimals}-${decimals}`;
         const formatted = this.currencyPipe.transform(value, currencyCode, display, digitsInfo, this.locale) || value.toString();
         return noSep ? this.removeGrouping(formatted) : formatted;
@@ -13516,7 +13518,12 @@ class TableVisualRulesEditorComponent {
         if (this.scope === 'row') {
             const anyCfg = this.config;
             this.selectedColumn = null;
-            this.currentRulesState = anyCfg._rowStyleRulesState || undefined;
+            // Prefer explicit editor state; fall back to building from existing saved rules
+            this.currentRulesState =
+                anyCfg._rowStyleRulesState ||
+                    (anyCfg.rowConditionalStyles
+                        ? conditionalStylesToBuilderState(anyCfg.rowConditionalStyles)
+                        : undefined);
             this.compiledRules = this.materializeCompiledRules(anyCfg.rowConditionalStyles || []);
             if (hadPending && previousCompiled.length) {
                 this.mergePendingIntoCompiled(previousCompiled);
@@ -13525,7 +13532,12 @@ class TableVisualRulesEditorComponent {
         }
         this.selectedColumn = this.columns.find(c => c.field === this.selectedField) || null;
         const anyCol = this.selectedColumn;
-        this.currentRulesState = anyCol?._styleRulesState || undefined;
+        // Prefer explicit editor state; fall back to building from existing saved rules
+        this.currentRulesState =
+            anyCol?._styleRulesState ||
+                (anyCol?.conditionalStyles
+                    ? conditionalStylesToBuilderState(anyCol.conditionalStyles)
+                    : undefined);
         this.compiledRules = this.materializeCompiledRules(anyCol?.conditionalStyles || []);
         if (hadPending && previousCompiled.length) {
             this.mergePendingIntoCompiled(previousCompiled);
@@ -13710,7 +13722,11 @@ class TableVisualRulesEditorComponent {
         const toPersist = this.compiledRules.map(r => ({ condition: r.condition, cssClass: r.cssClass, style: r.style }));
         console.debug('[TableRulesEditor] applyEffects', { scope: this.scope, toPersist });
         if (this.scope === 'row') {
-            const updated = { ...this.config, rowConditionalStyles: toPersist };
+            const updated = {
+                ...this.config,
+                rowConditionalStyles: toPersist,
+                _rowStyleRulesState: this.config._rowStyleRulesState ?? this.currentRulesState,
+            };
             this.config = updated;
             this.configChange.emit(updated);
             console.debug('[TableRulesEditor] row effects persisted');
@@ -13722,7 +13738,11 @@ class TableVisualRulesEditorComponent {
         const idx = this.columns.findIndex(c => c.field === this.selectedColumn.field);
         if (idx < 0)
             return;
-        const col = { ...this.columns[idx], conditionalStyles: toPersist };
+        const col = {
+            ...this.columns[idx],
+            conditionalStyles: toPersist,
+            _styleRulesState: this.columns[idx]._styleRulesState ?? this.currentRulesState,
+        };
         const newColumns = [...this.columns];
         newColumns[idx] = col;
         const updated = { ...this.config, columns: newColumns };
@@ -17292,6 +17312,7 @@ class PraxisTable {
     }
     // Cache precompilado para expressões de regras visuais (DSL → Specification)
     styleSpecCache = new Map();
+    actionSpecCache = new Map();
     // Lightweight error state to expose CTA when backend/schema fails
     schemaError = false;
     dataError = false;
@@ -17540,9 +17561,22 @@ class PraxisTable {
         return [...actions].sort((a, b) => (a.priority ?? 100) - (b.priority ?? 100));
     }
     isActionVisible(a, row) {
-        return typeof a.visible === 'function'
-            ? !!a.visible(row)
-            : a.visible !== false;
+        // Explicit visible handler has precedence
+        if (typeof a.visible === 'function')
+            return !!a.visible(row);
+        if (a.visible === false)
+            return false;
+        // Evaluate conditional (DSL) when provided
+        const cond = a.conditional;
+        if (cond && typeof cond === 'string' && cond.trim()) {
+            try {
+                return this.evaluateActionCondition(cond, row);
+            }
+            catch {
+                return false;
+            }
+        }
+        return true;
     }
     isActionDisabled(a, row) {
         return typeof a.disabled === 'function' ? !!a.disabled(row) : !!a.disabled;
@@ -18800,7 +18834,8 @@ class PraxisTable {
             return false;
         let spec = this.styleSpecCache.get(expression);
         if (spec === undefined) {
-            const knownFields = this.visibleColumns.map((c) => c.field);
+            const allColumns = (this.config?.columns || this.visibleColumns || []);
+            const knownFields = allColumns.map((c) => c.field);
             const parse = this.specBridge.parseDslExpression(expression, {
                 knownFields,
                 enablePerformanceWarnings: false,
@@ -18829,6 +18864,41 @@ class PraxisTable {
             return false;
         }
     }
+    /** Evaluate row action visibility condition using the same DSL as styles */
+    evaluateActionCondition(expression, rowData) {
+        if (!expression || !expression.trim())
+            return true;
+        let spec = this.actionSpecCache.get(expression);
+        if (spec === undefined) {
+            const allColumns = (this.config?.columns || this.visibleColumns || []);
+            const knownFields = allColumns.map((c) => c.field);
+            const parse = this.specBridge.parseDslExpression(expression, {
+                knownFields,
+                enablePerformanceWarnings: false,
+                maxComplexity: 64,
+            });
+            if (!parse.success || !parse.specification) {
+                console.warn('[PraxisTable] Action DSL parse failed', {
+                    expression,
+                    knownFields,
+                    issues: parse.issues,
+                });
+                this.actionSpecCache.set(expression, null);
+                return true; // be permissive when parse fails
+            }
+            spec = parse.specification;
+            this.actionSpecCache.set(expression, spec);
+        }
+        if (!spec)
+            return true;
+        try {
+            return spec.isSatisfiedBy(rowData) === true;
+        }
+        catch {
+            console.warn('[PraxisTable] Action spec evaluation error', { expression });
+            return true;
+        }
+    }
     // =============================
     // Conditional Styles (row/global)
     // =============================