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

rn-codegen/src/transpile/components/data/form/form-field.transformer.js

@@ -1,329 +0,0 @@
-"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) => {
-    widgetName = widgetName.replace('.', '_');
-    var labelMarkup = getAttribute(element, 'displayname') ? `<wm-label 
-    caption="bind:$formField.displayname"
-    class="form-label ${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');
-    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="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 : ''}`;
-    var widgetMarkup = getWidgetMarkup(widgetType, widgetName, commonFields, element);
-    let currentNode = element.parentNode;
-    while (currentNode) {
-        if (currentNode.rawTagName === 'wm-form' || currentNode.rawTagName === 'wm-liveform' || currentNode.getAttribute('type') === "dynamic") {
-            break;
-        }
-        currentNode = currentNode.parentNode;
-    }
-    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')}'` : '';
-    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':
-            tmpl = `<wm-textarea ${commonFields}
-                updateon="bind:$formField.updateon || 'blur'"
-                maxchars="bind:$formField.maxchars"
-                ${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"
-                class="form-widget-select"
-                ${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="bind:$formField.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="bind:$formField.outputformat"
-                ${dateheadertitle}
-                ${dateconfirmationtitle}
-                ${datecanceltitle}
-                ${timeheadertitle}
-                ${timeconfirmationtitle}
-                ${timecanceltitle}
-                ></wm-datetime>`;
-            break;
-        case 'time':
-            tmpl += `<wm-time ${commonFields} 
-                timepattern="bind:$formField.timepattern"
-                outputformat="bind:$formField.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.Widgets.${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");
-        }
-        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

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

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.transformer.js","sourceRoot":"","sources":["../../../../../../src/transpile/components/data/form/form-field.transformer.ts"],"names":[],"mappings":";;;AAAA,uDAAsD;AAEtD,kDAAgH;AAEnG,QAAA,OAAO,GAAa;IAC/B,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,gFAAgF,EAAC;CAC/G,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAoB,EAAE,QAAgB,EAAE,EAAE;IAC9D,MAAM,KAAK,GAAG,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAC7C,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,OAAoB,EAAE,EAAE;IAC7C,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,gBAAgB,EAAC,WAAW,CAAC,CAAC;IAChH,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE;QAC7C,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,WAAW,IAAI,GAAG,IAAI,IAAI,KAAK,GAAG,CAAC;SACpC;QACD,OAAO,WAAW,CAAA;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,OAAoB,EAAE,OAA6B,EAAE,WAAgB,EAAE,EAAE;IAC7F,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC;IAC7D,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,IAAK,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,IAAK,MAAM,GAAG,aAAa,CAAC;IAC7G,OAAO,qBAAqB,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;AACvG,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,CAAC,UAAkB,EAAE,UAAkB,EAAE,OAAoB,EAAE,gBAAqB,EAAE,EAAE;IACpH,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC1C,IAAI,WAAW,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;;wBAEnC,UAAU;;;;YAItB,UAAU,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnD,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAClD,IAAI,OAAO,EAAE;QACX,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;KACrC;IACD,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAChD,IAAI,MAAM,EAAE;QACV,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;KACpC;IACD,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IAC9C,IAAI,KAAK,EAAE;QACT,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;KACnC;IACD,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IACzD,IAAI,WAAW,EAAE;QACf,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;KACxC;IACD,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IAEpD,IAAI,YAAY,GAAG,SAAS,UAAU;uCACD,aAAa;;;;;;;;;+CASL,UAAU,SAAS,UAAU;;wBAEpD,WAAW,CAAC,CAAC,CAAC,eAAe,GAAC,WAAW,GAAC,GAAG,CAAE,CAAC,CAAC,EAAE;wBACnD,OAAO,CAAC,CAAC,CAAC,WAAW,GAAC,OAAO,CAAC,CAAC,CAAC,EAAE;wBAClC,MAAM,CAAC,CAAC,CAAC,UAAU,GAAC,MAAM,CAAC,CAAC,CAAC,EAAE;wBAC/B,KAAK,CAAC,CAAC,CAAC,SAAS,GAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACrD,IAAI,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC;IAClF,IAAI,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC;IACrC,OAAM,WAAW,EAAE;QACjB,IAAG,WAAW,CAAC,UAAU,KAAK,SAAS,IAAI,WAAW,CAAC,UAAU,KAAK,aAAa,IAAI,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE;YACrI,MAAM;SACP;QACD,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC;KACtC;IACD,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IAC7E,MAAM,cAAc,GAAG,WAAW,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,UAAU,CAAC;IAClF,2CAA2C;IAC3C,IAAI,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,cAAc;QAAE,OAAO,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAA,wBAAK,EAAC,YAAY,CAAC,CAAC,UAAyB,EAAC,CAAC;IAErI,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,IAAA,wBAAK,EAAC,WAAW,CAAC,CAAC,UAAyB,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,IAAA,wBAAK,EAAC,YAAY,CAAC,CAAC,UAAyB,EAAC,CAAC;AAC1I,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,UAAkB,EAAE,YAAoB,EAAE,OAAoB,EAAE,EAAE;IAC7G,IAAI,IAAI,GAAG,EAAE,CAAC;IACd,MAAM,cAAc,GAAG,OAAO,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IACzG,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,sBAAsB,cAAc,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACjF,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IAC7E,IAAI,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC;IACrC,OAAM,WAAW,EAAE;QACjB,IAAG,WAAW,CAAC,UAAU,KAAK,SAAS,IAAI,WAAW,CAAC,UAAU,KAAK,aAAa,IAAI,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE;YACrI,MAAM;SACP;QACD,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC;KACtC;IACD,MAAM,cAAc,GAAG,WAAW,CAAC,YAAY,CAAC,iBAAiB,CAAC,KAAK,UAAU,CAAC;IAClF,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,kBAAkB,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3I,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;IAC9D,oCAAoC;IACpC,MAAM,eAAe,GAAG,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,oBAAoB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACvJ,MAAM,qBAAqB,GAAG,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,0BAA0B,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/K,MAAM,eAAe,GAAG,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,oBAAoB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvJ,oCAAoC;IACpC,MAAM,eAAe,GAAG,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,oBAAoB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IACvJ,MAAM,qBAAqB,GAAG,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC,0BAA0B,OAAO,CAAC,YAAY,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/K,MAAM,eAAe,GAAG,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,oBAAoB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvJ,QAAQ,UAAU,EAAE;QAClB,KAAK,MAAM,CAAC;QACZ,KAAK,UAAU;YACb,IAAI,SAAS,GAAG,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAC5F,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACjD,IAAI,GAAG,YAAY,SAAS,IAAI,YAAY;;;kBAGhC,aAAa,CAAC,OAAO,CAAC;+BACT,YAAY,CAAC,OAAO,EAAE,kBAAkB,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW;kBAC1F,aAAa;4BACH,CAAC;YACvB,MAAM;QACR,KAAK,UAAU;YACb,IAAI,GAAG,gBAAgB,YAAY;;;kBAGvB,aAAa;kBACb,aAAa,CAAC,OAAO,CAAC;6BACX,CAAC;YACxB,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,GAAG,cAAc,YAAY;;;;;kBAKrB,aAAa;kBACb,aAAa,CAAC,OAAO,CAAC;2BACb,CAAC;YACtB,MAAM;QACR,KAAK,UAAU;YACX,IAAI,GAAG,gBAAgB,YAAY;;;;oBAIvB,aAAa;oBACb,aAAa,CAAC,OAAO,CAAC;+BACX,CAAC;YACxB,MAAM;QACV,KAAK,QAAQ;YACX,IAAI,GAAG,cAAc,YAAY,IAAI,UAAU;;;;;kBAKnC,aAAa,CAAC,OAAO,CAAC;4BACZ,CAAC;YACvB,MAAM;QACR,KAAK,cAAc;YACjB,IAAI,GAAG,cAAc,YAAY,IAAI,UAAU;;;;;;;;;kBASnC,aAAa,CAAC,OAAO,CAAC;8BACV,CAAC;YACzB,MAAM;QACR,KAAK,OAAO;YACV,IAAI,GAAG,aAAa,YAAY,IAAI,UAAU;;;;;;;;6BAQvB,CAAC;YACxB,MAAM;QACR,KAAK,UAAU;YACb,IAAI,GAAG,gBAAgB,YAAY;;;;6BAIZ,CAAC;YACxB,MAAM;QACR,KAAK,aAAa;YAChB,IAAI,GAAG,mBAAmB,YAAY,IAAI,UAAU;;;;iCAIzB,CAAC;YAC5B,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,GAAG,cAAc,YAAY;;;;2BAIZ,CAAC;YACtB,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,GAAG,cAAc,YAAY,IAAI,UAAU;;;;4BAIzB,CAAC;YACvB,MAAM;QACR,KAAK,UAAU;YACb,IAAI,GAAG,gBAAgB,YAAY,IAAI,UAAU;;;;8BAIzB,CAAC;YACzB,MAAM;QACR,KAAK,MAAM;YACT,IAAI,IAAG,YAAY,YAAY;;;;;kBAKnB,eAAe;kBACf,qBAAqB;kBACrB,eAAe;4BACL,CAAC;YACvB,MAAM;QACR,KAAK,UAAU,CAAC;QAChB,KAAK,WAAW;YACd,IAAI,GAAG,gBAAgB,YAAY;;;;;kBAKvB,eAAe;kBACf,qBAAqB;kBACrB,eAAe;kBACf,eAAe;kBACf,qBAAqB;kBACrB,eAAe;gCACD,CAAC;YAC3B,MAAM;QACR,KAAK,MAAM;YACT,IAAI,IAAG,YAAY,YAAY;;;kBAGnB,eAAe;kBACf,qBAAqB;kBACrB,eAAe;4BACL,CAAC;YACvB,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,IAAG,cAAc,YAAY;;;;8BAIT,CAAC;YACzB,MAAM;QACR,KAAK,QAAQ;YACX,IAAI,YAAY,GAAG,YAAY,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YACzD,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,EAAE,CAAC;YACjF,IAAI,IAAG,cAAc,YAAY,IAAI,UAAU;kBACnC,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE;;;kBAG3E,YAAY;;8BAEA,CAAC;YACzB,MAAM;KACT;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAA;AAED,kBAAe;IACb,GAAG,EAAE,CAAC,OAAoB,EAAE,OAA6B,EAAE,EAAE;QAC3D,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvC,IAAI,WAAW,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,OAAM,WAAW,EAAE;YACjB,IAAG,WAAW,CAAC,UAAU,KAAK,SAAS,IAAI,WAAW,CAAC,UAAU,KAAK,aAAa,IAAI,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE;gBACrI,MAAM;aACP;YACD,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC;SACtC;QACD,IAAI,QAAQ,EAAE,SAAS,CAAC;QACvB,IAAI,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,SAAS,EAAE;YAClD,QAAQ,GAAG,WAAW,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;YACnD,SAAS,GAAG,qCAAqC,QAAQ,GAAG,CAAC;SAC9D;aAAM;YACN,QAAQ,GAAG,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;SAC3C;QAEF,aAAa;QACb,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAC1C,IAAI,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE;YAChC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;SAClE;QACD,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACvC,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;QAC/D,OAAO,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACtC,IAAI,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;YACnC,OAAO,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;SAChD;QACD,MAAM,QAAQ,GAAG,wCAAwC,CAAC;QAC1D,IAAI,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;QACvD,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,4BAA4B,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,gCAAgC,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,+CAA+C,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,kDAAkD,GAAG,QAAQ;YAC1Q,CAAC,CAAA,oBAAoB,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,wBAAwB,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,uCAAuC,WAAW,CAAC,YAAY,CAAC,MAAM,CAAC,kDAAkD,GAAG,QAAQ,CAAC;QACtQ,OAAO,CAAC,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;QAC9D,IAAI,SAAS,CAAC,KAAK,EAAE;YACnB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;SAC1C;QACD,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACzC,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QACrC,OAAO,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;QAClC,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;QAC9C,MAAM,gBAAgB,GAAG,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACtE,IAAI,gBAAgB,EAAE;YACpB,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,gBAAgB,GAAG,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;SACjF;aAAM;YACL,OAAO,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;SAChF;QACD,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAE/B,OAAO,gBAAgB,SAAS,IAAI,EAAE,IAAI,IAAA,0BAAc,EAAC,OAAO,EAAE,OAAO,CAAC,wCAAwC,CAAC;IACrH,CAAC;IACD,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"}

rn-codegen/src/transpile/components/data/form.transformer.js

@@ -1,112 +0,0 @@
-"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) => {return dynamicForm(metadata, formName, fragment);}
-      }`;
-        }
-        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

rn-codegen/src/transpile/components/data/list/list-content.transformer.js

@@ -1,35 +0,0 @@
-"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}} fragment={fragment}/>`;
-        return result;
-    }
-};
-//# sourceMappingURL=list-content.transformer.js.map

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

@@ -1 +0,0 @@
-{"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,yBAAyB,CAAC;QACjH,OAAO,MAAM,CAAC;IAChB,CAAC;CACa,CAAC"}