@zeedhi/common 1.111.1 → 1.113.0

package/dist/zd-common.umd.js

@@ -2838,7 +2838,7 @@
           return mask;
       }
   }
-  core.FormatterParserProvider.registerFormatter('ZdTextInput', (value, { valueWithPrefix = textInputDefaults.valueWithPrefix, prefix = textInputDefaults.prefix, valueWithSuffix = textInputDefaults.valueWithSuffix, suffix = textInputDefaults.suffix, mask = textInputDefaults.mask, } = {}) => {
+  core.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;
@@ -2849,7 +2849,10 @@
               maskDef = core.Loader.getInstance(controller)[accessor];
           }
           const maskValue = typeof (maskDef) === 'function' ? maskDef(core.Mask.getValueWithoutMask(formatted)) : maskDef;
-          formatted = maskValue ? core.Mask.getValueWithMask(core.Mask.getValueWithoutMask(formatted), maskValue) : formatted;
+          if (maskValue) {
+              const valueWithoutMask = core.Mask.getValueWithoutMask(formatted);
+              formatted = core.Mask.getValueWithMask(valueWithoutMask, maskValue, false, eagerMask);
+          }
       }
       return formatted;
   });
@@ -3145,8 +3148,10 @@
        * 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)
@@ -5454,6 +5459,8 @@
           this.defaultData = [];
           /* Column search mode */
           this.searchMode = 'any';
+          /* Column can be used to search */
+          this.searchable = true;
           this.lookup = debounce__default["default"]((lookupColumn) => {
               this.loading = true;
               const dataToLookup = Array.from(new Set(this.dataToLookup)); // remove duplicates
@@ -5485,7 +5492,9 @@
           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) {
@@ -5517,7 +5526,7 @@
           throw new core.MethodNotAssignedError('viewGetWidth');
       }
       formatterByRow(row, cellProps) {
-          const value = row[this.name];
+          const value = row[this.valueIn];
           const formatterFn = core.FormatterParserProvider.getFormatter(`column_${this.componentProps.component}`);
           if (formatterFn) {
               return formatterFn({
@@ -5852,7 +5861,9 @@
           });
       }
       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);
       }
   }
 
@@ -7055,10 +7066,10 @@
       }
       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
@@ -7117,13 +7128,13 @@
        * 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;
@@ -7160,7 +7171,7 @@
        */
       changeEditableComponent(column, row, value, component) {
           const key = row[this.datasource.uniqueKey];
-          const columnName = column.name;
+          const columnName = column.valueIn;
           if (!core.Utils.isEqual(value, row[columnName])) {
               const newRow = {};
               newRow[key] = Object.assign({}, this.editedRows[key]);
@@ -7207,7 +7218,7 @@
       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
@@ -7391,7 +7402,7 @@
               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));
                   }
               });
@@ -7484,7 +7495,7 @@
               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]);
           });
       }
@@ -7901,27 +7912,45 @@
           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;
           }
       }
   }
@@ -8510,18 +8539,26 @@
               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: core.I18n.translate('IS_EQUAL', { value: filter[key] }),
-              });
+              };
           });
       }
       formatLangCode(lang) {
@@ -8530,6 +8567,12 @@
           }
           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 {
@@ -8540,8 +8583,9 @@
       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];
@@ -8549,7 +8593,7 @@
           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(core.I18n.instance.language);
           const clientLogo = '';
@@ -8593,7 +8637,7 @@
           const fileType = this.getFileType();
           return new ReportColumnTransformer({ getFormatFn, labelFormatter, fileType });
       }
-      buildDataset(data) {
+      buildDataset({ data }) {
           return JSON.stringify(data);
       }
       getFormatOfColumn(column) {
@@ -8643,7 +8687,7 @@
       }
       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(core.I18n.instance.language);
               let clientLogo = '';
@@ -8731,8 +8775,8 @@
       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
@@ -8745,7 +8789,7 @@
           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(core.I18n.instance.language);
           const clientLogo = '';
@@ -8788,12 +8832,12 @@
       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(core.I18n.instance.language);
           const clientLogo = '';
@@ -8988,12 +9032,12 @@
       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(core.I18n.instance.language);
           const clientLogo = '';
@@ -9313,21 +9357,20 @@
               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__default["default"](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 = {
@@ -9356,9 +9399,6 @@
               return new URL(reportFile, this.fileEndPoint).href;
           });
       }
-      filterColumns(columns) {
-          return columns.filter((item) => (item.type !== 'action' && item.isVisible));
-      }
   }
 
   class TreeDataStructure {
@@ -10439,7 +10479,7 @@
                               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`,
@@ -10518,7 +10558,7 @@
           });
       }
   }
-  core.FormatterParserProvider.registerFormatter('ZdSelect', (value, { dataText, dataTextSeparator = ' | ', }) => {
+  core.FormatterParserProvider.registerFormatter('ZdSelect', (value, { dataText, dataTextSeparator = ' | ', eagerMask, }) => {
       if (value === null || value === undefined) {
           return null;
       }
@@ -10550,7 +10590,7 @@
               let masked = value[column];
               if (masks[index]) {
                   const maskValue = typeof masks[index] === 'function' ? masks[index](value[column]) : masks[index];
-                  masked = core.Mask.getValueWithMask(value[column], maskValue);
+                  masked = core.Mask.getValueWithMask(value[column], maskValue, false, eagerMask);
               }
               return result + separator + masked;
           }
@@ -10712,6 +10752,10 @@
       constructor(props) {
           super(props);
           this.lazyAttach = false;
+          /**
+           *  * hide the option to select search field
+           */
+          this.hideSearchField = false;
           this.debounceSetSearch = debounce__default["default"](this.setSearch, 500);
           this.iterableComponentName = this.getInitValue('iterableComponentName', props.iterableComponentName, this.iterableComponent);
           this.showHelper = this.getInitValue('showHelper', props.showHelper, false);
@@ -10720,6 +10764,7 @@
           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();
@@ -12156,7 +12201,8 @@
           }
       }
       return value;
-  });
+  });
+  InputFactory.register('ZdMonth', Month);
 
   /**
    * Base class for Password component.
@@ -12946,7 +12992,8 @@
           return formattedRow;
       });
       return formattedValue;
-  });
+  });
+  InputFactory.register('ZdSelectMultiple', SelectMultiple);
 
   /**
    * Base class for Select Tree  component.
@@ -13540,7 +13587,8 @@
       }
   }
   const selectFormatterFn = core.FormatterParserProvider.getFormatter('ZdSelectMultiple');
-  core.FormatterParserProvider.registerFormatter('ZdSelectTreeMultiple', selectFormatterFn);
+  core.FormatterParserProvider.registerFormatter('ZdSelectTreeMultiple', selectFormatterFn);
+  InputFactory.register('ZdSelectTreeMultiple', SelectTreeMultiple);
 
   /**
    * Base class for SelectableList component.
@@ -15567,10 +15615,10 @@
       }
       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
@@ -15624,13 +15672,13 @@
        * 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;
@@ -15667,7 +15715,7 @@
        */
       changeEditableComponent(column, row, value, component) {
           const key = row[this.datasource.uniqueKey];
-          const columnName = column.name;
+          const columnName = column.valueIn;
           if (!core.Utils.isEqual(value, row[columnName])) {
               const newRow = {};
               newRow[key] = Object.assign({}, this.editedRows[key]);
@@ -15702,7 +15750,7 @@
       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
@@ -15839,7 +15887,7 @@
               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]);
           });
       }
@@ -15924,7 +15972,7 @@
           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) => {
@@ -15935,7 +15983,7 @@
           const formatterDataTextColumn = typeof item === 'string' ? item : item.name;
           lookupRow[dataTextName] = row[formatterDataTextColumn];
       });
-      lookupRow[dataValue] = row[column.name];
+      lookupRow[dataValue] = row[column.valueIn];
       return lookupRow;
   };
   /**
@@ -15949,7 +15997,7 @@
       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
@@ -15959,13 +16007,13 @@
       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;
@@ -15996,12 +16044,12 @@
           return currentRow[textColumn] || value;
       }
       const formatterFn = core.FormatterParserProvider.getFormatter('ZdSelect');
-      return formatterFn(currentRow, { dataText: textColumn, dataTextSeparator });
+      return formatterFn(currentRow, { dataText: textColumn, dataTextSeparator, eagerMask: false });
   };
-  core.FormatterParserProvider.registerFormatter('column_ZdSelect', formatter$1);
-  core.FormatterParserProvider.registerFormatter('column_ZdSelectTree', formatter$1);
+  core.FormatterParserProvider.registerFormatter('column_ZdSelect', formatter$2);
+  core.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;
@@ -16039,8 +16087,12 @@
       });
       return result.join(', ');
   };
-  core.FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', formatter);
-  core.FormatterParserProvider.registerFormatter('column_ZdSelectTreeMultiple', formatter);
+  core.FormatterParserProvider.registerFormatter('column_ZdSelectMultiple', formatter$1);
+  core.FormatterParserProvider.registerFormatter('column_ZdSelectTreeMultiple', formatter$1);
+
+  const defaultFormatter = core.FormatterParserProvider.getFormatter('ZdTextInput');
+  const formatter = ({ value, componentProps, }) => defaultFormatter(value, Object.assign(Object.assign({}, componentProps), { eagerMask: false }));
+  core.FormatterParserProvider.registerFormatter('column_ZdTextInput', formatter);
 
   const AutoNumeric = require('@zeedhi/autonumeric/dist/autoNumeric');
   const packageContent = require('../package.json');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.111.1",
+  "version": "1.113.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "f51dc8f1f97a36c8ce1ff53b37c57157ecfc0e0e"
+  "gitHead": "09c421e9201842e6426485730c44dc9a817b9698"
 }

package/types/components/zd-grid/grid-editable.d.ts

@@ -119,7 +119,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param element DOM Element
      */
     selectAllClick(isSelected: boolean, event: Event, element: any): void;
-    getVisibleValue(row: IDictionary, column: IGridColumnEditable): any;
+    getVisibleValue(row: IDictionary, column: GridColumnEditable): any;
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition
@@ -127,10 +127,10 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param cellProps Column conditional props
      * @param events Component events
      */
-    getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any> | null, events: any): {
+    getEditableComponent(column: GridColumnEditable, row: IDictionary<any>, cellProps: IDictionary<any> | null, events: any): {
         name: string;
         parent: GridEditable;
-        align: "left" | "center" | "right" | undefined;
+        align: import("..").ColumnAlign;
         showLabel: boolean;
         showHelper: boolean;
         dense: boolean;
@@ -150,14 +150,14 @@ export declare class GridEditable extends Grid implements IGridEditable {
     /**
      * change event of editable components
      */
-    protected changeEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, value: any, component?: Input): void;
+    protected changeEditableComponent(column: GridColumnEditable, row: IDictionary<any>, value: any, component?: Input): void;
     private updateOriginalRow;
     /**
      * Checks if column is edited
      * @param column Column
      * @param row Row
      */
-    isEdited(column: IGridColumnEditable, row: IDictionary): boolean;
+    isEdited(column: GridColumnEditable, row: IDictionary): boolean;
     /**
      * Checks if row is an added row
      * @param row Row

package/types/components/zd-increment/increment.d.ts

@@ -43,11 +43,11 @@ export declare class Increment extends ZdNumber implements IIncrement {
      */
     plusClick(event: Event, element: any): void;
     /**
-     * Method to increment the value
+     * Increases the component's value by the step amount.
      */
     increment(): void;
     /**
-     * Method to decrement the value
+     * Decreases the component's value by the step amount.
      */
     decrement(): void;
 }

package/types/components/zd-input/input.d.ts

@@ -132,7 +132,7 @@ export declare class Input extends ComponentRender implements IInput {
     /**
      * Sets view validation method.
      */
-    setViewValidate(viewValidate: () => boolean | string): void;
+    setViewValidate(viewValidate: (force: boolean) => boolean | string): void;
     /**
      * Sets view reset validation method.
      */

package/types/components/zd-iterable/column.d.ts

@@ -43,6 +43,8 @@ export declare class Column extends Component implements IColumn {
     helperText: string;
     protected defaultData: IDictionary[];
     searchMode: ColumnSearchMode;
+    searchable: boolean;
+    valueIn: string;
     /**
      * Creates a new Column.
      * @param props Column properties