@qrvey/utils 1.2.9-23 → 1.2.9-26

package/README.md

@@ -1,4 +1,4 @@
-# [@qrvey/utils](https://bitbucket.org/qrvey/qrvey_utils/wiki/Home) *1.2.9-23*
+# [@qrvey/utils](https://bitbucket.org/qrvey/qrvey_utils/wiki/Home) *1.2.9-26*
 
 > Helper, Utils for all Qrvey Projects
 
@@ -2722,69 +2722,68 @@ Gets the format config
 
 
 
-### dist/stencil/decorators/Config.js
+### dist/services/api/getAllDatasets.api.js
 
 
-#### Config() 
-
-Stencil.js - Prop Decorator
-Get and Parse the Widget Configuration Object and also provide the ability to get properties in different case styles such as: lower, upper, camel and pascal
-But for this, is required ask for a property in `snake_case` style
+#### getAllDatasets(config, pickDatasets) 
 
+Get a dataset list from a collection of Qrvey IDs
 
 
 
 
+##### Parameters
 
-##### Examples
+| Name | Type | Description |  |
+| ---- | ---- | ----------- | -------- |
+| config |  | the widget config. Includes the appid and others configuration properties |   |
+| pickDatasets |  | Collection of Qrvey IDs for filtering the request |   |
 
-```javascript
-\ @Config() @Prop() settings;
 
-someMethod() {
- this.settings.snake_case //it search for: obj.snake_case || obj.snakeCase || obj.SnakeCase || obj.snakecase || obj.SNAKECASE
-}
-```
 
 
 ##### Returns
 
 
-- `Void`
+-  a promise
 
 
 
 
-### dist/stencil/util/createRef.js
+### dist/services/api/getAllQrveys.api.js
 
 
-#### createRef() 
+#### getAllQrveys(config, params) 
+
+POST Request for getting Qrveys such as Web Forms and Datasets. Use params for getting precise data
 
-lit implementation of React createRef (https://reactjs.org/docs/refs-and-the-dom.html)
 
 
 
+##### Parameters
+
+| Name | Type | Description |  |
+| ---- | ---- | ----------- | -------- |
+| config |  | Configuration |   |
+| params |  | Object for getting precise data |   |
+
 
 
 
 ##### Returns
 
 
--  function - Function to use in ref prop in html elements
+- `Void`
 
 
 
 
-### dist/stencil/util/getConfig.js
+### dist/services/api/getDatasetColumns.api.js
 
 
-#### getConfig(cfg) 
+#### getDatasetColumns(qrveyid) 
 
-verify the Config object type and try to return a parsed Object
-- In case _cfg_ is a string, first try to make a JSON parse in other case
-try to find this string as a variable on Windows object
-- If _cfg_ is a fuction, tis is invoked and parsed
-- Finally, if is an object, _cfg_ is inmediatly returned
+Get a dataset by Qrvey ID
 
 
 
@@ -2793,7 +2792,7 @@ try to find this string as a variable on Windows object
 
 | Name | Type | Description |  |
 | ---- | ---- | ----------- | -------- |
-| cfg |  |  |   |
+| qrveyid |  | The Qrvey ID |   |
 
 
 
@@ -2801,55 +2800,52 @@ try to find this string as a variable on Windows object
 ##### Returns
 
 
-- `Void`
-
-
+-  a promise
 
 
-### dist/services/api/getAllDatasets.api.js
 
 
-#### getAllDatasets(config, pickDatasets) 
+### dist/stencil/decorators/Config.js
 
-Get a dataset list from a collection of Qrvey IDs
 
+#### Config() 
 
+Stencil.js - Prop Decorator
+Get and Parse the Widget Configuration Object and also provide the ability to get properties in different case styles such as: lower, upper, camel and pascal
+But for this, is required ask for a property in `snake_case` style
 
 
-##### Parameters
 
-| Name | Type | Description |  |
-| ---- | ---- | ----------- | -------- |
-| config |  | the widget config. Includes the appid and others configuration properties |   |
-| pickDatasets |  | Collection of Qrvey IDs for filtering the request |   |
 
 
 
+##### Examples
 
-##### Returns
+```javascript
+\ @Config() @Prop() settings;
 
+someMethod() {
+ this.settings.snake_case //it search for: obj.snake_case || obj.snakeCase || obj.SnakeCase || obj.snakecase || obj.SNAKECASE
+}
+```
 
--  a promise
 
+##### Returns
 
 
+- `Void`
 
-### dist/services/api/getAllQrveys.api.js
 
 
-#### getAllQrveys(config, params) 
 
-POST Request for getting Qrveys such as Web Forms and Datasets. Use params for getting precise data
+### dist/stencil/util/createRef.js
 
 
+#### createRef() 
 
+lit implementation of React createRef (https://reactjs.org/docs/refs-and-the-dom.html)
 
-##### Parameters
 
-| Name | Type | Description |  |
-| ---- | ---- | ----------- | -------- |
-| config |  | Configuration |   |
-| params |  | Object for getting precise data |   |
 
 
 
@@ -2857,17 +2853,21 @@ POST Request for getting Qrveys such as Web Forms and Datasets. Use params for g
 ##### Returns
 
 
-- `Void`
+-  function - Function to use in ref prop in html elements
 
 
 
 
-### dist/services/api/getDatasetColumns.api.js
+### dist/stencil/util/getConfig.js
 
 
-#### getDatasetColumns(qrveyid) 
+#### getConfig(cfg) 
 
-Get a dataset by Qrvey ID
+verify the Config object type and try to return a parsed Object
+- In case _cfg_ is a string, first try to make a JSON parse in other case
+try to find this string as a variable on Windows object
+- If _cfg_ is a fuction, tis is invoked and parsed
+- Finally, if is an object, _cfg_ is inmediatly returned
 
 
 
@@ -2876,7 +2876,7 @@ Get a dataset by Qrvey ID
 
 | Name | Type | Description |  |
 | ---- | ---- | ----------- | -------- |
-| qrveyid |  | The Qrvey ID |   |
+| cfg |  |  |   |
 
 
 
@@ -2884,7 +2884,7 @@ Get a dataset by Qrvey ID
 ##### Returns
 
 
--  a promise
+- `Void`
 
 
 
@@ -3468,6 +3468,33 @@ Excludes and returns a filter data without filters by the given scopes
 
 
 
+### dist/filters/helpers/common/getFilterColumnLabel.js
+
+
+#### getFilterColumnLabel(column) 
+
+Get an string of the properties of the given filter column.
+
+
+
+
+##### Parameters
+
+| Name | Type | Description |  |
+| ---- | ---- | ----------- | -------- |
+| column |  | The filter column |   |
+
+
+
+
+##### Returns
+
+
+-  an string with the property, aggregate or calculation label.
+
+
+
+
 ### dist/filters/helpers/common/getFilterLabel.js
 
 
@@ -4453,31 +4480,4 @@ Resolves conditions between UI flattened filter and given parameters
 
 
 
-### dist/filters/helpers/common/getFilterColumnLabel.js
-
-
-#### getFilterColumnLabel(column) 
-
-Get an string of the properties of the given filter column.
-
-
-
-
-##### Parameters
-
-| Name | Type | Description |  |
-| ---- | ---- | ----------- | -------- |
-| column |  | The filter column |   |
-
-
-
-
-##### Returns
-
-
--  an string with the property, aggregate or calculation label.
-
-
-
-
 *Documentation generated with [doxdox](https://github.com/neogeek/doxdox).*

package/dist/cjs/dates/constants/DATETIME_COLUMN_FORMAT.d.ts

@@ -0,0 +1 @@
+export declare const DATETIME_COLUMN_FORMAT: string[];

package/dist/cjs/dates/constants/DATETIME_COLUMN_FORMAT.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATETIME_COLUMN_FORMAT = void 0;
+exports.DATETIME_COLUMN_FORMAT = [
+    'MM/DD/YYYY HH24:MM:SS',
+    'DD/MM/YYYY HH24:MM:SS',
+    'YYYY-MM-DD HH24:MM:SS',
+    'MM/DD/YYYY HH24:MI:SS',
+    'DD/MM/YYYY HH24:MI:SS',
+    'YYYY-MM-DD HH24:MI:SS'
+];

package/dist/cjs/dates/constants/index.d.ts

@@ -32,3 +32,4 @@ export * from './DATE_YEAR_MONTHS';
 export * from './DATE_YEAR_MONTHS_MMMM';
 export * from './DATE_YEAR_QUARTERS';
 export * from './DATE_YEAR_QUARTERS_RANGE';
+export * from './DATETIME_COLUMN_FORMAT';

package/dist/cjs/dates/constants/index.js

@@ -44,3 +44,4 @@ __exportStar(require("./DATE_YEAR_MONTHS"), exports);
 __exportStar(require("./DATE_YEAR_MONTHS_MMMM"), exports);
 __exportStar(require("./DATE_YEAR_QUARTERS"), exports);
 __exportStar(require("./DATE_YEAR_QUARTERS_RANGE"), exports);
+__exportStar(require("./DATETIME_COLUMN_FORMAT"), exports);

package/dist/cjs/format/definition.d.ts

@@ -34,3 +34,11 @@ export declare const CURRENCY_DEFAULT: {
     text: string;
     label: string;
 };
+export declare const DATETIME_OPTIONS: {
+    year: string;
+    month: string;
+    day: string;
+    hour: string;
+    minute: string;
+    second: string;
+};

package/dist/cjs/format/definition.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CURRENCY_DEFAULT = exports.LANG_DEFAULT = exports.currencyISO = exports.isTextColumn = exports.supportNumericFormatting = exports.isNumericalColumn = exports.isComplexColumn = exports.hasfileSizeProperty = exports.appliesFormatting = exports.DATEGROUP_FORMATTING_UNSUPPORT = exports.QUESTION_FORMAT_SUPPORT = exports.numericalFields = exports.complexFields = exports.textFields = void 0;
+exports.DATETIME_OPTIONS = exports.CURRENCY_DEFAULT = exports.LANG_DEFAULT = exports.currencyISO = exports.isTextColumn = exports.supportNumericFormatting = exports.isNumericalColumn = exports.isComplexColumn = exports.hasfileSizeProperty = exports.appliesFormatting = exports.DATEGROUP_FORMATTING_UNSUPPORT = exports.QUESTION_FORMAT_SUPPORT = exports.numericalFields = exports.complexFields = exports.textFields = void 0;
 const COLUMN_1 = require("../columns/constants/COLUMN");
 const Charts_Const_1 = require("../constants/Charts.Const");
 exports.textFields = [COLUMN_1.COLUMN.TEXTFIELD, COLUMN_1.COLUMN.TEXT_CATEGORY, COLUMN_1.COLUMN.TEXT_LABEL, COLUMN_1.COLUMN.TEXT_CATEGORY];
@@ -83,3 +83,4 @@ exports.currencyISO = [
 ];
 exports.LANG_DEFAULT = 'en-US';
 exports.CURRENCY_DEFAULT = { text: '$ (USD)', label: 'USD' };
+exports.DATETIME_OPTIONS = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' };

package/dist/cjs/format/localization.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatWithLocale = exports.chooseLang = exports.getLang = void 0;
+const __1 = require("..");
 const isEmpty_1 = require("../general/mix/isEmpty");
 const definition_1 = require("./definition");
 const getLang = (locale) => {
@@ -23,30 +24,37 @@ const formatWithLocale = (value, outputFormat, config = {}) => {
     switch (outputFormat.type) {
         case 'DATE':
         case 'DATETIME':
-            return formatLocaleDate(value, config);
+            return formatLocaleDate(value, outputFormat, config);
         case 'NUMERIC':
             return formatLocaleNumber(value, outputFormat, config);
     }
 };
 exports.formatWithLocale = formatWithLocale;
-function formatLocaleDate(value, config) {
+function formatLocaleDate(value, outputFormat, config) {
     const { lang = definition_1.LANG_DEFAULT, options } = config;
     const dateParam = new Date(value);
+    let langOpts = options;
+    if (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.originalFormat) {
+        const { format } = outputFormat.originalFormat;
+        if (__1.DATETIME_COLUMN_FORMAT.includes(format))
+            langOpts = definition_1.DATETIME_OPTIONS;
+    }
     try {
-        return new Intl.DateTimeFormat([lang, definition_1.LANG_DEFAULT], options).format(dateParam);
+        return new Intl.DateTimeFormat([lang, definition_1.LANG_DEFAULT], langOpts).format(dateParam);
     }
     catch (error) {
-        return new Intl.DateTimeFormat(definition_1.LANG_DEFAULT, options).format(dateParam);
+        return (0, isEmpty_1.isEmpty)(dateParam) ? value : new Intl.DateTimeFormat(definition_1.LANG_DEFAULT, langOpts).format(dateParam);
     }
 }
 function formatLocaleNumber(value, outputFormat, config) {
     const { lang = definition_1.LANG_DEFAULT, options } = config;
     const langOpts = options || getLocaleOptions(outputFormat);
+    const valueToFormat = (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Percentage" /* PERCENTAGE */ ? value / 100 : value;
     try {
-        return new Intl.NumberFormat([lang, definition_1.LANG_DEFAULT], langOpts).format(value);
+        return new Intl.NumberFormat([lang, definition_1.LANG_DEFAULT], langOpts).format(valueToFormat);
     }
     catch (e) {
-        return new Intl.NumberFormat(definition_1.LANG_DEFAULT, langOpts).format(value);
+        return new Intl.NumberFormat(definition_1.LANG_DEFAULT, langOpts).format(valueToFormat);
     }
 }
 function getLocaleOptions(outputFormat) {

package/dist/cjs/globalization/interfaces/chart_builder/II18nChartBuilderDimensions.d.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/dist/cjs/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL.js

@@ -79,6 +79,7 @@ exports.I18N_CHART_BUILDER_GENERAL = {
         geolocation: 'Geolocation',
         group: 'Group',
         groups: 'Groups',
+        other_value: 'Other Value',
         other_values: 'Other Values',
         pivot: 'Pivot',
         row: 'Row',

package/dist/cjs/interfaces/format/IFormatOutputFormat.Interface.d.ts

@@ -5,4 +5,5 @@ export interface IFormatOutputFormat {
     decimals?: number;
     currency?: IFormatCurrency;
     backup_currency?: IFormatCurrency;
+    originalFormat?: any;
 }

package/dist/cjs/qrvey/helpers/transformValue.js

@@ -27,14 +27,15 @@ exports.transformValue = transformValue;
  */
 function getOutputFormat(settings) {
     let type, format;
-    if ((0, isDateColumn_1.isDateColumn)(settings.column) && [DATE_GROUPING_PROPERTY_1.DATE_GROUPING_PROPERTY.DAY, DATE_GROUPING_TIME_PROPERTY_1.DATE_GROUPING_TIME_PROPERTY.HOUR, DATE_GROUPING_TIME_PROPERTY_1.DATE_GROUPING_TIME_PROPERTY.MINUTE, DATE_GROUPING_TIME_PROPERTY_1.DATE_GROUPING_TIME_PROPERTY.SECOND].includes(settings.property)) {
+    const isDateTime = [DATE_GROUPING_TIME_PROPERTY_1.DATE_GROUPING_TIME_PROPERTY.HOUR, DATE_GROUPING_TIME_PROPERTY_1.DATE_GROUPING_TIME_PROPERTY.MINUTE, DATE_GROUPING_TIME_PROPERTY_1.DATE_GROUPING_TIME_PROPERTY.SECOND].includes(settings.property);
+    if ((0, isDateColumn_1.isDateColumn)(settings.column) && [DATE_GROUPING_PROPERTY_1.DATE_GROUPING_PROPERTY.DAY].includes(settings.property) && isDateTime) {
         type = 'DATE';
         format = 'Default';
     }
     else if ((0, isNumericalColumn_1.isNumericalColumn)(settings.column)) {
         type = 'NUMERIC';
     }
-    return { type, format };
+    return { type, format, originalFormat: isDateTime ? settings.column.outputFormat : undefined };
 }
 /**
  * Gets the format config

package/dist/dates/constants/DATETIME_COLUMN_FORMAT.d.ts

@@ -0,0 +1 @@
+export declare const DATETIME_COLUMN_FORMAT: string[];

package/dist/dates/constants/DATETIME_COLUMN_FORMAT.js

@@ -0,0 +1,8 @@
+export const DATETIME_COLUMN_FORMAT = [
+    'MM/DD/YYYY HH24:MM:SS',
+    'DD/MM/YYYY HH24:MM:SS',
+    'YYYY-MM-DD HH24:MM:SS',
+    'MM/DD/YYYY HH24:MI:SS',
+    'DD/MM/YYYY HH24:MI:SS',
+    'YYYY-MM-DD HH24:MI:SS'
+];

package/dist/dates/constants/index.d.ts

@@ -32,3 +32,4 @@ export * from './DATE_YEAR_MONTHS';
 export * from './DATE_YEAR_MONTHS_MMMM';
 export * from './DATE_YEAR_QUARTERS';
 export * from './DATE_YEAR_QUARTERS_RANGE';
+export * from './DATETIME_COLUMN_FORMAT';

package/dist/dates/constants/index.js

@@ -32,3 +32,4 @@ export * from './DATE_YEAR_MONTHS';
 export * from './DATE_YEAR_MONTHS_MMMM';
 export * from './DATE_YEAR_QUARTERS';
 export * from './DATE_YEAR_QUARTERS_RANGE';
+export * from './DATETIME_COLUMN_FORMAT';

package/dist/format/definition.d.ts

@@ -34,3 +34,11 @@ export declare const CURRENCY_DEFAULT: {
     text: string;
     label: string;
 };
+export declare const DATETIME_OPTIONS: {
+    year: string;
+    month: string;
+    day: string;
+    hour: string;
+    minute: string;
+    second: string;
+};

package/dist/format/definition.js

@@ -74,3 +74,4 @@ export const currencyISO = [
 ];
 export const LANG_DEFAULT = 'en-US';
 export const CURRENCY_DEFAULT = { text: '$ (USD)', label: 'USD' };
+export const DATETIME_OPTIONS = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' };

package/dist/format/localization.js

@@ -1,5 +1,6 @@
+import { DATETIME_COLUMN_FORMAT } from '..';
 import { isEmpty } from '../general/mix/isEmpty';
-import { currencyISO, LANG_DEFAULT, CURRENCY_DEFAULT } from './definition';
+import { currencyISO, LANG_DEFAULT, CURRENCY_DEFAULT, DATETIME_OPTIONS } from './definition';
 export const getLang = (locale) => {
     if (!locale)
         return;
@@ -18,29 +19,36 @@ export const formatWithLocale = (value, outputFormat, config = {}) => {
     switch (outputFormat.type) {
         case 'DATE':
         case 'DATETIME':
-            return formatLocaleDate(value, config);
+            return formatLocaleDate(value, outputFormat, config);
         case 'NUMERIC':
             return formatLocaleNumber(value, outputFormat, config);
     }
 };
-function formatLocaleDate(value, config) {
+function formatLocaleDate(value, outputFormat, config) {
     const { lang = LANG_DEFAULT, options } = config;
     const dateParam = new Date(value);
+    let langOpts = options;
+    if (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.originalFormat) {
+        const { format } = outputFormat.originalFormat;
+        if (DATETIME_COLUMN_FORMAT.includes(format))
+            langOpts = DATETIME_OPTIONS;
+    }
     try {
-        return new Intl.DateTimeFormat([lang, LANG_DEFAULT], options).format(dateParam);
+        return new Intl.DateTimeFormat([lang, LANG_DEFAULT], langOpts).format(dateParam);
     }
     catch (error) {
-        return new Intl.DateTimeFormat(LANG_DEFAULT, options).format(dateParam);
+        return isEmpty(dateParam) ? value : new Intl.DateTimeFormat(LANG_DEFAULT, langOpts).format(dateParam);
     }
 }
 function formatLocaleNumber(value, outputFormat, config) {
     const { lang = LANG_DEFAULT, options } = config;
     const langOpts = options || getLocaleOptions(outputFormat);
+    const valueToFormat = (outputFormat === null || outputFormat === void 0 ? void 0 : outputFormat.format) === "Percentage" /* PERCENTAGE */ ? value / 100 : value;
     try {
-        return new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts).format(value);
+        return new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts).format(valueToFormat);
     }
     catch (e) {
-        return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(value);
+        return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(valueToFormat);
     }
 }
 function getLocaleOptions(outputFormat) {

package/dist/globalization/interfaces/chart_builder/II18nChartBuilderDimensions.d.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/dist/globalization/labels/chart_builder/I18N_CHART_BUILDER_GENERAL.js

@@ -76,6 +76,7 @@ export const I18N_CHART_BUILDER_GENERAL = {
         geolocation: 'Geolocation',
         group: 'Group',
         groups: 'Groups',
+        other_value: 'Other Value',
         other_values: 'Other Values',
         pivot: 'Pivot',
         row: 'Row',

package/dist/interfaces/format/IFormatOutputFormat.Interface.d.ts

@@ -5,4 +5,5 @@ export interface IFormatOutputFormat {
     decimals?: number;
     currency?: IFormatCurrency;
     backup_currency?: IFormatCurrency;
+    originalFormat?: any;
 }

package/dist/qrvey/helpers/transformValue.js

@@ -23,14 +23,15 @@ export function transformValue(value, settings) {
  */
 function getOutputFormat(settings) {
     let type, format;
-    if (isDateColumn(settings.column) && [DATE_GROUPING_PROPERTY.DAY, DATE_GROUPING_TIME_PROPERTY.HOUR, DATE_GROUPING_TIME_PROPERTY.MINUTE, DATE_GROUPING_TIME_PROPERTY.SECOND].includes(settings.property)) {
+    const isDateTime = [DATE_GROUPING_TIME_PROPERTY.HOUR, DATE_GROUPING_TIME_PROPERTY.MINUTE, DATE_GROUPING_TIME_PROPERTY.SECOND].includes(settings.property);
+    if (isDateColumn(settings.column) && [DATE_GROUPING_PROPERTY.DAY].includes(settings.property) && isDateTime) {
         type = 'DATE';
         format = 'Default';
     }
     else if (isNumericalColumn(settings.column)) {
         type = 'NUMERIC';
     }
-    return { type, format };
+    return { type, format, originalFormat: isDateTime ? settings.column.outputFormat : undefined };
 }
 /**
  * Gets the format config

package/package.json

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

package/src/dates/constants/DATETIME_COLUMN_FORMAT.ts

@@ -0,0 +1,8 @@
+export const DATETIME_COLUMN_FORMAT = [
+    'MM/DD/YYYY HH24:MM:SS',
+    'DD/MM/YYYY HH24:MM:SS',
+    'YYYY-MM-DD HH24:MM:SS',
+    'MM/DD/YYYY HH24:MI:SS',
+    'DD/MM/YYYY HH24:MI:SS',
+    'YYYY-MM-DD HH24:MI:SS'
+];

package/src/dates/constants/index.ts

@@ -40,3 +40,4 @@ export * from './DATE_YEAR_MONTHS';
 export * from './DATE_YEAR_MONTHS_MMMM';
 export * from './DATE_YEAR_QUARTERS';
 export * from './DATE_YEAR_QUARTERS_RANGE';
+export * from './DATETIME_COLUMN_FORMAT';

package/src/format/definition.ts

@@ -103,3 +103,5 @@ export const enum LOCALE_STYLES {
 
 export const LANG_DEFAULT = 'en-US';
 export const CURRENCY_DEFAULT = { text: '$ (USD)', label: 'USD' };
+export const DATETIME_OPTIONS = { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric' };
+

package/src/format/localization.ts

@@ -1,6 +1,7 @@
+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 } from './definition';
+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;
@@ -20,29 +21,35 @@ export const formatWithLocale = (value: any, outputFormat: IFormatOutputFormat,
     switch (outputFormat.type) {
       case 'DATE':
       case 'DATETIME':
-        return formatLocaleDate(value, config);
+        return formatLocaleDate(value, outputFormat, config);
       case 'NUMERIC':
         return formatLocaleNumber(value, outputFormat, config);
     }
 };
 
-function formatLocaleDate(value: any, config: IFormatConfig) {
+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], options).format(dateParam);
+        return new Intl.DateTimeFormat([lang, LANG_DEFAULT], langOpts).format(dateParam);
     } catch (error) {
-        return new Intl.DateTimeFormat(LANG_DEFAULT, options).format(dateParam);
+        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(value);
+        return new Intl.NumberFormat([lang, LANG_DEFAULT], langOpts).format(valueToFormat);
     } catch (e) {
-        return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(value);
+        return new Intl.NumberFormat(LANG_DEFAULT, langOpts).format(valueToFormat);
     }
 }
 

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

@@ -85,6 +85,7 @@ export const I18N_CHART_BUILDER_GENERAL: Pick<II18nChartBuilder, General> = {
     geolocation: 'Geolocation',
     group: 'Group',
     groups: 'Groups',
+    other_value: 'Other Value',
     other_values: 'Other Values',
     pivot: 'Pivot',
     row: 'Row',

package/src/interfaces/format/IFormatOutputFormat.Interface.ts

@@ -6,4 +6,5 @@ export interface IFormatOutputFormat {
     decimals?: number;
     currency?: IFormatCurrency;
     backup_currency?: IFormatCurrency;
-}
+    originalFormat?: any;
+}

package/src/qrvey/helpers/transformValue.ts

@@ -28,13 +28,14 @@ export function transformValue(value: string, settings: ITransformValueSettings)
  */
 function getOutputFormat(settings: ITransformValueSettings) {
     let type, format;
-    if (isDateColumn(settings.column) && [DATE_GROUPING_PROPERTY.DAY, DATE_GROUPING_TIME_PROPERTY.HOUR, DATE_GROUPING_TIME_PROPERTY.MINUTE, DATE_GROUPING_TIME_PROPERTY.SECOND].includes(settings.property as any)) {
+    const isDateTime = [DATE_GROUPING_TIME_PROPERTY.HOUR, DATE_GROUPING_TIME_PROPERTY.MINUTE, DATE_GROUPING_TIME_PROPERTY.SECOND].includes(settings.property as any);
+    if (isDateColumn(settings.column) && [DATE_GROUPING_PROPERTY.DAY].includes(settings.property as any) && isDateTime) {
         type = 'DATE';
         format = 'Default';
     } else if (isNumericalColumn(settings.column)) {
         type = 'NUMERIC';
     }
-    return { type, format };
+    return { type, format, originalFormat: isDateTime ? settings.column.outputFormat : undefined };
 }
 
 /**