@qrvey/utils 1.5.0-4 → 1.5.0-7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/cjs/column_format/helpers/defineTableChartFormat.js +2 -2
- package/dist/cjs/format/definition.d.ts +1 -0
- package/dist/cjs/format/definition.js +8 -1
- package/dist/cjs/format/duration/durationFormatter.js +1 -5
- package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilder.d.ts +2 -0
- package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderDurationParts.d.ts +9 -0
- package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderDurationParts.js +2 -0
- package/dist/cjs/globalization/interfaces/chart_builder/index.d.ts +1 -0
- package/dist/cjs/globalization/interfaces/chart_builder/index.js +1 -0
- package/dist/cjs/globalization/interfaces/panel/II18nPanelMenu.d.ts +1 -0
- package/dist/cjs/globalization/interfaces/style_themes/II18nStyleThemesTheme.d.ts +1 -0
- package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER.js +8 -0
- package/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_STYLE_OPTIONS.js +2 -2
- package/dist/cjs/globalization/labels/panel/I18N_PANEL.js +1 -0
- package/dist/cjs/globalization/labels/style_themes/I18N_STYLE_THEMES.js +1 -0
- package/dist/column_format/helpers/defineTableChartFormat.js +2 -2
- package/dist/format/definition.d.ts +1 -0
- package/dist/format/definition.js +7 -0
- package/dist/format/duration/durationFormatter.js +1 -5
- package/dist/globalization/interfaces/chart_builder/II18nChartBuilder.d.ts +2 -0
- package/dist/globalization/interfaces/chart_builder/II18nChartBuilderDurationParts.d.ts +9 -0
- package/dist/globalization/interfaces/chart_builder/II18nChartBuilderDurationParts.js +1 -0
- package/dist/globalization/interfaces/chart_builder/index.d.ts +1 -0
- package/dist/globalization/interfaces/chart_builder/index.js +1 -0
- package/dist/globalization/interfaces/panel/II18nPanelMenu.d.ts +1 -0
- package/dist/globalization/interfaces/style_themes/II18nStyleThemesTheme.d.ts +1 -0
- package/dist/globalization/labels/chart_builder/I18N_CHART_BUILDER.js +8 -0
- package/dist/globalization/labels/chart_builder/I18N_CHART_BUILDER_STYLE_OPTIONS.js +2 -2
- package/dist/globalization/labels/panel/I18N_PANEL.js +1 -0
- package/dist/globalization/labels/style_themes/I18N_STYLE_THEMES.js +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -8,9 +8,9 @@ const CHART_GROUP_1 = require("../constants/CHART_GROUP");
|
|
|
8
8
|
const STRING_FORMAT_1 = require("../constants/STRING_FORMAT");
|
|
9
9
|
const TABLE_TYPE_1 = require("../constants/TABLE_TYPE");
|
|
10
10
|
const columnTypeByChart_1 = require("./columnTypeByChart");
|
|
11
|
+
const definition_1 = require("../../format/definition");
|
|
11
12
|
const CALCULATION_LABEL_1 = require("../../qrvey/constants/CALCULATION_LABEL");
|
|
12
13
|
const DATEGROUP_UNSUPPORT_FORMAT_1 = require("../constants/DATEGROUP_UNSUPPORT_FORMAT");
|
|
13
|
-
const DURATION_PARTS_LIST_1 = require("../constants/DURATION_PARTS_LIST");
|
|
14
14
|
/**
|
|
15
15
|
* It returns the format of a column based on the column type, the chart type, and the chart settings
|
|
16
16
|
* @param {IChartColumn} column - IChartColumn
|
|
@@ -76,7 +76,7 @@ const defineTableChartFormat = (column, settings) => {
|
|
|
76
76
|
else {
|
|
77
77
|
output = defaultFormat || defaultNumeric;
|
|
78
78
|
}
|
|
79
|
-
if (
|
|
79
|
+
if (!definition_1.STANDARD_NUMERIC_FORMATS.includes(output === null || output === void 0 ? void 0 : output.format)) {
|
|
80
80
|
output = Object.assign(Object.assign({}, output), { template: output.format, format: "Duration" });
|
|
81
81
|
}
|
|
82
82
|
return output;
|
|
@@ -21,6 +21,7 @@ export declare const enum LOCALE_FORMATS {
|
|
|
21
21
|
ABBREVIATED = "Abbreviated",
|
|
22
22
|
DURATION = "Duration"
|
|
23
23
|
}
|
|
24
|
+
export declare const STANDARD_NUMERIC_FORMATS: LOCALE_FORMATS[];
|
|
24
25
|
export declare const enum LOCALE_STYLES {
|
|
25
26
|
DECIMAL = "decimal",
|
|
26
27
|
PERCENT = "percent",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DEFAULT_OPTIONS = exports.DURATION_PARTS = exports.PARTS_REGEX = exports.DATETIME_OPTIONS = exports.CURRENCY_DEFAULT = exports.LANG_DEFAULT = exports.currencyISO = exports.isTextColumn = exports.supportNumericFormatting = exports.hasfileSizeProperty = exports.appliesFormatting = exports.DATEGROUP_FORMATTING_UNSUPPORT = exports.QUESTION_FORMAT_SUPPORT = exports.numericalFields = exports.complexFields = exports.textFields = void 0;
|
|
3
|
+
exports.DEFAULT_OPTIONS = exports.DURATION_PARTS = exports.PARTS_REGEX = exports.DATETIME_OPTIONS = exports.CURRENCY_DEFAULT = exports.LANG_DEFAULT = exports.STANDARD_NUMERIC_FORMATS = exports.currencyISO = exports.isTextColumn = exports.supportNumericFormatting = exports.hasfileSizeProperty = exports.appliesFormatting = exports.DATEGROUP_FORMATTING_UNSUPPORT = exports.QUESTION_FORMAT_SUPPORT = exports.numericalFields = exports.complexFields = exports.textFields = void 0;
|
|
4
4
|
const isComplexColumn_1 = require("../columns/helpers/isComplexColumn");
|
|
5
5
|
const COLUMN_1 = require("../columns/constants/COLUMN");
|
|
6
6
|
const Charts_Const_1 = require("../constants/Charts.Const");
|
|
@@ -104,6 +104,13 @@ exports.currencyISO = [
|
|
|
104
104
|
{ text: "฿ (THB)", label: "THB" },
|
|
105
105
|
{ text: "RM (MYR)", label: "MYR" },
|
|
106
106
|
];
|
|
107
|
+
exports.STANDARD_NUMERIC_FORMATS = [
|
|
108
|
+
"Abbreviated" /* LOCALE_FORMATS.ABBREVIATED */,
|
|
109
|
+
"Currency" /* LOCALE_FORMATS.CURRENCY */,
|
|
110
|
+
"Decimal" /* LOCALE_FORMATS.DECIMAL */,
|
|
111
|
+
"Percentage" /* LOCALE_FORMATS.PERCENTAGE */,
|
|
112
|
+
"Scientific" /* LOCALE_FORMATS.SCIENTIFIC */,
|
|
113
|
+
];
|
|
107
114
|
exports.LANG_DEFAULT = "en-US";
|
|
108
115
|
exports.CURRENCY_DEFAULT = { text: "$ (USD)", label: "USD" };
|
|
109
116
|
exports.DATETIME_OPTIONS = {
|
|
@@ -129,14 +129,10 @@ class DurationFormatter {
|
|
|
129
129
|
return "";
|
|
130
130
|
number *= this.numberFactor;
|
|
131
131
|
const durationParts = this.parts.reduce((store, part) => {
|
|
132
|
-
store[part.symbol] = number / part.ms;
|
|
132
|
+
store[part.symbol] = Math.floor(number / part.ms);
|
|
133
133
|
number %= part.ms;
|
|
134
134
|
return store;
|
|
135
135
|
}, {});
|
|
136
|
-
if (!Number.isInteger(number))
|
|
137
|
-
return number === null
|
|
138
|
-
? null
|
|
139
|
-
: this.valueFormatter.format(number).padStart(this.parts.length, "0");
|
|
140
136
|
if ((0, isEmpty_1.isEmpty)(this.template))
|
|
141
137
|
return this.valueFormatter
|
|
142
138
|
.format(number)
|
|
@@ -69,6 +69,7 @@ import { II18nChartBuilderTimePeriod } from "./II18nChartBuilderTimePeriod";
|
|
|
69
69
|
import { II18nChartBuilderTimePeriodCustomRange } from "./II18nChartBuilderTimePeriodCustomRange";
|
|
70
70
|
import { II18nChartBuilderWordCloud } from "./II18nChartBuilderWordCloud";
|
|
71
71
|
import { II18nChartBuilderBoxWhisker } from "./II18nChartBuilderBoxWhisker";
|
|
72
|
+
import { II18nChartBuilderDurationParts } from "./II18nChartBuilderDurationParts";
|
|
72
73
|
export interface II18nChartBuilder {
|
|
73
74
|
action_panel: II18nChartBuilderActionPanel;
|
|
74
75
|
aggregated_formula: II18nChartBuilderAggregatedFormulas;
|
|
@@ -141,4 +142,5 @@ export interface II18nChartBuilder {
|
|
|
141
142
|
trend_chart: II18nChartBuilderTrendChart;
|
|
142
143
|
trends_line: II18nChartBuilderTrendsLine;
|
|
143
144
|
word_cloud: II18nChartBuilderWordCloud;
|
|
145
|
+
duration_parts: II18nChartBuilderDurationParts;
|
|
144
146
|
}
|
|
@@ -86,3 +86,4 @@ __exportStar(require("./II18nChartBuilderTimePeriod"), exports);
|
|
|
86
86
|
__exportStar(require("./II18nChartBuilderTimePeriodCustomRange"), exports);
|
|
87
87
|
__exportStar(require("./II18nChartBuilderWordCloud"), exports);
|
|
88
88
|
__exportStar(require("./II18nChartBuilderBoxWhisker"), exports);
|
|
89
|
+
__exportStar(require("./II18nChartBuilderDurationParts"), exports);
|
|
@@ -27,6 +27,14 @@ exports.I18N_CHART_BUILDER = Object.assign(Object.assign(Object.assign(Object.as
|
|
|
27
27
|
date_format: "Date Format",
|
|
28
28
|
value_format: "Value Format",
|
|
29
29
|
duration: "Duration",
|
|
30
|
+
}, duration_parts: {
|
|
31
|
+
full_duration: "D[d] HH[h] mm[m] ss[s]",
|
|
32
|
+
hour_minute_seconds: "HH:mm:ss",
|
|
33
|
+
hour_minutes: "HH:mm",
|
|
34
|
+
hours: "HH",
|
|
35
|
+
minutes: "mm",
|
|
36
|
+
seconds: "ss (Seconds)",
|
|
37
|
+
milliseconds: "SSS (Milliseconds)",
|
|
30
38
|
}, chart_names: {
|
|
31
39
|
bar: "Bar",
|
|
32
40
|
line: "Line",
|
|
@@ -218,8 +218,8 @@ exports.I18N_CHART_BUILDER_STYLE_OPTIONS = {
|
|
|
218
218
|
border_outer: "Outer Borders",
|
|
219
219
|
expandable_color: "Header Color",
|
|
220
220
|
expandable_font_color: "Header Font Color",
|
|
221
|
-
crosstab_color: "
|
|
222
|
-
crosstab_font_color: "
|
|
221
|
+
crosstab_color: "BG Color",
|
|
222
|
+
crosstab_font_color: "Font Color",
|
|
223
223
|
},
|
|
224
224
|
table_body: {
|
|
225
225
|
title: "Body",
|
|
@@ -5,9 +5,9 @@ import { CHART_GROUPS } from "../constants/CHART_GROUP";
|
|
|
5
5
|
import { STRING_FORMAT } from "../constants/STRING_FORMAT";
|
|
6
6
|
import { TABLE_TYPE } from "../constants/TABLE_TYPE";
|
|
7
7
|
import { columnTypeByChart } from "./columnTypeByChart";
|
|
8
|
+
import { STANDARD_NUMERIC_FORMATS } from "../../format/definition";
|
|
8
9
|
import { CALCULATION_LABEL } from "../../qrvey/constants/CALCULATION_LABEL";
|
|
9
10
|
import { DATEGROUP_UNSUPPORT_FORMAT } from "../constants/DATEGROUP_UNSUPPORT_FORMAT";
|
|
10
|
-
import { DURATION_PARTS_LIST } from '../constants/DURATION_PARTS_LIST';
|
|
11
11
|
/**
|
|
12
12
|
* It returns the format of a column based on the column type, the chart type, and the chart settings
|
|
13
13
|
* @param {IChartColumn} column - IChartColumn
|
|
@@ -73,7 +73,7 @@ export const defineTableChartFormat = (column, settings) => {
|
|
|
73
73
|
else {
|
|
74
74
|
output = defaultFormat || defaultNumeric;
|
|
75
75
|
}
|
|
76
|
-
if (
|
|
76
|
+
if (!STANDARD_NUMERIC_FORMATS.includes(output === null || output === void 0 ? void 0 : output.format)) {
|
|
77
77
|
output = Object.assign(Object.assign({}, output), { template: output.format, format: "Duration" });
|
|
78
78
|
}
|
|
79
79
|
return output;
|
|
@@ -21,6 +21,7 @@ export declare const enum LOCALE_FORMATS {
|
|
|
21
21
|
ABBREVIATED = "Abbreviated",
|
|
22
22
|
DURATION = "Duration"
|
|
23
23
|
}
|
|
24
|
+
export declare const STANDARD_NUMERIC_FORMATS: LOCALE_FORMATS[];
|
|
24
25
|
export declare const enum LOCALE_STYLES {
|
|
25
26
|
DECIMAL = "decimal",
|
|
26
27
|
PERCENT = "percent",
|
|
@@ -97,6 +97,13 @@ export const currencyISO = [
|
|
|
97
97
|
{ text: "฿ (THB)", label: "THB" },
|
|
98
98
|
{ text: "RM (MYR)", label: "MYR" },
|
|
99
99
|
];
|
|
100
|
+
export const STANDARD_NUMERIC_FORMATS = [
|
|
101
|
+
"Abbreviated" /* LOCALE_FORMATS.ABBREVIATED */,
|
|
102
|
+
"Currency" /* LOCALE_FORMATS.CURRENCY */,
|
|
103
|
+
"Decimal" /* LOCALE_FORMATS.DECIMAL */,
|
|
104
|
+
"Percentage" /* LOCALE_FORMATS.PERCENTAGE */,
|
|
105
|
+
"Scientific" /* LOCALE_FORMATS.SCIENTIFIC */,
|
|
106
|
+
];
|
|
100
107
|
export const LANG_DEFAULT = "en-US";
|
|
101
108
|
export const CURRENCY_DEFAULT = { text: "$ (USD)", label: "USD" };
|
|
102
109
|
export const DATETIME_OPTIONS = {
|
|
@@ -126,14 +126,10 @@ export class DurationFormatter {
|
|
|
126
126
|
return "";
|
|
127
127
|
number *= this.numberFactor;
|
|
128
128
|
const durationParts = this.parts.reduce((store, part) => {
|
|
129
|
-
store[part.symbol] = number / part.ms;
|
|
129
|
+
store[part.symbol] = Math.floor(number / part.ms);
|
|
130
130
|
number %= part.ms;
|
|
131
131
|
return store;
|
|
132
132
|
}, {});
|
|
133
|
-
if (!Number.isInteger(number))
|
|
134
|
-
return number === null
|
|
135
|
-
? null
|
|
136
|
-
: this.valueFormatter.format(number).padStart(this.parts.length, "0");
|
|
137
133
|
if (isEmpty(this.template))
|
|
138
134
|
return this.valueFormatter
|
|
139
135
|
.format(number)
|
|
@@ -69,6 +69,7 @@ import { II18nChartBuilderTimePeriod } from "./II18nChartBuilderTimePeriod";
|
|
|
69
69
|
import { II18nChartBuilderTimePeriodCustomRange } from "./II18nChartBuilderTimePeriodCustomRange";
|
|
70
70
|
import { II18nChartBuilderWordCloud } from "./II18nChartBuilderWordCloud";
|
|
71
71
|
import { II18nChartBuilderBoxWhisker } from "./II18nChartBuilderBoxWhisker";
|
|
72
|
+
import { II18nChartBuilderDurationParts } from "./II18nChartBuilderDurationParts";
|
|
72
73
|
export interface II18nChartBuilder {
|
|
73
74
|
action_panel: II18nChartBuilderActionPanel;
|
|
74
75
|
aggregated_formula: II18nChartBuilderAggregatedFormulas;
|
|
@@ -141,4 +142,5 @@ export interface II18nChartBuilder {
|
|
|
141
142
|
trend_chart: II18nChartBuilderTrendChart;
|
|
142
143
|
trends_line: II18nChartBuilderTrendsLine;
|
|
143
144
|
word_cloud: II18nChartBuilderWordCloud;
|
|
145
|
+
duration_parts: II18nChartBuilderDurationParts;
|
|
144
146
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -24,6 +24,14 @@ export const I18N_CHART_BUILDER = Object.assign(Object.assign(Object.assign(Obje
|
|
|
24
24
|
date_format: "Date Format",
|
|
25
25
|
value_format: "Value Format",
|
|
26
26
|
duration: "Duration",
|
|
27
|
+
}, duration_parts: {
|
|
28
|
+
full_duration: "D[d] HH[h] mm[m] ss[s]",
|
|
29
|
+
hour_minute_seconds: "HH:mm:ss",
|
|
30
|
+
hour_minutes: "HH:mm",
|
|
31
|
+
hours: "HH",
|
|
32
|
+
minutes: "mm",
|
|
33
|
+
seconds: "ss (Seconds)",
|
|
34
|
+
milliseconds: "SSS (Milliseconds)",
|
|
27
35
|
}, chart_names: {
|
|
28
36
|
bar: "Bar",
|
|
29
37
|
line: "Line",
|
|
@@ -215,8 +215,8 @@ export const I18N_CHART_BUILDER_STYLE_OPTIONS = {
|
|
|
215
215
|
border_outer: "Outer Borders",
|
|
216
216
|
expandable_color: "Header Color",
|
|
217
217
|
expandable_font_color: "Header Font Color",
|
|
218
|
-
crosstab_color: "
|
|
219
|
-
crosstab_font_color: "
|
|
218
|
+
crosstab_color: "BG Color",
|
|
219
|
+
crosstab_font_color: "Font Color",
|
|
220
220
|
},
|
|
221
221
|
table_body: {
|
|
222
222
|
title: "Body",
|