@qrvey/utils 1.2.9-33 → 1.2.9-36

package/dist/globalization/labels/formula_builder/I18N_FORMULA_BUILDER.js

@@ -7,20 +7,20 @@ export const I18N_FORMULA_BUILDER = {
         information_text_text: 'create and work with formulas',
     },
     list_table: {
-        name: 'Formula Name',
+        duplicate_copy: 'Copy',
+        duplicate_toast: 'Formula Duplicated Successfully',
         formula: 'Formula',
-        menu_edit: 'Edit',
-        menu_duplicate: 'Duplicate',
         menu_delete: 'Delete',
-        duplicate_copy: 'Copy',
-        duplicate_toast: 'Formula Successfully Duplicated'
+        menu_duplicate: 'Duplicate',
+        menu_edit: 'Edit',
+        name: 'Formula Name'
     },
     delete_dialog: {
-        title: 'Delete Formula',
-        description: 'Deleting this formula will remove all instances of this calculation in your analytics.',
-        toast_description: 'Formula Successfully Deleted',
+        apply_button: 'Delete',
         cancel_button: 'Cancel',
-        apply_button: 'Delete'
+        description: 'Deleting this formula will remove all instances of this calculation in your analytics.',
+        title: 'Delete Formula',
+        toast_description: 'Formula Deleted Successfully'
     },
     create_modal: {
         title_header_create: 'Create Formula',

package/dist/globalization/labels/style_themes/I18N_STYLE_THEMES.js

@@ -35,10 +35,12 @@ export const I18N_STYLE_THEMES = {
         legends: 'Legends',
         main_color: 'Main Color',
         name_placeholder: 'Type name',
+        panel_background: 'Panel Background',
         panel_styles: 'Panel Styles',
         qrvey_theme: 'Qrvey Theme',
         restore_to_default: 'Restore to Default',
         save_theme: 'Save Theme',
+        show_title: 'Show Title',
         table_header_styles: 'Table Header Styles',
         text_styles: 'Text Styles',
         tooltips: 'Tooltips',

package/dist/qrvey/helpers/transformValue.js

@@ -3,6 +3,7 @@ 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 { isEmpty } from "../../general/mix/isEmpty";
 import { getI18nDateGroupLabel } from "../../globalization/helpers/getI18nDateGroupLabel";
 import { getValueWithSuffixes } from "./getValueWithSuffixes";
 /**
@@ -12,6 +13,8 @@ import { getValueWithSuffixes } from "./getValueWithSuffixes";
  * @returns A transformed value
  */
 export function transformValue(value, settings) {
+    if (isEmpty(value))
+        return value;
     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 });

package/package.json

@@ -1,35 +1,40 @@
 {
   "name": "@qrvey/utils",
-  "version": "1.2.9-33",
+  "version": "1.2.9-36",
   "description": "Helper, Utils for all Qrvey Projects",
   "homepage": "https://bitbucket.org/qrvey/qrvey_utils/wiki/Home",
   "main": "dist/index.js",
   "scripts": {
     "build": "tsc && tsc -m commonjs --outDir dist/cjs",
-    "publishing": "node prepareToPublish.js && np",
-    "publishing-prerelease": "node prepareToPublish.js && np --any-branch --tag=$npm_config_tag",
-    "test": "jest test",
-    "test:watch": "jest --watch test",
+    "build-clean": "node ./scripts/clean-build",
+    "docs": "./node_modules/.bin/jsdoc -c ./jsdoc.config.json",
+    "doxs": "doxdox './dist/**/*.js' --ignore './dist/cjs/**/*.js' --output README.md --layout markdown --package ./package.json",
     "lint": "eslint src --quiet --exit-on-fatal-error --ext .ts,.js",
-    "lint-dev": "eslint src --debug --ext .ts,.tsx"
+    "lint-dev": "eslint src --debug --ext .ts,.tsx",
+    "publishing": "node ./scripts/prepare-publish && np",
+    "publishing-prerelease": "node ./scripts/prepare-publish && np --any-branch --tag=$npm_config_tag",
+    "publishing-v2": "node ./scripts/publishing --np-new-version=$npm_config_np_new_version --np-any-branch=$npm_config_np_any_branch --np-tag=$npm_config_np_tag",
+    "test": "jest test",
+    "test:watch": "jest --watch test"
   },
   "author": "Qrvey Inc",
   "license": "MIT",
   "devDependencies": {
-    "@types/jest": "27.0.2",
+    "@types/jest": "27.4.1",
+    "@typescript-eslint/eslint-plugin": "5.15.0",
+    "@typescript-eslint/parser": "5.15.0",
     "doxdox": "3.0.0",
-    "jest": "27.2.5",
+    "eslint": "8.11.0",
+    "jest": "27.5.1",
+    "jsdoc": "3.6.10",
     "np": "7.6.0",
-    "ts-jest": "27.0.5",
-    "typedoc": "0.22.5",
-    "typescript": "4.4.4",
-    "@typescript-eslint/eslint-plugin": "5.3.0",
-    "@typescript-eslint/parser": "5.3.0",
-    "eslint": "8.1.0"
+    "ts-jest": "27.1.3",
+    "typedoc": "0.22.13",
+    "typescript": "4.6.2"
   },
   "dependencies": {
     "d3": "6.3.1",
-    "dayjs": "1.10.7",
-    "i18next": "21.4.0"
+    "dayjs": "1.11.0",
+    "i18next": "21.6.14"
   }
 }

package/scripts/clean-build/index.js

@@ -0,0 +1,62 @@
+/**
+ * Script for cleaning the project from temporary files and building a new bundle
+ * 1- Deleting some directories and files
+ * 2- Installing dependencies
+ * 3- Build a new bundle
+ */
+
+const util = require('util');
+const childProcess = require('child_process');
+const exec = util.promisify(childProcess.exec);
+const { exit } = require('process');
+ 
+async function execute(command) {
+    console.log(command);
+    const response = await exec(command);
+    if (response.error != null) {
+        throw new Error(response.error);
+    }
+    if (response.stderr != null && response.stderr !== '') {
+        console.error(response.stderr);
+    }
+    if (response.stdout != null && response.stdout !== '') {
+        console.log(response.stdout);
+    }
+    return response;
+}
+
+async function cleaningProject(settings) {
+    console.log('==>>> Cleaning project...');
+    await execute(`rm -f ${settings.packageLockPath}`);
+    await execute(`rm -f -R ${settings.nodeModulesPath}`);
+    await execute(`rm -f -R ${settings.distPath}`);
+}
+
+async function buildingBundle(_settings) {
+    console.log('==>>> Installing Dependencies...');
+    await execute('npm install');
+
+    await execute('npm run build');
+}
+
+async function init() {
+    console.log('Welcome.');
+    let settings = {
+        distPath: './dist',
+        nodeModulesPath: './node_modules',
+        packageLockPath: './package-lock.json',
+    };
+
+    try {
+        await cleaningProject(settings);
+        await buildingBundle(settings);
+        console.info('Finished cleaning and installed dependencies');
+    } catch (err) {
+        console.error('Error: ', err);
+    } finally {
+        console.log('Execution finished');
+        exit();
+    }
+}
+ 
+init();

package/scripts/publishing/index.js

@@ -0,0 +1,204 @@
+/**
+ * New version for publishing a new version of Qrvey Utils
+ * 1- Publish the version with np
+ * 2- Update the README.md doc with doxdox
+ */
+
+const fs = require('fs');
+const util = require('util');
+const childProcess = require('child_process');
+const exec = util.promisify(childProcess.exec);
+const spawn = childProcess.spawn;
+const proc = require('process');
+const readline = require("readline");
+const { exit } = require('process');
+const rl = readline.createInterface({
+    input: proc.stdin,
+    output: proc.stdout
+});
+const question = util.promisify(rl.question).bind(rl);
+
+
+async function execute(command) {
+    console.log(command);
+    const response = await exec(command);
+    if (response.error != null) {
+        throw new Error(response.error);
+    }
+    if (response.stderr != null && response.stderr !== '') {
+        console.error(response.stderr);
+    }
+    if (response.stdout != null && response.stdout !== '') {
+        console.log(response.stdout);
+    }
+    return response;
+}
+
+async function spawning(command, sArguments) {
+    let newProcess;
+    await new Promise(function (resolve, reject) {
+        newProcess = spawn(command, sArguments, { shell: true });
+        newProcess.stdout.on("data", data => {
+            console.log(`stdout: ${data}`);
+        });
+        
+        newProcess.stderr.on("data", data => {
+            console.log(`stderr: ${data}`);
+        });
+        
+        newProcess.on('error', (_error) => {
+            newProcess.stdin.pause();
+            newProcess.stdin.destroy();
+            newProcess.stdout.pause();
+            newProcess.stdout.destroy();
+            newProcess.kill();
+            reject();
+        });
+        
+        newProcess.on("close", code => {
+            newProcess.stdin.pause();
+            newProcess.stdin.destroy();
+            newProcess.stdout.pause();
+            newProcess.stdout.destroy();
+            newProcess.kill();
+            if (code == '1') {
+                reject();
+            }
+            resolve();
+        });
+    });
+}
+
+async function getPackageJson(settings) {
+    console.log('==>>> Opening package.json file...');
+    const packageJson = await fs.readFileSync(settings.packagePath, 'utf8');
+    const packageObject = JSON.parse(packageJson);
+    if (packageObject != null) {
+        console.log(`**** The current version is ${packageObject.version}`);
+        return packageObject.version;
+    }
+    return '';
+}
+
+async function getNewVersion() {
+    console.log('==>>> Checking the new version provided...');
+    let newVersion;
+    const versionIndex = proc.argv.findIndex(function (argv) { return argv.includes('--np-new-version='); });
+    if (versionIndex > -1) {
+        const versionArg = proc.argv[versionIndex].split('--np-new-version=');
+        newVersion = versionArg[1] == null || versionArg[1] === '' ? undefined : versionArg[1];
+    }
+    if (newVersion == null) {
+        newVersion = question('No version provided. Type the new version: ');
+    }
+    console.log('**** Version to publish: ' + newVersion);
+    return newVersion;
+}
+
+async function cleaningProject(settings) {
+    console.log('==>>> Cleaning project...');
+    await execute(`rm -f ${settings.packageLockPath}`);
+    await execute(`rm -f -R ${settings.nodeModulesPath}`);
+    await execute(`rm -f -R ${settings.distPath}`);
+}
+
+async function buildingBundle(_settings) {
+    console.log('==>>> Installing Dependencies...');
+    await execute('npm install');
+
+    console.log('==>>> Generating Build...');
+    await execute('npm run build');
+}
+
+async function startPublishingVersion(settings) {
+    await callingPublisher(settings);
+}
+
+async function callingPublisher(settings) {
+    console.log('==>>> Calling Publisher');
+    let anyBranch = '', tag = '';
+    const anyBranchIndex = proc.argv.findIndex(function (argv) { return argv.includes('--np-any-branch='); });
+    const tagIndex = proc.argv.findIndex(function (argv) { return argv.includes('--np-tag='); });
+    if (anyBranchIndex > -1) {
+        const anyBranchArg = proc.argv[anyBranchIndex].split('--np-any-branch=');
+        anyBranch = anyBranchArg[1] == null || anyBranchArg[1] === '' ? '' : '--any-branch';
+    }
+    if (tagIndex > -1) {
+        const tagArg = proc.argv[tagIndex].split('--np-tag=');
+        tag = tagArg[1] == null || tagArg[1] === '' ? '' : proc.argv[tagIndex].replace('--np-tag=', '--tag=');
+    }
+    await spawning(`np ${settings.newVersion}`, [anyBranch, tag]);
+}
+
+async function startGeneratingDocs(settings) {
+    console.log('==>>> Starting the Docs generation');
+
+    await generatingDocument(settings);
+    await changingVersion(settings);
+    await pushingChanges(settings);
+}
+
+async function generatingDocument(settings) {
+    console.log('==>>> Generating Document...');
+    await execute(`doxdox './dist/**/*.js' --output ${settings.docsFileName} --ignore './dist/cjs/**/*.js' --package ${settings.packagePath} --layout markdown`);
+}
+
+async function changingVersion(settings) {
+    console.log('==>>> Replacing the old version in the document');
+    const doc = await fs.readFileSync(settings.docsPath, 'utf8');
+    const replacedDoc = doc.replace(settings.currentVersion, settings.newVersion);
+    await fs.writeFileSync(settings.docsPath, replacedDoc, 'utf8');
+}
+
+async function pushingChanges(settings) {
+    console.log('==>>> Commiting and Pushing Docs changes...');
+
+    const gitStdout = await execute('git rev-parse --abbrev-ref HEAD');
+    console.log('gitStdout', gitStdout);
+    await execute(`git add ${settings.docsPath}`);
+    await execute(`git commit -m "📝 docs: Updated docs${settings.newVersion != null || settings.newVersion !== '' ? ' for ' + settings.newVersion : ''}"`);
+    await execute(`git push -u origin ${gitStdout.stdout}`);
+}
+
+async function revertChanges(settings) {
+    console.log('>>> Checking for modifications...');
+    console.warn(`>>> Unstaging posible changes from ${settings.docsFileName} and ${settings.packageFileName} file`);
+    await execute(`git restore --staged ${settings.docsPath} ${settings.packagePath}`);
+    console.warn(`>>> Discarting posible changes of ${settings.docsFileName} and ${settings.packageFileName} file`);
+    await execute(`git checkout -- ${settings.docsPath} ${settings.packagePath}`);
+}
+
+async function init() {
+    let settings = {
+        currentVersion: '',
+        distPath: './dist',
+        docsPath: './README.md',
+        docsFileName: 'README.md',
+        newVersion: undefined,
+        nodeModulesPath: './node_modules',
+        packageFileName: 'package.json',
+        packageLockPath: './package-lock.json',
+        packagePath: './package.json',
+        
+    };
+
+    console.log('Welcome. The publishing operationg will begin.');
+    try {
+        settings["currentVersion"] = await getPackageJson(settings);
+        settings["newVersion"] = await getNewVersion();
+
+        await cleaningProject(settings);
+        await buildingBundle(settings);
+        await startGeneratingDocs(settings);
+        await startPublishingVersion(settings);
+        console.info('Finished Publishing');
+    } catch (err) {
+        console.error('Error: ', err);
+        await revertChanges(settings);
+    } finally {
+        console.log('Execution finished');
+        exit();
+    }
+}
+
+init();

package/src/columns/constants/COLUMN_LABEL.ts

@@ -17,6 +17,7 @@ export const COLUMN_LABEL = {
 	CHECKLIST: 'Check List',
 	NPS_SCORE: 'NPS Score',
 	NPS_FEEDBACK: 'NPS Feedback',
+	TEXT: 'Text',
 	TEXT_LABEL: 'Text Label',
 	TEXT_CATEGORY: 'Text Category',
 	LOOKUP: 'Lookup',

package/src/columns/constants/COLUMN_PROPERTY_INFO.ts

@@ -12,7 +12,7 @@ import { DATE_DISTINCT_TIME_PROPERTY_INFO_LIST } from "../../dates/constants/DAT
 export const COLUMN_PROPERTY_INFO: { [key in IColumnType]?: IColumnPropertyInfo[] } = {
   [COLUMN.LOOKUP]: [
     { value: COLUMN_PROPERTY.LOOKUP_DISPLAY, label: 'Display', shortLabel: 'Display', abbrLabel: 'DSY', displayed: true, i18nLabelPath: 'common.properties.lookup_display_label' },
-    { value: COLUMN_PROPERTY.LOOKUP_VALUE, label: 'Value', shortLabel: 'Value', abbrLabel: 'Val', displayed: true, i18nLabelPath: 'common.properties.lookup_display_value' }
+    { value: COLUMN_PROPERTY.LOOKUP_VALUE, label: 'Value', shortLabel: 'Value', abbrLabel: 'Val', displayed: true, i18nLabelPath: 'common.properties.lookup_value_label' }
   ],
   [COLUMN.DATE]: [
     ...DATE_GROUPING_PROPERTY_INFO_LIST,

package/src/filters/adapters/adaptFilterValues.ts

@@ -15,7 +15,7 @@ import { IFSValueRelativeDate } from "../interfaces/common/IFSValueRelativeDate"
  * @returns A new value array with the filled properties.
  */
 export function adaptFilterValues(filter: IFSFilter): IFValue[] {
-    const setValue = value => ({ ...value, enabled: isEmpty(value.enabled) ? true : value.enabled });
+    const setValue = value => ({ ...value, value: isEmpty(value.value) ? undefined : value.value, enabled: isEmpty(value.enabled) ? true : value.enabled });
 
     if (filter.column.type === COLUMN.RANKING && isEmpty(filter.column.aggregate)) {
         return (filter.values as IFSValueRanking[][]).map(rValues => rValues.map(setValue));

package/src/filters/adapters/flatUIToFD.ts

@@ -9,6 +9,7 @@ import { IFSData } from "../interfaces/common/IFSData";
 import { IFSScope } from "../interfaces/common/IFSScope";
 import { IFSFilter } from "../interfaces/common/IFSFilter";
 import { IFSDataset } from "../interfaces/common/IFSDataset";
+import { cloneDeep } from "../../general/object/cloneDeep";
 
 /**
  * Generates a filter data structure from the flatttened UI filters.
@@ -90,9 +91,13 @@ function buildDataset(uFilter: IFUFlattenedFilter): IFSDataset {
  * @returns an filter structure
  */
 function buildFilter(uFilter: IFUFlattenedFilter): IFSFilter {
+    uFilter = cloneDeep(uFilter);
+
     const info = !isEmpty(uFilter.extras.info) ? { icon: uFilter.extras.info.icon, label: uFilter.extras.info.label } : undefined;
     const property = adaptDateGroupingProperty(uFilter.property);
 
+    delete uFilter.extras.scopeInfo;
+    delete uFilter.extras.dataset;
     return {
         collapsed: uFilter.collapsed,
         column: {

package/src/filters/adapters/flatUIToOldLogic.ts

@@ -406,7 +406,7 @@ function getRankingValues(values: IFSValueRanking[][], rankingGroupIndex?: numbe
     return values.map((value: IFSValue) => {
       if (value.enabled) {
           if (props.column.type === COLUMN.IMAGE) {
-              return value.valueid;
+              return value.valueid || value.imageUrl || value.value;
           } else {
               return value.value;
           }

package/src/filters/adapters/flatUIToUI.ts

@@ -10,6 +10,7 @@ import { IFUFilter } from "../interfaces/ui/IFUFilter";
 import { IFUDataset } from "../interfaces/ui/IFUDataset";
 import { getLastIndexFromArray } from "../../general/array/getLastIndexFromArray";
 import { isEmpty } from "../../general/mix/isEmpty";
+import { cloneDeep } from "../../general/object/cloneDeep";
 
 /**
  * Generates a UI filter data structure from the flatttened UI filters.
@@ -96,9 +97,13 @@ function buildDataset(uFilter: IFUFlattenedFilter): IFUDataset {
  * @returns an filter structure
  */
 function buildFilter(uFilter: IFUFlattenedFilter): IFUFilter {
+    uFilter = cloneDeep(uFilter);
+
     const info = !isEmpty(uFilter.extras.info) ? { icon: uFilter.extras.info.icon, label: uFilter.extras.info.label } : undefined;
     const property = adaptDateGroupingProperty(uFilter.property);
 
+    delete uFilter.extras.scopeInfo;
+    delete uFilter.extras.dataset;
     return {
         collapsed: uFilter.collapsed,
         column: {

package/src/filters/helpers/backend/getBackendProperty.ts

@@ -3,6 +3,7 @@ import { COLUMN_PROPERTY } from "../../../columns/constants/COLUMN_PROPERTY";
 import { isDateColumn } from "../../../columns/helpers/isDateColumn";
 import { isEmpty } from "../../../general/mix/isEmpty";
 import { IFSFilter } from "../../interfaces/common/IFSFilter";
+import { IFSValue } from "../../interfaces/common/IFSValue";
 import { IFProperty } from "../../interfaces/IFProperty";
 import { isNullValidator } from "../common/isNullValidator";
 
@@ -20,7 +21,7 @@ export function getBackendProperty(filter: IFSFilter): IFProperty {
     } else if (filter.column.type === COLUMN.LOOKUP && filter.property === COLUMN_PROPERTY.LOOKUP_DISPLAY && filter.lookupDisplayIndex != null) {
       return filter.property.concat('_').concat(filter.lookupDisplayIndex.toString()) as any;
     } else if (filter.column.type === COLUMN.IMAGE) {
-      return COLUMN_PROPERTY.IMAGE_ANSWER_ID;
+      return (filter.values as IFSValue[]).every(value => isEmpty(value.valueid)) ? undefined : COLUMN_PROPERTY.IMAGE_ANSWER_ID;
     }
   }
   return filter.property;

package/src/filters/helpers/backend/getBackendValues.ts

@@ -81,7 +81,7 @@ function getResultValues(values: IFSValue[], filter: IFSFilter): IFBExpressionVa
   return values.map((value: IFSValue) => {
     if (value.enabled) {
         if (filter.column.type === COLUMN.IMAGE) {
-            return value.valueid;
+            return value.valueid || value.imageUrl || value.value;
         } else {
             return value.value;
         }

package/src/filters/interfaces/common/IFSValue.ts

@@ -4,6 +4,6 @@
 export interface IFSValue {
     enabled?: boolean; // True: the value is enabled; False: the value is disabled
     imageUrl?: string; // URL for a image. This is common for images column type.
-    value: string; // The value to filter
+    value?: string; // The value to filter
     valueid?: string; // Mostly for webform columns that need an ID. Alias for answerid in the model object.
 }

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

@@ -4,6 +4,6 @@
 export interface IFUValue {
     enabled?: boolean; // Optional flag to enabled the value
     imageUrl?: string; // URL from Image type
-    value: string; // A string value
+    value?: string; // A string value
     valueid?: string; // For values that need a value ID or answer ID
 }

package/src/format/format.ts

@@ -6,8 +6,9 @@ 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';
+import { isObject } from '../general/object/isObject';
+import { IFormatConfig } from '../interfaces/format/IFormatConfig.Interface';
 
 dayjs.extend(advancedFormat); // Add support to advanced formats https://day.js.org/docs/en/plugin/advanced-format
 
@@ -21,9 +22,11 @@ function isValidDateString(dateString = '') {
 }
 
 export function formatDate(dateString, format) {
+    if(isObject(format)) format = format.format || "";
     if (isEmpty(dateString) || !isNaN(dateString) || format === 'Default') return dateString;
     if (!isValidDateString(dateString)) return dateString;
-    return dayjs(dateString.split('.')[0]).format(format.replace('HH24:', 'HH:').replace('MI:SS', 'mm:ss').replace('MM:SS', 'mm:ss'));
+    const dateValue = dateString?.replace(/Z$/i, '');
+    return dayjs(dateValue.split('.')[0]).format(format.replace('HH24:', 'HH:').replace('MI:SS', 'mm:ss').replace('MM:SS', 'mm:ss'));
 }
 
 export function formatAbbreviated(num, decimals) {
@@ -89,7 +92,7 @@ export const addFormat = (value: any, outputFormat: any = 'None', config?: IForm
   switch (outputFormat.type) {
     case 'DATE':
     case 'DATETIME':
-      return config?.lang && outputFormat.format === 'Default' ? formatWithLocale(value, outputFormat, config) : formatDate(value, outputFormat.format);
+      return config?.lang && outputFormat.format === 'Default' ? formatWithLocale(value, outputFormat, config) : formatDate(value, outputFormat?.format === 'Default' && outputFormat?.originalFormat?.format ? outputFormat?.originalFormat?.format : outputFormat?.format);
     case 'NUMERIC': {
       const parse = parseFloat(value);
       const withLocale = outputFormat !== 'None' && config?.lang;

package/src/format/localization.ts

@@ -27,9 +27,10 @@ export const formatWithLocale = (value: any, outputFormat: IFormatOutputFormat,
     }
 };
 
+const DATE_FORMAT_CACHE = [];
 function formatLocaleDate(value: any, outputFormat: IFormatOutputFormat, config: IFormatConfig) {
     const { lang = LANG_DEFAULT, options } = config;
-    const dateValue = value?.replace('.000Z', '');
+    const dateValue = value?.replace(/Z$/i, '');
     const dateParam = new Date(dateValue);
     let langOpts = options;
     if (outputFormat?.originalFormat) {
@@ -37,18 +38,31 @@ function formatLocaleDate(value: any, outputFormat: IFormatOutputFormat, config:
         if (DATETIME_COLUMN_FORMAT.includes(format)) langOpts = DATETIME_OPTIONS;
     }
     try {
-        return new Intl.DateTimeFormat([lang, LANG_DEFAULT], langOpts).format(dateParam);
+        const key = lang + JSON.stringify(langOpts);
+        let formatter = DATE_FORMAT_CACHE[key];
+        if (!formatter) {
+            formatter = new Intl.DateTimeFormat([lang, LANG_DEFAULT], langOpts);
+            DATE_FORMAT_CACHE[key] = formatter;
+        }
+        return formatter.format(dateParam);
     } catch (error) {
         return isEmpty(dateParam) ? value : new Intl.DateTimeFormat(LANG_DEFAULT, langOpts).format(dateParam);
     }
 }
 
+const NUMBER_FORMAT_CACHE = [];
 function formatLocaleNumber(value: any, outputFormat: IFormatOutputFormat, config: IFormatConfig,) {
     const { lang = LANG_DEFAULT, options } = config;
     const langOpts = options || getLocaleOptions(outputFormat);
     const valueToFormat = outputFormat?.format === LOCALE_FORMATS.PERCENTAGE ? value/100 : value;
     try {
-        return new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts).format(valueToFormat);
+        const key = lang + JSON.stringify(langOpts);
+        let formatter = NUMBER_FORMAT_CACHE[key];
+        if (!formatter) {
+            formatter = new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts);
+            NUMBER_FORMAT_CACHE[key] = formatter;
+        }
+        return formatter.format(valueToFormat);
     } catch (e) {
         return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(valueToFormat);
     }

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

@@ -1,4 +1,10 @@
 export interface II18nChartBuilderTableStyleOptions {
+    align: string,
+    align_all_columns: string,
+    align_default: string,
+    align_left: string,
+    align_right: string,
+    align_center: string,
     typeface: string;
     weight: string;
     weight_bold: string;

package/src/globalization/interfaces/common/II18nColumnTypes.ts

@@ -20,6 +20,7 @@ export interface II18nColumnTypes {
     checklist_label: string;
     nps_score_label: string;
     nps_feedback_label: string;
+    text_label: string;
     text_label_label: string;
     text_category_label: string;
     lookup_label: string;

package/src/globalization/interfaces/dashboard/II18nDashboardToast.ts

@@ -3,4 +3,5 @@ export interface II18nDashboardToast {
     delete_record_message: string;
     add_record_message: string;
     data_views_updated_message: string;
+    failed_download: string;
 }

package/src/globalization/interfaces/formula_builder/II18nFormulaBuilderDeleteDialog.ts

@@ -1,7 +1,7 @@
 export interface II18nFormulaBuilderDeleteDialog {
-    title: string;
+    apply_button: string;
+    cancel_button: string;
     description: string;
+    title: string;
     toast_description: string;
-    cancel_button: string;
-    apply_button: string;
 }

package/src/globalization/interfaces/formula_builder/II18nFormulaBuilderListTable.ts

@@ -1,9 +1,9 @@
 export interface II18nFormulaBuilderListTable{
-    name: string;
-    formula: string;
-    menu_edit: string;
-    menu_duplicate: string;
-    menu_delete: string;
     duplicate_copy: string;
     duplicate_toast: string
+    formula: string;
+    menu_delete: string;
+    menu_duplicate: string;
+    menu_edit: string;
+    name: string;
 }