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

package/src/transpile/components/basic/progress-bar.transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.transformer.js","sourceRoot":"","sources":["../../../../../src/transpile/components/basic/progress-bar.transformer.ts"],"names":[],"mappings":";;;AAEA,+CAA4F;AAE/E,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,gFAAgF,EAAC;CACjH,CAAC;AAEF,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;;QAC3D,MAAM,aAAa,GAAG,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;QAC9C,MAAM,mBAAmB,GAAG,MAAA,GAAG,aAAa,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,0CAAG,CAAC,CAAC,CAAC;QAC7E,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC;qBACnB,mBAAmB;iBACvB,aAAa;;MAExB,CAAC,CAAC,CAAC,EAAE,CAAC;QACR,IAAI,aAAa,EAAE;YACjB,OAAO,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC;SAC3C;QAAA,CAAC;QACF,OAAO,kBAAkB,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,kBAAkB,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;IACxH,CAAC;IACD,IAAI,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,kBAAkB;IACjF,OAAO,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE,CAAC,eAAO;CAC3D,CAAC"}

package/src/transpile/components/container/wizard.transformer.js

@@ -0,0 +1,97 @@
+"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");
+exports.imports = [
+    { name: 'WmWizard', from: '@wavemaker/app-rn-runtime/components/container/wizard/wizard.component' }
+];
+// Function to process tap events
+const processTapEvent = (node, element) => {
+    // Map of button classes to wizard prop names
+    const classnameActionMappings = {
+        'app-wizard-cancel': 'on-cancel',
+        'app-wizard-previous': 'on-prev',
+        'app-wizard-next': 'on-next',
+        'app-wizard-done': 'on-done',
+        'app-wizard-skip': 'on-skip'
+    };
+    // Default actions to ignore which are added by default in studio.
+    const defaultActions = ['fragment.cancel()', 'fragment.previous()', 'fragment.next()', 'fragment.done()', 'fragment.skip()'];
+    const className = node.getAttribute('class');
+    if (!className) {
+        return;
+    }
+    // Find matching action type
+    const actionType = Object.keys(classnameActionMappings).find(actionClass => className.includes(actionClass));
+    if (!actionType) {
+        return;
+    }
+    // Get tap event and process it
+    const tapEvent = node.getAttribute('on-tap');
+    if (tapEvent) {
+        // Split the tap event by semicolon to handle multiple actions
+        const actions = tapEvent.split(';').map(action => action.trim()).filter(Boolean);
+        // Filter out default actions and keep only custom actions
+        const customActions = actions.filter(action => {
+            return !defaultActions.includes(action);
+        });
+        if (customActions.length > 0) {
+            // Join remaining custom actions with semicolon
+            const customActionString = customActions.join(';');
+            element.setAttribute(classnameActionMappings[actionType], customActionString);
+            if (customActions && customActions.length === actions.length) {
+                element.setAttribute(`skipdefault${actionType.replace('app-wizard-', '')}`, 'true');
+            }
+            node.removeAttribute('on-tap');
+        }
+    }
+};
+// A work around to support the wizard action in the wizard component
+function processWizardActions(element) {
+    // Find wizardaction element
+    const wizardActionNode = element.childNodes.find((node) => node instanceof node_html_parser_1.HTMLElement && node.rawTagName === 'wm-wizardaction');
+    if (!wizardActionNode) {
+        return;
+    }
+    // Find container within wizardaction
+    const containerNode = wizardActionNode.childNodes.find((node) => node instanceof node_html_parser_1.HTMLElement && node.rawTagName === 'wm-container');
+    // Find anchor within wizardaction
+    const anchorNode = wizardActionNode.childNodes.find((node) => node instanceof node_html_parser_1.HTMLElement && node.rawTagName === 'wm-anchor');
+    if (!containerNode) {
+        return;
+    }
+    // Process each button
+    containerNode.childNodes.forEach((node) => {
+        if (node instanceof node_html_parser_1.HTMLElement) {
+            processTapEvent(node, element);
+        }
+    });
+    // Process anchor node if it exists
+    if (anchorNode) {
+        processTapEvent(anchorNode, element);
+    }
+    // Remove the wizardaction node since events are moved
+    wizardActionNode.remove();
+}
+exports.default = {
+    pre: (element, context) => {
+        let i = 0;
+        element.childNodes.forEach((c) => {
+            if (c instanceof node_html_parser_1.HTMLElement) {
+                c.setAttribute('index', '' + (i++));
+            }
+        });
+        let menudataexpr = (0, transpile_1.createExpression)(element, 'menudataexpr');
+        if (menudataexpr) {
+            element.removeAttribute('menudataexpr');
+        }
+        processWizardActions(element);
+        return `<WmWizard ${(0, transpile_1.transformAttrs)(element, context)} 
+      ${menudataexpr ? `getmenudataexpression=${menudataexpr}` : ''}>`;
+    },
+    post: (element, context) => '</WmWizard>',
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context)
+};
+//# sourceMappingURL=wizard.transformer.js.map

package/src/transpile/components/container/wizard.transformer.js.map

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

package/src/transpile/components/data/form/form-field.transformer.js

@@ -0,0 +1,370 @@
+"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");
+exports.imports = [
+    { name: 'WmFormField', from: '@wavemaker/app-rn-runtime/components/data/form/form-field/form-field.component' }
+];
+const getAttribute = (element, attrName) => {
+    const value = element.getAttribute(attrName);
+    return value === null || value === void 0 ? void 0 : value.replace(/"/g, '"');
+};
+const getStyleProps = (element) => {
+    const attributes = ['fontsize', 'fontweight', 'color', 'textalign', 'fontfamily', 'textdecoration', 'fontstyle'];
+    return attributes.reduce((propsString, attr) => {
+        const value = getAttribute(element, attr);
+        if (value !== undefined) {
+            propsString += `${attr}=${value} `;
+        }
+        return propsString;
+    }, '');
+};
+const extractField = (element, context, formElement) => {
+    const widgetType = getAttribute(element, 'widget') || 'text';
+    const widgetName = getAttribute(element, 'key') || getAttribute(element, 'name') || 'text' + '_formWidget';
+    return getFormWidgetTemplate(widgetType, widgetName, element, getAttribute(formElement, 'formdata'));
+};
+const getFormWidgetTemplate = (widgetType, widgetName, element, formDataVariable) => {
+    var _a;
+    widgetName = widgetName.replace('.', '_');
+    // Check for horizontal layout using better naming convention
+    let currentNode = element.parentNode;
+    while (currentNode) {
+        if (currentNode.rawTagName === 'wm-form' || currentNode.rawTagName === 'wm-liveform' || currentNode.getAttribute('type') === "dynamic") {
+            break;
+        }
+        currentNode = currentNode.parentNode;
+    }
+    // Support both layoutposition (new) and captionposition (backward compatibility)
+    const isHorizontalLayout = element.getAttribute('layoutposition') === 'horizontal' ||
+        currentNode.getAttribute('layoutposition') === 'horizontal';
+    // Use specific horizontal class for labels when in horizontal layout
+    const labelClass = isHorizontalLayout ? 'form-label-horizontal form-label' : 'form-label';
+    var labelMarkup = getAttribute(element, 'displayname') ? `<wm-label 
+    caption="bind:$formField.displayname"
+    class="${labelClass} ${widgetName}_formLabel"
+    conditionalclass="fragment.getFormFieldStyles($formField, 'label')"
+    memoize="false"
+    required="bind:$formField.required"
+    name="${widgetName}_formLabel"></wm-label>` : '';
+    const onFocus = getAttribute(element, 'on-focus');
+    if (onFocus) {
+        element.removeAttribute('on-focus');
+    }
+    const onBlur = getAttribute(element, 'on-blur');
+    if (onBlur) {
+        element.removeAttribute('on-blur');
+    }
+    const onTap = getAttribute(element, 'on-tap');
+    if (onTap) {
+        element.removeAttribute('on-tap');
+    }
+    const placeholder = getAttribute(element, 'placeholder');
+    if (placeholder) {
+        element.removeAttribute('placeholder');
+    }
+    const formfieldName = getAttribute(element, 'name');
+    const skipscripteventtrigger = (_a = getAttribute(element, 'skipscripteventtrigger')) !== null && _a !== void 0 ? _a : false;
+    // Add horizontal class to form inputs when in horizontal layout
+    const inputHorizontalClass = isHorizontalLayout ? `form-${widgetType}-input-horizontal ` : '';
+    const widgetSpecificClass = widgetType === 'select' ? 'form-widget-select' : '';
+    var commonFields = `name="${widgetName}"
+                      formfieldname="${formfieldName}"
+                      formfield="true"
+                      memoize="false"
+                      required="bind:$formField.required"
+                      regexp="bind:$formField.regexp"
+                      validationmessage="bind:$formField.validationmessage"
+                      datavalue="bind:$formField.defaultvalue"
+                      disabled="bind:$formField.disabled"
+                      readonly="bind:$formField.readonly"
+                      class="${widgetSpecificClass}${inputHorizontalClass}form-input form-${widgetType} form-${widgetName}-input"
+                      conditionalclass="fragment.getFormFieldStyles($formField, 'commonField')"
+                      ${placeholder ? 'placeholder="' + placeholder + '"' : ''}
+                      ${onFocus ? 'on-focus=' + onFocus : ''}
+                      ${onBlur ? 'on-blur=' + onBlur : ''}
+                      ${onTap ? 'on-tap=' + onTap : ''}
+                      skipscripteventtrigger=${skipscripteventtrigger}`;
+    var widgetMarkup = getWidgetMarkup(widgetType, widgetName, commonFields, element);
+    const formFieldTags = ['text', 'password', 'number', 'currency', 'textarea'];
+    const isFloatingForm = currentNode.getAttribute('captionposition') === 'floating';
+    // * not showing label for a floating input
+    if (formFieldTags.includes(widgetType) && isFloatingForm)
+        return { label: null, field: (0, node_html_parser_1.parse)(widgetMarkup).firstChild };
+    return { label: labelMarkup ? (0, node_html_parser_1.parse)(labelMarkup).firstChild : null, field: (0, node_html_parser_1.parse)(widgetMarkup).firstChild };
+};
+const getWidgetMarkup = (widgetType, widgetName, commonFields, element) => {
+    let tmpl = '';
+    const getDisplayExpr = element.getAttribute('displayexpression') || element.getAttribute('displaylabel');
+    const displayExp = getDisplayExpr ? `displayexpression='${getDisplayExpr}'` : '';
+    const formFieldTags = ['text', 'password', 'number', 'currency', 'textarea'];
+    let currentNode = element.parentNode;
+    while (currentNode) {
+        if (currentNode.rawTagName === 'wm-form' || currentNode.rawTagName === 'wm-liveform' || currentNode.getAttribute('type') === "dynamic") {
+            break;
+        }
+        currentNode = currentNode.parentNode;
+    }
+    const isFloatingForm = currentNode.getAttribute('captionposition') === 'floating';
+    const floatinglabel = formFieldTags.includes(widgetType) && isFloatingForm ? `floatinglabel='${element.getAttribute('displayname')}'` : '';
+    const dateTimeDialogTags = ['date', 'time', 'datetime'];
+    const isDateTimeTag = dateTimeDialogTags.includes(widgetType);
+    // * date picker modal customization
+    const dateheadertitle = isDateTimeTag && element.getAttribute('dateheadertitle') ? `dateheadertitle='${element.getAttribute('dateheadertitle')}'` : '';
+    const dateconfirmationtitle = isDateTimeTag && element.getAttribute('dateconfirmationtitle') ? `dateconfirmationtitle='${element.getAttribute('dateconfirmationtitle')}'` : '';
+    const datecanceltitle = isDateTimeTag && element.getAttribute('datecanceltitle') ? `datecanceltitle='${element.getAttribute('datecanceltitle')}'` : '';
+    // * time picker modal customization
+    const timeheadertitle = isDateTimeTag && element.getAttribute('timeheadertitle') ? `timeheadertitle='${element.getAttribute('timeheadertitle')}'` : '';
+    const timeconfirmationtitle = isDateTimeTag && element.getAttribute('timeconfirmationtitle') ? `timeconfirmationtitle='${element.getAttribute('timeconfirmationtitle')}'` : '';
+    const timecanceltitle = isDateTimeTag && element.getAttribute('timecanceltitle') ? `timecanceltitle='${element.getAttribute('timecanceltitle')}'` : '';
+    const outputformat = element.getAttribute('outputformat') ? `outputformat='${element.getAttribute('outputformat')}'` : ``;
+    //Formats textAreaHelpText by replacing widget references with form widget references 
+    const formatTextAreaHelpText = (textAreaHelpText, formFieldName, widgetName) => {
+        var _a;
+        // Make sure textAreaHelpText is a string
+        if (!textAreaHelpText || typeof textAreaHelpText !== 'string' || !formFieldName || !widgetName || textAreaHelpText.length === 0)
+            return '';
+        // For text that already contains formWidgets reference pattern, don't modify it
+        if (textAreaHelpText.includes(`Widgets.${formFieldName}.formWidgets.${widgetName}`)) {
+            return textAreaHelpText;
+        }
+        // Replace direct widget references with form widget references
+        return (_a = textAreaHelpText === null || textAreaHelpText === void 0 ? void 0 : textAreaHelpText.replace(new RegExp(`fragment\\.Widgets\\.${widgetName}\\.maxchars`, 'g'), `fragment.Widgets.${formFieldName}.formWidgets.${widgetName}.maxchars`)) === null || _a === void 0 ? void 0 : _a.replace(new RegExp(`fragment\\.Widgets\\.${widgetName}\\.charlength`, 'g'), `fragment.Widgets.${formFieldName}.formWidgets.${widgetName}.charlength`);
+    };
+    switch (widgetType) {
+        case 'text':
+        case 'password':
+            let inputtype = widgetType === 'password' ? 'password' : getAttribute(element, 'inputtype');
+            inputtype = inputtype ? `type=${inputtype}` : '';
+            tmpl = `<wm-text ${inputtype} ${commonFields} 
+                updateon="bind:$formField.updateon || 'blur'"
+                maxchars="bind:$formField.maxchars"
+                ${getStyleProps(element)}
+                showskeleton=${getAttribute(element, 'showtextskeleton') === 'false' ? "false" : "undefined"}
+                ${floatinglabel}
+                ></wm-text>`;
+            break;
+        case 'textarea':
+            const formfieldName = currentNode.getAttribute('name');
+            // Check if textAreaHelpText is defined before passing to the function
+            const helpText = element.getAttribute('limitdisplaytext');
+            const formattedTextAreaHelpText = formatTextAreaHelpText(helpText, formfieldName, widgetName);
+            // Only include formattedTextAreaHelpText in the template if it exists
+            const helpTextAttr = formattedTextAreaHelpText ? `limitdisplaytext='${formattedTextAreaHelpText}'` : '';
+            tmpl = `<wm-textarea ${commonFields}
+                updateon="bind:$formField.updateon || 'blur'"
+                maxchars="bind:$formField.maxchars"
+                ${helpTextAttr}
+                ${floatinglabel}
+                ${getStyleProps(element)} 
+              ></wm-textarea>`;
+            break;
+        case 'number':
+            tmpl = `<wm-number ${commonFields}
+                updateon="bind:$formField.updateon || 'blur'"
+                minvalue="bind:$formField.minvalue"
+                maxvalue="bind:$formField.maxvalue"
+                displayValue="bind:$formField.displayValue"
+                ${floatinglabel}>
+                ${getStyleProps(element)}
+              </wm-number>`;
+            break;
+        case 'currency':
+            tmpl = `<wm-currency ${commonFields}
+                  updateon="bind:$formField.updateon || 'blur'"
+                  minvalue="bind:$formField.minvalue"
+                  maxvalue="bind:$formField.maxvalue"
+                  ${floatinglabel}>
+                  ${getStyleProps(element)}
+                </wm-currency>`;
+            break;
+        case 'select':
+            tmpl = `<wm-select ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+                ${getStyleProps(element)}
+              ></wm-select>`;
+            break;
+        case 'autocomplete':
+            tmpl = `<wm-search ${commonFields} ${displayExp}
+                type="autocomplete"
+                limit="bind:$formField.limit"
+                displayimagesrc="bind:$formField.displayimagesrc"
+                searchkey="bind:$formField.searchkey"
+                showclear="bind:$formField.showclear || false"
+                dataset="bind:$formField.dataset"
+                displayfield="bind:$formField.displaylabel"
+                datafield="bind:$formField.datafield"
+                ${getStyleProps(element)}
+                ></wm-search>`;
+            break;
+        case 'chips':
+            tmpl = `<wm-chips ${commonFields} ${displayExp}
+                minchars="bind:$formField.minchars || 1"
+                maxsize="bind:$formField.maxsize"
+                displayimagesrc="bind:$formField.displayimagesrc"
+                searchkey="bind:$formField.searchkey"
+                dataset="bind:$formField.dataset || 'Option 1, Option 2, Option 3'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+                ></wm-chips>`;
+            break;
+        case 'checkbox':
+            tmpl = `<wm-checkbox ${commonFields}
+                  caption="bind:$formField.caption"
+                  checkedvalue="bind:$formField.checkedvalue || true"
+                  uncheckedvalue="bind:$formField.uncheckedvalue || false">
+              </wm-checkbox>`;
+            break;
+        case 'checkboxset':
+            tmpl = `<wm-checkboxset ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset || 'Option 1, Option 2, Option 3'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+              ></wm-checkboxset>`;
+            break;
+        case 'toggle':
+            tmpl = `<wm-toggle ${commonFields}
+                type="toggle"
+                checkedvalue="bind:$formField.checkedvalue || true"
+                uncheckedvalue="bind:$formField.uncheckedvalue || false">
+              </wm-toggle>`;
+            break;
+        case 'switch':
+            tmpl = `<wm-switch ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset || 'yes, no, maybe'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+              ></wm-switch>`;
+            break;
+        case 'radioset':
+            tmpl = `<wm-radioset ${commonFields} ${displayExp}
+                dataset="bind:$formField.dataset || 'Option 1, Option 2, Option 3'"
+                displayfield="bind:$formField.displayfield"
+                datafield="bind:$formField.datafield"
+              ></wm-radioset>`;
+            break;
+        case 'date':
+            tmpl += `<wm-date ${commonFields}
+                mindate="bind:$formField.mindate"
+                maxdate="bind:$formField.maxdate"
+                datepattern="bind:$formField.datepattern"
+                ${outputformat}
+                ${dateheadertitle}
+                ${dateconfirmationtitle}
+                ${datecanceltitle}
+                ></wm-date>`;
+            break;
+        case 'datetime':
+        case 'timestamp':
+            tmpl = `<wm-datetime ${commonFields}
+                mindate="bind:$formField.mindate"
+                maxdate="bind:$formField.maxdate"
+                datepattern="bind:$formField.datepattern"
+                ${outputformat}
+                ${dateheadertitle}
+                ${dateconfirmationtitle}
+                ${datecanceltitle}
+                ${timeheadertitle}
+                ${timeconfirmationtitle}
+                ${timecanceltitle}
+                ></wm-datetime>`;
+            break;
+        case 'time':
+            tmpl += `<wm-time ${commonFields} 
+                timepattern="bind:$formField.timepattern"
+                ${outputformat}
+                ${timeheadertitle}
+                ${timeconfirmationtitle}
+                ${timecanceltitle}
+                ></wm-time>`;
+            break;
+        case 'slider':
+            tmpl += `<wm-slider ${commonFields} 
+                minvalue="bind:$formField.minvalue || 0"
+                maxvalue="bind:$formField.maxvalue || 100"
+                step="bind:$formField.step || 1"
+                ></wm-slider>`;
+            break;
+        case 'rating':
+            let showcaptions = getAttribute(element, 'showcaptions');
+            showcaptions = showcaptions ? `showcaptions="bind:$formField.showcaptions"` : '';
+            tmpl += `<wm-rating ${commonFields} ${displayExp}
+                ${getAttribute(element, 'dataset') ? 'dataset="bind:$formField.dataset"' : ''}
+                displayfield="bind:$formField.displayfield || 'value'"
+                datafield="bind:$formField.datafield || 'key'"
+                ${showcaptions}
+                maxvalue="bind:$formField.maxvalue || 5"
+                ></wm-rating>`;
+            break;
+    }
+    return tmpl;
+};
+exports.default = {
+    pre: (element, context) => {
+        const listName = context.data.listname;
+        let currentNode = element.parentNode;
+        while (currentNode) {
+            if (currentNode.rawTagName === 'wm-form' || currentNode.rawTagName === 'wm-liveform' || currentNode.getAttribute('type') === "dynamic") {
+                break;
+            }
+            currentNode = currentNode.parentNode;
+        }
+        let formName, formScope;
+        if (currentNode.getAttribute('type') === "dynamic") {
+            formName = currentNode.getAttribute('dynamicForm');
+            formScope = `formScope={fragment.wmformScope['${formName}']}`;
+        }
+        else {
+            formName = currentNode.getAttribute('name');
+        }
+        // @ts-ignore
+        element.setAttribute('formRef', formName);
+        if (element.attrs['primary-key']) {
+            element.setAttribute('primaryKey', element.attrs['primary-key']);
+        }
+        element.removeAttribute('primary-key');
+        element.setAttribute('isRelated', element.attrs['is-related']);
+        element.removeAttribute('is-related');
+        if (element.getAttribute('dataset')) {
+            element.setAttribute('isDataSetBound', "true");
+        }
+        // Handle horizontal layout styling - support both layoutposition and captionposition
+        const isHorizontalLayout = element.getAttribute('layoutposition') === 'horizontal' ||
+            currentNode.getAttribute('layoutposition') === 'horizontal';
+        // Add horizontal class only to the form field container - no separate label/input classes needed
+        const existingClass = element.getAttribute('class') || '';
+        const horizontalClass = isHorizontalLayout ? 'app-form-field-horizontal ' : '';
+        if (horizontalClass) {
+            element.setAttribute('class', `${horizontalClass}${existingClass}`.trim());
+        }
+        const validate = `widget.validateFormField.call(widget);`;
+        let onChange = element.getAttribute('on-change') || '';
+        onChange = listName ? `list.itemWidgets[$index].${currentNode.getAttribute('name')} && list.itemWidgets[$index].${currentNode.getAttribute('name')}.props.onChange && list.itemWidgets[$index].${currentNode.getAttribute('name')}.props.onChange($event, widget, newVal, oldVal);` + onChange
+            : `fragment.Widgets.${currentNode.getAttribute('name')} && fragment.Widgets.${currentNode.getAttribute('name')}.props.onChange && fragment.Widgets.${currentNode.getAttribute('name')}.props.onChange($event, widget, newVal, oldVal);` + onChange;
+        element.setAttribute('on-change', onChange);
+        const formField = extractField(element, context, currentNode);
+        if (formField.label) {
+            element.childNodes.push(formField.label);
+        }
+        element.childNodes.push(formField.field);
+        element.removeAttribute('datavalue');
+        element.removeAttribute('height');
+        element.setAttribute('on-validate', validate);
+        const childDatasetNode = currentNode.getAttribute('childdatasetnode');
+        if (childDatasetNode) {
+            element.setAttribute('formKey', childDatasetNode + '.' + element.attrs['name']);
+        }
+        else {
+            element.setAttribute('formKey', element.attrs['key'] || element.attrs['name']);
+        }
+        element.removeAttribute('key');
+        return `<WmFormField ${formScope || ''} ${(0, transpile_1.transformAttrs)(element, context)} renderFormFields={($formField) => (<>`;
+    },
+    post: (element, context) => '</>)}></WmFormField>',
+    imports: (element, context) => exports.imports,
+    createComponent: (element, context) => (0, transpile_1.createComponent)(element, context)
+};
+//# sourceMappingURL=form-field.transformer.js.map

package/src/transpile/components/data/form/form-field.transformer.js.map

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

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

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const lodash_1 = require("lodash");
+const node_html_parser_1 = require("node-html-parser");
+const transpile_1 = require("../../transpile");
+exports.imports = [
+    { name: 'WmForm', from: '@wavemaker/app-rn-runtime/components/data/form/form.component' }
+];
+const getDataSetExpr = (element, bindExpr) => {
+    return element.getAttribute('isLogin') ? '' : `${bindExpr}[widget.props.name] = newVal;`;
+};
+const getOnChangeExpr = (element) => {
+    var _a;
+    const formDataSet = ((_a = element.getAttribute('dataset')) === null || _a === void 0 ? void 0 : _a.split(':')) || [];
+    let bindExpr = (formDataSet === null || formDataSet === void 0 ? void 0 : formDataSet.length) > 1 ? formDataSet[1] : null;
+    if (!bindExpr || (bindExpr === null || bindExpr === void 0 ? void 0 : bindExpr.includes('Widgets'))) {
+        return '';
+    }
+    let currentNode = element.parentNode, exp;
+    const variableArr = bindExpr.match(/(fragment)+\.Variables\.[^\.]+/g);
+    const variableName = (variableArr && variableArr.length) ? variableArr[0] : null;
+    while (currentNode) {
+        if (currentNode.rawTagName === 'wm-form') {
+            element.setAttribute('parentForm', currentNode.getAttribute('name') || '');
+            // assigning child form name.
+            element.setAttribute('childdatasetnode', element.getAttribute('name') || '');
+            break;
+        }
+        currentNode = currentNode.parentNode;
+    }
+    return `
+      ($event, widget, newVal, oldVal) => {
+        if(${variableName}?.twoWayBinding && newVal !== oldVal) {
+          ${bindExpr !== null ? getDataSetExpr(element, bindExpr) : ''}
+        }
+      }
+    `;
+};
+const getFormSubmitExpr = (element) => {
+    const dataset = element.getAttribute('dataset');
+    if (dataset) {
+        const variableArr = dataset.match(/(fragment)+\.Variables\.[^\.]+/g);
+        if (variableArr && variableArr.length) {
+            let variable = variableArr[0];
+            return `
+      (formData, success, error) => {
+        ${variable} && 
+        ${variable}.invoke(formData, success, error);
+      }
+    `;
+        }
+    }
+};
+const pluckFormActionNodes = (element, actions = []) => {
+    if (element.childNodes.length) {
+        (0, lodash_1.forEach)(element.childNodes, (n) => {
+            if (n instanceof node_html_parser_1.HTMLElement && n.rawTagName === 'wm-form') {
+                return;
+            }
+            else if (n instanceof node_html_parser_1.HTMLElement && n.rawTagName === 'wm-form-action') {
+                actions.push(n);
+                n.remove();
+            }
+            else {
+                pluckFormActionNodes(n, actions);
+            }
+        });
+        return actions;
+    }
+};
+const setFormActions = (element, context) => {
+    const formActions = pluckFormActionNodes(element);
+    const formFooter = (0, node_html_parser_1.parse)(`<wm-form-footer></wm-form-footer>`).firstChild;
+    var btnMarkup;
+    formActions.forEach((formAction) => {
+        formAction.setAttribute('formKey', element.attrs['name']);
+        formFooter.appendChild(formAction);
+    });
+    const formBody = (0, node_html_parser_1.parse)(`<wm-form-body></wm-form-body>`).firstChild;
+    formBody.childNodes = element.childNodes;
+    element.childNodes = [formBody];
+    if (formActions.length) {
+        element.childNodes.push(formFooter);
+    }
+};
+const getBeforeRenderEx = (element) => {
+    const beforeRender = element.getAttribute('on-beforerender');
+    return beforeRender ? `($metadata, widget) =>{return ${beforeRender}}` : '';
+};
+exports.default = {
+    pre: (element, context) => {
+        const onChange = getOnChangeExpr(element);
+        const formSubmit = getFormSubmitExpr(element);
+        const beforeRender = getBeforeRenderEx(element);
+        element.removeAttribute('on-beforerender');
+        let generateComponent;
+        if (element.getAttribute('metadata')) {
+            generateComponent = `generateComponent={(metadata, formName, proxy, isHorizontal) => {if(!fragment.wmformScope){fragment.wmformScope={}} fragment.wmformScope[formName] = () => proxy; return dynamicForm(metadata, formName, fragment, isHorizontal);}
+      }`;
+        }
+        setFormActions(element, context);
+        return `<WmForm ${(0, transpile_1.transformAttrs)(element, context)} 
+      ${onChange ? `onChange={${onChange}}` : ''}
+      ${formSubmit ? `formSubmit={${formSubmit}}` : ''}
+      ${beforeRender ? `onBeforerender={${beforeRender}}` : ''}
+      ${generateComponent || ''}>`;
+    },
+    post: (element, context) => `</WmForm>`,
+    imports: (element, context) => exports.imports
+};
+//# sourceMappingURL=form.transformer.js.map

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.imports = void 0;
+const lodash_1 = require("lodash");
+exports.imports = [];
+exports.default = {
+    pre: (element, context) => `<>`,
+    post: (element, context) => '</>',
+    imports: (element, context) => exports.imports,
+    createComponent: (e, context, component = 'list') => {
+        const result = context.result;
+        const widgetName = (0, lodash_1.capitalize)(e.attrs['name']);
+        result.components[widgetName] = `React.memo(({$item, $index, ${component}, fragment}) => {
+          const item = $item;
+          const [currentItemWidgets] = React.useState({});
+          ${component}.itemWidgets = ${component}.itemWidgets || [];
+          ${component}.itemWidgets[$index] = currentItemWidgets;
+          const [listener] = React.useState({
+            onComponentInit: (c) => {
+              currentItemWidgets[c.name] = c;
+              fragment.onComponentInit(c);
+            },
+            onComponentDestroy: (c) => {
+              fragment.onComponentDestroy(c);
+              delete currentItemWidgets[c.name];
+            }
+          });
+          const { watch } = useWatcher(fragment.watcher);
+          return (${result.markup});
+      })`;
+        result.markup = `<${widgetName} $item={$item} $index={$index} ${component}={${component}} key={$index} fragment={fragment}/>`;
+        return result;
+    }
+};
+//# sourceMappingURL=list-content.transformer.js.map