@qrvey/utils 1.2.9-9 → 1.2.10-0

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 !== '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,75 @@
+import { DATETIME_COLUMN_FORMAT } from '..';
+import { isEmpty } from '../general/mix/isEmpty';
+import { IFormatConfig, IFormatOutputFormat } from '../interfaces';
+import { currencyISO, LOCALE_FORMATS, LOCALE_STYLES, LANG_DEFAULT, CURRENCY_DEFAULT, DATETIME_OPTIONS } 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 chooseLang = (config: Record<string, any>): string => {
+    const lang: string | Record<string, any> = (
+        config?.i18n?.lang ||
+        config.lang
+    );
+    return (<any>lang)?.lang || lang || LANG_DEFAULT;
+};
+
+export const formatWithLocale = (value: any, outputFormat: IFormatOutputFormat, config: IFormatConfig = {}): any => {
+    switch (outputFormat.type) {
+      case 'DATE':
+      case 'DATETIME':
+        return formatLocaleDate(value, outputFormat, config);
+      case 'NUMERIC':
+        return formatLocaleNumber(value, outputFormat, config);
+    }
+};
+
+function formatLocaleDate(value: any, outputFormat: IFormatOutputFormat, config: IFormatConfig) {
+    const { lang = LANG_DEFAULT, options } = config;
+    const dateParam = new Date(value);
+    let langOpts = options;
+    if (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: 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);
+    } catch (e) {
+        return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(valueToFormat);
+    }
+}
+
+function getLocaleOptions(outputFormat: IFormatOutputFormat) {
+    const { format, decimals, currency } = outputFormat;
+    switch(format) {
+        case LOCALE_FORMATS.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: LOCALE_STYLES.CURRENCY, currency: iso.label, maximumFractionDigits: decimals, minimumFractionDigits: decimals, currencyDisplay: 'narrowSymbol' };
+        }
+        case LOCALE_FORMATS.SCIENTIFIC: return { style: LOCALE_STYLES.DECIMAL,
+             notation: LOCALE_STYLES.SCIENTIFIC, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+        case LOCALE_FORMATS.PERCENTAGE: return { style: LOCALE_STYLES.PERCENT, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+        case LOCALE_FORMATS.ABBREVIATED: return { notation: LOCALE_STYLES.COMPACT, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+        default: return { style: LOCALE_STYLES.DECIMAL, maximumFractionDigits: decimals, minimumFractionDigits: decimals };
+    }
+}

package/src/general/array/getArrayByProperty.ts

@@ -0,0 +1,14 @@
+import { isEmpty } from "../mix/isEmpty";
+
+/**
+ * Gets a collection of object values by the given property
+ * @param arr An array
+ * @param property the property to get the value collection
+ * @returns a collection of values by property
+ */
+export function getArrayByProperty<T = any>(arr: T[], property: string): T[] {
+    if (!Array.isArray(arr)) return arr;
+    return (arr as any).map(a => {
+        if (!isEmpty(a)) return a[property];
+    }).filter(Boolean);
+}

package/src/general/array/getUniqueArray.ts

@@ -0,0 +1,11 @@
+/**
+ * Remove duplicated items from a given array by property name
+ * // 1. Store the keys of the unique objects
+ * // 2. Eliminate the dead keys & store unique objects
+ * @param arr The array
+ * @param prop Property name to search duplicated values
+ * @return Array without duplicated items.
+ */
+export function getUniqueArray(arr: any[], prop: string): any[] {
+    return arr.map(e => e[prop]).map((e, i, final) => final.indexOf(e) === i && i).filter(e => arr[e]).map(e => arr[e]);
+}

package/src/general/array/index.ts

@@ -1,5 +1,6 @@
 export * from './delete';
 export * from './flattenDeep';
+export * from './getArrayByProperty';
 export * from './filterNestedTree';
 export * from './getFirstIndexFromArray';
 export * from './getLastIndexFromArray';

package/src/globalization/helpers/getI18nCalendar.ts

@@ -0,0 +1,68 @@
+import { II18nCalendarProperties } from "../interfaces/calendar/II18nCalendarProperties";
+import { II18nServiceTranslate } from "../interfaces/II18nServiceTranslate";
+import { I18nService } from "../service/i18nextBuilder";
+
+export function getI18nCalendar(locale: I18nService | II18nServiceTranslate): II18nCalendarProperties {
+    const localeOverride = locale instanceof I18nService ? locale : typeof locale === 'function' ? { translate: locale } : undefined;
+    if (!localeOverride) return undefined;
+
+    return {
+      clear: localeOverride.translate('common.calendar.clear'),
+      days: [
+        localeOverride.translate('common.day_names.sunday_dddd'), 
+        localeOverride.translate('common.day_names.monday_dddd'), 
+        localeOverride.translate('common.day_names.tuesday_dddd'), 
+        localeOverride.translate('common.day_names.wednesday_dddd'), 
+        localeOverride.translate('common.day_names.thursday_dddd'), 
+        localeOverride.translate('common.day_names.friday_dddd'),
+        localeOverride.translate('common.day_names.saturday_dddd')
+      ],
+      daysMin: [
+        localeOverride.translate('common.day_names.sunday_dd'), 
+        localeOverride.translate('common.day_names.monday_dd'), 
+        localeOverride.translate('common.day_names.tuesday_dd'), 
+        localeOverride.translate('common.day_names.wednesday_dd'), 
+        localeOverride.translate('common.day_names.thursday_dd'), 
+        localeOverride.translate('common.day_names.friday_dd'),
+        localeOverride.translate('common.day_names.saturday_dd')
+      ],
+      daysShort: [
+        localeOverride.translate('common.day_names.sunday_ddd'), 
+        localeOverride.translate('common.day_names.monday_ddd'), 
+        localeOverride.translate('common.day_names.tuesday_ddd'), 
+        localeOverride.translate('common.day_names.wednesday_ddd'), 
+        localeOverride.translate('common.day_names.thursday_ddd'), 
+        localeOverride.translate('common.day_names.friday_ddd'),
+        localeOverride.translate('common.day_names.saturday_ddd')
+      ],
+      months: [
+        localeOverride.translate('common.date_grouping.january_mmmm'), 
+        localeOverride.translate('common.date_grouping.february_mmmm'), 
+        localeOverride.translate('common.date_grouping.march_mmmm'), 
+        localeOverride.translate('common.date_grouping.april_mmmm'), 
+        localeOverride.translate('common.date_grouping.may_mmmm'), 
+        localeOverride.translate('common.date_grouping.june_mmmm'),
+        localeOverride.translate('common.date_grouping.july_mmmm'),
+        localeOverride.translate('common.date_grouping.august_mmmm'),
+        localeOverride.translate('common.date_grouping.september_mmmm'),
+        localeOverride.translate('common.date_grouping.october_mmmm'),
+        localeOverride.translate('common.date_grouping.november_mmmm'),
+        localeOverride.translate('common.date_grouping.december_mmmm')
+      ],
+      monthsShort: [
+        localeOverride.translate('common.date_grouping.january_mmm'), 
+        localeOverride.translate('common.date_grouping.february_mmm'), 
+        localeOverride.translate('common.date_grouping.march_mmm'), 
+        localeOverride.translate('common.date_grouping.april_mmm'), 
+        localeOverride.translate('common.date_grouping.may_mmm'), 
+        localeOverride.translate('common.date_grouping.june_mmm'),
+        localeOverride.translate('common.date_grouping.july_mmm'),
+        localeOverride.translate('common.date_grouping.august_mmm'),
+        localeOverride.translate('common.date_grouping.september_mmm'),
+        localeOverride.translate('common.date_grouping.october_mmm'),
+        localeOverride.translate('common.date_grouping.november_mmm'),
+        localeOverride.translate('common.date_grouping.december_mmm')
+      ],
+      today: localeOverride.translate('common.calendar.today')
+    };
+}

package/src/globalization/helpers/index.ts

@@ -1,2 +1,3 @@
+export * from './getI18nCalendar';
 export * from './getI18nDateGroupLabel';
 export * from './getReverseI18nGroupLabel';

package/src/globalization/interfaces/II18nConfig.ts

@@ -0,0 +1,7 @@
+import { II18nResource } from "./II18nResource";
+
+export interface II18nConfig {
+    lang?: string; // Language format for getting stored traslations of the labels (en-US)
+    locale?: string; // Language format for transform number and date values (en-US)
+    lang_object?: II18nResource; // Oject Structure to translate labels
+}

package/src/globalization/interfaces/{IResourceI18n.ts → II18nResource.ts}

@@ -10,8 +10,9 @@ 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 {
+export interface II18nResource {
     bucket_builder?: II18nBucketBuilder;
     chart_builder?: II18nChartBuilder;
     common?: II18nCommon;
@@ -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/bucket_builder/II18nBucketBuilderModalBucket.ts

@@ -2,4 +2,6 @@ export interface II18nBucketBuilderModalBucket {
     add_bucketed_column: string;
     loading: string;
     title: string;
+    information_text_link: string,
+    information_text_text: string,
 }

package/src/globalization/interfaces/calendar/II18nCalendar.ts

@@ -0,0 +1,7 @@
+export interface II18nCalendar {
+    clear: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+    today: string;
+}

package/src/globalization/interfaces/calendar/II18nCalendarProperties.ts

@@ -0,0 +1,9 @@
+export interface II18nCalendarProperties {
+    clear: string;
+    days: string[];
+    daysMin: string[];
+    daysShort: string[];
+    months: string[];
+    monthsShort: string[];
+    today: string;
+}

package/src/globalization/interfaces/calendar/index.ts

@@ -0,0 +1,2 @@
+export * from './II18nCalendar';
+export * from './II18nCalendarProperties';

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

@@ -8,6 +8,7 @@ export interface II18nChartBuilderDimensions {
     geolocation: string;
     group: string;
     groups: string;
+    other_value: string;
     other_values: string;
     pivot: string;
     row: string;

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/chart_builder/II18nChartBuilderRefernceLine.ts

@@ -12,4 +12,5 @@ export interface II18nChartBuilderReferenceLine {
     title: string;
     value: string;
     value_aggregated: string;
+    value_aggregated_placeholder: string;
 }

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

@@ -27,4 +27,5 @@ export interface II18nChartBuilderTableCalculation {
     level_placeholder: string;
     level_table: string;
     calculation_disabled: string;
+    table_calculation_direction: string;
 }

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

@@ -5,9 +5,11 @@ import { II18nColumnTypesSuffixes } from "./II18nColumnTypesSuffixes";
 import { II18nDateGrouping } from "./II18nDateGrouping";
 import { II18nDayNames } from "./II18nDayNames";
 import { II18nUnits } from "./II18nUnits";
+import { II18nCalendar } from "../calendar/II18nCalendar";
 
 export interface II18nCommon {
     aggregate_labels: II18nAgreggateLabels;
+    calendar: II18nCalendar;
     column_types: II18nColumnTypes;
     column_types_suffixes: II18nColumnTypesSuffixes;
     date_grouping: II18nDateGrouping;

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

@@ -1,4 +1,12 @@
 export interface II18nDayNames {
+    sunday_dd: string;
+    monday_dd: string;
+    tuesday_dd: string;
+    wednesday_dd: string;
+    thursday_dd: string;
+    friday_dd: string;
+    saturday_dd: string;
+
     sunday_ddd: string;
     monday_ddd: string;
     tuesday_ddd: string;

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

@@ -1,5 +1,6 @@
 import { II18nDashboardAddChart } from "./II18nDashboardAddChart";
 import { II18nDashboardEmptyState } from "./II18nDashboardEmptyState";
+import { II18nDashboardMessages } from "./II18nDashboardMessages";
 import { II18nDashboardToast } from "./II18nDashboardToast";
 import { II18nDashboardTooltips } from "./II18nDashboardTooltips";
 import { II18nDashboardViews } from "./II18nDashboardViews";
@@ -12,4 +13,5 @@ export interface II18nDashboard {
     tooltips: II18nDashboardTooltips;
     views: II18nDashboardViews;
     empty_state: II18nDashboardEmptyState;
+    messages: II18nDashboardMessages;
 }

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

@@ -0,0 +1,6 @@
+export interface II18nDashboardMessages {
+    dataset_not_available: string;
+    dataset_not_found: string;
+    server_error: string;
+    try_again: string;
+}

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

@@ -3,4 +3,5 @@ export * from './II18nDashboardAddChart';
 export * from './II18nDashboardTooltips';
 export * from './II18nDashboardViews';
 export * from './II18nDashboardEmptyState';
+export * from './II18nDashboardMessages';
 export * from './II18nDashboard';

package/src/globalization/interfaces/filters/II18nFilter.ts

@@ -7,15 +7,19 @@ import { II18nFilterOperator } from "./II18nFilterOperator";
 import { II18nFilterScopes } from "./II18nFilterScopes";
 import { II18nFilterPanelScopeTitle } from "./II18nFilterPanelScopeTitle";
 import { II18nFilterDateSections } from "./II18nFilterDateSections";
+import { II18nTokenBox } from './II18nTokenBox';
+import { II18nFilterExtraInfo } from "./II18nFilterExtraInfo";
 
 export interface II18nFilter {
     date_sections: II18nFilterDateSections;
+    extra_info: II18nFilterExtraInfo;
     operators: II18nFilterOperator;
     ranking_container: II18nRankingContainer;
     relative_container: II18nRelativeContainer;
     scope_title: II18nFilterPanelScopeTitle;
     scopes: II18nFilterScopes;
     slidebar: II18nSlidebar;
+    token_box?: II18nTokenBox;
     validators: II18nFilterValidator;
     value_container: II18nValueContainer;
 }

package/src/globalization/interfaces/filters/II18nFilterExtraInfo.ts

@@ -0,0 +1,4 @@
+export interface II18nFilterExtraInfo {
+    date_picker_tooltip: string;
+    input_box_tooltip: string;
+}

package/src/globalization/interfaces/filters/II18nFilterPanel.ts

@@ -9,6 +9,8 @@ export interface II18nFilterPanel {
     aggregated_filters_label: string;
     aggregated_filters_tooltip: string;
     card_action: II18nFilterPanelCardAction;
+    card_all_selected: string;
+    card_none_selected: string;
     collapsed_title: string;
     delete_dialog: II18nFilterPanelDeleteDialog;
     empty_state: II18nFilterPanelEmptyState;

package/src/globalization/interfaces/filters/II18nRelativeContainer.ts

@@ -6,6 +6,7 @@ export interface II18nRelativeContainer {
     current_date: string;
     cursors: II18nRelativeContainerCursor;
     date_selected: string;
+    from_label: string
     starting_date: string;
     starting_date_tooltip: string;
     starting_from: string;

package/src/globalization/interfaces/filters/II18nTokenBox.ts

@@ -0,0 +1,6 @@
+export interface II18nTokenBox {
+  data_tokens?: string;
+  search?: string;
+  system_tokens?: string;
+  user_tokens?: string;
+}

package/src/globalization/interfaces/filters/II18nValueContainer.ts

@@ -4,5 +4,5 @@ export interface II18nValueContainer {
     search_input: II18nValueContainerSearchInput;
     no_label: string;
     no_records_message: string;
-    select_all: string;
+    all_selected: string;
 }

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

@@ -8,6 +8,7 @@ export * from './II18nFilterBuilderSelectedValuesContainer';
 
 export * from './II18nFilterDateSections';
 export * from './II18nFilterDisplay';
+export * from './II18nFilterExtraInfo';
 export * from './II18nFilterOperator';
 export * from './II18nFilterPanel';
 export * from './II18nFilterPanelCardAction';

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

@@ -1,5 +1,7 @@
 export interface II18nFormulaBuilderListModal {
     title_header: string,
     create_button: string,
-    empty_message: string
+    empty_message: string,
+    information_text_link: string,
+    information_text_text: string
 }

package/src/globalization/interfaces/index.ts

@@ -1,12 +1,17 @@
+export * from './bucket_builder/index';
+export * from './calendar/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 './II18nConfig';
+export * from './II18nResource';
 export * from './II18nServiceTranslate';
 export * from './II18nServiceTranslateOption';
-export * from './IResourceI18n';

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;
+}

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

@@ -0,0 +1,4 @@
+export interface II18nStyleThemesTooltips {
+    theme_used_in_all_applications: string;
+    theme_will_be_used_in_all_applications: string;
+}

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

@@ -0,0 +1,6 @@
+export * from './II18nStyleThemes';
+export * from './II18nStyleThemesDeleteDialog';
+export * from './II18nStyleThemesMenu';
+export * from './II18nStyleThemesMessages';
+export * from './II18nStyleThemesTheme';
+export * from './II18nStyleThemesTooltips';

package/src/globalization/interfaces/table_charts/II18nTableChartsPagination.ts

@@ -1,4 +1,5 @@
 export interface II18nTableChartsPagination {
+    page_info: string,
     records: string;
     records_per_page: string;
     total_records: string;

package/src/globalization/labels/I18N_DEFAULT.ts

@@ -1,4 +1,4 @@
-import { IResourceI18n } from "../interfaces/IResourceI18n";
+import { II18nResource } from "../interfaces/II18nResource";
 import { I18N_DASHBOARD } from "./dashboard/I18N_DASHBOARD";
 import { I18N_PANEL } from "./panel/I18N_PANEL";
 import { I18N_FILTER } from "./filters/I18N_FILTER";
@@ -11,9 +11,10 @@ import { I18N_FILTER_DISPLAY } from "./filters/I18N_FILTER_DISPLAY";
 import { I18N_BUCKET_BUILDER } from "./bucket_builder/I18N_BUCKET_BUILDER";
 import { I18N_CROSS_TABS } from './cross_tabs';
 import { I18N_CHART_BUILDER } from "./chart_builder";
+import { I18N_STYLE_THEMES } from "./style_themes";
 
 
-export const I18N_DEFAULT: IResourceI18n = {
+export const I18N_DEFAULT: II18nResource = {
     bucket_builder: I18N_BUCKET_BUILDER,
     chart_builder: I18N_CHART_BUILDER,
     common: I18N_COMMON,
@@ -25,5 +26,6 @@ export const I18N_DEFAULT: IResourceI18n = {
     filter_panel: I18N_FILTER_PANEL,
     formula_builder: I18N_FORMULA_BUILDER,
     panel: I18N_PANEL,
+    style_themes: I18N_STYLE_THEMES,
     table_charts: I18N_TABLE_CHARTS,
 };

package/src/globalization/labels/bucket_builder/I18N_BUCKET_BUILDER.ts

@@ -96,6 +96,8 @@ export const I18N_BUCKET_BUILDER: II18nBucketBuilder = {
     loading: 'Loading dependencies...',
     title: 'Buckets',
     add_bucketed_column: 'Add Bucketed Column',
+    information_text_link: 'Learn how to',
+    information_text_text: 'create and work with buckets',
   },
   operator: {
     greater_than: 'Greater than',

package/src/globalization/labels/calendar/I18N_CALENDAR.ts

@@ -0,0 +1,9 @@
+import { II18nCalendar } from "../../interfaces/calendar/II18nCalendar";
+
+export const I18N_CALENDAR: II18nCalendar = {
+  clear: "Clear",
+  hours: 'Hours',
+  minutes: 'Minutes',
+  seconds: 'Seconds',
+  today: "Today"
+};

package/src/globalization/labels/calendar/index.ts

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