@qrvey/utils 1.2.9-10 → 1.2.9-14

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/getUIValues.ts

@@ -23,7 +23,6 @@ import { getI18nDateGroupLabel, IDateColumnPropertyType } from "../../..";
  */
 export function getUIValues(filter: IFSFilter, settings?: IFUUIValueSettings): IFUValue[] {
     settings = getUiValuesSettings(settings);
-
     switch (filter.validator) {
         case FILTER_VALIDATOR.AFTER:
         case FILTER_VALIDATOR.GREATER_THAN:
@@ -54,11 +53,16 @@ export function getUIValues(filter: IFSFilter, settings?: IFUUIValueSettings): I
                 enabled: settings.addEnableds ? (filter.values as IFSValue[])[0]?.enabled : undefined,
             }];
         case FILTER_VALIDATOR.IN:
-            return (filter.values as IFSValueRelativeDate[]).map(value => ({
-                value: 
-                `${settings.translate(RELATIVE_CURSOR_INFO[value.cursor].i18nLabelPath)} ${value.cursor !== RELATIVE_CURSOR.THIS && value.number > 1 ? value.number : ''} ${getValueUiUnitRelativeDate(value, settings)} ${value.cursor !== RELATIVE_CURSOR.THIS ? `${settings.translate('filter.relative_container.from_label')} ${value.anchor || settings.translate('filter.relative_container.current_date')}`: ''}`,
-                enabled: settings.addEnableds ? filter.enabled : undefined,
-            }));
+            return (filter.values as IFSValueRelativeDate[]).map(value => {
+                const cursor = settings?.translate ? settings.translate(RELATIVE_CURSOR_INFO[value.cursor].i18nLabelPath) : RELATIVE_CURSOR_INFO[value.cursor].i18nLabelPath;
+                const from = settings?.translate ? settings.translate('filter.relative_container.from_label') : 'from';
+                const anchor = settings?.translate ?  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 as IFSValueRanking[][], settings.addEnableds, settings.rankingGroupIndex);
@@ -85,7 +89,8 @@ function getUiValuesSettings(settings: IFUUIValueSettings): IFUUIValueSettings {
 }
 
 function getValueUiUnitRelativeDate(relative: IFSValueRelativeDate, settings: IFUUIValueSettings) {
-    return relative.cursor !== RELATIVE_CURSOR.THIS && relative.number > 1 ? `${settings.translate(`common.units.${relative.unit}`)}s`: settings.translate(`common.units.${relative.unit}`);
+    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: IFSValueRanking[][], addEnableds = false, rankingGroupIndex?: number) {

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,9 @@ 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';

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

@@ -12,4 +12,5 @@ export interface II18nChartBuilderReferenceLine {
     title: string;
     value: string;
     value_aggregated: string;
+    value_aggregated_placeholder: 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/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/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;
+}

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

@@ -0,0 +1,3 @@
+export interface II18nStyleThemesTooltips {
+    theme_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

@@ -11,6 +11,7 @@ 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 = {
@@ -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/chart_builder/I18N_CHART_BUILDER_LAYER_OPTIONS.ts

@@ -25,11 +25,12 @@ export const I18N_CHART_BUILDER_LAYER_OPTIONS: Pick<II18nChartBuilder, LayerOpti
         custom_label_placeholder: 'Type custom label',
         dynamic: 'Dynamic',
         fixed: 'Fixed',
-        new_reference_line_label: 'Reference Line num',
+        new_reference_line_label: 'Reference Line',
         opacity: 'Opacity',
         remove: 'Remove',
         title: 'Reference Line',
         value: 'Value',
         value_aggregated: 'Value Aggregate',
+        value_aggregated_placeholder: 'Select Aggregate',
     },
 };

package/src/globalization/labels/chart_builder/I18N_CHART_BUILDER_STYLE_OPTIONS.ts

@@ -114,7 +114,7 @@ export const I18N_CHART_BUILDER_STYLE_OPTIONS: Pick<II18nChartBuilder, StyleOpti
         thickness_thin: 'Thin',
         thickness_normal: 'Normal',
         thickness_bold: 'Bold',
-        styles_title: 'line Styles',
+        styles_title: 'Line Style',
         styles_solid: 'Solid',
         styles_dashed: 'Dashed',
         styles_dotted: 'Dotted',

package/src/globalization/labels/dashboard/I18N_DASHBOARD.ts

@@ -13,6 +13,12 @@ export const I18N_DASHBOARD: II18nDashboard = {
         learn_more: 'Learn more',
     },
     export_csv: "Export to CSV",
+    messages: {
+        dataset_not_available: "Dataset not available at the moment.",
+        dataset_not_found: "Dataset not found.",
+        server_error: "Server Error.",
+        try_again: "Try Again",
+    },
     no_record_found: 'No Records Found',
     toast: {
         add_record_message: 'Record Successfully Added.',

package/src/globalization/labels/filters/I18N_RELATIVE_CONTAINER.ts

@@ -7,6 +7,7 @@ export const I18N_RELATIVE_CONTAINER: II18nRelativeContainer = {
     current_date: 'Current Date',
     cursors: I18N_RELATIVE_CURSOR,
     date_selected: 'Date Selected',
+    from_label: 'from',
     starting_date: 'Include starting date',
     starting_date_tooltip: 'The relative date will include the specific starting date and a period of time to show from that date onwards (Inclusive range). <br/> Unchecking this option will exclude the chosen starting date (exclusive range) from the date range.',
     starting_from: 'Starting From',

package/src/globalization/labels/formula_builder/I18N_FORMULA_BUILDER.ts

@@ -38,7 +38,7 @@ export const I18N_FORMULA_BUILDER: II18nFormulaBuilder = {
         test: 'Test',
         clear: 'Clear',
         insert_function: 'Insert Functions',
-        insert_column: 'Inset Columns',
+        insert_column: 'Insert Columns',
         search_function: 'Search',
         search_column: 'Search',
         box_function_empty: 'No Function Selected',
@@ -57,7 +57,7 @@ export const I18N_FORMULA_BUILDER: II18nFormulaBuilder = {
         numeric: 'Numeric',
         string: 'String/Text',
         date: 'Date/Time',
-        aggregate: 'Aggreagtes'
+        aggregate: 'Aggregates'
     },
     function_is_null: {
         description: 'Replaces NULL with the specified replacement value.',

package/src/globalization/labels/index.ts

@@ -1,10 +1,12 @@
+export * from './bucket_builder';
+export * from './chart_builder';
 export * from './columns';
 export * from './common';
+export * from './cross_tabs';
 export * from './dashboard';
 export * from './filters';
+export * from './formula_builder';
 export * from './panel';
+export * from './style_themes';
 export * from './table_charts';
 export * from './I18N_DEFAULT';
-export * from './formula_builder';
-export * from './bucket_builder';
-export * from './chart_builder';

package/src/globalization/labels/style_themes/I18N_STYLE_THEMES.ts

@@ -0,0 +1,56 @@
+import { II18nStyleThemes } from "../../interfaces/style_themes/II18nStyleThemes";
+
+export const I18N_STYLE_THEMES: II18nStyleThemes = {
+    delete_dialog: {
+      no: 'No',
+      theme_in_use: 'This theme is in use. If you delete it the visualizations will reset to the default theme.',
+      want_to_continue: 'Are you sure you want to continue?',
+      yes: 'Yes',
+    },
+    menu: {
+      delete: 'Delete',
+      duplicate: 'Duplicate',
+      edit: 'Edit',
+      use_all: 'Use in all applications',
+    },
+    messages: {
+      theme_could_not_be_created: 'Theme could not be created.',
+      theme_could_not_be_deleted: 'Theme could not be deleted.',
+      theme_could_not_be_duplicated: 'Theme could not be duplicated.',
+      theme_could_not_be_saved: 'Theme could not be saved.',
+      theme_could_not_be_selected: 'Theme could not be selected.',
+      theme_could_not_be_used_in_all_applications: 'Theme could not be used in all applications.',
+      themes_could_not_be_loaded: 'Themes could not be loaded.',
+    },
+    theme: {
+      axis_data_labels: 'Axis and Data Labels',
+      cancel_theme: 'Cancel',
+      chart_titles_color: 'Chart Titles Color',
+      copy: 'Copy',
+      create_theme: 'Create New Theme',
+      data_styles: 'Data Styles',
+      data_visualization: 'Data Visualization',
+      edit_theme: 'Edit Theme',
+      generate_new: 'Generate New',
+      header_font_color: 'Header Font Color',
+      id: 'ID',
+      legends: 'Legends',
+      main_color: 'Main Color',
+      name_placeholder: 'Type name',
+      panel_styles: 'Panel Styles',
+      qrvey_theme: 'Qrvey Theme',
+      restore_to_default: 'Restore to Default',
+      save_theme: 'Save Theme',
+      table_header_styles: 'Table Header Styles',
+      text_styles: 'Text Styles',
+      tooltips: 'Tooltips',
+      typeface: 'Typeface',
+      untitled_theme: 'Untitled',
+      use_theme_in_all_apps: 'Use Theme in All Apps',
+      values: 'Values',
+    },
+    title: 'Style Themes',
+    tooltips: {
+      theme_used_in_all_applications: 'This theme is being used in all applications',
+    }
+  };

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

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

package/src/globalization/labels/table_charts/I18N_TABLE_CHARTS.ts

@@ -11,6 +11,7 @@ export const I18N_TABLE_CHARTS: II18nTableCharts = {
         }
     },
     pagination: {
+        page_info: 'Page {{currentPage}} of {{pages}}',
         records: 'Records',
         records_per_page: 'Records per page',
         total_records: 'Total records'

package/src/services/api/getAllDatasets.api.ts

@@ -6,10 +6,11 @@ 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: IGeneralWidgetConfig, pickDatasets: string[] = []): Promise<IDataset[]> {
+export function getAllDatasets(config: IGeneralWidgetConfig, pickDatasets: string[] = []): Promise<IDataset[]> {
     return getAllQrveys({ ...config }, { status: ['RUNNING', 'FINISHED', 'PAUSED'], loadAll: true })
       .then((qrveys) => {
           let datasets = qrveys.Items.filter(filterSupportedDatasets);