@wavemaker/rn-codegen 12.0.0-next.45752 → 12.0.0-next.47809

package/src/transpile/components/data/list/list-content.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-content.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/list/list-content.transformer.ts"],"names":[],"mappings":";;;AAGA,mCAAoC;AAEvB,QAAA,OAAO,GAAa,EAChC,CAAC;AAEF,kBAAe;IACX,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAI;IAClE,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,KAAK;IACpE,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,CAAc,EAAE,OAA6B,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE;QACrF,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;QAC9B,MAAM,UAAU,GAAG,IAAA,mBAAU,EAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,+BAA+B,SAAS;;;YAGlE,SAAS,kBAAkB,SAAS;YACpC,SAAS;;;;;;;;;;;;oBAYD,MAAM,CAAC,MAAM;SACxB,CAAC;QACJ,MAAM,CAAC,MAAM,GAAG,IAAI,UAAU,kCAAkC,SAAS,KAAK,SAAS,sCAAsC,CAAC;QAC9H,OAAO,MAAM,CAAC;IAChB,CAAC;CACa,CAAC"}

package/src/transpile/components/data/list.transformer.js

@@ -0,0 +1,167 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const node_html_parser_1 = __importStar(require("node-html-parser"));
+const transpile_1 = require("../../transpile");
+const utils_1 = require("../utils");
+exports.imports = [
+    { name: 'WmList', from: '@wavemaker/app-rn-runtime/components/data/list/list.component' }
+];
+const addTemplateClass = (element) => {
+    var _a;
+    const classesToAdd = [];
+    if (((_a = element.attrs['class']) === null || _a === void 0 ? void 0 : _a.indexOf('list-card')) >= 0) {
+        classesToAdd.push('list-card-template');
+    }
+    if (classesToAdd.length) {
+        element.childNodes.forEach(n => {
+            if (n instanceof node_html_parser_1.HTMLElement && n.tagName === 'WM-LISTTEMPLATE') {
+                n.setAttribute('class', classesToAdd.join(' ') + ' ' + (n.getAttribute('class') || ''));
+            }
+        });
+    }
+};
+const transformAttr = (name, value) => {
+    if (name === 'itemclass') {
+        return value.replace(/fragment\.item/g, 'item')
+            .replace(/fragment\.index/g, 'index');
+    }
+    return value;
+};
+const shouldTransformAttr = (name, tagName) => {
+    if (name === 'itemclass' && tagName === 'wm-list') {
+        return false;
+    }
+    return true;
+};
+exports.default = {
+    pre: (element, context) => {
+        var _a, _b, _c, _d, _e;
+        const widgetName = element.attrs['name'];
+        const listContent = (0, node_html_parser_1.default)(`<wm-list-content name="${widgetName + 'Item'}"></wm-list-content>`).firstChild;
+        let dataSet = element.getAttribute('dataset');
+        let onEndReached = '';
+        let disableitem = '';
+        let itemKey = '';
+        let currentNode = element.parentNode;
+        while (currentNode) {
+            if (currentNode.rawTagName === 'wm-form' || currentNode.rawTagName === 'wm-liveform') {
+                break;
+            }
+            currentNode = currentNode.parentNode;
+        }
+        const formName = currentNode && currentNode.getAttribute('name');
+        if (formName) {
+            // @ts-ignore
+            element.setAttribute('formRef', formName);
+        }
+        (0, utils_1.transformItemsPerRow)(element);
+        if (dataSet && dataSet.startsWith('bind:')) {
+            const template = element.childNodes.find(c => c instanceof node_html_parser_1.HTMLElement);
+            (0, utils_1.transformRepeatChildAttr)(template, `fragment.Widgets.${widgetName}.currentItemWidgets`, 'currentItemWidgets');
+            (0, utils_1.transformRepeatChildAttr)(template, `fragment.Widgets.${widgetName}.currentItem`, '$item');
+            if (formName) {
+                (0, utils_1.transformRepeatChildAttr)(template, `fragment.Widgets.${formName}.formWidgets.${widgetName}.currentItem`, '$item');
+            }
+            (0, utils_1.transformRepeatChildData)(template, dataSet.substring(5) + '[0]', 'list_item');
+            (0, utils_1.transformRepeatChildData)(template, dataSet.substring(5) + '[$i]', 'list_item');
+            (0, utils_1.transformRepeatChildData)(template, dataSet.substring(5) + '[fragment.$i]', 'list_item');
+            (0, utils_1.transformRepeatChildData)(template, dataSet.substring(5) + '[fragment.$i]', 'list_item');
+            (0, utils_1.transformRepeatChildAttr)(template, 'fragment.item', '$item', shouldTransformAttr);
+            (0, utils_1.transformRepeatChildAttr)(template, 'fragment.index', '$index', shouldTransformAttr);
+            const isLoading = (_a = dataSet
+                .match(/(fragment)+\.Variables\.[^\.]+/g)) === null || _a === void 0 ? void 0 : _a.map(v => v + '.isExecuting').join(' || ');
+            if (isLoading) {
+                element.setAttribute('loadingdata', `bind:${isLoading}`);
+            }
+            if ((_b = element.getAttribute('disableitem')) === null || _b === void 0 ? void 0 : _b.startsWith('bind:')) {
+                const disabelItemExp = (0, utils_1.replaceAll)(((_c = element.getAttribute('disableitem')) === null || _c === void 0 ? void 0 : _c.substring(5)) || '', dataSet.substring(5) + '[fragment.$i]', '$item');
+                disableitem = `disableitem={($item, $index) => fragment.eval(() => ${disabelItemExp})}`;
+                element.removeAttribute('disableitem');
+            }
+            if ((_d = element.getAttribute('itemkey')) === null || _d === void 0 ? void 0 : _d.startsWith('bind:')) {
+                let itemKeyExp = ((_e = element.getAttribute('itemkey')) === null || _e === void 0 ? void 0 : _e.substring(5)) || '';
+                itemKeyExp = (0, utils_1.replaceAll)(itemKeyExp, dataSet.substring(5) + '[fragment.$i]', '$item');
+                itemKeyExp = (0, utils_1.replaceAll)(itemKeyExp, dataSet.substring(5) + '[0]', '$item');
+                itemKey = `itemkey={($item, $index) => fragment.eval(() => ${itemKeyExp})}`;
+                element.removeAttribute('itemkey');
+            }
+            const variableArr = dataSet.match(/(fragment)+\.Variables\.[^\.]+/g);
+            if (variableArr && variableArr.length === 1) {
+                const variable = variableArr[0];
+                onEndReached = ` getNextPageData={($event, $list, page) => {
+          return new Promise((resolve, reject) => {
+            return ${variable}.invoke && ${variable}.invoke({
+              page: page
+            }, (response) => {
+              resolve(${dataSet.substring(5).replace(variable + '.dataSet', 'response')});
+            }, reject);
+          });
+        }} `;
+            }
+        }
+        let listItemClass = element.getAttribute('itemclass');
+        if (listItemClass) {
+            if (listItemClass.startsWith('bind:')) {
+                listItemClass = `bind:(item, index) => (${listItemClass.substring(5)})`;
+            }
+            else {
+                listItemClass = `bind:(item, index) => ("${listItemClass}")`;
+            }
+            element.setAttribute('itemclass', listItemClass);
+        }
+        addTemplateClass(element);
+        listContent.childNodes = element.childNodes;
+        element.childNodes = [listContent];
+        const markup = `<WmList ${(0, transpile_1.transformAttrs)(element, context, transformAttr)}
+    ${disableitem || ''}
+    ${itemKey || ''}
+    ${onEndReached}
+     renderItem={($item, $index, list) => {
+       return (<>`;
+        context.listener = 'listener';
+        context.set('old_props', context.props);
+        context.data.listname = widgetName;
+        context.props = ['listener', '$item', '$index', 'currentItemWidgets', 'list'];
+        context.data.listCount = (context.data.listCount || 0) + 1;
+        return markup;
+    },
+    post: (element, context) => {
+        delete context.data.listname;
+        context.data.listCount--;
+        return '</>)}}></WmList>';
+    },
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => {
+        if (!context.data.listCount) {
+            context.props = context.get('old_props') || [];
+        }
+        const componentMarkup = (0, transpile_1.createComponent)(element, context);
+        context.props = [];
+        return componentMarkup;
+    }
+};
+//# sourceMappingURL=list.transformer.js.map

package/src/transpile/components/data/list.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/data/list.transformer.ts"],"names":[],"mappings":"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"}

package/src/transpile/components/input/slider.transformer.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: 'WmSlider', from: '@wavemaker/app-rn-runtime/components/input/slider/slider.component' }
+];
+exports.default = {
+    pre: (element, context) => {
+        var _a;
+        let getDisplayExpression = (0, transpile_1.createExpression)(element, 'displayexpression');
+        let onChangeFunction = element.getAttribute('on-change');
+        let onChangeFunctionRegex = /fragment\.(\w+)\(/;
+        let onChangeFunctionName = (_a = `${onChangeFunction}`.match(onChangeFunctionRegex)) === null || _a === void 0 ? void 0 : _a[1];
+        let onChange = onChangeFunction ? `($event,widget,newVal,oldVal) => {
+      if (fragment.${onChangeFunctionName}) {
+        return ${onChangeFunction}
+      }
+    }` : '';
+        if (onChangeFunction) {
+            element.removeAttribute('on-change');
+        }
+        if (getDisplayExpression) {
+            element.removeAttribute('displayexpression');
+            element.removeAttribute('displayfield');
+        }
+        let getToolTipExpression = (0, transpile_1.createExpression)(element, 'tooltipexpression');
+        if (getToolTipExpression) {
+            element.removeAttribute('tooltipexpression');
+        }
+        return `<WmSlider 
+      ${(0, transpile_1.transformAttrs)(element, context)} 
+      ${onChangeFunction ? `onChange={${onChange}}` : ''}
+      ${getDisplayExpression ? `getDisplayExpression=${getDisplayExpression}` : ''}
+      ${getToolTipExpression ? `getToolTipExpression=${getToolTipExpression}` : ''}>`;
+    },
+    post: (element, context) => '</WmSlider>',
+    imports: (element, context) => exports.imports
+};
+//# sourceMappingURL=slider.transformer.js.map

package/src/transpile/components/input/slider.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/input/slider.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA8G;AAEjG,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,oEAAoE,EAAC;CAChG,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;;QAC3D,IAAI,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC1E,IAAI,gBAAgB,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACzD,IAAI,qBAAqB,GAAG,mBAAmB,CAAC;QAChD,IAAI,oBAAoB,GAAG,MAAA,GAAG,gBAAgB,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,0CAAG,CAAC,CAAC,CAAC;QACnF,IAAI,QAAQ,GAAG,gBAAgB,CAAC,CAAC,CAAC;qBACjB,oBAAoB;iBACxB,gBAAgB;;MAE3B,CAAC,CAAC,CAAC,EAAE,CAAC;QACR,IAAI,gBAAgB,EAAE;YACpB,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;SACtC;QACD,IAAI,oBAAoB,EAAE;YACxB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;YAC7C,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;SACzC;QAED,IAAI,oBAAoB,GAAG,IAAA,4BAAgB,EAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;QAC1E,IAAI,oBAAoB,EAAE;YACxB,OAAO,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;SAC9C;QAED,OAAO;QACH,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC;QAChC,gBAAgB,CAAC,CAAC,CAAC,aAAa,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE;QAChD,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE;QAC1E,oBAAoB,CAAC,CAAC,CAAC,wBAAwB,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACpF,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,aAAa;IAC5E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/page/page-content.transformer.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: 'WmPageContent', from: '@wavemaker/app-rn-runtime/components/page/page-content/page-content.component' }
+];
+exports.default = {
+    pre: (element, context) => {
+        var _a, _b, _c;
+        // checking if parent(page) is scrollable
+        let currentNode = element.parentNode;
+        while (currentNode) {
+            if (((_a = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _a === void 0 ? void 0 : _a.rawTagName) === 'wm-page' &&
+                ((_c = (_b = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _b === void 0 ? void 0 : _b.attributes) === null || _c === void 0 ? void 0 : _c.scrollable) == 'true') {
+                element.setAttribute('scrollable', 'false');
+                break;
+            }
+            currentNode = currentNode.parentNode;
+        }
+        return `<WmPageContent ${(0, transpile_1.transformAttrs)(element, context)} showskeleton={fragment.App.isSkeletonEnabled() && !fragment.startUpVariablesLoaded}>`;
+    },
+    post: (element, context) => '</WmPageContent>',
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context)
+};
+//# sourceMappingURL=page-content.transformer.js.map

package/src/transpile/components/page/page-content.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-content.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/page-content.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA6G;AAEhG,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,+EAA+E,EAAC;CAChH,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;;QAC3D,yCAAyC;QACzC,IAAI,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,OAAM,WAAW,EAAE;YACjB,IAAG,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAE,UAAU,MAAK,SAAS;gBAClD,CAAA,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,UAAU,0CAAE,UAAU,0CAAE,UAAU,KAAI,MAAM,EAC1D;gBACC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAA;gBAC3C,MAAM;aACP;YACD,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC;SACtC;QACF,OAAO,kBAAkB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,uFAAuF,CAAA;IACjJ,CAAC;IAED,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,kBAAkB;IACjF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CAC7F,CAAC"}

package/src/transpile/components/page/page.transformer.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const node_html_parser_1 = require("node-html-parser");
+const transpile_1 = require("../../transpile");
+const utils_1 = require("../utils");
+exports.imports = [
+    { name: 'WmPage', from: '@wavemaker/app-rn-runtime/components/page/page.component' }
+];
+exports.default = {
+    pre: (element, context) => {
+        var _a;
+        let hasClippedTabbar = false;
+        let hasAppNavbar = false;
+        const edgeToEdgeConfig = (_a = context === null || context === void 0 ? void 0 : context.rnConfig) === null || _a === void 0 ? void 0 : _a.edgeToEdgeConfig;
+        const onscroll = element.attributes.onscroll || (edgeToEdgeConfig === null || edgeToEdgeConfig === void 0 ? void 0 : edgeToEdgeConfig.scrollBehaviour) || 'none';
+        (0, utils_1.findElement)(element, 'WM-MOBILE-TABBAR', (e) => {
+            e.setAttribute('hideonscroll', onscroll === "topnav-bottomnav" ? "true" : "false");
+            const classname = e.getAttribute('class');
+            hasClippedTabbar = !!(classname === null || classname === void 0 ? void 0 : classname.split(' ').find(v => (v === 'clipped-tabbar')));
+        }, {
+            recursive: true
+        });
+        (0, utils_1.findElement)(element, 'WM-MOBILE-NAVBAR', (e) => {
+            e.setAttribute('hideonscroll', (onscroll === "topnav" || onscroll === "topnav-bottomnav") ? "true" : "false");
+            hasAppNavbar = true;
+        }, {
+            recursive: true
+        });
+        if (hasClippedTabbar) {
+            (0, utils_1.findElement)(element, 'WM-PAGE-CONTENT', (e) => {
+                const tabbarspacer = (0, node_html_parser_1.parse)(`<wm-container
+            name="tabbarSpacer"
+            class="app-tabbar tabbar-spacer">
+          </wm-container>`).firstChild;
+                e.appendChild(tabbarspacer);
+            }, {
+                recursive: true
+            });
+        }
+        return `<WmPage ${(0, transpile_1.transformAttrs)(element, context)} hasappnavbar={${hasAppNavbar}}>`;
+    },
+    post: (element, context) => '</WmPage>',
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context)
+};
+//# sourceMappingURL=page.transformer.js.map

package/src/transpile/components/page/page.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/page.transformer.ts"],"names":[],"mappings":";;;AAAA,uDAAsD;AAEtD,+CAA6G;AAC7G,oCAAuC;AAE1B,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,0DAA0D,EAAC;CACpF,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;;QAC3D,IAAI,gBAAgB,GAAG,KAAK,CAAC;QAC7B,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,MAAM,gBAAgB,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,0CAAE,gBAAgB,CAAC;QAC7D,MAAM,QAAQ,GAAG,OAAO,CAAC,UAAU,CAAC,QAAQ,KAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe,CAAA,IAAI,MAAM,CAAC;QAE5F,IAAA,mBAAW,EAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;YAC/C,CAAC,CAAC,YAAY,CAAC,cAAc,EAC7B,QAAQ,KAAK,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CACjD,CAAC;YACA,MAAM,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC1C,gBAAgB,GAAG,CAAC,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,gBAAgB,CAAC,CAAC,CAAA,CAAC;QACjF,CAAC,EAAE;YACD,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,IAAA,mBAAW,EAAC,OAAO,EAAE,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;YAC7C,CAAC,CAAC,YAAY,CAAC,cAAc,EACzB,CAAC,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,kBAAkB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAChF,CAAC;YACF,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC,EAAE;YACD,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,IAAI,gBAAgB,EAAE;YACpB,IAAA,mBAAW,EAAC,OAAO,EAAE,iBAAiB,EAAE,CAAC,CAAC,EAAE,EAAE;gBAC5C,MAAM,YAAY,GAAG,IAAA,wBAAK,EAAC;;;0BAGT,CAAC,CAAC,UAAyB,CAAC;gBAC9C,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAC9B,CAAC,EAAE;gBACD,SAAS,EAAG,IAAI;aACjB,CAAC,CAAC;SACJ;QACD,OAAO,WAAW,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,kBAAkB,YAAY,IAAI,CAAC;IACvF,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,WAAW;IAC1E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CAC7F,CAAC"}

package/src/transpile/components/page/partial-container.transformer.js

@@ -0,0 +1,70 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const node_html_parser_1 = __importStar(require("node-html-parser"));
+const html_entities_1 = require("html-entities");
+const utils_1 = require("../utils");
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: 'WmPartialContainer', from: '@wavemaker/app-rn-runtime/components/page/partial-container/partial-container.component' }
+];
+exports.default = {
+    pre: (element, context) => {
+        let content = element.attributes['content'];
+        if (content) {
+            const params = {};
+            Object.keys(element.attrs).forEach(k => {
+                if (k !== 'name' && k !== 'show' && k != 'content') {
+                    params[k] = element.attrs[k];
+                }
+            });
+            element.childNodes
+                .filter(node => node instanceof node_html_parser_1.HTMLElement && node.tagName === 'WM-PARAM')
+                .forEach((node) => {
+                const e = node;
+                params[e.getAttribute('name') || ''] = e.getAttribute('value');
+            });
+            let paramStr = Object.keys(params)
+                .filter(k => k !== 'on-load')
+                .map(k => `${k}="${(0, html_entities_1.encode)(params[k])}"`).join(' ');
+            paramStr = (0, transpile_1.transformAttrs)((0, node_html_parser_1.default)(`<wm-partial-container ${paramStr}/>`).firstChild, context, utils_1.inferTypeAndParseProperty);
+            paramStr += ` name={props.name + '_partial_container'}`;
+            paramStr += ` partial_name={props.name + '_partial'}`;
+            paramStr += ` content={props.content}`;
+            paramStr += ' serviceDefinitions={fragment.serviceDefinitions}';
+            paramStr += ' parentWatcher={fragment.watcher}';
+            paramStr += ` invokeVariables={props.invokeVariables}`;
+            if (context.isPartOfPrefab) {
+                paramStr += ' prefab={fragment.prefab || fragment}';
+            }
+            return `<WmPartialContainer onLoad={onLoad} ${paramStr} themeToUse={fragment.theme}/>`;
+        }
+        return '';
+    },
+    post: (element, context) => '',
+    imports: (element, context) => element.hasAttribute('content') ? exports.imports : []
+};
+//# sourceMappingURL=partial-container.transformer.js.map

package/src/transpile/components/page/partial-container.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partial-container.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/partial-container.transformer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAsD;AACtD,iDAAuC;AAEvC,oCAAqD;AACrD,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAE,yFAAyF,EAAC;CAC/H,CAAC;AAEF,kBAAe;IACX,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QACzD,IAAI,OAAO,GAAG,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAC5C,IAAI,OAAO,EAAE;YACT,MAAM,MAAM,GAAG,EAAS,CAAC;YACzB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;gBACnC,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC,IAAI,SAAS,EAAE;oBAChD,MAAM,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBAChC;YACL,CAAC,CAAC,CAAA;YACF,OAAO,CAAC,UAAU;iBACb,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,YAAY,8BAAW,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,CAAC;iBAC1E,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACd,MAAM,CAAC,GAAG,IAAmB,CAAC;gBAC9B,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,GAAE,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAClE,CAAC,CAAC,CAAC;YACP,IAAI,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;iBAC7B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC;iBAC5B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,IAAA,sBAAM,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACvD,QAAQ,GAAG,IAAA,0BAAc,EAAC,IAAA,0BAAK,EAAC,yBAAyB,QAAQ,IAAI,CAAC,CAAC,UAAyB,EAAE,OAAO,EAAE,iCAAyB,CAAC,CAAC;YACtI,QAAQ,IAAI,2CAA2C,CAAC;YACxD,QAAQ,IAAI,yCAAyC,CAAC;YACtD,QAAQ,IAAI,0BAA0B,CAAC;YACvC,QAAQ,IAAI,mDAAmD,CAAC;YAChE,QAAQ,IAAI,mCAAmC,CAAC;YAChD,QAAQ,IAAI,0CAA0C,CAAC;YACvD,IAAI,OAAO,CAAC,cAAc,EAAE;gBACxB,QAAQ,IAAI,uCAAuC,CAAC;aACvD;YACD,OAAO,uCAAuC,QAAQ,gCAAgC,CAAC;SAC1F;QACD,OAAO,EAAE,CAAC;IACd,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,EAAE;IACjE,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,eAAO,CAAC,CAAC,CAAC,EAAE;CACpG,CAAC"}

package/src/transpile/components/page/partial.transformer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: 'WmPartial', from: '@wavemaker/app-rn-runtime/components/page/partial/partial.component' }
+];
+exports.default = {
+    pre: (element, context) => `<WmPartial ${(0, transpile_1.transformAttrs)(element, context)} skeletonanimationresource={fragment.props.skeletonanimationresource} skeletonanimationspeed={fragment.props.skeletonanimationspeed} showskeleton={(fragment.App.isSkeletonEnabled() && !fragment.startUpVariablesLoaded) ? true : undefined}>`,
+    post: (element, context) => '</WmPartial>',
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context)
+};
+//# sourceMappingURL=partial.transformer.js.map

package/src/transpile/components/page/partial.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partial.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/page/partial.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA6G;AAEhG,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,qEAAqE,EAAE;CACnG,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,cAAc,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,gPAAgP;IAC5V,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,cAAc;IAC7E,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CAC7F,CAAC"}

package/src/transpile/components/prefab/prefab-container.transformer.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: 'WmPrefabContainer', from: '@wavemaker/app-rn-runtime/components/prefab/prefab-container.component' }
+];
+exports.default = {
+    pre: (element, context) => `<WmPrefabContainer ${(0, transpile_1.transformAttrs)(element, context)} skeletonanimationspeed={fragment.props.skeletonanimationspeed} skeletonanimationresource={fragment.provideAsset(fragment.props.skeletonanimationresource)}  showskeleton={(fragment.App.isSkeletonEnabled() && !fragment.startUpVariablesLoaded) ? true : undefined}>`,
+    post: (element, context) => '</WmPrefabContainer>',
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context)
+};
+//# sourceMappingURL=prefab-container.transformer.js.map

package/src/transpile/components/prefab/prefab-container.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prefab-container.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/prefab/prefab-container.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA6G;AAEhG,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,wEAAwE,EAAE;CAC9G,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,sBAAsB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,wQAAwQ;IAC5X,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,sBAAsB;IACrF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;IACzE,eAAe,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,IAAA,2BAAe,EAAC,OAAO,EAAE,OAAO,CAAC;CAC7F,CAAC"}

package/src/transpile/components/prefab/prefab.transformer.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const profile_1 = __importDefault(require("../../../profiles/profile"));
+const transpile_1 = require("../../transpile");
+const utils_1 = require("../utils");
+const capitalize = (str) => {
+    return str ? str.split('-')
+        .map(s => s.charAt(0).toUpperCase() + s.substring(1))
+        .join('') : str;
+};
+exports.default = {
+    pre: (element, context) => {
+        const prefabName = capitalize(element.getAttribute('prefabname'));
+        const widgetname = capitalize(element.getAttribute('widgetname'));
+        const lazyLoadMessage = element.getAttribute('lazyloadmessage');
+        const HideLazyLoadMessage = element.getAttribute('hidelazyloadmessage');
+        const lazyLoadFallback = HideLazyLoadMessage === "true" ? null : (lazyLoadMessage ? `<ReactNative.Text>${lazyLoadMessage}</ReactNative.Text>` : 'fragment.loadingMessage');
+        const lazyLoad = profile_1.default.lazyloadPrefabs ? `<React.Suspense fallback={${lazyLoadFallback}}>` : '';
+        // animationresource={fragment.provideAsset(fragment.props.animationresource)}
+        const skeletonanimationresource = element.getAttribute('skeletonanimationresource');
+        if (skeletonanimationresource) {
+            element.setAttribute('skeletonanimationresource', `bind:fragment.provideAsset('${skeletonanimationresource}')`);
+        }
+        if (widgetname) {
+            return `${lazyLoad}<Wm${widgetname} ${(0, transpile_1.transformAttrs)(element, context, utils_1.inferTypeAndParseProperty)}>`;
+        }
+        return `${lazyLoad}<Wm${prefabName}Prefab ${(0, transpile_1.transformAttrs)(element, context, utils_1.inferTypeAndParseProperty)} themeToUse={fragment.theme} parentWatcher={fragment.watcher}>`;
+    },
+    post: (element, context) => {
+        const prefabName = capitalize(element.getAttribute('prefabname'));
+        const widgetname = capitalize(element.getAttribute('widgetname'));
+        const lazyLoad = profile_1.default.lazyloadPrefabs ? '</React.Suspense>' : '';
+        if (widgetname) {
+            return `</Wm${widgetname}>${lazyLoad}`;
+        }
+        return `</Wm${prefabName}Prefab>${lazyLoad}`;
+    },
+    imports: (element, context) => {
+        const prefabName = element.getAttribute('prefabname');
+        const widgetname = element.getAttribute('widgetname');
+        const widgetmodule = element.getAttribute('widgetmodule');
+        const imports = [{ name: '* as ReactNative', from: 'react-native' }];
+        if (widgetname) {
+            imports.push({ name: 'Wm' + capitalize(widgetname), from: widgetmodule });
+        }
+        else {
+            imports.push({ name: 'Wm' + capitalize(prefabName) + 'Prefab', from: `../../prefabs/${prefabName}/src/pages/Main/Main.component`, lazy: profile_1.default.lazyloadPrefabs });
+        }
+        return imports;
+    },
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context),
+    prefabs: (element, context) => [element.getAttribute('prefabname')]
+};
+//# sourceMappingURL=prefab.transformer.js.map

package/src/transpile/components/prefab/prefab.transformer.js.map

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