@zeedhi/common 1.111.1 → 1.113.0

package/dist/zd-common.esm.js

@@ -2831,7 +2831,7 @@ class TextInput extends Input {
         return mask;
     }
 }
-FormatterParserProvider.registerFormatter('ZdTextInput', (value, { valueWithPrefix = textInputDefaults.valueWithPrefix, prefix = textInputDefaults.prefix, valueWithSuffix = textInputDefaults.valueWithSuffix, suffix = textInputDefaults.suffix, mask = textInputDefaults.mask, } = {}) => {
+FormatterParserProvider.registerFormatter('ZdTextInput', (value, { valueWithPrefix = textInputDefaults.valueWithPrefix, prefix = textInputDefaults.prefix, valueWithSuffix = textInputDefaults.valueWithSuffix, suffix = textInputDefaults.suffix, mask = textInputDefaults.mask, eagerMask, } = {}) => {
     let formatted = value;
     if (formatted) {
         formatted = valueWithPrefix ? formatted.substring(prefix.length) : formatted;
@@ -2842,7 +2842,10 @@ FormatterParserProvider.registerFormatter('ZdTextInput', (value, { valueWithPref
             maskDef = Loader.getInstance(controller)[accessor];
         }
         const maskValue = typeof (maskDef) === 'function' ? maskDef(Mask.getValueWithoutMask(formatted)) : maskDef;
-        formatted = maskValue ? Mask.getValueWithMask(Mask.getValueWithoutMask(formatted), maskValue) : formatted;
+        if (maskValue) {
+            const valueWithoutMask = Mask.getValueWithoutMask(formatted);
+            formatted = Mask.getValueWithMask(valueWithoutMask, maskValue, false, eagerMask);
+        }
     }
     return formatted;
 });
@@ -3138,8 +3141,10 @@ class AlertService {
      * Hides alert by index. Default index is 0
      */
     static hide(index = 0) {
-        this.alertsManager.visibleInstances[index].hide();
-        this.remove(index);
+        if (this.alertsManager.visibleInstances[index]) {
+            this.alertsManager.visibleInstances[index].hide();
+            this.remove(index);
+        }
     }
     /**
      * Hides alert by alert id (returned by the `show` method)
@@ -5447,6 +5452,8 @@ class Column extends Component {
         this.defaultData = [];
         /* Column search mode */
         this.searchMode = 'any';
+        /* Column can be used to search */
+        this.searchable = true;
         this.lookup = debounce((lookupColumn) => {
             this.loading = true;
             const dataToLookup = Array.from(new Set(this.dataToLookup)); // remove duplicates
@@ -5478,7 +5485,9 @@ class Column extends Component {
         this.xlsType = this.getInitValue('xlsType', props.xlsType, this.xlsType);
         this.conditions = this.getInitValue('conditions', props.conditions, this.conditions);
         this.searchMode = this.getInitValue('searchMode', props.searchMode, this.searchMode);
+        this.searchable = this.getInitValue('searchable', props.searchable, this.searchable);
         this.helperText = this.getInitValue('', props.helperText, this.helperText);
+        this.valueIn = this.getInitValue('valueIn', props.valueIn, this.name);
         this.createConditions();
         this.createActionConditions();
         if (this.componentProps.datasource) {
@@ -5510,7 +5519,7 @@ class Column extends Component {
         throw new MethodNotAssignedError('viewGetWidth');
     }
     formatterByRow(row, cellProps) {
-        const value = row[this.name];
+        const value = row[this.valueIn];
         const formatterFn = FormatterParserProvider.getFormatter(`column_${this.componentProps.component}`);
         if (formatterFn) {
             return formatterFn({
@@ -5845,7 +5854,9 @@ class Iterable extends ComponentRender {
         });
     }
     isColumnSearchable(column) {
-        return (!this.searchVisibleOnly || column.isVisible) && (this.searchIn === undefined || this.searchIn === column.name);
+        return column.searchable
+            && (!this.searchVisibleOnly || column.isVisible)
+            && (this.searchIn === undefined || this.searchIn === column.name);
     }
 }
 
@@ -7048,10 +7059,10 @@ class GridEditable extends Grid {
     }
     getVisibleValue(row, column) {
         const key = row[this.datasource.uniqueKey];
-        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
-            return this.editedRows[key][column.name];
+        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.valueIn)) {
+            return this.editedRows[key][column.valueIn];
         }
-        return row[column.name];
+        return row[column.valueIn];
     }
     /**
      * Returns editable component properties based on the column definition
@@ -7110,13 +7121,13 @@ class GridEditable extends Grid {
      * If the row[column.name] has a selected value, pushes it
      */
     checkLookupData(column, row, componentProps) {
-        if (!row[column.name] || !column.lookupData || !componentProps.datasource)
+        if (!row[column.valueIn] || !column.lookupData || !componentProps.datasource)
             return;
         componentProps.datasource.data = componentProps.datasource.data || [];
         // prevent pushing lookup values when using accessor in data
         if (!Array.isArray(componentProps.datasource.data))
             return;
-        const colValue = row[column.name];
+        const colValue = row[column.valueIn];
         if (Array.isArray(colValue)) {
             colValue.forEach((item) => {
                 const value = typeof item === 'object' ? item[componentProps.dataValue] : item;
@@ -7153,7 +7164,7 @@ class GridEditable extends Grid {
      */
     changeEditableComponent(column, row, value, component) {
         const key = row[this.datasource.uniqueKey];
-        const columnName = column.name;
+        const columnName = column.valueIn;
         if (!Utils.isEqual(value, row[columnName])) {
             const newRow = {};
             newRow[key] = Object.assign({}, this.editedRows[key]);
@@ -7200,7 +7211,7 @@ class GridEditable extends Grid {
     isEdited(column, row) {
         const key = row[this.datasource.uniqueKey];
         return this.editedRows[key]
-            && this.editedRows[key][column.name] !== this.editedRows[key][`${column.name}_original`];
+            && this.editedRows[key][column.valueIn] !== this.editedRows[key][`${column.valueIn}_original`];
     }
     /**
      * Checks if row is an added row
@@ -7384,7 +7395,7 @@ class GridEditable extends Grid {
             const key = row[this.datasource.uniqueKey];
             editableColumns.forEach((column) => {
                 const instance = componentInstances[column.name];
-                if (!instance.isValid(row[column.name])) {
+                if (!instance.isValid(row[column.valueIn])) {
                     invalidCompNames.push(this.getCompName(key, column.name));
                 }
             });
@@ -7477,7 +7488,7 @@ class GridEditable extends Grid {
             throw new RowNotFoundError(newRow[uniqueKey], this.name);
         }
         this.columns.forEach((column) => {
-            const columnName = column.name;
+            const columnName = column.valueIn;
             this.changeCell(newRow[uniqueKey], rowIdx, column, newRow[columnName]);
         });
     }
@@ -7894,27 +7905,45 @@ class Increment extends Number$1 {
         super.change(event, element);
     }
     /**
-     * Method to increment the value
+     * Increases the component's value by the step amount.
      */
     increment() {
-        this.value = this.value ? Number(this.value) : this.value;
-        if ((this.value === null || Number.isNaN(this.value)) && this.minValue) {
-            this.value = this.minValue;
+        const currentValue = Number(this.value);
+        const isValueInvalid = this.value === null || this.value === '' || Number.isNaN(currentValue);
+        // First, handle the case where the input is empty or not a number.
+        if (isValueInvalid) {
+            // Determine the starting value. Default to `minValue` if it's positive, otherwise start from `step`.
+            const startValue = (this.minValue !== undefined && this.minValue > 0) ? this.minValue : this.step;
+            // Set the value, but clamp it to the maximum limit if one exists.
+            this.value = (this.maxValue !== undefined) ? Math.min(startValue, this.maxValue) : startValue;
+            return;
         }
-        else if (this.value !== this.maxValue) {
-            this.value += this.step;
+        // If the input is a valid number, calculate the next value.
+        const nextValue = currentValue + this.step;
+        // Only update if the new value does not exceed the maximum boundary.
+        if (this.maxValue === undefined || nextValue <= this.maxValue) {
+            this.value = nextValue;
         }
     }
     /**
-     * Method to decrement the value
+     * Decreases the component's value by the step amount.
      */
     decrement() {
-        this.value = this.value ? Number(this.value) : this.value;
-        if ((this.value === null || Number.isNaN(this.value)) && this.maxValue) {
-            this.value = this.maxValue;
+        const currentValue = Number(this.value);
+        const isValueInvalid = this.value === null || this.value === '' || Number.isNaN(currentValue);
+        // First, handle the case where the input is empty or not a number.
+        if (isValueInvalid) {
+            // Determine the starting value. Handles the edge case where the max value is negative.
+            const startValue = (this.maxValue !== undefined && this.maxValue < 0) ? this.maxValue : -this.step;
+            // Set the value, but clamp it to the minimum limit if one exists.
+            this.value = (this.minValue !== undefined) ? Math.max(startValue, this.minValue) : startValue;
+            return;
         }
-        else if (this.value !== this.minValue) {
-            this.value -= this.step;
+        // If the input is a valid number, calculate the next value.
+        const nextValue = currentValue - this.step;
+        // Only update if the new value does not go below the minimum boundary.
+        if (this.minValue === undefined || nextValue >= this.minValue) {
+            this.value = nextValue;
         }
     }
 }
@@ -8503,18 +8532,26 @@ class BaseReport {
             SUM: 'SUM',
         };
         this.colunmXLS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+        this.labelFormatter = labelFormatter;
         this.reportColumnTransformer = this.getReportColumnTransformer(labelFormatter);
     }
     getReportColumnTransformer(labelFormatter) {
         return new ReportColumnTransformer({ labelFormatter, fileType: this.getFileType() });
     }
+    getColumnLabel(key, column) {
+        if (!column)
+            return key;
+        if (!this.labelFormatter)
+            return column.label || key;
+        return this.labelFormatter({ column, fileType: this.getFileType() });
+    }
     buildFilter(filter, columns) {
         return Object.keys(filter).map((key) => {
-            var _a;
-            return ({
-                label: ((_a = columns.find((col) => col.name === key)) === null || _a === void 0 ? void 0 : _a.label) || key,
+            const column = columns.find((col) => col.name === key);
+            return {
+                label: this.getColumnLabel(key, column),
                 value: I18n.translate('IS_EQUAL', { value: filter[key] }),
-            });
+            };
         });
     }
     formatLangCode(lang) {
@@ -8523,6 +8560,12 @@ class BaseReport {
         }
         return lang.toLowerCase().replace('-', '_');
     }
+    filterColumns(columns) {
+        return columns.filter((item) => (item.type !== 'action' && item.isVisible !== false));
+    }
+    buildCols(columns) {
+        return this.reportColumnTransformer.transform(this.filterColumns(columns));
+    }
 }
 
 class CSVReport extends BaseReport {
@@ -8533,8 +8576,9 @@ class CSVReport extends BaseReport {
     getFileType() {
         return 'csv';
     }
-    buildDataset(data, columns) {
-        const columnNames = columns.map((col) => col.name);
+    buildDataset({ data, columns }) {
+        const filteredColumns = this.filterColumns(columns);
+        const columnNames = filteredColumns.map((col) => col.name);
         const result = data.reduce((reduced, row) => {
             const values = columnNames.map((col) => row[col] || '');
             return [...reduced, values];
@@ -8542,7 +8586,7 @@ class CSVReport extends BaseReport {
         return JSON.stringify(result);
     }
     buildMetadata(name, title, columns, filter) {
-        const builtCols = this.reportColumnTransformer.transform(columns);
+        const builtCols = this.buildCols(columns);
         const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
@@ -8586,7 +8630,7 @@ class PDFReport extends BaseReport {
         const fileType = this.getFileType();
         return new ReportColumnTransformer({ getFormatFn, labelFormatter, fileType });
     }
-    buildDataset(data) {
+    buildDataset({ data }) {
         return JSON.stringify(data);
     }
     getFormatOfColumn(column) {
@@ -8636,7 +8680,7 @@ class PDFReport extends BaseReport {
     }
     buildMetadata(name, title, columns, filter, portrait = true) {
         return __awaiter(this, void 0, void 0, function* () {
-            const builtCols = this.reportColumnTransformer.transform(columns);
+            const builtCols = this.buildCols(columns);
             const builtFilters = this.buildFilter(filter || {}, columns);
             const lang = this.formatLangCode(I18n.instance.language);
             let clientLogo = '';
@@ -8724,8 +8768,8 @@ class XLSReport extends BaseReport {
     getFileType() {
         return 'xls';
     }
-    buildDataset(data, columns) {
-        const result = this.formatRawDataSet(data, columns);
+    buildDataset({ data, columns }) {
+        const result = this.formatRawDataSet(data, this.filterColumns(columns));
         return JSON.stringify(result);
     }
     // formata o dataset para o formato "cru" xls
@@ -8738,7 +8782,7 @@ class XLSReport extends BaseReport {
         return result;
     }
     buildMetadata(name, title, columns, filter) {
-        const builtCols = this.reportColumnTransformer.transform(columns);
+        const builtCols = this.buildCols(columns);
         const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
@@ -8781,12 +8825,12 @@ class XLS2Report extends BaseReport {
     getFileType() {
         return 'xls';
     }
-    buildDataset(data, metadata) {
+    buildDataset({ data, metadata }) {
         const result = this.formatDataSet(metadata, data);
         return JSON.stringify(result);
     }
     buildMetadata(name, title, columns, filter) {
-        const builtCols = this.reportColumnTransformer.transform(columns);
+        const builtCols = this.buildCols(columns);
         const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
@@ -8981,12 +9025,12 @@ class XLS3Report extends BaseReport {
     getFileType() {
         return 'xls';
     }
-    buildDataset(data, metadata) {
+    buildDataset({ data, metadata }) {
         const result = this.formatDataSet(metadata, data);
         return JSON.stringify(result);
     }
     buildMetadata(name, title, columns, filter) {
-        const builtCols = this.reportColumnTransformer.transform(columns);
+        const builtCols = this.buildCols(columns);
         const builtFilters = this.buildFilter(filter || {}, columns);
         const lang = this.formatLangCode(I18n.instance.language);
         const clientLogo = '';
@@ -9306,21 +9350,20 @@ class Report {
             const { route } = reportType;
             const { name, columns, datasource } = this.iterable;
             const { groupedData } = Object.assign({}, this.iterable);
-            const formattedColumns = this.filterColumns(columns);
-            const metadataObj = yield reportType.buildMetadata(name, this.title, formattedColumns, datasource.filter, portrait);
+            const metadataObj = yield reportType.buildMetadata(name, this.title, columns, datasource.filter, portrait);
             let dataset;
             if ((reportType instanceof XLS2Report || reportType instanceof XLS3Report) && groupedData) {
                 const rowMetadata = rowObj.metaData;
                 const metadataObjClone = merge(rowMetadata, JSON.parse(metadataObj));
-                dataset = reportType.buildDataset(groupedData, metadataObjClone);
+                dataset = reportType.buildDataset({ data: groupedData, metadata: metadataObjClone });
             }
             else if (reportType instanceof PDFReport && groupedData && groupedData.length > 0) {
                 const formatter = new GroupedPDFFormatter();
                 const pdfGroupedData = formatter.format(groupedData);
-                dataset = reportType.buildDataset(pdfGroupedData);
+                dataset = reportType.buildDataset({ data: pdfGroupedData });
             }
             else {
-                dataset = reportType.buildDataset(data, formattedColumns);
+                dataset = reportType.buildDataset({ data, metadata: metadataObj, columns });
             }
             const filter = '[]';
             let row = {
@@ -9349,9 +9392,6 @@ class Report {
             return new URL(reportFile, this.fileEndPoint).href;
         });
     }
-    filterColumns(columns) {
-        return columns.filter((item) => (item.type !== 'action' && item.isVisible));
-    }
 }
 
 class TreeDataStructure {
@@ -10432,7 +10472,7 @@ class Select extends TextInput {
                             component: 'ZdGrid',
                             cssClass: 'zd-my-2 zd-pa-0 zd-select-modal-selection-grid',
                             columns: this.modalSelectionColumns,
-                            datasource: Object.assign(Object.assign({}, this.datasource.clone()), { lazyLoad: false, searchIn: undefined }),
+                            datasource: Object.assign(Object.assign({}, this.datasource.clone()), { limit: this.defaultDatasource.limit, lazyLoad: false, searchIn: undefined }),
                             toolbarSlot: [
                                 {
                                     name: `${this.name}-modal-selection-title`,
@@ -10511,7 +10551,7 @@ class Select extends TextInput {
         });
     }
 }
-FormatterParserProvider.registerFormatter('ZdSelect', (value, { dataText, dataTextSeparator = ' | ', }) => {
+FormatterParserProvider.registerFormatter('ZdSelect', (value, { dataText, dataTextSeparator = ' | ', eagerMask, }) => {
     if (value === null || value === undefined) {
         return null;
     }
@@ -10543,7 +10583,7 @@ FormatterParserProvider.registerFormatter('ZdSelect', (value, { dataText, dataTe
             let masked = value[column];
             if (masks[index]) {
                 const maskValue = typeof masks[index] === 'function' ? masks[index](value[column]) : masks[index];
-                masked = Mask.getValueWithMask(value[column], maskValue);
+                masked = Mask.getValueWithMask(value[column], maskValue, false, eagerMask);
             }
             return result + separator + masked;
         }
@@ -10705,6 +10745,10 @@ class Search extends TextInput {
     constructor(props) {
         super(props);
         this.lazyAttach = false;
+        /**
+         *  * hide the option to select search field
+         */
+        this.hideSearchField = false;
         this.debounceSetSearch = debounce(this.setSearch, 500);
         this.iterableComponentName = this.getInitValue('iterableComponentName', props.iterableComponentName, this.iterableComponent);
         this.showHelper = this.getInitValue('showHelper', props.showHelper, false);
@@ -10713,6 +10757,7 @@ class Search extends TextInput {
         this.placeholder = this.getInitValue('placeholder', props.placeholder, 'SEARCH');
         this.cssClass = this.getInitValue('cssClass', props.cssClass, 'zd-float-right');
         this.lazyAttach = this.getInitValue('lazyAttach', props.lazyAttach, this.lazyAttach);
+        this.hideSearchField = this.getInitValue('hideSearchField', props.hideSearchField, this.hideSearchField);
         this.debounceSetSearch = this.debounceSetSearch.bind(this);
         if (!this.lazyAttach)
             this.setIterableComponent();
@@ -12149,7 +12194,8 @@ FormatterParserProvider.registerParser('ZdMonth', (value, { dateFormat = Config.
         }
     }
     return value;
-});
+});
+InputFactory.register('ZdMonth', Month);
 
 /**
  * Base class for Password component.
@@ -12939,7 +12985,8 @@ FormatterParserProvider.registerFormatter('ZdSelectMultiple', (value, props) =>
         return formattedRow;
     });
     return formattedValue;
-});
+});
+InputFactory.register('ZdSelectMultiple', SelectMultiple);
 
 /**
  * Base class for Select Tree  component.
@@ -13533,7 +13580,8 @@ class SelectTreeMultiple extends SelectTree {
     }
 }
 const selectFormatterFn = FormatterParserProvider.getFormatter('ZdSelectMultiple');
-FormatterParserProvider.registerFormatter('ZdSelectTreeMultiple', selectFormatterFn);
+FormatterParserProvider.registerFormatter('ZdSelectTreeMultiple', selectFormatterFn);
+InputFactory.register('ZdSelectTreeMultiple', SelectTreeMultiple);
 
 /**
  * Base class for SelectableList component.
@@ -15560,10 +15608,10 @@ class TreeGridEditable extends TreeGrid {
     }
     getVisibleValue(row, column) {
         const key = row[this.datasource.uniqueKey];
-        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.name)) {
-            return this.editedRows[key][column.name];
+        if (this.editedRows[key] && Object.prototype.hasOwnProperty.call(this.editedRows[key], column.valueIn)) {
+            return this.editedRows[key][column.valueIn];
         }
-        return row[column.name];
+        return row[column.valueIn];
     }
     /**
      * Returns editable component properties based on the column definition
@@ -15617,13 +15665,13 @@ class TreeGridEditable extends TreeGrid {
      * If the row[column.name] has a selected value, pushes it
      */
     checkLookupData(column, row, componentProps) {
-        if (!row[column.name] || !column.lookupData || !componentProps.datasource)
+        if (!row[column.valueIn] || !column.lookupData || !componentProps.datasource)
             return;
         componentProps.datasource.data = componentProps.datasource.data || [];
         // prevent pushing lookup values when using accessor in data
         if (!Array.isArray(componentProps.datasource.data))
             return;
-        const colValue = row[column.name];
+        const colValue = row[column.valueIn];
         if (Array.isArray(colValue)) {
             colValue.forEach((item) => {
                 const value = typeof item === 'object' ? item[componentProps.dataValue] : item;
@@ -15660,7 +15708,7 @@ class TreeGridEditable extends TreeGrid {
      */
     changeEditableComponent(column, row, value, component) {
         const key = row[this.datasource.uniqueKey];
-        const columnName = column.name;
+        const columnName = column.valueIn;
         if (!Utils.isEqual(value, row[columnName])) {
             const newRow = {};
             newRow[key] = Object.assign({}, this.editedRows[key]);
@@ -15695,7 +15743,7 @@ class TreeGridEditable extends TreeGrid {
     isEdited(column, row) {
         const key = row[this.datasource.uniqueKey];
         return this.editedRows[key]
-            && this.editedRows[key][column.name] !== this.editedRows[key][`${column.name}_original`];
+            && this.editedRows[key][column.valueIn] !== this.editedRows[key][`${column.valueIn}_original`];
     }
     /**
      * Checks if column is valid
@@ -15832,7 +15880,7 @@ class TreeGridEditable extends TreeGrid {
             throw new RowNotFoundError(newRow[uniqueKey], this.name);
         }
         this.columns.forEach((column) => {
-            const columnName = column.name;
+            const columnName = column.valueIn;
             this.changeCell(newRow[uniqueKey], rowIdx, column, newRow[columnName]);
         });
     }
@@ -15917,7 +15965,7 @@ const getForeignLookupRow = (column, row, dataValue, dataTextColumns, foreignCol
         const dataTextName = typeof item === 'string' ? item : item.name;
         lookupRow[dataTextName] = row[foreignColumns[dataTextName] || dataTextName];
     });
-    lookupRow[dataValue] = row[column.name];
+    lookupRow[dataValue] = row[column.valueIn];
     return lookupRow;
 };
 const getFormatterLookupRow = (column, row, dataValue, formatterDataTextColumns, dataTextColumns) => {
@@ -15928,7 +15976,7 @@ const getFormatterLookupRow = (column, row, dataValue, formatterDataTextColumns,
         const formatterDataTextColumn = typeof item === 'string' ? item : item.name;
         lookupRow[dataTextName] = row[formatterDataTextColumn];
     });
-    lookupRow[dataValue] = row[column.name];
+    lookupRow[dataValue] = row[column.valueIn];
     return lookupRow;
 };
 /**
@@ -15942,7 +15990,7 @@ const storeOrRetrieveLookup = (column, row, value, dataValue, componentProps) =>
     const dataTextColumns = asArray(dataText);
     // when using foreignColumns, should store foreign keys information in lookupData
     if (foreignColumns) {
-        column.lookupData[row[column.name]] = getForeignLookupRow(column, row, dataValue, dataTextColumns, foreignColumns);
+        column.lookupData[row[column.valueIn]] = getForeignLookupRow(column, row, dataValue, dataTextColumns, foreignColumns);
         return row;
     }
     // when not using formatterDataText, should fetch data from datasource to be able to format this cell
@@ -15952,13 +16000,13 @@ const storeOrRetrieveLookup = (column, row, value, dataValue, componentProps) =>
     const formatterDataTextColumns = asArray(formatterDataText);
     // when using formatterDataText, should store dataText information in lookupData
     if (formatterDataTextColumns.length === dataTextColumns.length) {
-        const rowColumn = row[column.name];
+        const rowColumn = row[column.valueIn];
         column.lookupData[rowColumn] = getFormatterLookupRow(column, row, dataValue, formatterDataTextColumns, dataTextColumns);
         return row;
     }
     return row;
 };
-const formatter$1 = ({ column, value, row, componentProps, }) => {
+const formatter$2 = ({ column, value, row, componentProps, }) => {
     if (value === null || value === undefined)
         return '';
     const { dataText, formatterDataText, dataTextSeparator, dataValue, dataTextDiscrete, foreignColumns, } = componentProps;
@@ -15989,12 +16037,12 @@ const formatter$1 = ({ column, value, row, componentProps, }) => {
         return currentRow[textColumn] || value;
     }
     const formatterFn = FormatterParserProvider.getFormatter('ZdSelect');
-    return formatterFn(currentRow, { dataText: textColumn, dataTextSeparator });
+    return formatterFn(currentRow, { dataText: textColumn, dataTextSeparator, eagerMask: false });
 };
-FormatterParserProvider.registerFormatter('column_ZdSelect', formatter$1);
-FormatterParserProvider.registerFormatter('column_ZdSelectTree', formatter$1);
+FormatterParserProvider.registerFormatter('column_ZdSelect', formatter$2);
+FormatterParserProvider.registerFormatter('column_ZdSelectTree', formatter$2);
 
-const formatter = ({ column, value, row, componentProps, }) => {
+const formatter$1 = ({ column, value, row, componentProps, }) => {
     if (!value || !Array.isArray(value) || value.length === 0)
         return '';
     const { formatterDataText, foreignColumns, dataText } = componentProps;
@@ -16032,8 +16080,12 @@ const formatter = ({ column, value, row, componentProps, }) => {
     });
     return result.join(', ');
 };
-FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', formatter);
-FormatterParserProvider.registerFormatter('column_ZdSelectTreeMultiple', formatter);
+FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', formatter$1);
+FormatterParserProvider.registerFormatter('column_ZdSelectTreeMultiple', formatter$1);
+
+const defaultFormatter = FormatterParserProvider.getFormatter('ZdTextInput');
+const formatter = ({ value, componentProps, }) => defaultFormatter(value, Object.assign(Object.assign({}, componentProps), { eagerMask: false }));
+FormatterParserProvider.registerFormatter('column_ZdTextInput', formatter);
 
 const AutoNumeric = require('@zeedhi/autonumeric/dist/autoNumeric');
 const packageContent = require('../package.json');