@wavemaker/angular-codegen 11.1.4-rc.5189 → 11.2.0-next.140104

angular-codegen/angular-app/tsconfig.json

@@ -37,6 +37,9 @@
             "@wm/core": [
                 "node_modules/@wavemaker/app-ng-runtime/core"
             ],
+            "@wm/common/variables": [
+                "node_modules/@wavemaker/variables/"
+            ],
             "@wm/components/base": [
                 "node_modules/@wavemaker/app-ng-runtime/components/base"
             ],

angular-codegen/dependencies/pipe-provider.cjs.js

@@ -45619,6 +45619,8 @@ var Operation;
 const DataSource = {
     Operation
 };
+class AbstractI18nService {
+}
 
 const userAgent = window.navigator.userAgent;
 const REGEX = {
@@ -45651,7 +45653,8 @@ const REGEX = {
     SPECIAL_CHARACTERS: /[^A-Z0-9a-z_]+/i,
     APP_SERVER_URL_FORMAT: /^(http[s]?:\/\/)(www\.){0,1}[a-zA-Z0-9\.\-]+([:]?[0-9]{2,5}|\.[a-zA-Z]{2,5}[\.]{0,1})\/+[^?#&=]+$/,
     JSON_DATE_FORMAT: /\d{4}-[0-1]\d-[0-3]\d(T[0-2]\d:[0-5]\d:[0-5]\d.\d{1,3}Z$)?/,
-    DATA_URL: /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*)\s*$/i
+    DATA_URL: /^\s*data:([a-z]+\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([a-z0-9!$&',()*+;=\-._~:@\/?%\s]*)\s*$/i,
+    ISO_DATE_FORMAT: /(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(\.\d+)?([+-]\d{2}:?\d{2}|Z)$/
 }, compareBySeparator = ':';
 const NUMBER_TYPES = ['int', DataType.INTEGER, DataType.FLOAT, DataType.DOUBLE, DataType.LONG, DataType.SHORT, DataType.BYTE, DataType.BIG_INTEGER, DataType.BIG_DECIMAL];
 const now = new Date();
@@ -45877,19 +45880,43 @@ function triggerFn(fn, ...argmnts) {
 /**
  * This method is used to get the formatted date
  */
-const getFormattedDate = (datePipe, dateObj, format) => {
+const getFormattedDate = (datePipe, dateObj, format, timeZone, isTimeStampType, isIntervalDateTime, compInstance) => {
     if (!dateObj) {
         return undefined;
     }
     if (format === 'timestamp') {
         return moment(dateObj).valueOf();
     }
-    return datePipe.transform(dateObj, format);
+    if (format === 'UTC') {
+        return new Date(dateObj).toISOString();
+    }
+    if (timeZone) {
+        const momentFormat = format.replaceAll('y', 'Y').replaceAll('d', 'D').replace('a', 'A');
+        if (isIntervalDateTime) { // dates which are of type time widget (value is hh:mm:ss) but returned as date string from time comp
+            return moment(dateObj).format(momentFormat);
+        }
+        if (isTimeStampType === 'datetimestamp') {
+            dateObj = getMomentLocaleObject(timeZone, dateObj);
+            return moment(dateObj).format(momentFormat);
+        }
+    }
+    return datePipe.transform(dateObj, format, timeZone, compInstance);
+};
+/**
+ * This method is used to check if the date has timezone information or not
+ */
+const hasOffsetStr = (dateStr) => {
+    if (typeof dateStr !== 'string')
+        return;
+    const matches = dateStr.match(REGEX.ISO_DATE_FORMAT);
+    if (matches && matches[4]) {
+        return true;
+    }
 };
 /**
  * method to get the date object from the input received
  */
-const getDateObj = (value, options) => {
+const getDateObj = (value, options, timezone) => {
     // Handling localization
     if (options && options.pattern && options.pattern !== 'timestamp') {
         // Fix for WMS-19601, invalid date is returned on date selection.
@@ -45921,7 +45948,7 @@ const getDateObj = (value, options) => {
          * (Ex: If date value is "1990-11-23" and moment(value).format() is "١٩٩٠-١١-٢٣T٠٠:٠٠:٠٠+٠٥:٣٠")
          * and new Date(moment(value).format()) is giving Invalid Date. So frst converting it to timestamp value.
         */
-        dateObj = new Date(moment(moment(value).format()).valueOf());
+        dateObj = !timezone ? new Date(moment(moment(value).format()).valueOf()) : getMomentLocaleObject(timezone, value);
     }
     if (value === CURRENT_DATE || isNaN(dateObj.getDay())) {
         return now;
@@ -46313,6 +46340,14 @@ const loadStyleSheets = (urls = []) => {
 // function to check if the script is already loaded
 const isScriptLoaded = src => !!getNode(`script[src="${src}"], script[data-src="${src}"]`);
 const ɵ4$3 = isScriptLoaded;
+const getMomentLocaleObject = (timeZone, dateObj) => {
+    if (dateObj) {
+        return new Date(new Date(moment(dateObj).tz(timeZone).format()).toLocaleString("en-US", { timeZone: timeZone }));
+    }
+    else {
+        return new Date(new Date(moment().tz(timeZone).format()).toLocaleString("en-US", { timeZone: timeZone }));
+    }
+};
 const loadScript = (url, loadViaScriptTag, cacheable = false) => __awaiter$1(void 0, void 0, void 0, function* () {
     const _url = url.trim();
     if (!_url.length || isScriptLoaded(_url)) {
@@ -46603,41 +46638,42 @@ const validateDataSourceCtx = (ds, ctx) => {
  * @param name name of the variable
  * @param context scope of the variable
  */
-const processFilterExpBindNode = (context, filterExpressions) => {
+const processFilterExpBindNode = (context, filterExpressions, variable) => {
     const destroyFn = context.registerDestroyListener ? context.registerDestroyListener.bind(context) : _.noop;
     const filter$ = new Subject();
     const bindFilExpObj = (obj, targetNodeKey) => {
+        const listener = (newVal, oldVal) => {
+            if ((newVal === oldVal && _.isUndefined(newVal)) || (_.isUndefined(newVal) && !_.isUndefined(oldVal))) {
+                return;
+            }
+            // Skip cloning for blob column
+            if (!_.includes(['blob', 'file'], obj.type)) {
+                newVal = getClonedObject(newVal);
+            }
+            // backward compatibility: where we are allowing the user to bind complete object
+            if (obj.target === 'dataBinding') {
+                // remove the existing databinding element
+                filterExpressions.rules = [];
+                // now add all the returned values
+                _.forEach(newVal, function (value, target) {
+                    filterExpressions.rules.push({
+                        'target': target,
+                        'value': value,
+                        'matchMode': obj.matchMode || 'startignorecase',
+                        'required': false,
+                        'type': ''
+                    });
+                });
+            }
+            else {
+                // setting value to the root node
+                obj[targetNodeKey] = newVal;
+            }
+            filter$.next({ filterExpressions, newVal });
+        };
         if (stringStartsWith(obj[targetNodeKey], 'bind:')) {
             // [Todo-CSP]: needs a check, where is this used
-            destroyFn($watch(obj[targetNodeKey].replace('bind:', ''), context, {}, (newVal, oldVal) => {
-                if ((newVal === oldVal && _.isUndefined(newVal)) || (_.isUndefined(newVal) && !_.isUndefined(oldVal))) {
-                    return;
-                }
-                // Skip cloning for blob column
-                if (!_.includes(['blob', 'file'], obj.type)) {
-                    newVal = getClonedObject(newVal);
-                }
-                // backward compatibility: where we are allowing the user to bind complete object
-                if (obj.target === 'dataBinding') {
-                    // remove the existing databinding element
-                    filterExpressions.rules = [];
-                    // now add all the returned values
-                    _.forEach(newVal, function (value, target) {
-                        filterExpressions.rules.push({
-                            'target': target,
-                            'value': value,
-                            'matchMode': obj.matchMode || 'startignorecase',
-                            'required': false,
-                            'type': ''
-                        });
-                    });
-                }
-                else {
-                    // setting value to the root node
-                    obj[targetNodeKey] = newVal;
-                }
-                filter$.next({ filterExpressions, newVal });
-            }, undefined, false, { arrayType: _.includes(['in', 'notin'], obj.matchMode) }));
+            destroyFn($watch(obj[targetNodeKey].replace('bind:', ''), context, {}, variable ? variable.invokeOnFiltertExpressionChange.bind(variable, obj, targetNodeKey) : listener, undefined, false, { arrayType: _.includes(['in', 'notin'], obj.matchMode) }));
         }
     };
     const traverseFilterExpressions = expressions => {
@@ -46919,6 +46955,9 @@ const findRootContainer = ($el) => {
     if (!root.length) {
         root = $el.closest('.app-partial');
     }
+    if (!root.length) {
+        root = $el.closest('.app-spa-page');
+    }
     if (!root.length) {
         root = $el.closest('.app-page');
     }
@@ -47032,6 +47071,7 @@ var Utils = /*#__PURE__*/Object.freeze({
     getResourceURL: getResourceURL,
     triggerFn: triggerFn,
     getFormattedDate: getFormattedDate,
+    hasOffsetStr: hasOffsetStr,
     getDateObj: getDateObj,
     addEventListenerOnElement: addEventListenerOnElement,
     getClonedObject: getClonedObject,
@@ -47055,6 +47095,7 @@ var Utils = /*#__PURE__*/Object.freeze({
     isEqualWithFields: isEqualWithFields,
     loadStyleSheet: loadStyleSheet,
     loadStyleSheets: loadStyleSheets,
+    getMomentLocaleObject: getMomentLocaleObject,
     loadScript: loadScript,
     loadScripts: loadScripts,
     _WM_APP_PROJECT: _WM_APP_PROJECT,
@@ -69437,10 +69478,11 @@ const getEpochValue = data => {
     return epoch;
 };
 class ToDatePipe {
-    constructor(datePipe) {
+    constructor(datePipe, i18nService) {
         this.datePipe = datePipe;
+        this.i18nService = i18nService;
     }
-    transform(data, format) {
+    transform(data, format, timezone, compInstance) {
         let timestamp;
         // 'null' is to be treated as a special case, If user wants to enter null value, empty string will be passed to the backend
         if (data === 'null' || data === '') {
@@ -69454,7 +69496,18 @@ class ToDatePipe {
             if (format === 'timestamp') {
                 return timestamp;
             }
-            return this.datePipe.transform(timestamp, format);
+            if (format === 'UTC') {
+                return new Date(timestamp).toISOString();
+            }
+            let formattedVal;
+            const timeZone = this.i18nService ? this.i18nService.getTimezone(compInstance) : timezone;
+            if (timeZone && (data === timestamp || hasOffsetStr(data))) {
+                formattedVal = moment(timestamp).tz(timeZone).format(format.replaceAll('y', 'Y').replaceAll('d', 'D').replace('a', 'A'));
+            }
+            else {
+                formattedVal = this.datePipe.transform(timestamp, format);
+            }
+            return formattedVal;
         }
         return '';
     }
@@ -69465,18 +69518,22 @@ ToDatePipe.decorators = [
             },] }
 ];
 ToDatePipe.ctorParameters = () => [
-    { type: DatePipe$1 }
+    { type: DatePipe$1 },
+    { type: AbstractI18nService }
 ];
 class ToNumberPipe {
-    constructor(decimalPipe) {
+    constructor(decimalPipe, i18Service) {
         this.decimalPipe = decimalPipe;
+        this.i18Service = i18Service;
     }
     transform(data, fracSize) {
         if (fracSize && !String(fracSize).match(/^(\d+)?\.((\d+)(-(\d+))?)?$/)) {
             fracSize = '1.' + fracSize + '-' + fracSize;
         }
         if (!_.isNaN(+data)) {
-            return this.decimalPipe.transform(data, fracSize);
+            const locale = this.i18Service.getwidgetLocale() ? this.i18Service.getwidgetLocale() : undefined;
+            const formattedLocale = locale ? locale['number'] : undefined;
+            return this.decimalPipe.transform(data, fracSize, formattedLocale);
         }
     }
 }
@@ -69486,15 +69543,17 @@ ToNumberPipe.decorators = [
             },] }
 ];
 ToNumberPipe.ctorParameters = () => [
-    { type: DecimalPipe$1 }
+    { type: DecimalPipe$1 },
+    { type: AbstractI18nService, decorators: [{ type: Inject$1, args: [AbstractI18nService,] }] }
 ];
 class ToCurrencyPipe {
-    constructor(decimalPipe) {
+    constructor(decimalPipe, i18Service) {
         this.decimalPipe = decimalPipe;
+        this.i18Service = i18Service;
     }
     transform(data, currencySymbol, fracSize) {
         const _currencySymbol = (CURRENCY_INFO[currencySymbol] || {}).symbol || currencySymbol || '';
-        let _val = new ToNumberPipe(this.decimalPipe).transform(data, fracSize);
+        let _val = new ToNumberPipe(this.decimalPipe, this.i18Service).transform(data, fracSize);
         const isNegativeNumber = _.startsWith(_val, '-');
         if (isNegativeNumber) {
             _val = _val.replace('-', '');
@@ -69508,7 +69567,8 @@ ToCurrencyPipe.decorators = [
             },] }
 ];
 ToCurrencyPipe.ctorParameters = () => [
-    { type: DecimalPipe$1 }
+    { type: DecimalPipe$1 },
+    { type: AbstractI18nService, decorators: [{ type: Inject$1, args: [AbstractI18nService,] }] }
 ];
 class PrefixPipe {
     transform(data, padding) {
@@ -71632,11 +71692,14 @@ Title$1.ctorParameters = () => [
 const VERSION$4 = new Version('12.2.16');
 
 class PipeProvider {
-    constructor(compiler, injector, domSanitizer) {
+    constructor(compiler, injector, domSanitizer, i18service) {
+        var _a;
         this.compiler = compiler;
         this.injector = injector;
         this.domSanitizer = domSanitizer;
+        this.i18service = i18service;
         this._locale = getSessionStorageItem('selectedLocale') || 'en';
+        this.formatsByLocale = (_a = this.i18service) === null || _a === void 0 ? void 0 : _a.getwidgetLocale();
         this.preparePipeMeta = (reference, name, pure, diDeps = []) => ({
             type: { reference, diDeps },
             name,
@@ -71671,10 +71734,12 @@ class PipeProvider {
                 new DatePipe(this._locale)
             ]),
             this.preparePipeMeta(ToNumberPipe, 'toNumber', true, [
-                new DecimalPipe(this._locale)
+                new DecimalPipe(this._locale),
+                this.i18service
             ]),
             this.preparePipeMeta(ToCurrencyPipe, 'toCurrency', true, [
-                new DecimalPipe(this._locale)
+                new DecimalPipe(this._locale),
+                this.i18service
             ]),
             this.preparePipeMeta(PrefixPipe, 'prefix', true),
             this.preparePipeMeta(SuffixPipe, 'suffix', true),
@@ -71729,7 +71794,7 @@ class PipeProvider {
         }
     }
 }
-PipeProvider.ɵprov = ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(ɵɵinject(Compiler), ɵɵinject(INJECTOR$1), ɵɵinject(DomSanitizer$1)); }, token: PipeProvider, providedIn: "root" });
+PipeProvider.ɵprov = ɵɵdefineInjectable({ factory: function PipeProvider_Factory() { return new PipeProvider(ɵɵinject(Compiler), ɵɵinject(INJECTOR$1), ɵɵinject(DomSanitizer$1), ɵɵinject(AbstractI18nService)); }, token: PipeProvider, providedIn: "root" });
 PipeProvider.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
@@ -71738,7 +71803,8 @@ PipeProvider.decorators = [
 PipeProvider.ctorParameters = () => [
     { type: Compiler },
     { type: Injector },
-    { type: DomSanitizer$1 }
+    { type: DomSanitizer$1 },
+    { type: AbstractI18nService }
 ];
 
 exports.PipeProvider = PipeProvider;