@qrvey/utils 1.13.0-6.performance.1 → 1.13.0-7.performance.0

package/dist/cache-managers/cache-theme-manager.d.ts

@@ -0,0 +1,27 @@
+import { OnChangeType, QrveyCacheManager } from "./cache-manager";
+import { AnTheme } from "../interfaces/themes/an-theme";
+export interface IGetThemeConfig {
+    qv_token?: string;
+    api_key?: string;
+    app_id?: string;
+    user_id?: string;
+    domain?: string;
+    theme_id?: string;
+}
+interface IThemeStoreState {
+    theme: AnTheme;
+    loading: boolean;
+    error: any;
+}
+export declare class ThemeCacheManager extends QrveyCacheManager<IThemeStoreState, IGetThemeConfig> {
+    static getInstance(): ThemeCacheManager;
+    protected getConfigPropertyName(): keyof IGetThemeConfig;
+    protected getStorePropertyName(): keyof IThemeStoreState;
+    protected buildStoreId({ theme_id, app_id }: IGetThemeConfig): string;
+    protected createStore(): {
+        state: IThemeStoreState;
+        onChange: OnChangeType;
+    };
+    protected fetchDataAndUpdateStore(state: IThemeStoreState, config: IGetThemeConfig): void;
+}
+export {};

package/dist/cache-managers/cache-theme-manager.js

@@ -0,0 +1,39 @@
+import { createStore } from "@stencil/store";
+import { QrveyCacheManager } from "./cache-manager";
+import { getCurrentTheme, getThemeById } from "../services/api/Themes.api";
+export class ThemeCacheManager extends QrveyCacheManager {
+    static getInstance() {
+        if (!window.themeCacheManager) {
+            window.themeCacheManager = new ThemeCacheManager();
+        }
+        return window.themeCacheManager;
+    }
+    getConfigPropertyName() {
+        return "theme_id";
+    }
+    getStorePropertyName() {
+        return "theme";
+    }
+    buildStoreId({ theme_id, app_id }) {
+        return `${app_id}-${theme_id !== null && theme_id !== void 0 ? theme_id : "current"}`;
+    }
+    createStore() {
+        return createStore({
+            theme: null,
+            loading: true,
+            error: null,
+        });
+    }
+    fetchDataAndUpdateStore(state, config) {
+        (config.theme_id ? getThemeById(config) : getCurrentTheme(config))
+            .then((theme) => {
+            state.theme = theme;
+            state.error = null;
+            state.loading = false;
+        })
+            .catch((e) => {
+            state.error = e;
+            state.loading = false;
+        });
+    }
+}

package/dist/cjs/cache-managers/cache-theme-manager.d.ts

@@ -0,0 +1,27 @@
+import { OnChangeType, QrveyCacheManager } from "./cache-manager";
+import { AnTheme } from "../interfaces/themes/an-theme";
+export interface IGetThemeConfig {
+    qv_token?: string;
+    api_key?: string;
+    app_id?: string;
+    user_id?: string;
+    domain?: string;
+    theme_id?: string;
+}
+interface IThemeStoreState {
+    theme: AnTheme;
+    loading: boolean;
+    error: any;
+}
+export declare class ThemeCacheManager extends QrveyCacheManager<IThemeStoreState, IGetThemeConfig> {
+    static getInstance(): ThemeCacheManager;
+    protected getConfigPropertyName(): keyof IGetThemeConfig;
+    protected getStorePropertyName(): keyof IThemeStoreState;
+    protected buildStoreId({ theme_id, app_id }: IGetThemeConfig): string;
+    protected createStore(): {
+        state: IThemeStoreState;
+        onChange: OnChangeType;
+    };
+    protected fetchDataAndUpdateStore(state: IThemeStoreState, config: IGetThemeConfig): void;
+}
+export {};

package/dist/cjs/cache-managers/cache-theme-manager.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeCacheManager = void 0;
+const store_1 = require("@stencil/store");
+const cache_manager_1 = require("./cache-manager");
+const Themes_api_1 = require("../services/api/Themes.api");
+class ThemeCacheManager extends cache_manager_1.QrveyCacheManager {
+    static getInstance() {
+        if (!window.themeCacheManager) {
+            window.themeCacheManager = new ThemeCacheManager();
+        }
+        return window.themeCacheManager;
+    }
+    getConfigPropertyName() {
+        return "theme_id";
+    }
+    getStorePropertyName() {
+        return "theme";
+    }
+    buildStoreId({ theme_id, app_id }) {
+        return `${app_id}-${theme_id !== null && theme_id !== void 0 ? theme_id : "current"}`;
+    }
+    createStore() {
+        return (0, store_1.createStore)({
+            theme: null,
+            loading: true,
+            error: null,
+        });
+    }
+    fetchDataAndUpdateStore(state, config) {
+        (config.theme_id ? (0, Themes_api_1.getThemeById)(config) : (0, Themes_api_1.getCurrentTheme)(config))
+            .then((theme) => {
+            state.theme = theme;
+            state.error = null;
+            state.loading = false;
+        })
+            .catch((e) => {
+            state.error = e;
+            state.loading = false;
+        });
+    }
+}
+exports.ThemeCacheManager = ThemeCacheManager;

package/dist/cjs/interfaces/themes/an-style-theme.d.ts

@@ -0,0 +1,22 @@
+export interface AnThemeStyle {
+    canvasBackgroundColor?: string;
+    panelIconsForegroundColor?: string;
+    font: string;
+    hideTitle: any;
+    chartTitles: string;
+    axisDataLabels: string;
+    values: string;
+    legends: string;
+    tooltips: string;
+    mainColor: string;
+    tableHeaderMainColor: string;
+    themePalette: any[];
+    showHeader?: boolean;
+    dataLabels?: string;
+    panelBackgroundColor?: string;
+    transparent?: boolean;
+    valuesSecondary?: string;
+    tableHeaderFont?: string;
+    tableVisualizationBarPositive?: string;
+    tableVisualizationBarNegative?: string;
+}

package/dist/cjs/interfaces/themes/an-style-theme.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/interfaces/themes/an-theme.d.ts

@@ -0,0 +1,15 @@
+import { AnThemeStyle } from "./an-style-theme";
+export interface AnTheme {
+    useInAllApplications: boolean;
+    currentChartTheme: boolean;
+    isDefaultTheme: boolean;
+    createDate?: string;
+    userId: string;
+    modifyDate?: string;
+    appId: string;
+    readOnly?: boolean;
+    chartThemeId?: string;
+    name: string;
+    style: AnThemeStyle;
+    lang?: string;
+}

package/dist/cjs/interfaces/themes/an-theme.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/services/api/Charts.api.d.ts

@@ -1,10 +1,3 @@
-export interface IFieldsConfig {
-    type: string;
-    column?: any;
-    qrvey_id?: string;
-    showBuckets?: boolean;
-    showLinkedDatasets?: boolean;
-}
 export default class ChartsApi {
     config: any;
     abortCtrl: AbortController;

package/dist/cjs/services/api/Themes.api.d.ts

@@ -0,0 +1,3 @@
+import { IGetThemeConfig } from "../../cache-managers/cache-theme-manager";
+export declare function getThemeById(config: IGetThemeConfig): Promise<any>;
+export declare function getCurrentTheme(config: IGetThemeConfig): Promise<any>;

package/dist/cjs/services/api/Themes.api.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrentTheme = exports.getThemeById = void 0;
+const helpers_1 = require("../helpers");
+const THEME_ENDPOINT_1 = require("../constants/THEME_ENDPOINT");
+function getThemeById(config) {
+    return helpers_1.Request.get(Object.assign(Object.assign({}, config), { endpoint: THEME_ENDPOINT_1.CHART_THEMES_ENDPOINT }), `/${config.theme_id}`);
+}
+exports.getThemeById = getThemeById;
+function getCurrentTheme(config) {
+    return helpers_1.Request.get(Object.assign(Object.assign({}, config), { endpoint: THEME_ENDPOINT_1.CHART_THEMES_ENDPOINT }), "?current=true");
+}
+exports.getCurrentTheme = getCurrentTheme;

package/dist/cjs/services/constants/THEME_ENDPOINT.d.ts

@@ -0,0 +1,2 @@
+import { IEndpointConfig } from "../interfaces/IEndpointConfig";
+export declare const CHART_THEMES_ENDPOINT: IEndpointConfig;

package/dist/cjs/services/constants/THEME_ENDPOINT.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CHART_THEMES_ENDPOINT = void 0;
+exports.CHART_THEMES_ENDPOINT = {
+    uri: "/app/:app_id/qrvey/:qrvey_id/analytiq/themes",
+    version: 4,
+};

package/dist/interfaces/themes/an-style-theme.d.ts

@@ -0,0 +1,22 @@
+export interface AnThemeStyle {
+    canvasBackgroundColor?: string;
+    panelIconsForegroundColor?: string;
+    font: string;
+    hideTitle: any;
+    chartTitles: string;
+    axisDataLabels: string;
+    values: string;
+    legends: string;
+    tooltips: string;
+    mainColor: string;
+    tableHeaderMainColor: string;
+    themePalette: any[];
+    showHeader?: boolean;
+    dataLabels?: string;
+    panelBackgroundColor?: string;
+    transparent?: boolean;
+    valuesSecondary?: string;
+    tableHeaderFont?: string;
+    tableVisualizationBarPositive?: string;
+    tableVisualizationBarNegative?: string;
+}

package/dist/interfaces/themes/an-style-theme.js

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

package/dist/interfaces/themes/an-theme.d.ts

@@ -0,0 +1,15 @@
+import { AnThemeStyle } from "./an-style-theme";
+export interface AnTheme {
+    useInAllApplications: boolean;
+    currentChartTheme: boolean;
+    isDefaultTheme: boolean;
+    createDate?: string;
+    userId: string;
+    modifyDate?: string;
+    appId: string;
+    readOnly?: boolean;
+    chartThemeId?: string;
+    name: string;
+    style: AnThemeStyle;
+    lang?: string;
+}

package/dist/interfaces/themes/an-theme.js

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

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

@@ -1,10 +1,3 @@
-export interface IFieldsConfig {
-    type: string;
-    column?: any;
-    qrvey_id?: string;
-    showBuckets?: boolean;
-    showLinkedDatasets?: boolean;
-}
 export default class ChartsApi {
     config: any;
     abortCtrl: AbortController;

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

@@ -0,0 +1,3 @@
+import { IGetThemeConfig } from "../../cache-managers/cache-theme-manager";
+export declare function getThemeById(config: IGetThemeConfig): Promise<any>;
+export declare function getCurrentTheme(config: IGetThemeConfig): Promise<any>;

package/dist/services/api/Themes.api.js

@@ -0,0 +1,8 @@
+import { Request } from "../helpers";
+import { CHART_THEMES_ENDPOINT } from "../constants/THEME_ENDPOINT";
+export function getThemeById(config) {
+    return Request.get(Object.assign(Object.assign({}, config), { endpoint: CHART_THEMES_ENDPOINT }), `/${config.theme_id}`);
+}
+export function getCurrentTheme(config) {
+    return Request.get(Object.assign(Object.assign({}, config), { endpoint: CHART_THEMES_ENDPOINT }), "?current=true");
+}

package/dist/services/constants/THEME_ENDPOINT.d.ts

@@ -0,0 +1,2 @@
+import { IEndpointConfig } from "../interfaces/IEndpointConfig";
+export declare const CHART_THEMES_ENDPOINT: IEndpointConfig;

package/dist/services/constants/THEME_ENDPOINT.js

@@ -0,0 +1,4 @@
+export const CHART_THEMES_ENDPOINT = {
+    uri: "/app/:app_id/qrvey/:qrvey_id/analytiq/themes",
+    version: 4,
+};

package/package.json

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