@qrvey/utils 1.5.0-0 → 1.5.0-3

package/README.md

@@ -1,4 +1,4 @@
-# [@qrvey/utils](https://bitbucket.org/qrvey/qrvey_utils/wiki/Home) *1.5.0-0*
+# [@qrvey/utils](https://bitbucket.org/qrvey/qrvey_utils/wiki/Home) *1.5.0-3*
 
 > Helper, Utils for all Qrvey Projects
 

package/dist/cjs/column_format/constants/DURATION_PARTS_LIST.d.ts

@@ -0,0 +1 @@
+export declare const DURATION_PARTS_LIST: string[];

package/dist/cjs/column_format/constants/DURATION_PARTS_LIST.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DURATION_PARTS_LIST = void 0;
+exports.DURATION_PARTS_LIST = [
+    "D[d] HH[h] mm[m] ss[s]",
+    "HH:mm:ss",
+    "HH:mm",
+    "HH",
+    "mm",
+    "ss",
+    "SSS",
+];

package/dist/cjs/column_format/constants/index.d.ts

@@ -4,3 +4,4 @@ export * from "./DATEGROUP_WITHOUT_FORMAT";
 export * from "./SHELF_TYPE";
 export * from "./STRING_FORMAT";
 export * from "./TABLE_TYPE";
+export * from "./DURATION_PARTS_LIST";

package/dist/cjs/column_format/constants/index.js

@@ -20,3 +20,4 @@ __exportStar(require("./DATEGROUP_WITHOUT_FORMAT"), exports);
 __exportStar(require("./SHELF_TYPE"), exports);
 __exportStar(require("./STRING_FORMAT"), exports);
 __exportStar(require("./TABLE_TYPE"), exports);
+__exportStar(require("./DURATION_PARTS_LIST"), exports);

package/dist/cjs/column_format/helpers/defineTableChartFormat.js

@@ -10,6 +10,7 @@ const TABLE_TYPE_1 = require("../constants/TABLE_TYPE");
 const columnTypeByChart_1 = require("./columnTypeByChart");
 const CALCULATION_LABEL_1 = require("../../qrvey/constants/CALCULATION_LABEL");
 const DATEGROUP_UNSUPPORT_FORMAT_1 = require("../constants/DATEGROUP_UNSUPPORT_FORMAT");
+const DURATION_PARTS_LIST_1 = require("../constants/DURATION_PARTS_LIST");
 /**
  * It returns the format of a column based on the column type, the chart type, and the chart settings
  * @param {IChartColumn} column - IChartColumn
@@ -60,17 +61,25 @@ const defineTableChartFormat = (column, settings) => {
         case COLUMN_1.COLUMN.NUMERIC:
         case COLUMN_1.COLUMN.RATING:
         case COLUMN_1.COLUMN.SLIDEBAR: {
-            if (selectedFormat)
-                return selectedFormat;
-            if ((calculation === null || calculation === void 0 ? void 0 : calculation.value) === CALCULATION_LABEL_1.CALCULATION_LABEL.PDIFF)
-                return defaultPercentage;
-            if (hasDefaultFormat) {
-                if ((aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE_1.AGGREGATE.COUNT ||
-                    (aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE_1.AGGREGATE.DISTINCTCOUNT)
-                    return defaultNumeric;
-                return defaultFormat || defaultNumeric;
+            let output;
+            if (selectedFormat && selectedFormat.format !== "Default") {
+                output = selectedFormat;
             }
-            return;
+            else if ((calculation === null || calculation === void 0 ? void 0 : calculation.value) === CALCULATION_LABEL_1.CALCULATION_LABEL.PDIFF) {
+                output = defaultPercentage;
+            }
+            else if (isGroupedTable &&
+                ((aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE_1.AGGREGATE.COUNT ||
+                    (aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE_1.AGGREGATE.DISTINCTCOUNT)) {
+                output = defaultNumeric;
+            }
+            else {
+                output = defaultFormat || defaultNumeric;
+            }
+            if (DURATION_PARTS_LIST_1.DURATION_PARTS_LIST.includes(output === null || output === void 0 ? void 0 : output.format)) {
+                output = Object.assign(Object.assign({}, output), { template: output.format, format: "Duration" });
+            }
+            return output;
         }
     }
 };

package/dist/cjs/column_format/helpers/defineXYChartFormat.js

@@ -7,6 +7,7 @@ const isEmpty_1 = require("../../general/mix/isEmpty");
 const CALCULATION_LABEL_1 = require("../../qrvey/constants/CALCULATION_LABEL");
 const CHART_GROUP_1 = require("../constants/CHART_GROUP");
 const DATEGROUP_UNSUPPORT_FORMAT_1 = require("../constants/DATEGROUP_UNSUPPORT_FORMAT");
+const DURATION_PARTS_LIST_1 = require("../constants/DURATION_PARTS_LIST");
 const STRING_FORMAT_1 = require("../constants/STRING_FORMAT");
 const columnTypeByChart_1 = require("./columnTypeByChart");
 /**
@@ -37,6 +38,8 @@ const defineXYChartFormat = (column, settings) => {
     const hasDefaultFormat = (0, isEmpty_1.isEmpty)(selectedFormat) ||
         (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === defaultText ||
         (selectedFormat === null || selectedFormat === void 0 ? void 0 : selectedFormat.format) === defaultText;
+    const newOutputFormat = DURATION_PARTS_LIST_1.DURATION_PARTS_LIST.includes(outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format)
+        ? Object.assign(Object.assign({}, outputFormat), { template: outputFormat.format, format: "Duration" }) : outputFormat;
     switch (columnType) {
         case COLUMN_1.COLUMN.YES_NO:
         case COLUMN_1.COLUMN.PHONE:
@@ -82,7 +85,7 @@ const defineXYChartFormat = (column, settings) => {
                     return columnDefaultFormat;
                 }
                 else if (hasDefaultFormat) {
-                    return Object.assign({}, outputFormat);
+                    return Object.assign({}, newOutputFormat);
                 }
                 else
                     return selectedFormat;

package/dist/cjs/dates/constants/DATETIME_COLUMN_FORMAT.js

@@ -8,4 +8,5 @@ exports.DATETIME_COLUMN_FORMAT = [
     "MM/DD/YYYY HH24:MI:SS",
     "DD/MM/YYYY HH24:MI:SS",
     "YYYY-MM-DD HH24:MI:SS",
+    "YYYY-MM-DD HH:mm:ss",
 ];

package/dist/cjs/filters/helpers/getTokensFromFilters.js

@@ -12,7 +12,7 @@ const isEmpty_1 = require("../../general/mix/isEmpty");
  * @returns {IFFilterTokens[]} An array of tokens that represents the filters object
  */
 function getTokensFromFilters(filters, options) {
-    var _a, _b;
+    var _a, _b, _c;
     const tokens = [];
     const i18nService = options.i18nService;
     const settings = {
@@ -48,16 +48,21 @@ function getTokensFromFilters(filters, options) {
                 });
             }
             for (const [index, filter] of Object.entries(database.filters)) {
-                if (!(filter === null || filter === void 0 ? void 0 : filter.enabled))
+                if (!(filter === null || filter === void 0 ? void 0 : filter.enabled)) {
+                    if (((_a = tokens[tokens.length - 1]) === null || _a === void 0 ? void 0 : _a.type) ===
+                        FILTER_TOKENS_STRUCTURE_TYPE_1.FILTER_TOKENS_STRUCTURE_TYPE.LOGICAL_OPERATOR) {
+                        tokens.pop();
+                    }
                     continue;
+                }
                 const values = (0, getUIValues_1.getUIValues)(filter, settings);
                 if (!thereIsFiltersWithValues)
                     thereIsFiltersWithValues = true;
                 let columnLabel = filter.column.label;
-                if ((_a = filter === null || filter === void 0 ? void 0 : filter.column) === null || _a === void 0 ? void 0 : _a.aggregate) {
+                if ((_b = filter === null || filter === void 0 ? void 0 : filter.column) === null || _b === void 0 ? void 0 : _b.aggregate) {
                     columnLabel +=
                         " (" +
-                            i18nService.translate(`common.aggregate_labels.${(_b = filter === null || filter === void 0 ? void 0 : filter.column) === null || _b === void 0 ? void 0 : _b.aggregate.toLowerCase()}`) +
+                            i18nService.translate(`common.aggregate_labels.${(_c = filter === null || filter === void 0 ? void 0 : filter.column) === null || _c === void 0 ? void 0 : _c.aggregate.toLowerCase()}`) +
                             ")";
                 }
                 tokens.push({

package/dist/cjs/format/definition.d.ts

@@ -18,7 +18,8 @@ export declare const enum LOCALE_FORMATS {
     CURRENCY = "Currency",
     PERCENTAGE = "Percentage",
     SCIENTIFIC = "Scientific",
-    ABBREVIATED = "Abbreviated"
+    ABBREVIATED = "Abbreviated",
+    DURATION = "Duration"
 }
 export declare const enum LOCALE_STYLES {
     DECIMAL = "decimal",

package/dist/cjs/format/format.js

@@ -14,6 +14,7 @@ const COLUMN_1 = require("../columns/constants/COLUMN");
 const FORMULA_1 = require("../formulas/constants/FORMULA");
 const localization_1 = require("./localization");
 const isObject_1 = require("../general/object/isObject");
+const DURATION_PARTS_LIST_1 = require("../column_format/constants/DURATION_PARTS_LIST");
 dayjs_1.default.extend(advancedFormat_1.default); // Add support to advanced formats https://day.js.org/docs/en/plugin/advanced-format
 /**
  * Apply to the given date format to a date value
@@ -114,7 +115,9 @@ const addFormat = (value, outputFormat = "None", config) => {
                     : outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format);
         case "NUMERIC": {
             const parse = parseFloat(value);
-            const withLocale = outputFormat !== "None" && (config === null || config === void 0 ? void 0 : config.lang);
+            const withLocale = (outputFormat !== "None" && (config === null || config === void 0 ? void 0 : config.lang)) ||
+                (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Duration" ||
+                DURATION_PARTS_LIST_1.DURATION_PARTS_LIST.includes[outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format];
             return isNaN(parse)
                 ? value
                 : withLocale

package/dist/cjs/format/localization.js

@@ -4,6 +4,7 @@ exports.formatWithLocale = exports.chooseLang = exports.getLang = void 0;
 const DATETIME_COLUMN_FORMAT_1 = require("../dates/constants/DATETIME_COLUMN_FORMAT");
 const isEmpty_1 = require("../general/mix/isEmpty");
 const definition_1 = require("./definition");
+const durationFormatter_1 = require("./duration/durationFormatter");
 const getLang = (locale) => {
     if (!locale)
         return;
@@ -61,10 +62,20 @@ function formatLocaleNumber(value, outputFormat, config) {
     const langOpts = options || getLocaleOptions(outputFormat);
     const valueToFormat = (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Percentage" /* LOCALE_FORMATS.PERCENTAGE */ ? value / 100 : value;
     try {
-        const key = lang + JSON.stringify(langOpts);
+        const key = (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) +
+            lang +
+            JSON.stringify(langOpts) +
+            ((outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.template) ? outputFormat.template : "");
         let formatter = NUMBER_FORMAT_CACHE[key];
         if (!formatter) {
-            formatter = new Intl.NumberFormat([lang, definition_1.LANG_DEFAULT], langOpts);
+            const intlNumberFormat = new Intl.NumberFormat([lang, definition_1.LANG_DEFAULT], langOpts);
+            formatter =
+                (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Duration" /* LOCALE_FORMATS.DURATION */
+                    ? new durationFormatter_1.DurationFormatter({
+                        template: outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.template,
+                        intlNumberFormat,
+                    })
+                    : intlNumberFormat;
             NUMBER_FORMAT_CACHE[key] = formatter;
         }
         return formatter.format(valueToFormat);
@@ -113,6 +124,11 @@ function getLocaleOptions(outputFormat) {
                 maximumFractionDigits: decimals,
                 minimumFractionDigits: decimals,
             };
+        case "Duration" /* LOCALE_FORMATS.DURATION */:
+            return {
+                maximumFractionDigits: 0,
+                minimumFractionDigits: 0,
+            };
         default:
             return {
                 style: "decimal" /* LOCALE_STYLES.DECIMAL */,

package/dist/cjs/globalization/interfaces/II18nResource.d.ts

@@ -11,6 +11,7 @@ import { II18nBucketBuilder } from "./bucket_builder/II18nBucketBuilder";
 import { II18nCrossTabs } from "./cross_tabs";
 import { II18nChartBuilder } from ".";
 import { II18nStyleThemes } from "./style_themes/II18nStyleThemes";
+import { II18nTabularView } from './tabular_view/II18nTabularView';
 export interface II18nResource {
     bucket_builder?: II18nBucketBuilder;
     chart_builder?: II18nChartBuilder;
@@ -25,4 +26,5 @@ export interface II18nResource {
     panel?: II18nPanel;
     style_themes?: II18nStyleThemes;
     table_charts?: II18nTableCharts;
+    tabular_view?: II18nTabularView;
 }

package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderFormatValues.d.ts

@@ -14,4 +14,5 @@ export interface II18nChartBuilderFormatValues {
     custom: string;
     date_format: string;
     value_format: string;
+    duration: string;
 }

package/dist/cjs/globalization/interfaces/common/II18nCommon.d.ts

@@ -16,5 +16,6 @@ export interface II18nCommon {
     no_data_found: string;
     properties: II18nColumnProperties;
     search: string;
+    sort: string;
     units: II18nUnits;
 }

package/dist/cjs/globalization/interfaces/tabular_view/II18nTabularView.d.ts

@@ -0,0 +1,4 @@
+export interface II18nTabularView {
+    all: string;
+    select_columns: string;
+}

package/dist/cjs/globalization/interfaces/tabular_view/II18nTabularView.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/globalization/labels/I18N_DEFAULT.js

@@ -11,6 +11,7 @@ const formula_builder_1 = require("./formula_builder");
 const I18N_FILTER_PANEL_1 = require("./filters/I18N_FILTER_PANEL");
 const I18N_FILTER_DISPLAY_1 = require("./filters/I18N_FILTER_DISPLAY");
 const I18N_BUCKET_BUILDER_1 = require("./bucket_builder/I18N_BUCKET_BUILDER");
+const I18N_TABULAR_VIEW_1 = require("./tabular_view/I18N_TABULAR_VIEW");
 const cross_tabs_1 = require("./cross_tabs");
 const chart_builder_1 = require("./chart_builder");
 const style_themes_1 = require("./style_themes");
@@ -28,4 +29,5 @@ exports.I18N_DEFAULT = {
     panel: I18N_PANEL_1.I18N_PANEL,
     style_themes: style_themes_1.I18N_STYLE_THEMES,
     table_charts: table_charts_1.I18N_TABLE_CHARTS,
+    tabular_view: I18N_TABULAR_VIEW_1.I18N_TABULAR_VIEW
 };

package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER.js

@@ -26,6 +26,7 @@ exports.I18N_CHART_BUILDER = Object.assign(Object.assign(Object.assign(Object.as
         custom: "Custom Format",
         date_format: "Date Format",
         value_format: "Value Format",
+        duration: "Duration",
     }, chart_names: {
         bar: "Bar",
         line: "Line",

package/dist/cjs/globalization/labels/common/I18N_COMMON.js

@@ -23,6 +23,7 @@ exports.I18N_COMMON = {
     no_data_found: "No Data Found",
     properties: I18N_COLUMN_PROPERTY_LABEL_1.I18N_COLUMN_PROPERTY_LABEL,
     search: "Search",
+    sort: "Sort",
     units: {
         day: RELATIVE_UNIT_INFO_1.RELATIVE_UNIT_INFO.DAY.label,
         month: RELATIVE_UNIT_INFO_1.RELATIVE_UNIT_INFO.MONTH.label,

package/dist/cjs/globalization/labels/tabular_view/I18N_TABULAR_VIEW.d.ts

@@ -0,0 +1,2 @@
+import { II18nTabularView } from "../../interfaces/tabular_view/II18nTabularView";
+export declare const I18N_TABULAR_VIEW: II18nTabularView;

package/dist/cjs/globalization/labels/tabular_view/I18N_TABULAR_VIEW.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.I18N_TABULAR_VIEW = void 0;
+exports.I18N_TABULAR_VIEW = {
+    all: "Todas",
+    select_columns: "Select Columns",
+};

package/dist/cjs/interfaces/format/IFormatOutputFormat.Interface.d.ts

@@ -4,4 +4,5 @@ export interface IFormatOutputFormat extends IFormatDefaultFormat {
     currency?: IFormatCurrency;
     backup_currency?: IFormatCurrency;
     originalFormat?: IFormatOutputFormat;
+    template?: string;
 }

package/dist/column_format/constants/DURATION_PARTS_LIST.d.ts

@@ -0,0 +1 @@
+export declare const DURATION_PARTS_LIST: string[];

package/dist/column_format/constants/DURATION_PARTS_LIST.js

@@ -0,0 +1,9 @@
+export const DURATION_PARTS_LIST = [
+    "D[d] HH[h] mm[m] ss[s]",
+    "HH:mm:ss",
+    "HH:mm",
+    "HH",
+    "mm",
+    "ss",
+    "SSS",
+];

package/dist/column_format/constants/index.d.ts

@@ -4,3 +4,4 @@ export * from "./DATEGROUP_WITHOUT_FORMAT";
 export * from "./SHELF_TYPE";
 export * from "./STRING_FORMAT";
 export * from "./TABLE_TYPE";
+export * from "./DURATION_PARTS_LIST";

package/dist/column_format/constants/index.js

@@ -4,3 +4,4 @@ export * from "./DATEGROUP_WITHOUT_FORMAT";
 export * from "./SHELF_TYPE";
 export * from "./STRING_FORMAT";
 export * from "./TABLE_TYPE";
+export * from "./DURATION_PARTS_LIST";

package/dist/column_format/helpers/defineTableChartFormat.js

@@ -7,6 +7,7 @@ import { TABLE_TYPE } from "../constants/TABLE_TYPE";
 import { columnTypeByChart } from "./columnTypeByChart";
 import { CALCULATION_LABEL } from "../../qrvey/constants/CALCULATION_LABEL";
 import { DATEGROUP_UNSUPPORT_FORMAT } from "../constants/DATEGROUP_UNSUPPORT_FORMAT";
+import { DURATION_PARTS_LIST } from '../constants/DURATION_PARTS_LIST';
 /**
  * It returns the format of a column based on the column type, the chart type, and the chart settings
  * @param {IChartColumn} column - IChartColumn
@@ -57,17 +58,25 @@ export const defineTableChartFormat = (column, settings) => {
         case COLUMN.NUMERIC:
         case COLUMN.RATING:
         case COLUMN.SLIDEBAR: {
-            if (selectedFormat)
-                return selectedFormat;
-            if ((calculation === null || calculation === void 0 ? void 0 : calculation.value) === CALCULATION_LABEL.PDIFF)
-                return defaultPercentage;
-            if (hasDefaultFormat) {
-                if ((aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE.COUNT ||
-                    (aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE.DISTINCTCOUNT)
-                    return defaultNumeric;
-                return defaultFormat || defaultNumeric;
+            let output;
+            if (selectedFormat && selectedFormat.format !== "Default") {
+                output = selectedFormat;
             }
-            return;
+            else if ((calculation === null || calculation === void 0 ? void 0 : calculation.value) === CALCULATION_LABEL.PDIFF) {
+                output = defaultPercentage;
+            }
+            else if (isGroupedTable &&
+                ((aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE.COUNT ||
+                    (aggregate === null || aggregate === void 0 ? void 0 : aggregate.label) === AGGREGATE.DISTINCTCOUNT)) {
+                output = defaultNumeric;
+            }
+            else {
+                output = defaultFormat || defaultNumeric;
+            }
+            if (DURATION_PARTS_LIST.includes(output === null || output === void 0 ? void 0 : output.format)) {
+                output = Object.assign(Object.assign({}, output), { template: output.format, format: "Duration" });
+            }
+            return output;
         }
     }
 };

package/dist/column_format/helpers/defineXYChartFormat.js

@@ -4,6 +4,7 @@ import { isEmpty } from "../../general/mix/isEmpty";
 import { CALCULATION_LABEL } from "../../qrvey/constants/CALCULATION_LABEL";
 import { CHART_GROUPS } from "../constants/CHART_GROUP";
 import { DATEGROUP_UNSUPPORT_FORMAT } from "../constants/DATEGROUP_UNSUPPORT_FORMAT";
+import { DURATION_PARTS_LIST } from "../constants/DURATION_PARTS_LIST";
 import { STRING_FORMAT } from "../constants/STRING_FORMAT";
 import { columnTypeByChart } from "./columnTypeByChart";
 /**
@@ -34,6 +35,8 @@ export const defineXYChartFormat = (column, settings) => {
     const hasDefaultFormat = isEmpty(selectedFormat) ||
         (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === defaultText ||
         (selectedFormat === null || selectedFormat === void 0 ? void 0 : selectedFormat.format) === defaultText;
+    const newOutputFormat = DURATION_PARTS_LIST.includes(outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format)
+        ? Object.assign(Object.assign({}, outputFormat), { template: outputFormat.format, format: "Duration" }) : outputFormat;
     switch (columnType) {
         case COLUMN.YES_NO:
         case COLUMN.PHONE:
@@ -79,7 +82,7 @@ export const defineXYChartFormat = (column, settings) => {
                     return columnDefaultFormat;
                 }
                 else if (hasDefaultFormat) {
-                    return Object.assign({}, outputFormat);
+                    return Object.assign({}, newOutputFormat);
                 }
                 else
                     return selectedFormat;

package/dist/dates/constants/DATETIME_COLUMN_FORMAT.js

@@ -5,4 +5,5 @@ export const DATETIME_COLUMN_FORMAT = [
     "MM/DD/YYYY HH24:MI:SS",
     "DD/MM/YYYY HH24:MI:SS",
     "YYYY-MM-DD HH24:MI:SS",
+    "YYYY-MM-DD HH:mm:ss",
 ];

package/dist/filters/helpers/getTokensFromFilters.js

@@ -9,7 +9,7 @@ import { isEmpty } from "../../general/mix/isEmpty";
  * @returns {IFFilterTokens[]} An array of tokens that represents the filters object
  */
 export function getTokensFromFilters(filters, options) {
-    var _a, _b;
+    var _a, _b, _c;
     const tokens = [];
     const i18nService = options.i18nService;
     const settings = {
@@ -45,16 +45,21 @@ export function getTokensFromFilters(filters, options) {
                 });
             }
             for (const [index, filter] of Object.entries(database.filters)) {
-                if (!(filter === null || filter === void 0 ? void 0 : filter.enabled))
+                if (!(filter === null || filter === void 0 ? void 0 : filter.enabled)) {
+                    if (((_a = tokens[tokens.length - 1]) === null || _a === void 0 ? void 0 : _a.type) ===
+                        FILTER_TOKENS_STRUCTURE_TYPE.LOGICAL_OPERATOR) {
+                        tokens.pop();
+                    }
                     continue;
+                }
                 const values = getUIValues(filter, settings);
                 if (!thereIsFiltersWithValues)
                     thereIsFiltersWithValues = true;
                 let columnLabel = filter.column.label;
-                if ((_a = filter === null || filter === void 0 ? void 0 : filter.column) === null || _a === void 0 ? void 0 : _a.aggregate) {
+                if ((_b = filter === null || filter === void 0 ? void 0 : filter.column) === null || _b === void 0 ? void 0 : _b.aggregate) {
                     columnLabel +=
                         " (" +
-                            i18nService.translate(`common.aggregate_labels.${(_b = filter === null || filter === void 0 ? void 0 : filter.column) === null || _b === void 0 ? void 0 : _b.aggregate.toLowerCase()}`) +
+                            i18nService.translate(`common.aggregate_labels.${(_c = filter === null || filter === void 0 ? void 0 : filter.column) === null || _c === void 0 ? void 0 : _c.aggregate.toLowerCase()}`) +
                             ")";
                 }
                 tokens.push({

package/dist/format/definition.d.ts

@@ -18,7 +18,8 @@ export declare const enum LOCALE_FORMATS {
     CURRENCY = "Currency",
     PERCENTAGE = "Percentage",
     SCIENTIFIC = "Scientific",
-    ABBREVIATED = "Abbreviated"
+    ABBREVIATED = "Abbreviated",
+    DURATION = "Duration"
 }
 export declare const enum LOCALE_STYLES {
     DECIMAL = "decimal",

package/dist/format/format.js

@@ -8,6 +8,7 @@ import { COLUMN } from "../columns/constants/COLUMN";
 import { FORMULA } from "../formulas/constants/FORMULA";
 import { formatWithLocale } from "./localization";
 import { isObject } from "../general/object/isObject";
+import { DURATION_PARTS_LIST } from "../column_format/constants/DURATION_PARTS_LIST";
 dayjs.extend(advancedFormat); // Add support to advanced formats https://day.js.org/docs/en/plugin/advanced-format
 /**
  * Apply to the given date format to a date value
@@ -105,7 +106,9 @@ export const addFormat = (value, outputFormat = "None", config) => {
                     : outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format);
         case "NUMERIC": {
             const parse = parseFloat(value);
-            const withLocale = outputFormat !== "None" && (config === null || config === void 0 ? void 0 : config.lang);
+            const withLocale = (outputFormat !== "None" && (config === null || config === void 0 ? void 0 : config.lang)) ||
+                (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Duration" ||
+                DURATION_PARTS_LIST.includes[outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format];
             return isNaN(parse)
                 ? value
                 : withLocale

package/dist/format/localization.js

@@ -1,6 +1,7 @@
 import { DATETIME_COLUMN_FORMAT } from "../dates/constants/DATETIME_COLUMN_FORMAT";
 import { isEmpty } from "../general/mix/isEmpty";
 import { currencyISO, LANG_DEFAULT, CURRENCY_DEFAULT, DATETIME_OPTIONS, } from "./definition";
+import { DurationFormatter } from "./duration/durationFormatter";
 export const getLang = (locale) => {
     if (!locale)
         return;
@@ -55,10 +56,20 @@ function formatLocaleNumber(value, outputFormat, config) {
     const langOpts = options || getLocaleOptions(outputFormat);
     const valueToFormat = (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Percentage" /* LOCALE_FORMATS.PERCENTAGE */ ? value / 100 : value;
     try {
-        const key = lang + JSON.stringify(langOpts);
+        const key = (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) +
+            lang +
+            JSON.stringify(langOpts) +
+            ((outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.template) ? outputFormat.template : "");
         let formatter = NUMBER_FORMAT_CACHE[key];
         if (!formatter) {
-            formatter = new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts);
+            const intlNumberFormat = new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts);
+            formatter =
+                (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Duration" /* LOCALE_FORMATS.DURATION */
+                    ? new DurationFormatter({
+                        template: outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.template,
+                        intlNumberFormat,
+                    })
+                    : intlNumberFormat;
             NUMBER_FORMAT_CACHE[key] = formatter;
         }
         return formatter.format(valueToFormat);
@@ -107,6 +118,11 @@ function getLocaleOptions(outputFormat) {
                 maximumFractionDigits: decimals,
                 minimumFractionDigits: decimals,
             };
+        case "Duration" /* LOCALE_FORMATS.DURATION */:
+            return {
+                maximumFractionDigits: 0,
+                minimumFractionDigits: 0,
+            };
         default:
             return {
                 style: "decimal" /* LOCALE_STYLES.DECIMAL */,

package/dist/globalization/interfaces/II18nResource.d.ts

@@ -11,6 +11,7 @@ import { II18nBucketBuilder } from "./bucket_builder/II18nBucketBuilder";
 import { II18nCrossTabs } from "./cross_tabs";
 import { II18nChartBuilder } from ".";
 import { II18nStyleThemes } from "./style_themes/II18nStyleThemes";
+import { II18nTabularView } from './tabular_view/II18nTabularView';
 export interface II18nResource {
     bucket_builder?: II18nBucketBuilder;
     chart_builder?: II18nChartBuilder;
@@ -25,4 +26,5 @@ export interface II18nResource {
     panel?: II18nPanel;
     style_themes?: II18nStyleThemes;
     table_charts?: II18nTableCharts;
+    tabular_view?: II18nTabularView;
 }

package/dist/globalization/interfaces/chart_builder/II18nChartBuilderFormatValues.d.ts

@@ -14,4 +14,5 @@ export interface II18nChartBuilderFormatValues {
     custom: string;
     date_format: string;
     value_format: string;
+    duration: string;
 }

package/dist/globalization/interfaces/common/II18nCommon.d.ts

@@ -16,5 +16,6 @@ export interface II18nCommon {
     no_data_found: string;
     properties: II18nColumnProperties;
     search: string;
+    sort: string;
     units: II18nUnits;
 }

package/dist/globalization/interfaces/tabular_view/II18nTabularView.d.ts

@@ -0,0 +1,4 @@
+export interface II18nTabularView {
+    all: string;
+    select_columns: string;
+}

package/dist/globalization/interfaces/tabular_view/II18nTabularView.js

@@ -0,0 +1 @@
+export {};

package/dist/globalization/labels/I18N_DEFAULT.js

@@ -8,6 +8,7 @@ import { I18N_FORMULA_BUILDER } from "./formula_builder";
 import { I18N_FILTER_PANEL } from "./filters/I18N_FILTER_PANEL";
 import { I18N_FILTER_DISPLAY } from "./filters/I18N_FILTER_DISPLAY";
 import { I18N_BUCKET_BUILDER } from "./bucket_builder/I18N_BUCKET_BUILDER";
+import { I18N_TABULAR_VIEW } from './tabular_view/I18N_TABULAR_VIEW';
 import { I18N_CROSS_TABS } from "./cross_tabs";
 import { I18N_CHART_BUILDER } from "./chart_builder";
 import { I18N_STYLE_THEMES } from "./style_themes";
@@ -25,4 +26,5 @@ export const I18N_DEFAULT = {
     panel: I18N_PANEL,
     style_themes: I18N_STYLE_THEMES,
     table_charts: I18N_TABLE_CHARTS,
+    tabular_view: I18N_TABULAR_VIEW
 };

package/dist/globalization/labels/chart_builder/I18N_CHART_BUILDER.js

@@ -23,6 +23,7 @@ export const I18N_CHART_BUILDER = Object.assign(Object.assign(Object.assign(Obje
         custom: "Custom Format",
         date_format: "Date Format",
         value_format: "Value Format",
+        duration: "Duration",
     }, chart_names: {
         bar: "Bar",
         line: "Line",

package/dist/globalization/labels/common/I18N_COMMON.js

@@ -20,6 +20,7 @@ export const I18N_COMMON = {
     no_data_found: "No Data Found",
     properties: I18N_COLUMN_PROPERTY_LABEL,
     search: "Search",
+    sort: "Sort",
     units: {
         day: RELATIVE_UNIT_INFO.DAY.label,
         month: RELATIVE_UNIT_INFO.MONTH.label,

package/dist/globalization/labels/tabular_view/I18N_TABULAR_VIEW.d.ts

@@ -0,0 +1,2 @@
+import { II18nTabularView } from "../../interfaces/tabular_view/II18nTabularView";
+export declare const I18N_TABULAR_VIEW: II18nTabularView;

package/dist/globalization/labels/tabular_view/I18N_TABULAR_VIEW.js

@@ -0,0 +1,4 @@
+export const I18N_TABULAR_VIEW = {
+    all: "Todas",
+    select_columns: "Select Columns",
+};

package/dist/interfaces/format/IFormatOutputFormat.Interface.d.ts

@@ -4,4 +4,5 @@ export interface IFormatOutputFormat extends IFormatDefaultFormat {
     currency?: IFormatCurrency;
     backup_currency?: IFormatCurrency;
     originalFormat?: IFormatOutputFormat;
+    template?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qrvey/utils",
-  "version": "1.5.0-0",
+  "version": "1.5.0-3",
   "description": "Helper, Utils for all Qrvey Projects",
   "homepage": "https://bitbucket.org/qrvey/qrvey_utils/wiki/Home",
   "main": "dist/index.js",