@theseam/ui-common 0.2.14 → 0.2.17

package/bundles/theseam-ui-common-table-cell-types.umd.js

@@ -43,11 +43,24 @@
         TableCellTypeCurrencyComponent.prototype._formatCurrency = function (currentValue, tableData) {
             var _a;
             var config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
+            var defaultToEmpty = utils.notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty) ?
+                this._parseConfigValue(coercion.coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
+            var valueIsNumeric = utils.isNumeric(currentValue);
+            if (!valueIsNumeric) {
+                if (defaultToEmpty) {
+                    // return empty string instead of $0 when currentValue is empty or unparseable
+                    return '';
+                }
+                else {
+                    // set non-numeric value to 0 so it can be formatted the same as other numbers
+                    currentValue = 0;
+                }
+            }
             var locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
             var currency = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.currency, tableData) || '$';
             var currencyCode = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.currencyCode, tableData) || 'USD';
             var minIntegerDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minIntegerDigits, tableData) || 1;
-            var minFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minFractionDigits, tableData) || 0;
+            var minFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minFractionDigits, tableData) || 2;
             var maxFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.maxFractionDigits, tableData) || 2;
             var format = minIntegerDigits + "." + minFractionDigits + "-" + maxFractionDigits;
             return common.formatCurrency(currentValue, locale, currency, currencyCode, format);
@@ -165,8 +178,22 @@
         TableCellTypeDecimalComponent.prototype._formatDecimal = function (currentValue, tableData) {
             var _a;
             var config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
+            var defaultToEmpty = utils.notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty) ?
+                this._parseConfigValue(coercion.coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
             var formatDecimal = utils.notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber) ?
                 this._parseConfigValue(coercion.coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
+            var valueIsNumeric = utils.isNumeric(currentValue);
+            // unparseable values are OK to return as long as we're not trying to format them
+            if (!valueIsNumeric && formatDecimal) {
+                if (defaultToEmpty) {
+                    // return empty string instead of 0 when currentValue is empty or unparseable
+                    return '';
+                }
+                else {
+                    // set non-numeric value to 0 so it can be formatted the same as other numbers
+                    currentValue = 0;
+                }
+            }
             var locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
             var minIntegerDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minIntegerDigits, tableData) || 1;
             var minFractionDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minFractionDigits, tableData) || 0;
@@ -405,8 +432,22 @@
         TableCellTypeIntegerComponent.prototype._formatInteger = function (currentValue, tableData) {
             var _a;
             var config = (_a = tableData === null || tableData === void 0 ? void 0 : tableData.colData) === null || _a === void 0 ? void 0 : _a.cellTypeConfig;
+            var defaultToEmpty = utils.notNullOrUndefined(config === null || config === void 0 ? void 0 : config.defaultToEmpty) ?
+                this._parseConfigValue(coercion.coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.defaultToEmpty), tableData) : true;
             var formatInteger = utils.notNullOrUndefined(config === null || config === void 0 ? void 0 : config.formatNumber) ?
                 this._parseConfigValue(coercion.coerceBooleanProperty(config === null || config === void 0 ? void 0 : config.formatNumber), tableData) : true;
+            var valueIsNumeric = utils.isNumeric(currentValue);
+            // unparseable values are OK to return as long as we're not trying to format them
+            if (!valueIsNumeric && formatInteger) {
+                if (defaultToEmpty) {
+                    // return empty string instead of 0 when currentValue is empty or unparseable
+                    return '';
+                }
+                else {
+                    // set non-numeric value to 0 so it can be formatted the same as other numbers
+                    currentValue = 0;
+                }
+            }
             var locale = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.locale, tableData) || 'en-US';
             var minIntegerDigits = this._parseConfigValue(config === null || config === void 0 ? void 0 : config.minIntegerDigits, tableData) || 1;
             var format = minIntegerDigits + ".0-0";
@@ -776,7 +817,7 @@
             set: function (value) {
                 this._config = value;
                 if (value) {
-                    this.setAction(value.action);
+                    this.setConfig(value);
                 }
             },
             enumerable: false,
@@ -784,7 +825,7 @@
         });
         Object.defineProperty(TableCellTypeStringComponent.prototype, "title", {
             get: function () { return this._title; },
-            set: function (value) { this.title = value; },
+            set: function (value) { this._title = value; },
             enumerable: false,
             configurable: true
         });
@@ -793,6 +834,28 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(TableCellTypeStringComponent.prototype, "style", {
+            get: function () { return this._style; },
+            set: function (value) { this._style = value; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TableCellTypeStringComponent.prototype, "_styleAttr", {
+            get: function () { return this.style; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TableCellTypeStringComponent.prototype, "classAttr", {
+            get: function () { return this._class; },
+            set: function (value) { this._class = value; },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(TableCellTypeStringComponent.prototype, "_classAttr", {
+            get: function () { return this.classAttr; },
+            enumerable: false,
+            configurable: true
+        });
         TableCellTypeStringComponent.prototype.ngOnInit = function () {
             var _this = this;
             var _data = this._tableData;
@@ -854,6 +917,24 @@
             this._detectMimeContent = detectMimeContent;
             this._queryParams = queryParams;
         };
+        TableCellTypeStringComponent.prototype.setConfig = function (config) {
+            if (!config) {
+                return;
+            }
+            var title = this._parseConfigValue(config.titleAttr);
+            if (title) {
+                this.title = title;
+            }
+            var style = this._parseConfigValue(config.styleAttr);
+            if (style) {
+                this.style = style;
+            }
+            var classAttr = this._parseConfigValue(config.classAttr);
+            if (classAttr) {
+                this.classAttr = classAttr;
+            }
+            this.setAction(config.action);
+        };
         TableCellTypeStringComponent.prototype._parseConfigValue = function (val) {
             var _this = this;
             var contextFn = function () { return _this._tableCellTypeHelpers.getValueContext(val, _this._tableCellData); };
@@ -897,7 +978,11 @@
         value: [{ type: core.Input }],
         config: [{ type: core.Input }],
         title: [{ type: core.Input }],
-        _titleAttr: [{ type: core.HostBinding, args: ['attr.title',] }]
+        _titleAttr: [{ type: core.HostBinding, args: ['attr.title',] }],
+        style: [{ type: core.Input }],
+        _styleAttr: [{ type: core.HostBinding, args: ['attr.style',] }],
+        classAttr: [{ type: core.Input }],
+        _classAttr: [{ type: core.HostBinding, args: ['class',] }]
     };
 
     var ɵ0 = {