@qrvey/utils 1.2.9-13 → 1.2.9-17

package/dist/qrvey/helpers/getValueWithSuffixes.d.ts

@@ -0,0 +1,9 @@
+import { IGetValueWithSuffixesSettings } from "../interfaces/IGetValueWithSuffixesSettings";
+/**
+ * Get a string value with suffixes if available.
+ * Add suffix into the value string. Prioritized for numeric values.
+ * @param value a number or string
+ * @param suffixes An object with singular or plural suffix string.
+ * @returns a string value with suffix
+ */
+export declare function getValueWithSuffixes(value: string | number, settings: IGetValueWithSuffixesSettings): string;

package/dist/qrvey/helpers/getValueWithSuffixes.js

@@ -0,0 +1,19 @@
+import { isEmpty } from "../../general/mix/isEmpty";
+import { isNaNV2 } from "../../general/mix/isNaNV2";
+/**
+ * Get a string value with suffixes if available.
+ * Add suffix into the value string. Prioritized for numeric values.
+ * @param value a number or string
+ * @param suffixes An object with singular or plural suffix string.
+ * @returns a string value with suffix
+ */
+export function getValueWithSuffixes(value, settings) {
+    let suffix = '';
+    if (!isNaNV2(value)) {
+        if (!isEmpty(settings.suffixTranslateLabel) && !isEmpty(settings.translate))
+            suffix = settings.translate(settings.suffixTranslateLabel, { count: +value });
+        if (!isEmpty(settings.suffixes))
+            suffix = (+value > 1 || +value === 0) ? settings.suffixes.plural : settings.suffixes.singular;
+    }
+    return value + (!isEmpty(suffix) ? ' ' + suffix : '');
+}

package/dist/qrvey/helpers/index.d.ts

@@ -1,2 +1,4 @@
 export * from './getColumnsLabel';
 export * from './getPropertyLabel';
+export * from './getValueWithSuffixes';
+export * from './transformValue';

package/dist/qrvey/helpers/index.js

@@ -1,2 +1,4 @@
 export * from './getColumnsLabel';
 export * from './getPropertyLabel';
+export * from './getValueWithSuffixes';
+export * from './transformValue';

package/dist/qrvey/helpers/transformValue.d.ts

@@ -0,0 +1,8 @@
+import { ITransformValueSettings } from "../interfaces/ITransformValueSettings";
+/**
+ * Transforms a value depending of localization/globalization and extras settings.
+ * @param value A value to transform
+ * @param settings The settings of the transformValue function
+ * @returns A transformed value
+ */
+export declare function transformValue(value: string, settings: ITransformValueSettings): string;

package/dist/qrvey/helpers/transformValue.js

@@ -0,0 +1,42 @@
+import { isDateColumn } from "../../columns/helpers/isDateColumn";
+import { isNumericalColumn } from "../../columns/helpers/isNumericalColumn";
+import { DATE_GROUPING_PROPERTY } from "../../dates/constants/DATE_GROUPING_PROPERTY";
+import { DATE_GROUPING_TIME_PROPERTY } from "../../dates/constants/DATE_GROUPING_TIME_PROPERTY";
+import { addFormat } from "../../format/format";
+import { getI18nDateGroupLabel } from "../../globalization/helpers/getI18nDateGroupLabel";
+import { getValueWithSuffixes } from "./getValueWithSuffixes";
+/**
+ * Transforms a value depending of localization/globalization and extras settings.
+ * @param value A value to transform
+ * @param settings The settings of the transformValue function
+ * @returns A transformed value
+ */
+export function transformValue(value, settings) {
+    const valueWithI18n = getI18nDateGroupLabel(value, settings.property, settings.translate);
+    const valueWithLocalization = addFormat(valueWithI18n, getOutputFormat(settings), getFormatConfig(settings));
+    return getValueWithSuffixes(valueWithLocalization, { suffixTranslateLabel: settings.suffixTranslateLabel, translate: settings.translate });
+}
+/**
+ * Gets the outputformat settings
+ * @param settings The settings of the transformValue function
+ * @returns the outputformat settings
+ */
+function getOutputFormat(settings) {
+    let type, format;
+    if (isDateColumn(settings.column) && [DATE_GROUPING_PROPERTY.DAY, DATE_GROUPING_TIME_PROPERTY.HOUR, DATE_GROUPING_TIME_PROPERTY.MINUTE, DATE_GROUPING_TIME_PROPERTY.SECOND].includes(settings.property)) {
+        type = 'DATE';
+        format = 'Default';
+    }
+    else if (isNumericalColumn(settings.column)) {
+        type = 'NUMERIC';
+    }
+    return { type, format };
+}
+/**
+ * Gets the format config
+ * @param settings The settings of the transformValue function
+ * @returns the format config
+ */
+function getFormatConfig(settings) {
+    return { lang: settings.locale };
+}

package/dist/qrvey/interfaces/IGetValueWithSuffixesSettings.d.ts

@@ -0,0 +1,11 @@
+import { II18nServiceTranslate } from "../../globalization/interfaces/II18nServiceTranslate";
+export interface IGetValueWithSuffixesSettings {
+    translate?: II18nServiceTranslate;
+    suffixTranslateLabel?: string;
+    suffixes?: IGetValueWithSuffixesSettingsSuffixes;
+}
+interface IGetValueWithSuffixesSettingsSuffixes {
+    singular: string;
+    plural: string;
+}
+export {};

package/dist/qrvey/interfaces/IGetValueWithSuffixesSettings.js

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

package/dist/qrvey/interfaces/ITransformValueSettings.d.ts

@@ -0,0 +1,10 @@
+import { IColumn } from "../../columns/interfaces/IColumn";
+import { IColumnPropertyType } from "../../columns/interfaces/IColumnPropertyType";
+import { II18nServiceTranslate } from "../../globalization/interfaces/II18nServiceTranslate";
+export interface ITransformValueSettings {
+    column: IColumn;
+    property: IColumnPropertyType;
+    translate: II18nServiceTranslate;
+    locale: string;
+    suffixTranslateLabel?: string;
+}

package/dist/qrvey/interfaces/ITransformValueSettings.js

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

package/dist/qrvey/interfaces/index.d.ts

@@ -3,3 +3,5 @@ export * from './ICalculation';
 export * from './ICalculationInfo';
 export * from './ICalculationType';
 export * from './IDataset';
+export * from './IGetValueWithSuffixesSettings';
+export * from './ITransformValueSettings';

package/dist/qrvey/interfaces/index.js

@@ -3,3 +3,5 @@ export * from './ICalculation';
 export * from './ICalculationInfo';
 export * from './ICalculationType';
 export * from './IDataset';
+export * from './IGetValueWithSuffixesSettings';
+export * from './ITransformValueSettings';

package/dist/services/api/getAllDatasets.api.d.ts

@@ -2,7 +2,8 @@ import { IGeneralWidgetConfig } from "../../interfaces/general/IGeneralWidgetCon
 import { IDataset } from "../../qrvey/interfaces/IDataset";
 /**
  * Get a dataset list from a collection of Qrvey IDs
- * @param qrveyids Collection of Qrvey IDs
+ * @param config the widget config. Includes the appid and others configuration properties
+ * @param pickDatasets Collection of Qrvey IDs for filtering the request
  * @returns a promise
  */
 export declare function getAllDatasets(config: IGeneralWidgetConfig, pickDatasets?: string[]): Promise<IDataset[]>;

package/dist/services/api/getAllDatasets.api.js

@@ -3,7 +3,8 @@ import { getAllQrveys } from "./getAllQrveys.api";
 import { getDatasetColumns } from "./getDatasetColumns.api";
 /**
  * Get a dataset list from a collection of Qrvey IDs
- * @param qrveyids Collection of Qrvey IDs
+ * @param config the widget config. Includes the appid and others configuration properties
+ * @param pickDatasets Collection of Qrvey IDs for filtering the request
  * @returns a promise
  */
 export function getAllDatasets(config, pickDatasets = []) {

package/dist/services/api/getDatasetColumns.api.js

@@ -1,6 +1,8 @@
 import { CHART_ENDPOINT } from "../constants/CHART_ENDPOINT";
 import Request from "../helpers/Request";
 import { BDatasetsToUIDatasets } from "../adapters/BDatasetsToUIDatasets.adapter";
+import { LANG_DEFAULT } from "../../format/definition";
+import { getLang } from "../..";
 /**
    * Get a dataset by Qrvey ID
    * @param qrveyid The Qrvey ID
@@ -8,6 +10,7 @@ import { BDatasetsToUIDatasets } from "../adapters/BDatasetsToUIDatasets.adapter
    */
 export function getDatasetColumns(config, qrveyid) {
     return Request.post(Object.assign(Object.assign({}, config), { qrveyid, endpoint: CHART_ENDPOINT }), '/question/list', {
+        'lang': getLang(config.lang || config.locale || LANG_DEFAULT).lang,
         'optionsAttributes': ['id', 'text', 'type', 'property', 'linked', 'linkid', 'qrveyid', 'bucketId', 'formulaId', 'formulaType', 'geogroup', 'outputFormat'],
         'extend': true
     })

package/package.json

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

package/src/charts/constants/AGGREGATE_LABEL.ts

@@ -1,5 +1,5 @@
 export enum AGGREGATE_LABEL {
-    NONE = 'None',
+    NONE = 'No Aggregate',
     AVG = 'Average',
     MEDIAN = 'Median',
     MIN = 'Minimum',

package/src/filters/helpers/builder/getFilterBuilderGeneralConfig.ts

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

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

@@ -0,0 +1,22 @@
+
+import { isEmpty } from "../../../general/mix/isEmpty";
+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 function getQrveyIdsByUIFilters(uiFilter: IFSData): string[] {
+    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/src/filters/helpers/ui/getUpdatedUIFilters.ts

@@ -0,0 +1,34 @@
+import { IColumn } from "../../../columns/interfaces/IColumn";
+import { isEmpty } from "../../../general/mix/isEmpty";
+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 function getUpdatedUIFilters(data: IFUData, datasets: IDataset[] = []): IFUData {
+    if (isEmpty(data) || isEmpty(datasets)) return data;
+
+    const updatedScopes = data.scopes.map(scopes => {
+        scopes.datasets = scopes.datasets.map(dataset => {
+            const datasetInfo: IDataset = 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: IColumn;
+                if (!isEmpty(datasetInfo)) columnInfo = datasetInfo.options.find(cInfo => cInfo.id === filter.column.id && cInfo.dataset?.qrveyid === filter.column.qrveyid && cInfo.dataset?.linkid === filter.column.linkid);
+                if (!isEmpty(columnInfo)) {
+                    filter.column.formulaType = columnInfo.formulaType;
+                    filter.column.label = columnInfo.label;
+                    filter.column.type = columnInfo.type;
+                }
+                return filter;
+            });
+            return dataset;
+        });
+        return scopes;
+    });
+    return { ...data, scopes: updatedScopes };
+}

package/src/filters/helpers/ui/index.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/src/filters/helpers/ui/transformFilterValues.ts

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

package/src/filters/interfaces/builder/IFilterBuilderGeneralConfig.ts

@@ -6,6 +6,7 @@ export interface IFilterBuilderGeneralConfig {
     appid: string; // App ID
     domain: string; // The domain of the environment
     qv_token?: string; // Qrvey Token for RLS
-    timezoneControl?: string;
+    timezoneControl?: string; // Offset number for Timezone
+    locale?: string; // Localization setting
     userid: string; // User ID
 }

package/src/filters/interfaces/panel/IFPSettingsGeneral.ts

@@ -5,8 +5,9 @@
     canCollapse?: boolean; // Validates if the component can be collapsed. True: It can collapse; False: It cannot collapse
     collapsed?: boolean; // True: The component is collapsed; False: The component is not collapsed.
     colorModeDisplayed?: boolean; // True: Display the color of each filter scopes; False: Hide the color.
+    dynamicFilters?: boolean; // True: The filters should be filtered by given params from config or listener.
     enabled?: boolean; // True: The scope filters are applied. False: The scope filters are not applied.
     iconDisplayed?: boolean; // True: Display the icons linked with each scope; false: Do not display the icons.
     readonly?: boolean; // True: validates read only, any event could be executed.
-    dynamicFilters?: boolean; // True: The filters should be filtered by given params from config or listener.
+    updateFilterInfo?: boolean; // True: Update info of the datasets and columns stored in the filter structure
 }

package/src/filters/interfaces/panel/IFilterPanelConfig.ts

@@ -8,4 +8,5 @@ import { IFUDataStore } from "../ui/IFUDataStore";
 export interface IFilterPanelConfig extends IFUDataStore {
     filterBuilderConfig?: IFilterBuilderConfig; // Filter Builder config object
     i18n?: IResourceI18n;
+    locale?: string; // Localization setting
 }

package/src/filters/interfaces/ui/IFUTransformFilterValuesSettings.ts

@@ -0,0 +1,7 @@
+import { II18nServiceTranslate } from "../../../globalization/interfaces/II18nServiceTranslate";
+
+export interface IFUTransformFilterValuesSettings {
+    translate: II18nServiceTranslate; // Function for getting translations
+    locale: string; // The locale string
+    suffixTranslateLabel?: string // The i18n label for the suffix values.
+}

package/src/filters/interfaces/ui/index.ts

@@ -19,7 +19,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/src/format/definition.ts

@@ -55,3 +55,48 @@ export function supportNumericFormatting(chartType: ChartType): boolean {
   }
 
 export const isTextColumn = (column: any): boolean => 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 enum LOCALE_FORMATS {
+  DECIMAL = 'Decimal',
+  CURRENCY = 'Currency',
+  PERCENTAGE = 'Percentage',
+  SCIENTIFIC = 'Scientific',
+}
+export const enum LOCALE_STYLES {
+  DECIMAL = 'decimal',
+  PERCENT = 'percent',
+  CURRENCY = 'currency',
+  SCIENTIFIC = 'scientific',
+}
+
+export const LANG_DEFAULT = 'en-US';

package/src/format/format.ts

@@ -6,6 +6,8 @@ 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 { IFormatConfig } from '..';
+import { formatWithLocale } from './localization';
 
 dayjs.extend(advancedFormat); // Add support to advanced formats https://day.js.org/docs/en/plugin/advanced-format
 
@@ -82,22 +84,24 @@ export function formatFileSize(bytes: number): string {
     return megaBytes < 10 ? `${fixDecimals(megaBytes)} MB` : `${Math.round(megaBytes)} MB`;
 }
 
-export const formatValue = (value: any, outputFormat: any = 'None', config?): any => {
-    if (isEmpty(value) || typeof value === 'object' && isEmpty(value[0])) return value;
-    switch (outputFormat.type) {
-        case 'DATE':
-        case 'DATETIME':
-            return formatDate(value, outputFormat.format);
-        case 'NUMERIC': {
-            const parse = parseFloat(value);
-            return isNaN(parse) ? value : formatNumber(parse, outputFormat, config);
-        }
-        case 'IMAGEUPLOAD':
-        case 'FILEUPLOAD':
-            return formatFileSize(parseFloat(value));
-        default:
-            return typeof value === 'number' ? value.toFixed(0) : value;
+export const addFormat = (value: any, outputFormat: any = 'None', config?: IFormatConfig): any => {
+  if (isEmpty(value) || typeof value === 'object' && isEmpty(value[0])) return value;
+  switch (outputFormat.type) {
+    case 'DATE':
+    case 'DATETIME':
+      return config?.lang && outputFormat.format === 'Default' ? formatWithLocale(value, outputFormat, config) : formatDate(value, outputFormat.format);
+    case 'NUMERIC': {
+      const parse = parseFloat(value);
+      const withLocale = outputFormat.format !== 'Abbreviated' && outputFormat !== 'None' && config?.lang;
+      return isNaN(parse) ? value : withLocale ? formatWithLocale(value, outputFormat, config)
+       : formatNumber(parse, outputFormat, config);
     }
+    case 'IMAGEUPLOAD':
+    case 'FILEUPLOAD':
+      return formatFileSize(parseFloat(value));
+    default:
+      return typeof value === 'number' ? value.toFixed(0) : value;
+  }
 };
 
 export const parseFormulaType = (type: string) => {

package/src/format/index.ts

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

package/src/format/localization.ts

@@ -0,0 +1,52 @@
+import { IFormatConfig, IFormatOutputFormat } from '../interfaces';
+import { currencyISO, LOCALE_FORMATS, LOCALE_STYLES, LANG_DEFAULT } from './definition';
+
+export const getLang = (locale: string | Record<string, any>) => {
+    if (!locale) return;
+    else if(typeof locale === 'object') return locale;
+    else return { lang: locale === "browser" ? window.navigator.language : locale };
+};
+
+export const formatWithLocale = (value: any, outputFormat: IFormatOutputFormat, config: IFormatConfig = {}): any => {
+    switch (outputFormat.type) {
+      case 'DATE':
+      case 'DATETIME':
+        return formatLocaleDate(value, config);
+      case 'NUMERIC':
+        return formatLocaleNumber(value, outputFormat, config);
+    }
+};
+
+function formatLocaleDate(value: any, config: IFormatConfig) {
+    const { lang = LANG_DEFAULT, options } = config;
+    const dateParam = new Date(value);
+    try {
+        return new Intl.DateTimeFormat([lang, LANG_DEFAULT], options).format(dateParam);
+    } catch (error) {
+        return new Intl.DateTimeFormat(LANG_DEFAULT, options).format(dateParam);
+    }
+}
+
+function formatLocaleNumber(value: any, outputFormat: IFormatOutputFormat, config: IFormatConfig,) {
+    const { lang = LANG_DEFAULT, options } = config;
+    const langOpts = options || getLocaleOptions(outputFormat);
+    try {
+        return new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts).format(value);
+    } catch (e) {
+        return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(value);
+    }
+}
+
+function getLocaleOptions(outputFormat: IFormatOutputFormat) {
+    const { format, decimals, currency, backup_currency } = outputFormat;
+    switch(format) {
+        case LOCALE_FORMATS.CURRENCY: {
+            const iso = currencyISO.find(item => item.text === (currency.text || backup_currency.text));
+            return { style: LOCALE_STYLES.CURRENCY, currency: iso.label, maximumFractionDigits: decimals, minimumFractionDigits: 0 };
+        }
+        case LOCALE_FORMATS.SCIENTIFIC: return { style: LOCALE_STYLES.DECIMAL,
+             notation: LOCALE_STYLES.SCIENTIFIC, maximumFractionDigits: decimals };
+        case LOCALE_FORMATS.PERCENTAGE: return { style: LOCALE_STYLES.PERCENT, maximumFractionDigits: decimals };
+        default: return { style: LOCALE_STYLES.DECIMAL, maximumFractionDigits: decimals };
+    }
+}

package/src/globalization/interfaces/IResourceI18n.ts

@@ -10,6 +10,7 @@ import { II18nFilterDisplay } from './filters/II18nFilterDisplay';
 import { II18nBucketBuilder } from './bucket_builder/II18nBucketBuilder';
 import { II18nCrossTabs } from './cross_tabs';
 import { II18nChartBuilder } from '.';
+import { II18nStyleThemes } from './style_themes/II18nStyleThemes';
 
 export interface IResourceI18n {
     bucket_builder?: II18nBucketBuilder;
@@ -23,5 +24,6 @@ export interface IResourceI18n {
     filter_panel?: II18nFilterPanel;
     formula_builder?: II18nFormulaBuilder;
     panel?: II18nPanel;
+    style_themes?: II18nStyleThemes;
     table_charts?: II18nTableCharts;
 }

package/src/globalization/interfaces/chart_builder/II18nChartBuilderFontOptions.ts

@@ -1,9 +1,11 @@
 export interface II18nChartBuilderFontOptions {
+    automatic_resize: string;
     color: string;
+    disabled: string;
+    select_option_placeholder: string;
+    size: string;
     style: string;
-    style_regular: string;
     style_bold: string;
     style_italic: string;
-    automatic_resize: string;
-    size: string;
+    style_regular: string;
 }

package/src/globalization/interfaces/index.ts

@@ -1,11 +1,14 @@
+export * from './bucket_builder/index';
+export * from './chart_builder/index';
 export * from './columns/index';
 export * from './common/index';
+export * from './cross_tabs/index';
 export * from './dashboard/index';
 export * from './filters/index';
 export * from './formula_builder/index';
 export * from './panel/index';
+export * from './style_themes/index';
 export * from './table_charts/index';
-export * from './chart_builder/index';
 
 export * from './II18nServiceTranslate';
 export * from './II18nServiceTranslateOption';

package/src/globalization/interfaces/style_themes/II18nStyleThemes.ts

@@ -0,0 +1,14 @@
+import { II18nStyleThemesDeleteDialog } from "./II18nStyleThemesDeleteDialog";
+import { II18nStyleThemesMenu } from "./II18nStyleThemesMenu";
+import { II18nStyleThemesMessages } from "./II18nStyleThemesMessages";
+import { II18nStyleThemesTheme } from "./II18nStyleThemesTheme";
+import { II18nStyleThemesTooltips } from "./II18nStyleThemesTooltips";
+
+export interface II18nStyleThemes {
+    delete_dialog: II18nStyleThemesDeleteDialog;
+    menu: II18nStyleThemesMenu;
+    messages: II18nStyleThemesMessages;
+    theme: II18nStyleThemesTheme;
+    title: string;
+    tooltips: II18nStyleThemesTooltips;
+}

package/src/globalization/interfaces/style_themes/II18nStyleThemesDeleteDialog.ts

@@ -0,0 +1,6 @@
+export interface II18nStyleThemesDeleteDialog {
+    no: string;
+    theme_in_use: string;
+    want_to_continue: string;
+    yes: string;
+}

package/src/globalization/interfaces/style_themes/II18nStyleThemesMenu.ts

@@ -0,0 +1,6 @@
+export interface II18nStyleThemesMenu {
+    delete: string;
+    duplicate: string;
+    edit: string;
+    use_all: string;
+}

package/src/globalization/interfaces/style_themes/II18nStyleThemesMessages.ts

@@ -0,0 +1,9 @@
+export interface II18nStyleThemesMessages {
+    theme_could_not_be_created: string;
+    theme_could_not_be_deleted: string;
+    theme_could_not_be_duplicated: string;
+    theme_could_not_be_saved: string;
+    theme_could_not_be_selected: string;
+    theme_could_not_be_used_in_all_applications: string;
+    themes_could_not_be_loaded: string;
+}

package/src/globalization/interfaces/style_themes/II18nStyleThemesTheme.ts

@@ -0,0 +1,27 @@
+export interface II18nStyleThemesTheme {
+    axis_data_labels: string;
+    cancel_theme: string;
+    chart_titles_color: string;
+    copy: string;
+    create_theme: string;
+    data_styles: string;
+    data_visualization: string;
+    edit_theme: string;
+    generate_new: string;
+    header_font_color: string;
+    id: string;
+    legends: string;
+    main_color: string;
+    name_placeholder: string;
+    panel_styles: string;
+    qrvey_theme: string;
+    restore_to_default: string;
+    save_theme: string;
+    table_header_styles: string;
+    text_styles: string;
+    tooltips: string;
+    typeface: string;
+    untitled_theme: string;
+    use_theme_in_all_apps: string;
+    values: string;
+}