@thoughtspot/ts-chart-sdk 0.0.2-alpha.24 → 0.0.2-alpha.26

package/lib/utils/number-formatting/number-formatting.js

@@ -0,0 +1,128 @@
+import _ from 'lodash';
+import { create } from '../../main/logger';
+import { CurrencyFormatType, } from '../../types/answer-column.types';
+import { CategoryType, } from '../../types/number-formatting.types';
+import { formatNumberSafely, getDefaultCurrencyCode, globalizeCurrencyFormatter, globalizeNumberFormatter, sanitizeFormat, validateNumberFormat, } from '../globalize-Initializer/globalize-utils';
+import { defaultFormatConfig, formatNegativeValue, formatSpecialDataValue, getLocaleName, mapFormatterConfig, UNITS_TO_DIVIDING_FACTOR, UNITS_TO_SUFFIX, } from './number-formatting-utils';
+const logger = create('number-formatting');
+const CURRENCY_CODE_EXTRACTOR_REGEX = /[\d.,]+/g;
+export const formatCurrencyWithCustomPattern = (value, currencyCode, formatPattern) => {
+    const sanitizedPattern = sanitizeFormat(formatPattern);
+    const customFormatter = globalizeNumberFormatter({
+        ...{ raw: sanitizedPattern },
+    });
+    const formattedValue = customFormatter(value);
+    const currencyFormatter = globalizeCurrencyFormatter(currencyCode, {
+        style: 'symbol',
+    });
+    const currencySymbol = currencyFormatter(0).replace(CURRENCY_CODE_EXTRACTOR_REGEX, '');
+    return `${currencySymbol}${formattedValue}`;
+};
+export const getFormattedValue = (value, formatConfigProp, columnFormatConfig) => {
+    var _a, _b;
+    let formatConfig = _.cloneDeep(formatConfigProp);
+    if (_.isNil(formatConfig) || _.isEmpty(formatConfig)) {
+        formatConfig = defaultFormatConfig(columnFormatConfig);
+    }
+    const specialVal = formatSpecialDataValue(value);
+    if (specialVal) {
+        return specialVal;
+    }
+    const floatValue = parseFloat(value.toString());
+    const absFloatValue = Math.abs(floatValue);
+    switch (formatConfig.category) {
+        case CategoryType.Number: {
+            const configDetails = formatConfig.numberFormatConfig || {};
+            const formatterConfigMap = mapFormatterConfig(absFloatValue, configDetails);
+            const compactValue = absFloatValue /
+                UNITS_TO_DIVIDING_FACTOR[formatterConfigMap.unitDetails];
+            const suffix = UNITS_TO_SUFFIX[formatterConfigMap.unitDetails];
+            const formattedValue = formatNumberSafely({
+                style: 'decimal',
+                maximumFractionDigits: formatterConfigMap.decimalDetails,
+                minimumFractionDigits: formatterConfigMap.shouldRemoveTrailingZeros
+                    ? 0
+                    : formatterConfigMap.decimalDetails,
+                useGrouping: configDetails.toSeparateThousands || false,
+            }, compactValue);
+            const absFormattedValue = `${formattedValue}${suffix}`;
+            if (absFloatValue !== floatValue) {
+                return formatNegativeValue(absFormattedValue, configDetails.negativeValueFormat);
+            }
+            return absFormattedValue;
+        }
+        case CategoryType.Percentage: {
+            const configDetails = formatConfig.percentageFormatConfig;
+            const decimalDetails = (configDetails === null || configDetails === void 0 ? void 0 : configDetails.decimals) || 0;
+            return formatNumberSafely({
+                style: 'percent',
+                maximumFractionDigits: decimalDetails,
+                minimumFractionDigits: (configDetails === null || configDetails === void 0 ? void 0 : configDetails.removeTrailingZeroes)
+                    ? 0
+                    : decimalDetails,
+            }, floatValue);
+        }
+        case CategoryType.Currency: {
+            const configDetails = formatConfig.currencyFormatConfig || {};
+            const formatterConfigMap = mapFormatterConfig(absFloatValue, configDetails);
+            const compactValue = floatValue /
+                UNITS_TO_DIVIDING_FACTOR[formatterConfigMap.unitDetails];
+            let locale = configDetails.locale || getDefaultCurrencyCode();
+            if (locale === CurrencyFormatType.USER_LOCALE) {
+                locale = getLocaleName({
+                    type: locale,
+                });
+            }
+            try {
+                const formatter = globalizeCurrencyFormatter(locale, {
+                    style: 'symbol',
+                    maximumFractionDigits: formatterConfigMap.decimalDetails,
+                    minimumFractionDigits: formatterConfigMap.shouldRemoveTrailingZeros
+                        ? 0
+                        : formatterConfigMap.decimalDetails,
+                    useGrouping: configDetails.toSeparateThousands || false,
+                });
+                const formattedValue = formatter(compactValue);
+                const currencyCode = formattedValue.replace(CURRENCY_CODE_EXTRACTOR_REGEX, '');
+                const suffix = !_.isNil(floatValue)
+                    ? UNITS_TO_SUFFIX[formatterConfigMap.unitDetails]
+                    : '';
+                if (/[0-9]$/.test(formattedValue.charAt(0))) {
+                    return `${formattedValue.replace(currencyCode, '')}${suffix}${currencyCode}`;
+                }
+                return `${formattedValue}${suffix}`;
+            }
+            catch (e) {
+                logger.error('Corrupted format config passed, formatting using default config', formatConfig, e);
+            }
+            break;
+        }
+        case CategoryType.Custom: {
+            const formatPattern = (_a = formatConfig.customFormatConfig) === null || _a === void 0 ? void 0 : _a.format;
+            const currencyCode = (_b = columnFormatConfig.currencyFormat) === null || _b === void 0 ? void 0 : _b.isoCode;
+            if (!_.isNil(formatPattern) &&
+                validateNumberFormat(sanitizeFormat(formatPattern))) {
+                const sanitizedPattern = sanitizeFormat(formatPattern);
+                if (!_.isNil(currencyCode)) {
+                    const formattedValueWithLocaleAndPattern = formatCurrencyWithCustomPattern(floatValue, currencyCode, formatPattern);
+                    return `${formattedValueWithLocaleAndPattern}`;
+                }
+                return formatNumberSafely({
+                    style: 'decimal',
+                    raw: sanitizedPattern,
+                }, floatValue);
+            }
+            logger.error('Invalid custom format config passed:', formatConfig);
+            break;
+        }
+        default: {
+            return formatNumberSafely({
+                style: 'decimal',
+            }, floatValue);
+        }
+    }
+    return formatNumberSafely({
+        style: 'decimal',
+    }, floatValue);
+};
+//# sourceMappingURL=number-formatting.js.map

package/lib/utils/number-formatting/number-formatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-formatting.js","sourceRoot":"","sources":["../../../src/utils/number-formatting/number-formatting.ts"],"names":[],"mappings":"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"}

package/lib/utils/number-formatting/number-formatting.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=number-formatting.spec.d.ts.map

package/lib/utils/number-formatting/number-formatting.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-formatting.spec.d.ts","sourceRoot":"","sources":["../../../src/utils/number-formatting/number-formatting.spec.ts"],"names":[],"mappings":""}

package/lib/utils/number-formatting/number-formatting.spec.js

@@ -0,0 +1,159 @@
+import { create, LogLevel, logMethods } from '../../main/logger';
+import { CurrencyFormatType, FormatType, } from '../../types/answer-column.types';
+import { CategoryType, NegativeValueFormat, Unit, } from '../../types/number-formatting.types';
+import { initGlobalize } from '../globalize-Initializer/globalize-utils';
+import * as globalizeUtils from '../globalize-Initializer/globalize-utils';
+import { formatCurrencyWithCustomPattern, getFormattedValue, } from './number-formatting';
+jest.mock('../../main/util', () => ({
+    getQueryParam: jest.fn().mockReturnValue('true'),
+}));
+describe('formatCurrencyWithCustomPattern', () => {
+    beforeAll(() => {
+        initGlobalize('en-US');
+    });
+    test('formats value with a custom pattern and currency symbol', () => {
+        const value = 12345.678;
+        const currencyCode = 'USD';
+        const formatPattern = '#,##0.00';
+        const result = formatCurrencyWithCustomPattern(value, currencyCode, formatPattern);
+        expect(result).toBe('$12,345.68');
+    });
+});
+describe('getFormattedValue', () => {
+    beforeAll(() => {
+        initGlobalize('en-US');
+    });
+    const columnFormatConfig = {
+        type: FormatType.CURRENCY,
+        currencyFormat: {
+            type: CurrencyFormatType.ISO_CODE,
+            column: '',
+            isoCode: 'USD',
+        },
+    };
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+    test('uses Number Fromatting as default configuration when formatConfigProp &  columnFormatConfig are null', () => {
+        const result = getFormattedValue(12345, {}, {});
+        expect(result).toBe('12.35K');
+    });
+    test('use Custom Formatting as default configuration when only formatConfigProp is null', () => {
+        const result = getFormattedValue(12345, {}, columnFormatConfig);
+        expect(result).toBe('$12.35K');
+    });
+    test('formats special values (NaN, Infinity)', () => {
+        expect(getFormattedValue(NaN, {}, {})).toBe('NaN');
+        expect(getFormattedValue(Infinity, {}, {})).toBe('Infinity');
+        expect(getFormattedValue(-Infinity, {}, {})).toBe('-Infinity');
+    });
+    test('formats number category values with units and trailing zeroes', () => {
+        const formatConfig = {
+            category: CategoryType.Number,
+            numberFormatConfig: {
+                unit: Unit.Thousands,
+                decimals: 2,
+                toSeparateThousands: true,
+                negativeValueFormat: NegativeValueFormat.PrefixDash,
+            },
+        };
+        const result = getFormattedValue(-12345, formatConfig, {});
+        expect(result).toBe('-12.35K');
+    });
+    test('formats percentage values correctly', () => {
+        const formatConfig = {
+            category: CategoryType.Percentage,
+            percentageFormatConfig: { decimals: 2, removeTrailingZeroes: true },
+        };
+        const result = getFormattedValue(0.1234, formatConfig, {});
+        expect(result).toBe('12.34%');
+    });
+    test('formats currency values with compact units', () => {
+        const formatConfig = {
+            category: CategoryType.Currency,
+            currencyFormatConfig: {
+                locale: 'USD',
+                toSeparateThousands: true,
+            },
+        };
+        const result = getFormattedValue(12345.678, formatConfig, {});
+        expect(result).toMatch(/^\$\d+,\d+(\.\d+)?$/);
+    });
+    test('formats currency values with user Locale', () => {
+        jest.spyOn(globalizeUtils, 'getDefaultCurrencyCode').mockImplementationOnce(() => 'INR');
+        const formatConfig = {
+            category: CategoryType.Currency,
+            currencyFormatConfig: {
+                unit: Unit.Thousands,
+                decimals: 2,
+                locale: CurrencyFormatType.USER_LOCALE,
+                toSeparateThousands: true,
+            },
+        };
+        const result = getFormattedValue(12345.678, formatConfig, {});
+        expect(result).toMatch('₹12.35K');
+    });
+    test('should normalize category to CategoryType.Number when it is a number', () => {
+        const formatConfig = {
+            category: CategoryType.Number,
+            numberFormatConfig: {
+                unit: Unit.Thousands,
+                decimals: 2,
+                toSeparateThousands: true,
+                negativeValueFormat: NegativeValueFormat.PrefixDash,
+            },
+        };
+        const result = getFormattedValue(1000, formatConfig, {});
+        expect(result).toBe('1.00K');
+    });
+    test('falls back to default formatting for unsupported categories', () => {
+        const formatConfig = { category: 'Unknown' };
+        const result = getFormattedValue(12345.678, formatConfig, {});
+        expect(result).toBe('12,345.678');
+    });
+    test('formats custom pattern correctly', () => {
+        const formatConfig = {
+            category: CategoryType.Custom,
+            customFormatConfig: { format: '#,##0.00' },
+        };
+        const result = getFormattedValue(12345.678, formatConfig, {});
+        expect(result).toBe('12,345.68');
+    });
+    test('formats custom pattern with valid customColumn format', () => {
+        const formatConfig = {
+            category: CategoryType.Custom,
+            customFormatConfig: { format: '#,##0.00' },
+        };
+        const result = getFormattedValue(12345.678, formatConfig, columnFormatConfig);
+        expect(result).toBe('$12,345.68');
+    });
+    test('logs error for invalid custom format patterns', () => {
+        const formatConfig = {
+            category: CategoryType.Custom,
+            customFormatConfig: { format: 'invalid-format' },
+        };
+        const error = jest.fn();
+        logMethods[LogLevel.ERROR] = error;
+        const logger = create('TestLogger');
+        logger.error = error;
+        getFormattedValue(12345.678, formatConfig, {});
+        expect(logger.error).toHaveBeenCalled();
+        jest.restoreAllMocks();
+    });
+    test('handles currency formatting failure', () => {
+        const formatConfig = {
+            category: CategoryType.Currency,
+        };
+        jest.spyOn(globalizeUtils, 'globalizeCurrencyFormatter').mockImplementationOnce(() => {
+            throw new Error('Currency format error');
+        });
+        const error = jest.fn();
+        logMethods[LogLevel.ERROR] = error;
+        const logger = create('TestLogger');
+        logger.error = error;
+        getFormattedValue(12345.678, formatConfig, {});
+        expect(logger.error).toHaveBeenCalled();
+        jest.restoreAllMocks();
+    });
+});
+//# sourceMappingURL=number-formatting.spec.js.map

package/lib/utils/number-formatting/number-formatting.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-formatting.spec.js","sourceRoot":"","sources":["../../../src/utils/number-formatting/number-formatting.spec.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@thoughtspot/ts-chart-sdk",
     "private": false,
-    "version": "0.0.2-alpha.24",
+    "version": "0.0.2-alpha.26",
     "module": "lib/index",
     "main": "lib/index",
     "types": "lib/index",
@@ -34,6 +34,7 @@
     "devDependencies": {
         "@testing-library/react": "12.1.5",
         "@testing-library/react-hooks": "^7.0.2",
+        "@types/globalize": "^1.5.5",
         "@types/jest": "^27.0.3",
         "@types/lodash": "4.14.175",
         "@types/luxon": "^3.4.2",
@@ -74,6 +75,8 @@
         "vite": "4.2.1"
     },
     "dependencies": {
+        "cldr-data": "^36.0.2",
+        "globalize": "^1.7.0",
         "lodash": "^4.17.21",
         "luxon": "^3.4.4",
         "promise-postmessage": "^3.5.0",

package/src/index.ts

@@ -10,3 +10,5 @@ export * from './types/conditional-formatting.types';
 export * from './types/number-formatting.types';
 export * from './utils/date-formatting';
 export * from './utils/conditional-formatting/conditional-formatting';
+export * from './utils/number-formatting/number-formatting';
+export * from './utils/globalize-Initializer/globalize-utils';

package/src/main/custom-chart-context.ts

@@ -52,6 +52,7 @@ import {
     VisualEditorDefinitionSetter,
     VisualPropEditorDefinition,
 } from '../types/visual-prop.types';
+import { setLocaleBasedStringFormats } from '../utils/number-formatting/number-formatting-utils';
 import { create } from './logger';
 import {
     globalThis,
@@ -1020,7 +1021,9 @@ export class CustomChartContext {
         this.containerEl = payload.containerElSelector
             ? document.querySelector(payload.containerElSelector)
             : null;
-
+        setLocaleBasedStringFormats(
+            this.appConfig.dateFormatsConfig?.tsLocaleBasedStringsFormats,
+        );
         return this.publishChartContextPropsToHost();
     };
 

package/src/types/answer-column.types.ts

@@ -82,9 +82,9 @@ export enum FormatType {
  * @version SDK: 0.1 | ThoughtSpot:
  */
 export enum CurrencyFormatType {
-    USER_LOCALE,
-    COLUMN,
-    ISO_CODE,
+    USER_LOCALE = 'USER_LOCALE',
+    COLUMN = 'COLUMN',
+    ISO_CODE = 'ISO_CODE',
 }
 
 /**

package/src/types/visual-prop.types.ts

@@ -16,6 +16,38 @@ export type TSTooltipConfig = {
     columnIds: Array<string>;
 };
 
+export enum VisualPropComponentTranslationKeys {
+    SHOW_ALL_LABELS = 'SHOW_ALL_LABELS',
+    TOO_MANY_LABELS = 'TOO_MANY_LABELS',
+    MAP_TILE_LABEL = 'MAP_TILE_LABEL',
+    ENABLE_MARKERS = 'ENABLE_MARKERS',
+    SHOW_REGRESSION_LINE = 'SHOW_REGRESSION_LINE',
+    X_AXIS_GRID_LINE = 'X_AXIS_GRID_LINE',
+    Y_AXIS_GRID_LINE = 'Y_AXIS_GRID_LINE',
+    MAX_DATA_POINTS = 'MAX_DATA_POINTS',
+    HIGH_CARDINALITY_BATCH_SIZE_DISABLED = 'highCardinalityBatchSizeDisabled',
+    HIGH_CARDINALITY_BATCH_SIZE_LIMIT = 'highCardinalityBatchSizeLimit',
+    CHART_CUSTOMIZE = 'CHART_CUSTOMIZE',
+    SELECT_AN_AREA = 'chartConfigurator.SELECT_AN_AREA',
+    RESET_ZOOM = 'chartConfigurator.RESET_ZOOM',
+    EDIT_TOOLTIP = 'EDIT_TOOLTIP',
+    DONT_SHOW = 'DONT_SHOW',
+    SHOW_GAP = 'SHOW_GAP',
+    SHOW_AS_ZERO = 'SHOW_AS_ZERO',
+    HANDLE_MISSING_VALUES = 'HANDLE_MISSING_VALUES',
+    SHOW_NULL_AS_ZERO = 'SHOW_NULL_AS_ZERO',
+    EXCLUDE_NULL_VALUES = 'EXCLUDE_NULL_VALUES',
+    COLUMN_CUSTOMIZE = 'COLUMN_CUSTOMIZE',
+    SHOW_TOTAL_LABELS = 'SHOW_TOTAL_LABELS',
+    SHOW_DETAILED_LABELS = 'SHOW_DETAILED_LABELS',
+    SHOW_DATA_LABELS = 'SHOW_DATA_LABELS',
+    SHOW_AXIS_AS_PERCENT = 'SHOW_AXIS_AS_PERCENT',
+    RIGHT_LEGEND = 'RIGHT_LEGEND',
+    LEFT_LEGEND = 'LEFT_LEGEND',
+    TOP_LEGEND = 'TOP_LEGEND',
+    BOTTOM_LEGEND = 'BOTTOM_LEGEND',
+}
+
 /**
  * Configuration for input validation rules
  */
@@ -127,6 +159,12 @@ export interface TextInputFormDetail {
      * @version SDK: 0.0.2-alpha.13 | ThoughtSpot:
      */
     disabled?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -166,6 +204,12 @@ export interface NumberInputFormDetail {
      * @version SDK: 0.0.2-alpha.13 | ThoughtSpot:
      */
     disabled?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -200,6 +244,12 @@ export interface ColorPickerFormDetail {
      * @version SDK: 0.0.1-alpha.7 | ThoughtSpot:
      */
     defaultValue?: string;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -233,6 +283,12 @@ export interface ToggleFormDetail {
      * @version SDK: 0.0.2-alpha.13 | ThoughtSpot:
      */
     disabled?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -266,6 +322,12 @@ export interface CheckboxFormDetail {
      * @version SDK: 0.0.2-alpha.13 | ThoughtSpot:
      */
     disabled?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -305,6 +367,12 @@ export interface RadioButtonFormDetail {
      * @version SDK: 0.0.2-3 | ThoughtSpot:
      */
     disabled?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -344,6 +412,12 @@ export interface DropDownFormDetail {
      * @version SDK: 0.0.2-alpha.13 | ThoughtSpot:
      */
     disabled?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -397,6 +471,12 @@ export interface Section {
      * @version SDK: 0.0.2-alpha.19 | ThoughtSpot:
      */
     isAccordianExpanded?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**
@@ -431,6 +511,12 @@ export interface NativeEditToolTip {
      * @version SDK: 0.0.2-alpha.13 | ThoughtSpot:
      */
     disabled?: boolean;
+    /**
+     * Translation key for the label
+     *
+     * @version SDK: 0.2 | ThoughtSpot:
+     */
+    labelTranslation?: VisualPropComponentTranslationKeys;
 }
 
 /**