@qrvey/utils 1.2.9-3 → 1.2.9-30

package/dist/dates/relative/interfaces/index.d.ts

@@ -2,6 +2,8 @@ export * from './AbsoluteStatement';
 export * from './Anchor';
 export * from './RelativeCursor';
 export * from './IRelativeCursorInfo';
+export * from './IRelativeUnit';
+export * from './IRelativeUnitInfo';
 export * from './RelativeInput';
 export * from './RelativeStatement';
 export * from './RelativeToAbsoluteStruct';

package/dist/dates/relative/interfaces/index.js

@@ -2,6 +2,8 @@ export * from './AbsoluteStatement';
 export * from './Anchor';
 export * from './RelativeCursor';
 export * from './IRelativeCursorInfo';
+export * from './IRelativeUnit';
+export * from './IRelativeUnitInfo';
 export * from './RelativeInput';
 export * from './RelativeStatement';
 export * from './RelativeToAbsoluteStruct';

package/dist/filters/adapters/FDToFlatUI.js

@@ -40,7 +40,7 @@ function FD21ToFlatUI(scopes = [], datasetsInfo = []) {
                         const datasetInfo = datasetsInfo.find(dInfo => dInfo.qrveyid === dataset.qrveyid && dInfo.linkid === dataset.linkid);
                         let columnInfo;
                         if (!isEmpty(datasetInfo))
-                            columnInfo = datasetInfo.options.find(cInfo => { var _a, _b; return cInfo.id === filter.column.id && ((_a = cInfo.dataset) === null || _a === void 0 ? void 0 : _a.qrveyid) === filter.column.qrveyid && ((_b = cInfo.dataset) === null || _b === void 0 ? void 0 : _b.linkid) === filter.column.linkid; });
+                            columnInfo = datasetInfo.options.find(cInfo => cInfo.id === filter.column.id && cInfo.qrveyid === filter.column.qrveyid && cInfo.linkid === filter.column.linkid);
                         const info = !isEmpty(filter.extras.info) ? { icon: filter.extras.info.icon, label: filter.extras.info.label } : undefined;
                         const property = adaptDateGroupingProperty(filter.property);
                         const uFilter = {

package/dist/filters/adapters/FDToUI.js

@@ -4,7 +4,6 @@ import { isEmpty } from "../../general/mix/isEmpty";
 import { cloneDeep } from "../../general/object/cloneDeep";
 import { FILTER_SECTION } from "../constants/common/FILTER_SECTION";
 import { FILTER_STRUCTURE_VERSION } from "../constants/common/FILTER_STRUCTURE_VERSION";
-import { _get } from "../../general/object/get";
 /**
  * Generates a UI filter structure from Filter Data structure.
  * @param filterData The filter data object.
@@ -44,7 +43,6 @@ function FD21ToUI(scopes = [], section = FILTER_SECTION.ANYWHERE, enabled = true
     ufData.scopes = scopes.map(scope => (Object.assign(Object.assign({}, scope), { datasets: scope.datasets.map(dataset => {
             const datasetInfo = datasetsInfo.find(dInfo => dInfo.qrveyid === dataset.qrveyid && dInfo.linkid === dataset.linkid);
             return Object.assign(Object.assign({}, dataset), { label: datasetInfo === null || datasetInfo === void 0 ? void 0 : datasetInfo.label, filters: dataset.filters.map(filter => {
-                    var _a;
                     let columnInfo;
                     if (!isEmpty(datasetInfo))
                         columnInfo = datasetInfo.options.find(cInfo => cInfo.id === filter.column.id && cInfo.qrveyid === filter.column.qrveyid && cInfo.linkid === filter.column.linkid);
@@ -56,8 +54,8 @@ function FD21ToUI(scopes = [], section = FILTER_SECTION.ANYWHERE, enabled = true
                             id: filter.column.id,
                             label: columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.label,
                             linked: columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.linked,
-                            linkid: ((_a = columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.dataset) === null || _a === void 0 ? void 0 : _a.linkid) || (datasetInfo === null || datasetInfo === void 0 ? void 0 : datasetInfo.linkid),
-                            outputFormat: _get(datasetInfo, 'outputFormat'),
+                            linkid: (columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.linkid) || (datasetInfo === null || datasetInfo === void 0 ? void 0 : datasetInfo.linkid),
+                            outputFormat: columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.outputFormat,
                             qrveyid: filter.column.qrveyid,
                             type: (columnInfo === null || columnInfo === void 0 ? void 0 : columnInfo.type) || filter.column.type,
                         }, property, values: adaptFilterValues(filter) });

package/dist/filters/adapters/logicToFlatUI.js

@@ -52,7 +52,7 @@ function buildFilterByExpression(expression, scopeItem, uFilters) {
     }
 }
 function getFilterByExpression(expression, scopeItem) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     const uiExtras = expression.uiExtras;
     const scopeid = scopeItem.scope !== FILTER_SCOPE.GLOBAL ? _get(scopeItem, 'uiExtras.scopeid') : undefined;
     const info = !isEmpty(uiExtras.info) ? { icon: uiExtras.info.icon, label: uiExtras.info.label } : undefined;
@@ -88,8 +88,8 @@ function getFilterByExpression(expression, scopeItem) {
                 enabled: true,
                 displayed: true,
                 qrveyid: (_r = uiExtras.column) === null || _r === void 0 ? void 0 : _r.qrveyid,
-                label: _get((_s = uiExtras.column) === null || _s === void 0 ? void 0 : _s.dataset, 'name') || ((_u = (_t = uiExtras.column) === null || _t === void 0 ? void 0 : _t.dataset) === null || _u === void 0 ? void 0 : _u.label),
-                linkid: (_v = uiExtras.column) === null || _v === void 0 ? void 0 : _v.linkid,
+                label: _get(uiExtras.column, 'dataset.name') || ((_s = uiExtras.column) === null || _s === void 0 ? void 0 : _s.label),
+                linkid: (_t = uiExtras.column) === null || _t === void 0 ? void 0 : _t.linkid,
             } }),
         filterid: undefined,
         lookupDisplayIndex: uiExtras.lookupDisplayIndex,

package/dist/filters/helpers/builder/getFilterBuilderGeneralConfig.js

@@ -9,6 +9,7 @@ export function getFilterBuilderGeneralConfig(config = {}) {
         apiKey: getAttribute(config, 'api_key') || config.apiKey,
         appid: getAttribute(config, 'app_id') || config.appid,
         domain: config.domain,
+        i18n: config.i18n,
         qv_token: config.qv_token,
         timezoneControl: getAttribute(config, 'timezone_control') || config.timezoneControl,
         userid: getAttribute(config, 'user_id') || config.userid,

package/dist/filters/helpers/ui/getQrveyIdsByUIFilters.d.ts

@@ -0,0 +1,7 @@
+import { IFSData } from "../../interfaces/common/IFSData";
+/**
+ * Gets a collection of Qrvey IDs in the UI Filter structure.
+ * Looks around all filter structure finding the qrveyid propertty in each dataset
+ * @param uiFilter
+ */
+export declare function getQrveyIdsByUIFilters(uiFilter: IFSData): string[];

package/dist/filters/helpers/ui/getQrveyIdsByUIFilters.js

@@ -0,0 +1,20 @@
+import { isEmpty } from "../../../general/mix/isEmpty";
+/**
+ * Gets a collection of Qrvey IDs in the UI Filter structure.
+ * Looks around all filter structure finding the qrveyid propertty in each dataset
+ * @param uiFilter
+ */
+export function getQrveyIdsByUIFilters(uiFilter) {
+    const qrveyids = [];
+    if (isEmpty(uiFilter))
+        return qrveyids;
+    uiFilter.scopes.forEach(scope => {
+        if (!isEmpty(scope.datasets)) {
+            scope.datasets.forEach(dataset => {
+                if (!isEmpty(dataset))
+                    qrveyids.push(dataset.qrveyid);
+            });
+        }
+    });
+    return qrveyids;
+}

package/dist/filters/helpers/ui/getUIValues.js

@@ -42,14 +42,19 @@ export function getUIValues(filter, settings) {
         case FILTER_VALIDATOR.IS_NULL:
         case FILTER_VALIDATOR.IS_NOT_NULL:
             return [{
-                    value: FILTER_VALIDATOR_INFO[filter.validator].label,
+                    value: (settings === null || settings === void 0 ? void 0 : settings.translate) ? settings.translate('filter.validators.' + filter.validator.toLowerCase() + '_label') : FILTER_VALIDATOR_INFO[filter.validator].label,
                     enabled: settings.addEnableds ? (_a = filter.values[0]) === null || _a === void 0 ? void 0 : _a.enabled : undefined,
                 }];
         case FILTER_VALIDATOR.IN:
-            return filter.values.map(value => ({
-                value: `${RELATIVE_CURSOR_INFO[value.cursor].label} ${value.cursor !== RELATIVE_CURSOR.THIS && value.number > 1 ? value.number : ''} ${getValueUiUnitRelativeDate(value)} ${value.cursor !== RELATIVE_CURSOR.THIS ? `from ${value.anchor || 'current date'}` : ''}`,
-                enabled: settings.addEnableds ? filter.enabled : undefined,
-            }));
+            return filter.values.map(value => {
+                const cursor = (settings === null || settings === void 0 ? void 0 : settings.translate) ? settings.translate(RELATIVE_CURSOR_INFO[value.cursor].i18nLabelPath) : RELATIVE_CURSOR_INFO[value.cursor].i18nLabelPath;
+                const from = (settings === null || settings === void 0 ? void 0 : settings.translate) ? settings.translate('filter.relative_container.from_label') : 'from';
+                const anchor = (settings === null || settings === void 0 ? void 0 : settings.translate) ? settings === null || settings === void 0 ? void 0 : settings.translate('filter.relative_container.current_date') : 'current date';
+                return {
+                    value: `${cursor} ${value.cursor !== RELATIVE_CURSOR.THIS && value.number > 1 ? value.number : ''} ${getValueUiUnitRelativeDate(value, settings)} ${value.cursor !== RELATIVE_CURSOR.THIS ? `${from} ${value.anchor || anchor}` : ''}`,
+                    enabled: settings.addEnableds ? filter.enabled : undefined,
+                };
+            });
         default:
             if (filter.column.type === COLUMN.RANKING && isEmpty(filter.column.aggregate)) {
                 return getRankingUIValues(filter.values, settings.addEnableds, settings.rankingGroupIndex);
@@ -73,8 +78,9 @@ function getUiValuesSettings(settings) {
         translate: settings === null || settings === void 0 ? void 0 : settings.translate,
     };
 }
-function getValueUiUnitRelativeDate(relative) {
-    return relative.cursor !== RELATIVE_CURSOR.THIS && relative.number > 1 ? `${relative.unit}s` : relative.unit;
+function getValueUiUnitRelativeDate(relative, settings) {
+    const unit = settings.translate ? `${settings.translate(`common.units.${relative.unit}`)}` : relative.unit;
+    return relative.cursor !== RELATIVE_CURSOR.THIS && relative.number > 1 ? `${unit}s` : unit;
 }
 function getRankingUIValues(values, addEnableds = false, rankingGroupIndex) {
     const flattenValues = rankingGroupIndex == null ? flattenDeep(values) : values[rankingGroupIndex];

package/dist/filters/helpers/ui/getUpdatedUIFilters.d.ts

@@ -0,0 +1,9 @@
+import { IDataset } from "../../../qrvey/interfaces/IDataset";
+import { IFUData } from "../../interfaces/ui/IFUData";
+/**
+ * Gets a new UI Filter structure with a datasets/columns info updates
+ * @param data The UI Filter structure
+ * @param datasets An array of datasets/column info used for updating the data
+ * @returns A new UI FIlter structure
+ */
+export declare function getUpdatedUIFilters(data: IFUData, datasets?: IDataset[]): IFUData;

package/dist/filters/helpers/ui/getUpdatedUIFilters.js

@@ -0,0 +1,34 @@
+import { isEmpty } from "../../../general/mix/isEmpty";
+/**
+ * Gets a new UI Filter structure with a datasets/columns info updates
+ * @param data The UI Filter structure
+ * @param datasets An array of datasets/column info used for updating the data
+ * @returns A new UI FIlter structure
+ */
+export function getUpdatedUIFilters(data, datasets = []) {
+    if (isEmpty(data) || isEmpty(datasets))
+        return data;
+    const updatedScopes = data.scopes.map(scopes => {
+        scopes.datasets = scopes.datasets.map(dataset => {
+            const datasetInfo = datasets.find(dInfo => dInfo.qrveyid === dataset.qrveyid && dInfo.linkid === dataset.linkid);
+            if (!isEmpty(datasetInfo))
+                dataset.label = datasetInfo.label;
+            dataset.filters = dataset.filters.map(filter => {
+                let columnInfo;
+                if (!isEmpty(datasetInfo))
+                    columnInfo = datasetInfo.options.find(cInfo => cInfo.id === filter.column.id && cInfo.qrveyid === filter.column.qrveyid && cInfo.linkid === filter.column.linkid);
+                if (!isEmpty(columnInfo)) {
+                    filter.column.formulaType = columnInfo.formulaType;
+                    filter.column.geogroup = columnInfo.geogroup;
+                    filter.column.label = columnInfo.label;
+                    filter.column.outputFormat = columnInfo.outputFormat;
+                    filter.column.type = columnInfo.type;
+                }
+                return filter;
+            });
+            return dataset;
+        });
+        return scopes;
+    });
+    return Object.assign(Object.assign({}, data), { scopes: updatedScopes });
+}

package/dist/filters/helpers/ui/index.d.ts

@@ -2,7 +2,10 @@ export * from './excludeUIFiltersByAggregate';
 export * from './excludeUIFlatFiltersByScopes';
 export * from './getFilterPropertyLabel';
 export * from './getOutputFormatByColumn';
+export * from './getQrveyIdsByUIFilters';
 export * from './getUIFlatFilterByParams';
 export * from './getUIFlatFiltersByParams';
 export * from './getUIFlatFiltersByScopes';
 export * from './getUIValues';
+export * from './getUpdatedUIFilters';
+export * from './transformFilterValues';

package/dist/filters/helpers/ui/index.js

@@ -2,7 +2,10 @@ export * from './excludeUIFiltersByAggregate';
 export * from './excludeUIFlatFiltersByScopes';
 export * from './getFilterPropertyLabel';
 export * from './getOutputFormatByColumn';
+export * from './getQrveyIdsByUIFilters';
 export * from './getUIFlatFilterByParams';
 export * from './getUIFlatFiltersByParams';
 export * from './getUIFlatFiltersByScopes';
 export * from './getUIValues';
+export * from './getUpdatedUIFilters';
+export * from './transformFilterValues';

package/dist/filters/helpers/ui/transformFilterValues.d.ts

@@ -0,0 +1,4 @@
+import { IFSFilter } from "../../interfaces/common/IFSFilter";
+import { IFValue } from "../../interfaces/IFValue";
+import { IFUTransformFilterValuesSettings } from "../../interfaces/ui/IFUTransformFilterValuesSettings";
+export declare function transformFilterValues(filter: IFSFilter, settings: IFUTransformFilterValuesSettings): IFValue[];

package/dist/filters/helpers/ui/transformFilterValues.js

@@ -0,0 +1,18 @@
+import { isEmpty } from "../../../general/mix/isEmpty";
+import { transformValue } from "../../../qrvey/helpers/transformValue";
+import { isRangeValidator } from "../common/isRangeValidator";
+import { isRegularValidator } from "../common/isRegularValidator";
+export function transformFilterValues(filter, settings) {
+    const transformValueSettings = Object.assign(Object.assign({}, settings), { column: filter.column, property: filter.property });
+    if (isEmpty(filter))
+        return [];
+    if (isRegularValidator(filter.validator)) {
+        return filter.values.map((value) => (Object.assign(Object.assign({}, value), { value: transformValue(value.value, transformValueSettings) })));
+    }
+    else if (isRangeValidator(filter.validator)) {
+        return filter.values.map((value) => (Object.assign(Object.assign({}, value), { min: transformValue(value.min, transformValueSettings), max: transformValue(value.max, transformValueSettings) })));
+    }
+    else {
+        return filter.values;
+    }
+}

package/dist/filters/interfaces/OLD_IFilterDetail.d.ts

@@ -1,4 +1,5 @@
 import { IColumn } from "../../columns/interfaces/IColumn";
+import { IDataset } from "../../qrvey/interfaces/IDataset";
 import { IFSFilterExtrasInfo } from "./common/IFSFilterExtrasInfo";
 import { IFDateSection } from "./IFDateSection";
 import { IFOperator } from "./IFOperator";
@@ -10,7 +11,9 @@ import { IFValue } from "./IFValue";
 import { IFUChartSettings } from "./ui/IFUChartSettings";
 import { IFUValue } from "./ui/IFUValue";
 export interface OLD_IFilterDetail {
-    column?: IColumn;
+    column?: IColumn & {
+        dataset: IDataset;
+    };
     dateSection?: IFDateSection;
     enabled?: boolean;
     lookupDisplayIndex?: number;

package/dist/filters/interfaces/builder/IFilterBuilderConfig.d.ts

@@ -1,4 +1,3 @@
-import { IResourceI18n } from "../../../globalization/interfaces/IResourceI18n";
 import { IFBLogic } from "../backend/IFBLogic";
 import { IFBUserFilters } from "../backend/IFBUserFilters";
 import { IFSColumn } from "../common/IFSColumn";
@@ -15,7 +14,6 @@ import { IFilterBuilderSettings } from "./IFilterBuilderSettings";
  * Structure for the configuration of the Filter Builder
  */
 export interface IFilterBuilderConfig {
-    i18n?: IResourceI18n;
     datasets?: string[];
     filterData?: IFSData;
     filterLabel?: string;

package/dist/filters/interfaces/builder/IFilterBuilderGeneralConfig.d.ts

@@ -1,3 +1,4 @@
+import { II18nConfig } from "../../../globalization/interfaces/II18nConfig";
 /**
  * Structure for the Fiter Builder General config
  */
@@ -7,5 +8,6 @@ export interface IFilterBuilderGeneralConfig {
     domain: string;
     qv_token?: string;
     timezoneControl?: string;
+    i18n?: II18nConfig;
     userid: string;
 }

package/dist/filters/interfaces/panel/IFPSettingsGeneral.d.ts

@@ -5,8 +5,9 @@ export interface IFPSettingsGeneral {
     canCollapse?: boolean;
     collapsed?: boolean;
     colorModeDisplayed?: boolean;
+    dynamicFilters?: boolean;
     enabled?: boolean;
     iconDisplayed?: boolean;
     readonly?: boolean;
-    dynamicFilters?: boolean;
+    updateFilterInfo?: boolean;
 }

package/dist/filters/interfaces/panel/IFilterPanelConfig.d.ts

@@ -1,4 +1,4 @@
-import { IResourceI18n } from "../../../globalization";
+import { II18nConfig } from "../../../globalization/interfaces/II18nConfig";
 import { IFilterBuilderConfig } from "../builder/IFilterBuilderConfig";
 import { IFUDataStore } from "../ui/IFUDataStore";
 /**
@@ -6,5 +6,5 @@ import { IFUDataStore } from "../ui/IFUDataStore";
  */
 export interface IFilterPanelConfig extends IFUDataStore {
     filterBuilderConfig?: IFilterBuilderConfig;
-    i18n?: IResourceI18n;
+    i18n?: II18nConfig;
 }

package/dist/filters/interfaces/ui/IFUTransformFilterValuesSettings.d.ts

@@ -0,0 +1,7 @@
+import { II18nConfig } from "../../../globalization/interfaces/II18nConfig";
+import { II18nServiceTranslate } from "../../../globalization/interfaces/II18nServiceTranslate";
+export interface IFUTransformFilterValuesSettings {
+    translate: II18nServiceTranslate;
+    i18n: II18nConfig;
+    suffixTranslateLabel?: string;
+}

package/dist/filters/interfaces/ui/index.d.ts

@@ -18,7 +18,8 @@ export * from './IFUDataset';
 export * from './IFUFilter';
 export * from './IFUFilterExtras';
 export * from './IFUFlattenedFilter';
-export * from './IFUScope';
 export * from './IFUParamsToGetFilter';
-export * from './IFUValue';
+export * from './IFUScope';
+export * from './IFUTransformFilterValuesSettings';
 export * from './IFUUIValueSettings';
+export * from './IFUValue';

package/dist/filters/interfaces/ui/index.js

@@ -18,7 +18,8 @@ export * from './IFUDataset';
 export * from './IFUFilter';
 export * from './IFUFilterExtras';
 export * from './IFUFlattenedFilter';
-export * from './IFUScope';
 export * from './IFUParamsToGetFilter';
-export * from './IFUValue';
+export * from './IFUScope';
+export * from './IFUTransformFilterValuesSettings';
 export * from './IFUUIValueSettings';
+export * from './IFUValue';

package/dist/format/definition.d.ts

@@ -11,3 +11,34 @@ export declare const isComplexColumn: (column?: any) => boolean;
 export declare const isNumericalColumn: (column?: any) => boolean;
 export declare function supportNumericFormatting(chartType: ChartType): boolean;
 export declare const isTextColumn: (column: any) => boolean;
+export declare const currencyISO: {
+    text: string;
+    label: string;
+}[];
+export declare const enum LOCALE_FORMATS {
+    DECIMAL = "Decimal",
+    CURRENCY = "Currency",
+    PERCENTAGE = "Percentage",
+    SCIENTIFIC = "Scientific",
+    ABBREVIATED = "Abbreviated"
+}
+export declare const enum LOCALE_STYLES {
+    DECIMAL = "decimal",
+    PERCENT = "percent",
+    CURRENCY = "currency",
+    SCIENTIFIC = "scientific",
+    COMPACT = "compact"
+}
+export declare const LANG_DEFAULT = "en-US";
+export declare const CURRENCY_DEFAULT: {
+    text: string;
+    label: string;
+};
+export declare const DATETIME_OPTIONS: {
+    year: string;
+    month: string;
+    day: string;
+    hour: string;
+    minute: string;
+    second: string;
+};

package/dist/format/definition.js

@@ -43,3 +43,35 @@ export function supportNumericFormatting(chartType) {
     return supportedCharts.includes(chartType);
 }
 export const isTextColumn = (column) => textFields.includes(column.type) || column.formulaType === 'string' || column.formulaType === 'boolean';
+export const currencyISO = [
+    { text: 'Default', label: 'USD' },
+    { text: '$ (USD)', label: 'USD' },
+    { text: '€ (EUR)', label: 'EUR' },
+    { text: '¥ (JPY)', label: 'JPY' },
+    { text: '£ (GBP)', label: 'GBP' },
+    { text: '₩ (WON)', label: 'WON' },
+    { text: '$ (AUD)', label: 'AUD' },
+    { text: '$ (CAD)', label: 'CAD' },
+    { text: 'CHF (CHF)', label: 'CHF' },
+    { text: '¥ (CNY)', label: 'CNY' },
+    { text: 'kr (SEK)', label: 'SEK' },
+    { text: '$ (MXN)', label: 'MXN' },
+    { text: '$ (NZD)', label: 'NZD' },
+    { text: '$ (SGD)', label: 'SGD' },
+    { text: '$ (HKD)', label: 'HKD' },
+    { text: 'kr (NOK)', label: 'NOK' },
+    { text: '₩ (KRW)', label: 'KRW' },
+    { text: '₺ (TRY)', label: 'TRY' },
+    { text: '₹ (INR)', label: 'INR' },
+    { text: '₽ (RUB)', label: 'RUB' },
+    { text: 'R$ (BRL)', label: 'BRL' },
+    { text: 'R (ZAR)', label: 'ZAR' },
+    { text: 'kr (DKK)', label: 'DKK' },
+    { text: 'zł (PLN)', label: 'PLN' },
+    { text: 'NT$ (TWD)', label: 'TWD' },
+    { text: '฿ (THB)', label: 'THB' },
+    { text: 'RM (MYR)', label: 'MYR' }
+];
+export const LANG_DEFAULT = 'en-US';
+export const CURRENCY_DEFAULT = { text: '$ (USD)', label: 'USD' };
+export const DATETIME_OPTIONS = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' };

package/dist/format/format.d.ts

@@ -1,3 +1,4 @@
+import { IFormatConfig } from '..';
 export declare function formatDate(dateString: any, format: any): any;
 export declare function formatAbbreviated(num: any, decimals: any): any;
 /**
@@ -5,7 +6,7 @@ export declare function formatAbbreviated(num: any, decimals: any): any;
  * @param bytes type number
  */
 export declare function formatFileSize(bytes: number): string;
-export declare const formatValue: (value: any, outputFormat?: any, config?: any) => any;
+export declare const addFormat: (value: any, outputFormat?: any, config?: IFormatConfig) => any;
 export declare const parseFormulaType: (type: string) => "DATE" | "NUMERIC" | "TEXT_LABEL";
 export declare const validateColumnType: (column: any) => any;
 export declare const defineFormat: (column?: any, isSimpleTable?: boolean, isCategoryDimension?: boolean) => any;

package/dist/format/format.js

@@ -6,6 +6,7 @@ import { isEmpty } from '../general/mix/isEmpty';
 import { _get } from '../general/object/get';
 import { COLUMN } from '../columns/constants/COLUMN';
 import { FORMULA } from '../formulas/constants/FORMULA';
+import { formatWithLocale } from './localization';
 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
@@ -74,16 +75,18 @@ export function formatFileSize(bytes) {
     const megaBytes = kiloBytes / 1024;
     return megaBytes < 10 ? `${fixDecimals(megaBytes)} MB` : `${Math.round(megaBytes)} MB`;
 }
-export const formatValue = (value, outputFormat = 'None', config) => {
+export const addFormat = (value, outputFormat = 'None', config) => {
     if (isEmpty(value) || typeof value === 'object' && isEmpty(value[0]))
         return value;
     switch (outputFormat.type) {
         case 'DATE':
         case 'DATETIME':
-            return formatDate(value, outputFormat.format);
+            return (config === null || config === void 0 ? void 0 : config.lang) && outputFormat.format === 'Default' ? formatWithLocale(value, outputFormat, config) : formatDate(value, outputFormat.format);
         case 'NUMERIC': {
             const parse = parseFloat(value);
-            return isNaN(parse) ? value : formatNumber(parse, outputFormat, config);
+            const withLocale = outputFormat !== 'None' && (config === null || config === void 0 ? void 0 : config.lang);
+            return isNaN(parse) ? value : withLocale ? formatWithLocale(value, outputFormat, config)
+                : formatNumber(parse, outputFormat, config);
         }
         case 'IMAGEUPLOAD':
         case 'FILEUPLOAD':

package/dist/format/index.d.ts

@@ -1 +1,2 @@
 export * from './format';
+export * from './localization';

package/dist/format/index.js

@@ -1 +1,2 @@
 export * from './format';
+export * from './localization';

package/dist/format/localization.d.ts

@@ -0,0 +1,4 @@
+import { IFormatConfig, IFormatOutputFormat } from '../interfaces';
+export declare const getLang: (locale: string | Record<string, any>) => Record<string, any>;
+export declare const chooseLang: (config: Record<string, any>) => string;
+export declare const formatWithLocale: (value: any, outputFormat: IFormatOutputFormat, config?: IFormatConfig) => any;

package/dist/format/localization.js

@@ -0,0 +1,73 @@
+import { DATETIME_COLUMN_FORMAT } from '..';
+import { isEmpty } from '../general/mix/isEmpty';
+import { currencyISO, LANG_DEFAULT, CURRENCY_DEFAULT, DATETIME_OPTIONS } from './definition';
+export const getLang = (locale) => {
+    if (!locale)
+        return;
+    else if (typeof locale === 'object')
+        return locale;
+    else
+        return { lang: locale === "browser" ? window.navigator.language : locale };
+};
+export const chooseLang = (config) => {
+    var _a, _b;
+    const lang = (((_a = config === null || config === void 0 ? void 0 : config.i18n) === null || _a === void 0 ? void 0 : _a.lang) ||
+        config.lang);
+    return ((_b = lang) === null || _b === void 0 ? void 0 : _b.lang) || lang || LANG_DEFAULT;
+};
+export const formatWithLocale = (value, outputFormat, config = {}) => {
+    switch (outputFormat.type) {
+        case 'DATE':
+        case 'DATETIME':
+            return formatLocaleDate(value, outputFormat, config);
+        case 'NUMERIC':
+            return formatLocaleNumber(value, outputFormat, config);
+    }
+};
+function formatLocaleDate(value, outputFormat, config) {
+    const { lang = LANG_DEFAULT, options } = config;
+    const dateParam = new Date(value);
+    let langOpts = options;
+    if (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.originalFormat) {
+        const { format } = outputFormat.originalFormat;
+        if (DATETIME_COLUMN_FORMAT.includes(format))
+            langOpts = DATETIME_OPTIONS;
+    }
+    try {
+        return new Intl.DateTimeFormat([lang, LANG_DEFAULT], langOpts).format(dateParam);
+    }
+    catch (error) {
+        return isEmpty(dateParam) ? value : new Intl.DateTimeFormat(LANG_DEFAULT, langOpts).format(dateParam);
+    }
+}
+function formatLocaleNumber(value, outputFormat, config) {
+    const { lang = LANG_DEFAULT, options } = config;
+    const langOpts = options || getLocaleOptions(outputFormat);
+    const valueToFormat = (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Percentage" /* PERCENTAGE */ ? value / 100 : value;
+    try {
+        return new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts).format(valueToFormat);
+    }
+    catch (e) {
+        return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(valueToFormat);
+    }
+}
+function getLocaleOptions(outputFormat) {
+    const { format, decimals, currency } = outputFormat;
+    switch (format) {
+        case "Currency" /* CURRENCY */: {
+            let iso = isEmpty(currency) ? CURRENCY_DEFAULT : currencyISO.find(item => item.text === currency.text);
+            if (isEmpty(iso)) {
+                iso = currencyISO.find(item => {
+                    const symbol = item.text.split(' ')[0];
+                    return symbol === currency.label;
+                });
+            }
+            return { style: "currency" /* CURRENCY */, currency: iso.label, maximumFractionDigits: decimals, minimumFractionDigits: decimals, currencyDisplay: 'narrowSymbol' };
+        }
+        case "Scientific" /* SCIENTIFIC */: return { style: "decimal" /* DECIMAL */,
+            notation: "scientific" /* SCIENTIFIC */, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+        case "Percentage" /* PERCENTAGE */: return { style: "percent" /* PERCENT */, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+        case "Abbreviated" /* ABBREVIATED */: return { notation: "compact" /* COMPACT */, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+        default: return { style: "decimal" /* DECIMAL */, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+    }
+}

package/dist/globalization/helpers/getI18nCalendar.d.ts

@@ -0,0 +1,4 @@
+import { II18nCalendarProperties } from "../interfaces/calendar/II18nCalendarProperties";
+import { II18nServiceTranslate } from "../interfaces/II18nServiceTranslate";
+import { I18nService } from "../service/i18nextBuilder";
+export declare function getI18nCalendar(locale: I18nService | II18nServiceTranslate): II18nCalendarProperties;