@qrvey/utils 1.2.4-6 → 1.2.4

package/src/filters/classes/FilterInputErrorHandler.ts

@@ -0,0 +1,213 @@
+// import { isDateColumn } from "../../columns/helpers/isDateColumn";
+// import { isNumericalColumn } from "../../columns/helpers/isNumericalColumn";
+import { IColumn } from "../../columns/interfaces/IColumn";
+// import { getDateByDateFormat } from "../../dates/helpers/getDateByDateFormat";
+// import { getDateFormatByProperty } from "../../dates/helpers/getDateFormatByProperty";
+// import { validateDate } from "../../dates/helpers/validateDate";
+import { IDateFormat } from "../../dates/interfaces/IDateFormat";
+// import { isEmpty } from "../../general/mix/isEmpty";
+// import { isNaNV2 } from "../../general/mix/isNaNV2";
+import { I18nService } from "../../globalization/service/i18nextBuilder";
+// import { isTokenLabel } from "../../tokens/isTokenLabel";
+// import { FILTER_VALIDATOR } from "../constants/common/FILTER_VALIDATOR";
+// import { isRangeValidator } from "../helpers/common/isRangeValidator";
+// import { IFSValueRange } from "../interfaces/common/IFSValueRange";
+import { IFProperty } from "../interfaces/IFProperty";
+import { IFValidator } from "../interfaces/IFValidator";
+import { IFValue } from "../interfaces/IFValue";
+
+interface IFilterErrorHandlerConfig {
+    column: IColumn;
+    locale: I18nService;
+    property: IFProperty;
+    validator: IFValidator;
+    value: IFValue[]
+}
+
+interface IFilterErrorHandlerError{
+    searcherInput: IFilterErrorHandlerErrorInfo[];
+    minInput: IFilterErrorHandlerErrorInfo[];
+    maxInput: IFilterErrorHandlerErrorInfo[];
+    range: IFilterErrorHandlerErrorInfo[];
+}
+
+interface IFilterErrorHandlerErrorInfo {
+    message: string;
+    type: IFilterErrorHandlerType;
+}
+
+type IFilterErrorHandlerType = FILTER_ERROR_TYPE;
+
+const enum FILTER_ERROR_TYPE {
+    REPEATED_VALUE = 'REPEATED_VALUE',
+    INVALID_INPUT = 'INVALID_INPUT',
+    INVALID_INPUT_DATE_QUARTER = 'INVALID_INPUT_DATE_QUARTER',
+    INVALID_INPUT_DATE_YEAR = 'INVALID_INPUT_DATE_YEAR',
+    INVALID_INPUT_DATE_DAY = 'INVALID_INPUT_DATE_DAY',
+    INVALID_INPUT_DATE_MONTH = 'INVALID_INPUT_DATE_MONTH',
+    INVALID_INPUT_DATE_WEEK = 'INVALID_INPUT_DATE_WEEK',
+    INVALID_INPUT_NUMERIC = 'INVALID_INPUT_NUMERIC',
+    MIN_LIMIT = 'MIN_LIMIT',
+    MAX_LIMIT = 'MAX_LIMIT'
+}
+
+/**
+ * @ignore
+ */
+export class FilterInputErrorHandler {
+    private _column: IColumn;
+    private _locale: I18nService;
+    private _property: IFProperty;
+    private _validator: IFValidator;
+    private _value: IFValue[];
+
+    private _dateFormat: IDateFormat;
+    private _valueKeys: string[];
+
+    private _error: IFilterErrorHandlerError;
+
+    constructor(config: IFilterErrorHandlerConfig) {
+        this._column = config.column;
+        this._locale = config.locale;
+        this._property = config.property;
+        this._validator = config.validator;
+    }
+
+    // protected set column(column: IColumn) {
+    //     this.column = column;
+    //     this.validate();
+    // }
+
+    // protected set property(property: IFProperty) {
+    //     this._property = property;
+    //     this._dateFormat = getDateFormatByProperty(this._property);
+    //     this.validate();
+    // }
+
+    // protected set validator(validator: IFValidator) {
+    //     this._validator = validator;
+    //     this._valueKeys = this.getValueKeysToValidate();
+    //     this.validate();
+    // }
+
+    // public set value(value: IFValue[]) {
+    //     this._value = value;
+    //     this.validate();
+    // }
+
+    // public get error(): IFilterErrorHandlerError {
+    //     return this._error;
+    // }
+
+    // private validate() {
+    //     if (isRangeValidator(this._validator)) {
+    //         this.validateRangeValues();
+    //     } else {
+    //         this.validateValues();
+    //     }
+    // }
+
+
+    // /**
+    //  * Returns the range type by the given validator. This function is useful in slidebar component
+    //  * @param validator The filter validator
+    //  * @returns the range type
+    //  */
+    // private getValueKeysToValidate(): string[] {
+    //     switch (this._validator) {
+    //         case FILTER_VALIDATOR.BETWEEN_INCLUSIVE:
+    //         case FILTER_VALIDATOR.BETWEEN_EXCLUSIVE:
+    //             return ['MIN', 'MAX'];
+    //         case FILTER_VALIDATOR.LESS_THAN:
+    //         case FILTER_VALIDATOR.LESS_THAN_EQUAL:
+    //         case FILTER_VALIDATOR.BEFORE:
+    //         case FILTER_VALIDATOR.BEFORE_ON:
+    //             return ['MAX'];
+    //             break;
+    //         case FILTER_VALIDATOR.GREATER_THAN:
+    //         case FILTER_VALIDATOR.GREATER_THAN_EQUAL:
+    //         case FILTER_VALIDATOR.AFTER:
+    //         case FILTER_VALIDATOR.AFTER_ON:
+    //             return ['MIN'];
+    //         default:
+    //             return ['MIN', 'MAX'];
+    //     }
+    // }
+
+    // private validateRangeValues() {
+    //     (this._value as IFSValueRange[]).forEach(value => {
+    //         if (this._valueKeys.length > 2) {
+    //             if (!this.validateValue(value.min)) this.error.minInput.push(this.getErrorInfo(value, 'minInput'));
+    //             if (this.validateValue(value.max)) this.error.maxInput.push(this.getErrorInfo(value, 'maxInput'));
+    //             if (this.validateRange(value.min, value.max)) this.error.range.push(this.getErrorInfo(value, 'range'));
+    //         }
+    //         return value;
+    //     });
+    // }
+
+    // private getErrorInfo(value: IFValue, infoKey: keyof IFilterErrorHandlerError): IFilterErrorHandlerErrorInfo {
+    //     switch (infoKey) {
+    //         case 'minInput':
+    //             return {
+                    
+
+    //             }
+    //     }
+    // }
+
+    // public validateValue(value: string): IFilterErrorHandlerErrorInfo {
+    //     if (isTokenLabel(value)) return;
+
+    //     if ((isNumericalColumn(this._column) || !isEmpty(this._column.aggregate)) && isNaNV2(value)) {
+    //         return {
+    //             type: FILTER_ERROR_TYPE.INVALID_INPUT_NUMERIC,
+    //             message: this.getErrorMessage(FILTER_ERROR_TYPE.INVALID_INPUT_NUMERIC),
+    //         };
+    //     } else if (isDateColumn(this._column)) {
+    //         return validateDate(value, this._dateFormat);
+    //     }
+    //     return;
+    // }
+
+    // public validateRange(minValue: string, maxValue: string): boolean {
+    //     if (isTokenLabel(minValue) || isTokenLabel(maxValue)) return true;
+
+    //     if (isNumericalColumn(this._column) || !isEmpty(this._column.aggregate) ) {
+    //         return minValue < maxValue;
+    //     } else  if (isDateColumn(this._column)) {
+    //         const formattedValue1 = getDateByDateFormat(minValue, this._dateFormat);
+    //         const formattedValue2 = getDateByDateFormat(maxValue, this._dateFormat);
+
+    //         return formattedValue1 < formattedValue2;
+    //     }
+    // }
+
+    // private validValue(value: string): boolean {
+        
+    // }
+
+    // private getErrorMessage(type: IInputErrorType, config?: { values?: string[], plural?: boolean, isDate?: boolean, dateFormat: IDateFormat }) {
+    //     let message = '', values;
+    //     config = { values: _get(config, 'values', []), plural: _get(config, 'plural', false), isDate: _get(config, 'isDate', false), dateFormat: _get(config, 'dateFormat') };
+    //     if (config.values.length) {
+    //       values = '"' + config.values.join('", "') + '"';
+    //       config.plural = config.values.length > 1;
+    //     }
+    //     const valueTypeMessage = config.isDate ? 'date' : 'value';
+    //     if (type === ERROR_TYPE.INVALID_INPUT) {
+    //       message = getInvalidInputErrorMessage(values, config.plural);
+    //     } else if (INVALID_INPUT_DATE.includes(type)) {
+    //       message = getInvalidInputDateErrorMessage(config.dateFormat, values, config.plural); 
+    //     } else if (type === ERROR_TYPE.INVALID_INPUT_NUMERIC) {
+    //       message = getInvalidInputErrorMessage(values, config.plural).concat(config.plural ? ' They ' : ' It ').concat('should be numeric format.');
+    //     } else if (type === ERROR_TYPE.MAX_LIMIT) {
+    //       message = 'Max '.concat(valueTypeMessage).concat(' should be ').concat(config.isDate ? 'after' : 'greater than').concat(' the Min ').concat(valueTypeMessage);
+    //     } else if (type === ERROR_TYPE.MIN_LIMIT) {
+    //       message = 'Min '.concat(valueTypeMessage).concat(' should be ').concat(config.isDate ? 'before' : 'less than').concat(' the Max ').concat(valueTypeMessage);
+    //     } else if (type === ERROR_TYPE.REPEATED_VALUE) {
+    //       message = values ? values.concat(' already exist').concat(config.plural ? '' : 's') : config.plural ? 'These filters already exist.' : 'This filter already exists.';
+    //     }
+    //     return message;
+    //   }
+      
+}

package/src/filters/classes/index.ts

@@ -0,0 +1 @@
+export * from './FilterInputErrorHandler';

package/src/filters/constants/builder/FILTER_BUILDER_SCOPE_LABEL.ts

@@ -0,0 +1,7 @@
+import { FILTER_SCOPE } from "..";
+
+export const FILTER_BUILDER_SCOPE_LABEL = {
+    [FILTER_SCOPE.GLOBAL]: 'All pages',
+    [FILTER_SCOPE.PAGE]: 'Current page',
+    [FILTER_SCOPE.TAB]: 'Current tab',
+};

package/src/filters/constants/common/FILTER_DATE_SECTION_INFO.ts

@@ -3,6 +3,6 @@ import { FILTER_DATE_SECTION } from "./FILTER_DATE_SECTION";
 import { FILTER_DATE_SECTION_LABEL } from "./FILTER_DATE_SECTION_LABEL";
 
 export const FILTER_DATE_SECTION_INFO: IFDateSectionInfo[] = [
-  { label: FILTER_DATE_SECTION_LABEL.RELATIVE, shortLabel: 'Relative', abbrLabel: 'REL', value: FILTER_DATE_SECTION.RELATIVE, displayed: true },
-  { label: FILTER_DATE_SECTION_LABEL.ABSOLUTE, shortLabel: 'Absolute', abbrLabel: 'ABS', value: FILTER_DATE_SECTION.ABSOLUTE, displayed: true },
+  { label: FILTER_DATE_SECTION_LABEL.RELATIVE, shortLabel: 'Relative', abbrLabel: 'REL', value: FILTER_DATE_SECTION.RELATIVE, displayed: true, i18nLabelPath: 'filter.date_sections.relative' },
+  { label: FILTER_DATE_SECTION_LABEL.ABSOLUTE, shortLabel: 'Absolute', abbrLabel: 'ABS', value: FILTER_DATE_SECTION.ABSOLUTE, displayed: true, i18nLabelPath: 'filter.date_sections.absolute' },
 ];

package/src/filters/constants/common/FILTER_SCOPE_INFO.ts

@@ -3,12 +3,12 @@ import { FILTER_SCOPE } from "./FILTER_SCOPE";
 import { FILTER_SCOPE_LABEL } from "./FILTER_SCOPE_LABEL";
 
 export const FILTER_SCOPE_INFO: IFScopeInfo[] = [
-    { label: FILTER_SCOPE_LABEL.ADMIN, shortLabel: 'Admin', abbrLabel: 'ADM', value: FILTER_SCOPE.ADMIN, displayed: true },
-    { label: FILTER_SCOPE_LABEL.DATA, shortLabel: 'Data', abbrLabel: 'DAT', value: FILTER_SCOPE.DATA, displayed: true },
-    { label: FILTER_SCOPE_LABEL.GLOBAL, shortLabel: 'Global', abbrLabel: 'GLB', value: FILTER_SCOPE.GLOBAL, displayed: true },
-    { label: FILTER_SCOPE_LABEL.PAGE, shortLabel: 'Page', abbrLabel: 'PAG', value: FILTER_SCOPE.PAGE, displayed: true },
-    { label: FILTER_SCOPE_LABEL.TAB, shortLabel: 'Tab', abbrLabel: 'TAB', value: FILTER_SCOPE.TAB, displayed: true },
-    { label: FILTER_SCOPE_LABEL.DEFAULT, shortLabel: 'Default', abbrLabel: 'DEF', value: FILTER_SCOPE.DEFAULT, displayed: true },
-    { label: FILTER_SCOPE_LABEL.CHART, shortLabel: 'Chart', abbrLabel: 'CRT', value: FILTER_SCOPE.CHART, displayed: true },
-    { label: FILTER_SCOPE_LABEL.ACTION, shortLabel: 'Action', abbrLabel: 'ACT', value: FILTER_SCOPE.ACTION, displayed: true },
+    { label: FILTER_SCOPE_LABEL.ADMIN, shortLabel: 'Admin', abbrLabel: 'ADM', value: FILTER_SCOPE.ADMIN, displayed: true, i18nLabelPath: 'filter.scopes.admin' },
+    { label: FILTER_SCOPE_LABEL.DATA, shortLabel: 'Data', abbrLabel: 'DAT', value: FILTER_SCOPE.DATA, displayed: true, i18nLabelPath: 'filter.scopes.data' },
+    { label: FILTER_SCOPE_LABEL.GLOBAL, shortLabel: 'Global', abbrLabel: 'GLB', value: FILTER_SCOPE.GLOBAL, displayed: true, i18nLabelPath: 'filter.scopes.global' },
+    { label: FILTER_SCOPE_LABEL.PAGE, shortLabel: 'Page', abbrLabel: 'PAG', value: FILTER_SCOPE.PAGE, displayed: true, i18nLabelPath: 'filter.scopes.page' },
+    { label: FILTER_SCOPE_LABEL.TAB, shortLabel: 'Tab', abbrLabel: 'TAB', value: FILTER_SCOPE.TAB, displayed: true, i18nLabelPath: 'filter.scopes.tab' },
+    { label: FILTER_SCOPE_LABEL.DEFAULT, shortLabel: 'Default', abbrLabel: 'DEF', value: FILTER_SCOPE.DEFAULT, displayed: true, i18nLabelPath: 'filter.scopes.default' },
+    { label: FILTER_SCOPE_LABEL.CHART, shortLabel: 'Chart', abbrLabel: 'CRT', value: FILTER_SCOPE.CHART, displayed: true, i18nLabelPath: 'filter.scopes.chart' },
+    { label: FILTER_SCOPE_LABEL.ACTION, shortLabel: 'Action', abbrLabel: 'ACT', value: FILTER_SCOPE.ACTION, displayed: true, i18nLabelPath: 'filter.scopes.action' },
 ];

package/src/filters/constants/common/FILTER_VALIDATOR_INFO.ts

@@ -4,25 +4,25 @@ import { FILTER_VALIDATOR } from "./FILTER_VALIDATOR";
 import { FILTER_VALIDATOR_LABEL } from "./FILTER_VALIDATOR_LABEL";
 
 export const FILTER_VALIDATOR_INFO: { [key in IFValidator]: IFValidatorInfo } = {
-    [FILTER_VALIDATOR.EQUALS]: { label: FILTER_VALIDATOR_LABEL.EQUALS, shortLabel: 'Equals', abbrLabel: 'EQL', value: FILTER_VALIDATOR.EQUALS, displayed: true },
-    [FILTER_VALIDATOR.NOT_EQUAL]: { label: FILTER_VALIDATOR_LABEL.NOT_EQUAL, shortLabel: 'Not Equal', abbrLabel: 'NEQL', value: FILTER_VALIDATOR.NOT_EQUAL, displayed: true },
-    [FILTER_VALIDATOR.BEFORE]: { label: FILTER_VALIDATOR_LABEL.BEFORE, shortLabel: 'Before', abbrLabel: 'BFR', value: FILTER_VALIDATOR.BEFORE, displayed: true },
-    [FILTER_VALIDATOR.AFTER]: { label: FILTER_VALIDATOR_LABEL.AFTER, shortLabel: 'After', abbrLabel: 'AFT', value: FILTER_VALIDATOR.AFTER, displayed: true },
-    [FILTER_VALIDATOR.BEFORE_ON]: { label: FILTER_VALIDATOR_LABEL.BEFORE_ON, shortLabel: 'Before on', abbrLabel: 'BFRON', value: FILTER_VALIDATOR.BEFORE_ON, displayed: true },
-    [FILTER_VALIDATOR.AFTER_ON]: { label: FILTER_VALIDATOR_LABEL.AFTER_ON, shortLabel: 'After on', abbrLabel: 'AFTON', value: FILTER_VALIDATOR.AFTER_ON, displayed: true },
-    [FILTER_VALIDATOR.BETWEEN_INCLUSIVE]: { label: FILTER_VALIDATOR_LABEL.BETWEEN_INCLUSIVE, shortLabel: 'Between inclusive', abbrLabel: 'BTWIN', value: FILTER_VALIDATOR.BETWEEN_INCLUSIVE, displayed: true },
-    [FILTER_VALIDATOR.BETWEEN_EXCLUSIVE]: { label: FILTER_VALIDATOR_LABEL.BETWEEN_EXCLUSIVE, shortLabel: 'Between exclusive', abbrLabel: 'BTWEX', value: FILTER_VALIDATOR.BETWEEN_EXCLUSIVE, displayed: true },
-    [FILTER_VALIDATOR.IS_NULL]: { label: FILTER_VALIDATOR_LABEL.IS_NULL, shortLabel: 'Null', abbrLabel: 'NLL', value: FILTER_VALIDATOR.IS_NULL, displayed: true },
-    [FILTER_VALIDATOR.IS_NOT_NULL]: { label: FILTER_VALIDATOR_LABEL.IS_NOT_NULL, shortLabel: 'Not Null', abbrLabel: 'NNLL', value: FILTER_VALIDATOR.IS_NOT_NULL, displayed: true },
-    [FILTER_VALIDATOR.LESS_THAN]: { label: FILTER_VALIDATOR_LABEL.LESS_THAN, shortLabel: 'Less than', abbrLabel: 'LSS', value: FILTER_VALIDATOR.LESS_THAN, displayed: true },
-    [FILTER_VALIDATOR.LESS_THAN_EQUAL]: { label: FILTER_VALIDATOR_LABEL.LESS_THAN_EQUAL, shortLabel: 'Less equal', abbrLabel: 'LSSEQL', value: FILTER_VALIDATOR.LESS_THAN_EQUAL, displayed: true },
-    [FILTER_VALIDATOR.GREATER_THAN]: { label: FILTER_VALIDATOR_LABEL.GREATER_THAN, shortLabel: 'Greater than', abbrLabel: 'GRT', value: FILTER_VALIDATOR.GREATER_THAN, displayed: true },
-    [FILTER_VALIDATOR.GREATER_THAN_EQUAL]: { label: FILTER_VALIDATOR_LABEL.GREATER_THAN_EQUAL, shortLabel: 'Greater equal', abbrLabel: 'GRTEQL', value: FILTER_VALIDATOR.GREATER_THAN_EQUAL, displayed: true },
-    [FILTER_VALIDATOR.STARTS_WITH]: { label: FILTER_VALIDATOR_LABEL.STARTS_WITH, shortLabel: 'Starts with', abbrLabel: 'STR', value: FILTER_VALIDATOR.STARTS_WITH, displayed: true },
-    [FILTER_VALIDATOR.ENDS_WITH]: { label: FILTER_VALIDATOR_LABEL.ENDS_WITH, shortLabel: 'Ends with', abbrLabel: 'END', value: FILTER_VALIDATOR.ENDS_WITH, displayed: true },
-    [FILTER_VALIDATOR.CONTAINS]: { label: FILTER_VALIDATOR_LABEL.CONTAINS, shortLabel: 'Contains', abbrLabel: 'CTNS', value: FILTER_VALIDATOR.CONTAINS, displayed: true },
-    [FILTER_VALIDATOR.NOT_START_WITH]: { label: FILTER_VALIDATOR_LABEL.NOT_START_WITH, shortLabel: 'Not start', abbrLabel: 'NSTR', value: FILTER_VALIDATOR.NOT_START_WITH, displayed: true },
-    [FILTER_VALIDATOR.NOT_END_WITH]: { label: FILTER_VALIDATOR_LABEL.NOT_END_WITH, shortLabel: 'Not end', abbrLabel: 'NEND', value: FILTER_VALIDATOR.NOT_END_WITH, displayed: true },
-    [FILTER_VALIDATOR.NOT_CONTAIN]: { label: FILTER_VALIDATOR_LABEL.NOT_CONTAIN, shortLabel: 'Not contain', abbrLabel: 'NCTNS', value: FILTER_VALIDATOR.NOT_CONTAIN, displayed: true },
-    [FILTER_VALIDATOR.IN] : { label: FILTER_VALIDATOR_LABEL.IN, shortLabel: 'In', abbrLabel: 'IN', value: FILTER_VALIDATOR.IN, displayed: true }
+    [FILTER_VALIDATOR.EQUALS]: { label: FILTER_VALIDATOR_LABEL.EQUALS, shortLabel: 'Equals', abbrLabel: 'EQL', value: FILTER_VALIDATOR.EQUALS, displayed: true, i18nLabelPath: 'filter.validators.equals_label' },
+    [FILTER_VALIDATOR.NOT_EQUAL]: { label: FILTER_VALIDATOR_LABEL.NOT_EQUAL, shortLabel: 'Not Equal', abbrLabel: 'NEQL', value: FILTER_VALIDATOR.NOT_EQUAL, displayed: true, i18nLabelPath: 'filter.validators.not_equal_label' },
+    [FILTER_VALIDATOR.BEFORE]: { label: FILTER_VALIDATOR_LABEL.BEFORE, shortLabel: 'Before', abbrLabel: 'BFR', value: FILTER_VALIDATOR.BEFORE, displayed: true, i18nLabelPath: 'filter.validators.before_label' },
+    [FILTER_VALIDATOR.AFTER]: { label: FILTER_VALIDATOR_LABEL.AFTER, shortLabel: 'After', abbrLabel: 'AFT', value: FILTER_VALIDATOR.AFTER, displayed: true, i18nLabelPath: 'filter.validators.after_label' },
+    [FILTER_VALIDATOR.BEFORE_ON]: { label: FILTER_VALIDATOR_LABEL.BEFORE_ON, shortLabel: 'Before on', abbrLabel: 'BFRON', value: FILTER_VALIDATOR.BEFORE_ON, displayed: true, i18nLabelPath: 'filter.validators.before_on_label' },
+    [FILTER_VALIDATOR.AFTER_ON]: { label: FILTER_VALIDATOR_LABEL.AFTER_ON, shortLabel: 'After on', abbrLabel: 'AFTON', value: FILTER_VALIDATOR.AFTER_ON, displayed: true, i18nLabelPath: 'filter.validators.after_on_label' },
+    [FILTER_VALIDATOR.BETWEEN_INCLUSIVE]: { label: FILTER_VALIDATOR_LABEL.BETWEEN_INCLUSIVE, shortLabel: 'Between inclusive', abbrLabel: 'BTWIN', value: FILTER_VALIDATOR.BETWEEN_INCLUSIVE, displayed: true, i18nLabelPath: 'filter.validators.between_inclusive_label' },
+    [FILTER_VALIDATOR.BETWEEN_EXCLUSIVE]: { label: FILTER_VALIDATOR_LABEL.BETWEEN_EXCLUSIVE, shortLabel: 'Between exclusive', abbrLabel: 'BTWEX', value: FILTER_VALIDATOR.BETWEEN_EXCLUSIVE, displayed: true, i18nLabelPath: 'filter.validators.between_exclusive_label' },
+    [FILTER_VALIDATOR.IS_NULL]: { label: FILTER_VALIDATOR_LABEL.IS_NULL, shortLabel: 'Null', abbrLabel: 'NLL', value: FILTER_VALIDATOR.IS_NULL, displayed: true, i18nLabelPath: 'filter.validators.is_null_label' },
+    [FILTER_VALIDATOR.IS_NOT_NULL]: { label: FILTER_VALIDATOR_LABEL.IS_NOT_NULL, shortLabel: 'Not Null', abbrLabel: 'NNLL', value: FILTER_VALIDATOR.IS_NOT_NULL, displayed: true, i18nLabelPath: 'filter.validators.is_not_null_label' },
+    [FILTER_VALIDATOR.LESS_THAN]: { label: FILTER_VALIDATOR_LABEL.LESS_THAN, shortLabel: 'Less than', abbrLabel: 'LSS', value: FILTER_VALIDATOR.LESS_THAN, displayed: true, i18nLabelPath: 'filter.validators.less_than_label' },
+    [FILTER_VALIDATOR.LESS_THAN_EQUAL]: { label: FILTER_VALIDATOR_LABEL.LESS_THAN_EQUAL, shortLabel: 'Less equal', abbrLabel: 'LSSEQL', value: FILTER_VALIDATOR.LESS_THAN_EQUAL, displayed: true, i18nLabelPath: 'filter.validators.less_than_equal_label' },
+    [FILTER_VALIDATOR.GREATER_THAN]: { label: FILTER_VALIDATOR_LABEL.GREATER_THAN, shortLabel: 'Greater than', abbrLabel: 'GRT', value: FILTER_VALIDATOR.GREATER_THAN, displayed: true, i18nLabelPath: 'filter.validators.greater_than_label' },
+    [FILTER_VALIDATOR.GREATER_THAN_EQUAL]: { label: FILTER_VALIDATOR_LABEL.GREATER_THAN_EQUAL, shortLabel: 'Greater equal', abbrLabel: 'GRTEQL', value: FILTER_VALIDATOR.GREATER_THAN_EQUAL, displayed: true, i18nLabelPath: 'filter.validators.greater_than_equal_label' },
+    [FILTER_VALIDATOR.STARTS_WITH]: { label: FILTER_VALIDATOR_LABEL.STARTS_WITH, shortLabel: 'Starts with', abbrLabel: 'STR', value: FILTER_VALIDATOR.STARTS_WITH, displayed: true, i18nLabelPath: 'filter.validators.starts_with_label' },
+    [FILTER_VALIDATOR.ENDS_WITH]: { label: FILTER_VALIDATOR_LABEL.ENDS_WITH, shortLabel: 'Ends with', abbrLabel: 'END', value: FILTER_VALIDATOR.ENDS_WITH, displayed: true, i18nLabelPath: 'filter.validators.ends_with_label' },
+    [FILTER_VALIDATOR.CONTAINS]: { label: FILTER_VALIDATOR_LABEL.CONTAINS, shortLabel: 'Contains', abbrLabel: 'CTNS', value: FILTER_VALIDATOR.CONTAINS, displayed: true, i18nLabelPath: 'filter.validators.contains_label' },
+    [FILTER_VALIDATOR.NOT_START_WITH]: { label: FILTER_VALIDATOR_LABEL.NOT_START_WITH, shortLabel: 'Not start', abbrLabel: 'NSTR', value: FILTER_VALIDATOR.NOT_START_WITH, displayed: true, i18nLabelPath: 'filter.validators.not_start_with_label' },
+    [FILTER_VALIDATOR.NOT_END_WITH]: { label: FILTER_VALIDATOR_LABEL.NOT_END_WITH, shortLabel: 'Not end', abbrLabel: 'NEND', value: FILTER_VALIDATOR.NOT_END_WITH, displayed: true, i18nLabelPath: 'filter.validators.not_end_with_label' },
+    [FILTER_VALIDATOR.NOT_CONTAIN]: { label: FILTER_VALIDATOR_LABEL.NOT_CONTAIN, shortLabel: 'Not contain', abbrLabel: 'NCTNS', value: FILTER_VALIDATOR.NOT_CONTAIN, displayed: true, i18nLabelPath: 'filter.validators.not_contain_label' },
+    [FILTER_VALIDATOR.IN] : { label: FILTER_VALIDATOR_LABEL.IN, shortLabel: 'In', abbrLabel: 'IN', value: FILTER_VALIDATOR.IN, displayed: true, i18nLabelPath: 'filter.validators.in' }
 };

package/src/filters/helpers/ui/getFilterPropertyLabel.ts

@@ -1,3 +1,4 @@
+import { II18nServiceTranslate } from "../../../globalization/interfaces/II18nServiceTranslate";
 import { getPropertyLabel } from "../../../qrvey/helpers/getPropertyLabel";
 import { IFSFilter } from "../../interfaces/common/IFSFilter";
 import { IFUFilter } from "../../interfaces/ui/IFUFilter";
@@ -7,6 +8,6 @@ import { IFUFilter } from "../../interfaces/ui/IFUFilter";
      * @param filter The UI Filter
      * @returns a string of the filter property label
      */
- export function getFilterPropertyLabel(filter: IFUFilter | IFSFilter): string {
-    return getPropertyLabel(filter.column as any, filter.property);
+ export function getFilterPropertyLabel(filter: IFUFilter | IFSFilter, translate?: II18nServiceTranslate): string {
+    return getPropertyLabel(filter.column as any, filter.property, translate);
 }

package/src/filters/index.ts

@@ -1,4 +1,5 @@
 export * from './adapters/index';
+export * from './classes/index';
 export * from './constants/index';
 export * from './helpers/index';
 export * from './interfaces/index';

package/src/general/mix/index.ts

@@ -2,6 +2,7 @@ export * from './compareDeep';
 export * from './getTag';
 export * from './importScripts';
 export * from './isEmpty';
+export * from './isNaNV2';
 export * from './isNull';
 export * from './randomId';
 export * from './size';

package/src/general/mix/isNaNV2.ts

@@ -0,0 +1,12 @@
+import { isEmpty } from ".";
+
+/**
+ * Validates if the recieved number is NaN type.
+ * This function recieves any variable but will return false.
+ * Validates if variable is null, undefined, or an empty string, also, the function uses isNaN native function.
+ * @param variable the variable to validate
+ * @return True if variable is a NaN or false otherwise
+ */
+export function isNaNV2(variable: any): boolean {
+    return isEmpty(variable) || isNaN(variable);
+}

package/src/general/object/mergeDeep.ts

@@ -17,22 +17,21 @@ interface IMergeDeepSettings {
  * @param settings Object settings for this function
  * @returns a new merged object
  */
-export function mergeDeep(obj1: any, obj2: any, settings?: IMergeDeepSettings) { // Our merge function
+export function mergeDeep(obj1: any, obj2: any, settings?: IMergeDeepSettings) {
     settings = getParamsToMergeDeep(settings);
 
     if (!isValid(obj1, obj2)) return objectCopy(obj1);
 
-    const result = {}; // return result
-    for(const i in obj1){      // for every property in obj1 
+    const result = {};
+    for(const i in obj1){
         if (i != null && i in obj2 && isObject(obj1[i])){
-            result[i] = mergeDeep(obj1[i], obj2[i], settings); // if it's an object, merge   
+            result[i] = mergeDeep(obj1[i], obj2[i], settings);
         } else {
-          result[i] = obj1[i]; // add it to result
+          result[i] = obj1[i];
         }
     }
-    for(const i in obj2) { // add the remaining properties from object 2
-        if (i != null && !isObject(obj2[i]) && (i in result && settings.mergeExistingValues
-            || !(i in result) && settings.mergeMissingProperties)) { //conflict
+    for(const i in obj2) {
+        if (i != null && ((!isObject(obj2[i]) && i in result && settings.mergeExistingValues) || (!(i in result) && settings.mergeMissingProperties))) {
             result[i] = obj2[i];
         }
     }

package/src/globalization/helpers/getI18nDateGroupLabel.ts

@@ -0,0 +1,66 @@
+import { IDateColumnPropertyType } from "../../columns/interfaces/IDateColumnPropertyType";
+import { DATE_DISTINCT_PROPERTY } from "../../dates/constants/DATE_DISTINCT_PROPERTY";
+import { DATE_GROUPING_PROPERTY } from "../../dates/constants/DATE_GROUPING_PROPERTY";
+import { DATE_YEAR_MONTHS } from "../../dates/constants/DATE_YEAR_MONTHS";
+import { isEmpty } from "../../general/mix/isEmpty";
+import { isTokenLabel } from "../../tokens/isTokenLabel";
+import { II18nServiceTranslate } from "../interfaces/II18nServiceTranslate";
+
+export function getI18nDateGroupLabel(label: string, dateGroup: IDateColumnPropertyType, translate?: II18nServiceTranslate): string {
+    if (dateGroup === DATE_GROUPING_PROPERTY.MONTH)
+        return getI18nMonthLabel(label, translate);
+    else if (dateGroup === DATE_GROUPING_PROPERTY.QUARTER)
+        return getI18nQuarterLabel(label, translate);
+    else if (dateGroup === DATE_GROUPING_PROPERTY.WEEK)
+        return getI18nWeekLabel(label, translate);
+    else if (dateGroup === DATE_DISTINCT_PROPERTY.YEAR_MONTH)
+        return getI18nYearMonthLabel(label, translate);
+    else if (dateGroup === DATE_DISTINCT_PROPERTY.YEAR_QUARTER)
+        return getI18nYearQuarterLabel(label, translate);
+    return label;
+}
+
+function getI18nMonthLabel(label: string, translate?: II18nServiceTranslate): string {
+    const splittedLabel = label.split(' ');
+    splittedLabel[0] = getI18nYearMonthLabel(splittedLabel[0], translate);
+    return splittedLabel.join(' ');
+}
+
+function getI18nYearMonthLabel(label: string, translate?: II18nServiceTranslate): string {
+    if (!isTokenLabel(label) && !isEmpty(translate)) {
+        const month = getI18nMonthPropertyByIndex(DATE_YEAR_MONTHS.findIndex(month => month === label));
+        if (!isEmpty(month)) label = translate('common.date_grouping.' + month + '_mmm');
+    }
+    return label;
+}
+
+function getI18nMonthPropertyByIndex(index: number) {
+    const months = ['january', 'february', 'march', 'april', 'may', 'june', 'july', 'august', 'september', 'october', 'november', 'december'];
+    return months[index];
+}
+
+function getI18nQuarterLabel(label: string, translate?: II18nServiceTranslate) {
+    const splittedLabel = label.split(' ');
+    splittedLabel[0] = getI18nYearQuarterLabel(splittedLabel[0], translate);
+    return splittedLabel.join(' ');
+}
+
+function getI18nYearQuarterLabel(label: string, translate?: II18nServiceTranslate): string {
+    if (!isTokenLabel(label) && !isEmpty(translate)) {
+        label = label.replace(/Q/i, translate('common.date_grouping.quarter'));
+    }
+    return label;
+}
+
+function getI18nWeekLabel(label: string, translate?: II18nServiceTranslate) {
+    const splittedLabel = label.split(' ');
+    splittedLabel[0] = getI18nYearWeekLabel(splittedLabel[0], translate);
+    return splittedLabel.join(' ');
+}
+
+function getI18nYearWeekLabel(label: string, translate?: II18nServiceTranslate): string {
+    if (!isTokenLabel(label) && !isEmpty(translate)) {
+        label = label.replace(/W/i, translate('common.date_grouping.week'));
+    }
+    return label;
+}

package/src/globalization/helpers/index.ts

@@ -0,0 +1 @@
+export * from './getI18nDateGroupLabel';

package/src/globalization/index.ts

@@ -1,3 +1,4 @@
 export * from './interfaces/index';
+export * from './helpers/index';
 export * from './labels/index';
 export * from './service/index';

package/src/globalization/interfaces/II18nServiceTranslate.ts

@@ -0,0 +1,5 @@
+import { II18nServiceTranslateOption } from "./II18nServiceTranslateOption";
+
+export interface II18nServiceTranslate {
+    (key: string, option?: II18nServiceTranslateOption): string 
+}

package/src/globalization/interfaces/II18nServiceTranslateOption.ts

@@ -0,0 +1,4 @@
+export interface II18nServiceTranslateOption {
+    count?: number;
+    [prop: string]: any;
+}

package/src/globalization/interfaces/IResourceI18n.ts

@@ -1,16 +1,27 @@
-import { II18nDashboard } from "./dashboard/II18nDashboard";
-import { II18nFilterBuilder } from "./filters/II18nFilterBuilder";
-import { II18nFilter } from "./filters/II18nFilter";
-import { II18nPanel } from "./panel/II18nPanel";
-import { II18nCommon } from "./common/II18nCommon";
-import { II18nTableCharts } from "./table_charts/II18nTableCharts";
-
+import { II18nDashboard } from './dashboard/II18nDashboard';
+import { II18nFilterBuilder } from './filters/II18nFilterBuilder';
+import { II18nFilter } from './filters/II18nFilter';
+import { II18nPanel } from './panel/II18nPanel';
+import { II18nCommon } from './common/II18nCommon';
+import { II18nTableCharts } from './table_charts/II18nTableCharts';
+import { II18nFormulaBuilder } from './formula_builder';
+import { II18nFilterPanel } from './filters/II18nFilterPanel';
+import { II18nFilterDisplay } from './filters/II18nFilterDisplay';
+import { II18nBucketBuilder } from './bucket_builder/II18nBucketBuilder';
+import { II18nCrossTabs } from './cross_tabs';
+import { II18nChartBuilder } from '.';
 
 export interface IResourceI18n {
+    bucket_builder?: II18nBucketBuilder;
+    common?: II18nCommon;
+    cross_tabs?: II18nCrossTabs;
     dashboard?: II18nDashboard;
-    panel?: II18nPanel;
     filter?: II18nFilter;
     filter_builder?: II18nFilterBuilder;
+    filter_display?: II18nFilterDisplay;
+    filter_panel?: II18nFilterPanel;
+    formula_builder?: II18nFormulaBuilder;
+    panel?: II18nPanel;
     table_charts?: II18nTableCharts;
-    common?: II18nCommon
+    chart_builder?: II18nChartBuilder
 }

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilder.ts

@@ -0,0 +1,25 @@
+import { II18nBucketBuilderBasicBucket } from './II18nBucketBuilderBasicBucket';
+import { II18nBucketBuilderCreateBucket } from './II18nBucketBuilderCreateBucket';
+import { II18nBucketBuilderCustomBucket } from './II18nBucketBuilderCustomBucket';
+import { II18nBucketBuilderDeleteDialog } from './II18nBucketBuilderDeleteDialog';
+import { II18nBucketBuilderEditDialog } from './II18nBucketBuilderEditDialog';
+import { II18nBucketBuilderListBuckets } from './II18nBucketBuilderListBuckets';
+import { II18nBucketBuilderMenuBucket } from './II18nBucketBuilderMenuBucket';
+import { II18nBucketBuilderMessages } from './II18nBucketBuilderMessages';
+import { II18nBucketBuilderModalBucket } from './II18nBucketBuilderModalBucket';
+import { II18nBucketBuilderOperator } from './II18nBucketBuilderOperator';
+import { II18nBucketBuilderSentimentBucket } from './II18nBucketBuilderSentimentBucket';
+
+export interface II18nBucketBuilder {
+    modal_bucket: II18nBucketBuilderModalBucket,
+    create_bucket: II18nBucketBuilderCreateBucket;
+    sentiment_bucket: II18nBucketBuilderSentimentBucket;
+    basic_bucket: II18nBucketBuilderBasicBucket;
+    custom_bucket: II18nBucketBuilderCustomBucket;
+    operator: II18nBucketBuilderOperator;
+    list_buckets: II18nBucketBuilderListBuckets;
+    menu_bucket: II18nBucketBuilderMenuBucket;
+    edit_dialog: II18nBucketBuilderEditDialog;
+    delete_dialog: II18nBucketBuilderDeleteDialog;
+    messages: II18nBucketBuilderMessages;
+}

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilderBasicBucket.ts

@@ -0,0 +1,15 @@
+export interface II18nBucketBuilderBasicBucket {
+    value_type: string;
+    dynamic: string;
+    fixed: string;
+    automatic_buckets_start: string;
+    automatic_buckets_dynamic: string;
+    automatic_buckets_fixed: string;
+    automatic_buckets_end: string;
+    automatic_buckets: string;
+    min_range_value: string;
+    max_range_value: string;
+    reset_buckets_start: string;
+    reset_buckets_action: string;
+    reset_buckets_end: string;
+}

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilderCreateBucket.ts

@@ -0,0 +1,29 @@
+export interface II18nBucketBuilderCreateBucket {
+    column_bucket: string;
+    column_type: string;
+    selector_placeholder: string;
+    label_placeholder: string;
+    select_column_bucket: string;
+    reset: string;
+    create: string;
+    save: string;
+    edited: string;
+    created: string;
+    create_buckets: string;
+    create_buckets_help: string;
+    name_bucket_placeholder: string;
+    name_already_singular: string;
+    name_already_plural: string;
+    add_bucket: string;
+    other_bucket: string;
+    other_bucket_value: string;
+    other_bucket_unassigned: string;
+    bucket_empty: string;
+    search_bucket_placeholder: string;
+    search_all_bucket: string;
+    no_answers_found: string;
+    basic: string;
+    custom: string;
+    list_buckets: string;
+    no_buckets_added: string;
+}

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilderCustomBucket.ts

@@ -0,0 +1,15 @@
+export interface II18nBucketBuilderCustomBucket {
+    add: string;
+    untitled: string;
+    remove: string;
+    label: string;
+    label_placeholder: string;
+    condition: string;
+    condition_placeholder: string;
+    value: string;
+    value_placeholder: string;
+    min: string;
+    max: string;
+    from: string;
+    to: string;
+}

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilderDeleteDialog.ts

@@ -0,0 +1,6 @@
+export interface II18nBucketBuilderDeleteDialog {
+    title: string;
+    description: string;
+    cancel: string;
+    delete: string;
+}

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilderEditDialog.ts

@@ -0,0 +1,6 @@
+export interface II18nBucketBuilderEditDialog {
+    title: string;
+    description: string;
+    cancel: string;
+    edit: string;
+}

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilderListBuckets.ts

@@ -0,0 +1,6 @@
+export interface II18nBucketBuilderListBuckets {
+    title: string;
+    counter_one: string;
+    counter_other: string;
+    no_columns: string;
+}

package/src/globalization/interfaces/bucket_builder/II18nBucketBuilderMenuBucket.ts

@@ -0,0 +1,5 @@
+export interface II18nBucketBuilderMenuBucket {
+    edit: string;
+    duplicate: string;
+    delete: string;
+}