@wavemaker/app-rn-runtime 11.7.0-patch.6 → 11.7.0-rc.162

app-rn-runtime/components/data/card/card.component.js

@@ -0,0 +1,90 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+import WmMenu from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';
+import WmCardProps from './card.props';
+import { DEFAULT_CLASS } from './card.styles';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmCardState extends BaseComponentState {}
+export default class WmCard extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCardProps());
+  }
+  renderHeader(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, props.iconclass || props.title || props.subheading || props.actions ? /*#__PURE__*/React.createElement(View, {
+      style: this.styles.heading
+    }, props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
+      styles: this.styles.cardIcon,
+      iconclass: props.iconclass,
+      iconurl: props.iconurl,
+      iconheight: props.iconheight,
+      iconmargin: props.iconmargin,
+      iconwidth: props.iconwidth
+    }) : null, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(WmLabel, {
+      styles: this.styles.title,
+      caption: props.title
+    }), /*#__PURE__*/React.createElement(WmLabel, {
+      styles: this.styles.subheading,
+      caption: props.subheading
+    })), /*#__PURE__*/React.createElement(WmMenu, {
+      caption: "",
+      iconclass: "wm-sl-l sl-more-menu-vertical",
+      dataset: props.actions,
+      itemlabel: props.itemlabel,
+      itemlink: props.itemlink,
+      itemicon: props.itemicon,
+      itembadge: props.itembadge,
+      isactive: props.isactive,
+      itemchildren: props.itemchildren
+    })) : null, props.picturesource && /*#__PURE__*/React.createElement(WmPicture, {
+      picturesource: props.picturesource,
+      styles: this.theme.mergeStyle({
+        root: {
+          height: props.imageheight
+        }
+      }, this.styles.picture)
+    }));
+  }
+  renderSkeleton(props) {
+    if (!props.showskeletonchildren) {
+      var _this$props;
+      const skeletonStyles = ((_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.styles) === null || _this$props === void 0 ? void 0 : _this$props.skeleton) || {
+        root: {},
+        text: {}
+      };
+      return createSkeleton(this.theme, skeletonStyles, {
+        ...this.styles.root
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, {
+          opacity: 0
+        }]
+      }, props.children));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      target: this,
+      styles: {
+        width: '100%',
+        height: this.styles.root.height ? '100%' : null
+      }
+    }), this.renderHeader(props), props.children));
+  }
+}
+//# sourceMappingURL=card.component.js.map

app-rn-runtime/components/data/card/card.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmLabel","WmMenu","WmIcon","Tappable","WmPicture","WmCardProps","DEFAULT_CLASS","createSkeleton","WmCardState","WmCard","constructor","props","renderHeader","createElement","style","flexDirection","iconclass","title","subheading","actions","styles","heading","iconurl","cardIcon","iconheight","iconmargin","iconwidth","flex","caption","dataset","itemlabel","itemlink","itemicon","itembadge","isactive","itemchildren","picturesource","theme","mergeStyle","root","height","imageheight","picture","renderSkeleton","showskeletonchildren","_this$props","skeletonStyles","skeleton","text","opacity","children","renderWidget","_background","_extends","getTestPropsForAction","target","width"],"sources":["card.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmMenu from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\n\nimport WmCardProps from './card.props';\nimport { DEFAULT_CLASS, WmCardStyles } from './card.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmCardState extends BaseComponentState<WmCardProps> {}\n\nexport default class WmCard extends BaseComponent<WmCardProps, WmCardState, WmCardStyles> {\n\n  constructor(props: WmCardProps) {\n    super(props, DEFAULT_CLASS, new WmCardProps());\n  }\n\n  renderHeader(props: WmCardProps) {\n    return (\n      <View style={{flexDirection: 'row'}}>\n        {(props.iconclass || props.title || props.subheading || props.actions) ?\n        (<View style={this.styles.heading}>\n        {props.iconclass || props.iconurl ? \n          <WmIcon styles={this.styles.cardIcon}\n           iconclass={props.iconclass}\n           iconurl={props.iconurl}\n           iconheight={props.iconheight}\n           iconmargin={props.iconmargin}\n           iconwidth={props.iconwidth}\n           /> : null} \n          <View style={{flex: 1}}>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n          <WmMenu\n            caption=\"\"\n            iconclass=\"wm-sl-l sl-more-menu-vertical\"\n            dataset={props.actions}\n            itemlabel={props.itemlabel}\n            itemlink={props.itemlink}\n            itemicon={props.itemicon}\n            itembadge={props.itembadge}\n            isactive={props.isactive}\n            itemchildren={props.itemchildren}></WmMenu>\n        </View>) : null}\n        {props.picturesource &&\n          (<WmPicture\n            picturesource={props.picturesource}\n            styles={this.theme.mergeStyle({root : {height: props.imageheight}}, this.styles.picture)}></WmPicture>\n        )}\n      </View>);\n  }\n\n  public renderSkeleton(props: WmCardProps): React.ReactNode {\n    if(!props.showskeletonchildren) {\n      const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n      return createSkeleton(this.theme, skeletonStyles, {\n        ...this.styles.root\n      }, (<View style={[this.styles.root, { opacity: 0 }]}>\n        {props.children}\n      </View>))\n    }\n    return null;\n  }\n\n  renderWidget(props: WmCardProps) {\n       return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={{width: '100%', height: this.styles.root.height ? '100%' : null}}>\n            {this.renderHeader(props)}\n            {props.children}\n        </Tappable>\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/data/card/card.props.js

@@ -0,0 +1,27 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCardProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "actions", null);
+    _defineProperty(this, "itemlabel", null);
+    _defineProperty(this, "itemlink", null);
+    _defineProperty(this, "itemicon", null);
+    _defineProperty(this, "itembadge", null);
+    _defineProperty(this, "isactive", null);
+    _defineProperty(this, "itemchildren", null);
+    _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "imageheight", 200);
+    _defineProperty(this, "picturesource", null);
+    _defineProperty(this, "subheading", null);
+    _defineProperty(this, "title", null);
+    _defineProperty(this, "iconurl", null);
+    _defineProperty(this, "iconheight", null);
+    _defineProperty(this, "iconwidth", null);
+    _defineProperty(this, "iconmargin", null);
+  }
+}
+//# sourceMappingURL=card.props.js.map

app-rn-runtime/components/data/card/card.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCardProps","constructor","args","_defineProperty"],"sources":["card.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCardProps extends BaseProps {\n  children? = null as any;\n  actions?: string = null as any;\n  itemlabel?: string = null as any;\n  itemlink?: string = null as any;\n  itemicon?: string = null as any;\n  itembadge?: string = null as any;\n  isactive?: string = null as any;\n  itemchildren?: string = null as any;\n  iconclass?: string = null as any;\n  imageheight?: number = 200;\n  picturesource?: string = null as any;\n  subheading?: string = null as any;\n  title?: string = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACrC,IAAI;IAAAA,eAAA,kBACG,IAAI;IAAAA,eAAA,oBACF,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,oBACH,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBACA,IAAI;IAAAA,eAAA,oBACP,IAAI;IAAAA,eAAA,sBACF,GAAG;IAAAA,eAAA,wBACD,IAAI;IAAAA,eAAA,qBACP,IAAI;IAAAA,eAAA,gBACT,IAAI;IAAAA,eAAA,kBACF,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;EAAA;AAC5B","ignoreList":[]}

app-rn-runtime/components/data/card/card.styles.js

@@ -0,0 +1,51 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-card';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      width: '100%'
+    },
+    text: {},
+    cardIcon: {
+      root: {
+        marginTop: 4,
+        marginRight: 8
+      }
+    },
+    heading: {
+      paddingTop: 8,
+      paddingBottom: 8,
+      paddingLeft: 8,
+      paddingRight: 8,
+      backgroundColor: themeVariables.cardHeaderBgColor,
+      flexDirection: 'row',
+      alignContent: 'center',
+      width: '100%'
+    },
+    title: {
+      text: {
+        fontSize: 16,
+        lineHeight: 24,
+        color: themeVariables.cardTitleColor
+      }
+    },
+    subheading: {
+      text: {
+        fontSize: 12,
+        lineHeight: 18,
+        color: themeVariables.cardSubTitleColor
+      }
+    },
+    picture: {
+      root: {
+        width: '100%'
+      }
+    },
+    skeleton: {
+      root: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=card.styles.js.map

app-rn-runtime/components/data/card/card.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","text","cardIcon","marginTop","marginRight","heading","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","cardHeaderBgColor","flexDirection","alignContent","title","fontSize","lineHeight","color","cardTitleColor","subheading","cardSubTitleColor","picture","skeleton"],"sources":["card.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCardStyles = BaseStyles & {\n    heading: AllStyle,\n    cardIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    picture: WmPictureStyles,\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-card';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCardStyles = defineStyles({\n        root: {\n            width: '100%',\n        },\n        text: {},\n        cardIcon: {\n            root: {\n                marginTop: 4,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        heading : {\n            paddingTop: 8,\n            paddingBottom: 8,\n            paddingLeft: 8,\n            paddingRight: 8,\n            backgroundColor: themeVariables.cardHeaderBgColor,\n            flexDirection: 'row',\n            alignContent: 'center',\n            width: '100%'\n        },\n        title: {\n            text: {\n                fontSize: 16,\n                lineHeight: 24,\n                color: themeVariables.cardTitleColor\n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 12,\n                lineHeight: 18,\n                color: themeVariables.cardSubTitleColor\n            }\n        } as WmLabelStyles,\n        picture: {\n            root : {\n                width: '100%'\n            }\n        } as any as WmPictureStyles,\n        skeleton: {\n            root: {\n            }\n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC7CM,IAAI,EAAE;MACFC,KAAK,EAAE;IACX,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNH,IAAI,EAAE;QACFI,SAAS,EAAE,CAAC;QACZC,WAAW,EAAE;MACjB;IACJ,CAAiB;IACjBC,OAAO,EAAG;MACNC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEd,cAAc,CAACe,iBAAiB;MACjDC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE,QAAQ;MACtBb,KAAK,EAAE;IACX,CAAC;IACDc,KAAK,EAAE;MACHb,IAAI,EAAE;QACFc,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,EAAE;QACdC,KAAK,EAAErB,cAAc,CAACsB;MAC1B;IACJ,CAAkB;IAClBC,UAAU,EAAE;MACRlB,IAAI,EAAE;QACFc,QAAQ,EAAE,EAAE;QACZC,UAAU,EAAE,EAAE;QACdC,KAAK,EAAErB,cAAc,CAACwB;MAC1B;IACJ,CAAkB;IAClBC,OAAO,EAAE;MACLtB,IAAI,EAAG;QACHC,KAAK,EAAE;MACX;IACJ,CAA2B;IAC3BsB,QAAQ,EAAE;MACNvB,IAAI,EAAE,CACN;IACJ;EACJ,CAAC,CAAC;EAEFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/data/form/form-action/form-action.component.js

@@ -0,0 +1,35 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import WmFormActionProps from './form-action.props';
+import { DEFAULT_CLASS } from './form-action.styles';
+import { debounce } from "lodash";
+export class WmFormActionState extends BaseComponentState {}
+export default class WmFormAction extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmFormActionProps());
+    _defineProperty(this, "_debouncedFormAction", debounce(this.onClick, 250));
+  }
+  onClick($event, cb) {
+    cb && cb($event);
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId(),
+      show: props.show,
+      disabled: props.disabled,
+      caption: props.displayName,
+      styles: this.styles,
+      name: props.name,
+      iconclass: props.iconclass,
+      iconposition: props.iconposition,
+      onTap: $event => {
+        this._debouncedFormAction($event, props.formAction);
+      }
+    });
+  }
+}
+//# sourceMappingURL=form-action.component.js.map

app-rn-runtime/components/data/form/form-action/form-action.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmButton","WmFormActionProps","DEFAULT_CLASS","debounce","WmFormActionState","WmFormAction","constructor","props","_defineProperty","onClick","$event","cb","renderWidget","createElement","id","getTestId","show","disabled","caption","displayName","styles","name","iconclass","iconposition","onTap","_debouncedFormAction","formAction"],"sources":["form-action.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { SyntheticEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\n\nimport WmFormActionProps from './form-action.props';\nimport { DEFAULT_CLASS, WmFormActionStyles } from './form-action.styles';\nimport {debounce} from \"lodash\";\nimport WmSkeleton, { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { ThemeConsumer } from '@wavemaker/app-rn-runtime/styles/theme';\n\nexport class WmFormActionState extends BaseComponentState<WmFormActionProps> {}\n\nexport default class WmFormAction extends BaseComponent<WmFormActionProps, WmFormActionState, WmFormActionStyles> {\n\n  constructor(props: WmFormActionProps) {\n    super(props, DEFAULT_CLASS, new WmFormActionProps());\n  }\n\n  private _debouncedFormAction = debounce(this.onClick, 250);\n\n  onClick($event: SyntheticEvent, cb: Function | undefined) {\n    cb && cb($event);\n  }\n\n  renderWidget(props: WmFormActionProps) {\n    return (\n      <WmButton\n        id={this.getTestId()}\n        show={props.show}\n        disabled={props.disabled}\n        caption={props.displayName}\n        styles={this.styles}\n        name={props.name}\n        iconclass={props.iconclass}\n        iconposition={props.iconposition}\n        onTap={($event: any) => {\n          this._debouncedFormAction($event, props.formAction);\n        }}\n      />\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,QAAQ,MAAM,oEAAoE;AAGzF,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AACxE,SAAQC,QAAQ,QAAO,QAAQ;AAI/B,OAAO,MAAMC,iBAAiB,SAASL,kBAAkB,CAAoB;AAE7E,eAAe,MAAMM,YAAY,SAASP,aAAa,CAA2D;EAEhHQ,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;IAACO,eAAA,+BAGxBL,QAAQ,CAAC,IAAI,CAACM,OAAO,EAAE,GAAG,CAAC;EAF1D;EAIAA,OAAOA,CAACC,MAAsB,EAAEC,EAAwB,EAAE;IACxDA,EAAE,IAAIA,EAAE,CAACD,MAAM,CAAC;EAClB;EAEAE,YAAYA,CAACL,KAAwB,EAAE;IACrC,oBACEV,KAAA,CAAAgB,aAAA,CAACb,QAAQ;MACPc,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,CAAE;MACrBC,IAAI,EAAET,KAAK,CAACS,IAAK;MACjBC,QAAQ,EAAEV,KAAK,CAACU,QAAS;MACzBC,OAAO,EAAEX,KAAK,CAACY,WAAY;MAC3BC,MAAM,EAAE,IAAI,CAACA,MAAO;MACpBC,IAAI,EAAEd,KAAK,CAACc,IAAK;MACjBC,SAAS,EAAEf,KAAK,CAACe,SAAU;MAC3BC,YAAY,EAAEhB,KAAK,CAACgB,YAAa;MACjCC,KAAK,EAAGd,MAAW,IAAK;QACtB,IAAI,CAACe,oBAAoB,CAACf,MAAM,EAAEH,KAAK,CAACmB,UAAU,CAAC;MACrD;IAAE,CACH,CAAC;EAEN;AACF","ignoreList":[]}

app-rn-runtime/components/data/form/form-action/form-action.props.js

@@ -0,0 +1,18 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmFormActionProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "displayName", '');
+    _defineProperty(this, "formKey", '');
+    _defineProperty(this, "action", '');
+    _defineProperty(this, "show", true);
+    _defineProperty(this, "iconclass", void 0);
+    _defineProperty(this, "updateMode", true);
+    _defineProperty(this, "formAction", null);
+    _defineProperty(this, "iconposition", 'left');
+  }
+}
+//# sourceMappingURL=form-action.props.js.map

app-rn-runtime/components/data/form/form-action/form-action.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmFormActionProps","constructor","args","_defineProperty"],"sources":["form-action.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmFormActionProps extends BaseProps {\n  displayName: string = '';\n  formKey: string = '';\n  action: any = '';\n  show: boolean = true;\n  iconclass: any;\n  updateMode: boolean = true;\n  formAction: Function = null as any;\n  iconposition? = 'left';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBACjC,EAAE;IAAAA,eAAA,kBACN,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,eACA,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEE,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,uBACX,MAAM;EAAA;AACxB","ignoreList":[]}

app-rn-runtime/components/data/form/form-action/form-action.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","marginTop","marginLeft","marginRight","marginBottom","flex","rippleColor","text","icon","fontSize","skeleton","width","height","opacity"],"sources":["form-action.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmFormActionStyles = WmButtonStyles & {\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-form-action';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmFormActionStyles = defineStyles({\n    root: {\n      marginTop: 0,\n      marginLeft: 4,\n      marginRight: 4,\n      marginBottom: 0,\n      flex: 1,\n      rippleColor: themeVariables.rippleColor\n    },\n    text: {},\n    icon : {\n      icon: {\n        fontSize: 20\n      }\n    },\n    skeleton: {\n      root: {\n        width: 96,\n        height: 48\n      }\n    } as WmSkeletonStyles\n  } as WmFormActionStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      opacity: 0.5\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACrDM,IAAI,EAAE;MACJC,SAAS,EAAE,CAAC;MACZC,UAAU,EAAE,CAAC;MACbC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,IAAI,EAAE,CAAC;MACPC,WAAW,EAAET,cAAc,CAACS;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAG;MACLA,IAAI,EAAE;QACJC,QAAQ,EAAE;MACZ;IACF,CAAC;IACDC,QAAQ,EAAE;MACRV,IAAI,EAAE;QACJW,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE;MACV;IACF;EACF,CAAuB,CAAC;EACxBd,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLa,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEFf,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/data/form/form-body/form-body.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormBodyProps","DEFAULT_CLASS","WmFormBodyState","WmFormBody","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["form-body.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFormBodyProps from './form-body.props';\nimport { DEFAULT_CLASS, WmFormBodyStyles } from './form-body.styles';\n\nexport class WmFormBodyState extends BaseComponentState<WmFormBodyProps> {}\n\nexport default class WmFormBody extends BaseComponent<WmFormBodyProps, WmFormBodyState, WmFormBodyStyles> {\n\n  constructor(props: WmFormBodyProps) {\n    super(props, DEFAULT_CLASS, new WmFormBodyProps());\n  }\n\n  renderWidget(props: WmFormBodyProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,aAAa,QAA0B,oBAAoB;AAEpE,OAAO,MAAMC,eAAe,SAASH,kBAAkB,CAAkB;AAEzE,eAAe,MAAMI,UAAU,SAASL,aAAa,CAAqD;EAExGM,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,CAAC;EACpD;EAEAM,YAAYA,CAACD,KAAsB,EAAE;IACnC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF","ignoreList":[]}

app-rn-runtime/components/data/form/form-body/form-body.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmFormBodyProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", []);
+  }
+}
+//# sourceMappingURL=form-body.props.js.map

app-rn-runtime/components/data/form/form-body/form-body.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmFormBodyProps","constructor","args","_defineProperty"],"sources":["form-body.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmFormBodyProps extends BaseProps {\n    children: any = [] as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACnC,EAAE;EAAA;AACtB","ignoreList":[]}

app-rn-runtime/components/data/form/form-body/form-body.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flex","text"],"sources":["form-body.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmFormBodyStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-form-body';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmFormBodyStyles = defineStyles({\n        root: {\n            flex: 1\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACFC,IAAI,EAAE;IACV,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

app-rn-runtime/components/data/form/form-field/form-field.component.js

@@ -0,0 +1,245 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';
+import WmFormFieldProps from './form-field.props';
+import { DEFAULT_CLASS } from './form-field.styles';
+import { PERFORMANCE_LOGGER } from "@wavemaker/app-rn-runtime/core/logger";
+export class WmFormFieldState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isValid", true);
+  }
+}
+export default class WmFormField extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());
+    _defineProperty(this, "form", void 0);
+    _defineProperty(this, "formwidget", void 0);
+    _defineProperty(this, "_syncValidators", void 0);
+    _defineProperty(this, "defaultValidatorMessages", []);
+    _defineProperty(this, "notifyForFields", []);
+    _defineProperty(this, "_asyncValidatorFn", void 0);
+    if (!this.form) {
+      this.form = props.formScope && props.formScope();
+    }
+  }
+  componentDidMount() {
+    var _this$form, _this$form2, _this$form3;
+    super.componentDidMount();
+    this.formwidget = this.props.formKey && ((_this$form = this.form) === null || _this$form === void 0 ? void 0 : _this$form.formWidgets[this.props.formKey]) || this.props.name && ((_this$form2 = this.form) === null || _this$form2 === void 0 ? void 0 : _this$form2.formWidgets[this.props.name]);
+    (_this$form3 = this.form) === null || _this$form3 === void 0 || _this$form3.registerFormFields(this.form.formFields, this.form.formWidgets);
+  }
+  onFieldChangeEvt(name, $new, $old, isDefault) {
+    this.notifyChanges();
+    if (!isEqual($old, $new)) {
+      this.updateState({
+        props: {
+          datavalue: $new
+        }
+      }, () => {
+        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);
+        this.validateFormField();
+      });
+      if (this.form) {
+        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);
+      }
+    }
+  }
+
+  // Registers observer of validation fields
+  observeOn(fields) {
+    forEach(fields, field => {
+      const formfield = find(this.form.formFields, f => f.proxy.name === field);
+      if (formfield) {
+        formfield.notifyForFields.push(this);
+      }
+    });
+  }
+
+  // Notifies changes to observing validation fields
+  notifyChanges() {
+    forEach(this.notifyForFields, field => {
+      field.formwidget.validate(field.formwidget.datavalue);
+      setTimeout(() => field.validateFormField());
+    });
+  }
+  getPromiseList(validators) {
+    const arr = [];
+    forEach(validators, fn => {
+      let promise = fn;
+      if (fn instanceof Function && fn.bind) {
+        promise = fn(this.formwidget.proxy, this.form);
+      }
+      if (promise instanceof Promise) {
+        arr.push(promise);
+      }
+    });
+    return arr;
+  }
+
+  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response
+  setAsyncValidators(validators) {
+    this._asyncValidatorFn = () => {
+      return Promise.all(this.getPromiseList(validators)).then(() => {
+        return null;
+      }, err => {
+        let validationMsg;
+        // if err obj has validationMessage key, then set validationMessage using this value
+        // else return the value of the first key in the err object as validation message.
+        if (err.hasOwnProperty('errorMessage')) {
+          validationMsg = get(err, 'errorMessage');
+        } else {
+          const messageKeys = keys(err);
+          validationMsg = err[messageKeys[0]].toString();
+        }
+        this.setInvalidState(validationMsg);
+        return err;
+      });
+    };
+  }
+
+  // sets the default validation on the form field
+  setValidators(validators) {
+    let _cloneValidators = cloneDeep(validators);
+    this._syncValidators = [];
+    forEach(_cloneValidators, (obj, index) => {
+      // custom validation is bound to function.
+      if (obj && obj instanceof Function) {
+        // passing formwidget and form as arguments to the obj (i.e. validator function)
+        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);
+        this._syncValidators.push(_cloneValidators[index]);
+      } else {
+        // checks for default validator like required, maxchars etc.
+        const key = get(obj, 'type');
+        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');
+        const value = get(obj, 'validator');
+        let propsObj = {
+          props: {}
+        };
+        propsObj.props[key] = value;
+        key === 'required' && this.updateState(propsObj);
+        this.formwidget.updateState(propsObj);
+      }
+    });
+  }
+  updateFormWidgetDataset(res, displayField) {
+    this.formwidget.updateState({
+      props: {
+        dataset: res.data,
+        datafield: 'All Fields',
+        displayfield: this.formwidget.state.props.displayfield || displayField
+      }
+    });
+  }
+  setInvalidState(msg) {
+    this.updateState({
+      isValid: false,
+      props: {
+        validationmessage: msg
+      }
+    });
+    this.formwidget.updateState({
+      isValid: false,
+      props: {
+        validationmessage: msg
+      }
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'datavalue':
+        if (!isEqual($old, $new)) {
+          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);
+        }
+        break;
+      case 'defaultvalue':
+        if (!isEqual($old, $new)) {
+          get(this, 'form') && this.form.applyDefaultValue(this);
+        }
+        break;
+      case 'primary-key':
+        if ($new) {
+          this.form.setPrimaryKey(this.props.name);
+        }
+        break;
+    }
+  }
+  setReadOnlyState(updateMode) {
+    var _this$formwidget;
+    (_this$formwidget = this.formwidget) === null || _this$formwidget === void 0 || _this$formwidget.updateState({
+      props: {
+        readonly: !updateMode
+      }
+    });
+  }
+  validateFormField() {
+    var _this$formwidget2, _this$_syncValidators;
+    if (((_this$formwidget2 = this.formwidget) === null || _this$formwidget2 === void 0 ? void 0 : _this$formwidget2.state.isValid) === false) {
+      var _this$formwidget3;
+      const errorType = (_this$formwidget3 = this.formwidget) === null || _this$formwidget3 === void 0 || (_this$formwidget3 = _this$formwidget3.state) === null || _this$formwidget3 === void 0 ? void 0 : _this$formwidget3.errorType;
+      let validationMsg = get(this.defaultValidatorMessages, errorType);
+      if (validationMsg) {
+        if (validationMsg instanceof Function) {
+          // passing formwidget and form as arguments to the errorMessage function.
+          validationMsg = validationMsg(this.formwidget.proxy, this.form);
+        }
+        this.updateState({
+          props: {
+            validationmessage: validationMsg
+          }
+        });
+      }
+      this.updateState({
+        isValid: false
+      });
+    } else {
+      this.updateState({
+        isValid: true
+      });
+    }
+    (_this$_syncValidators = this._syncValidators) === null || _this$_syncValidators === void 0 || _this$_syncValidators.forEach(fn => {
+      const errormsg = fn();
+      let validationMsg = errormsg === null || errormsg === void 0 ? void 0 : errormsg.errorMessage;
+      if (validationMsg) {
+        if (validationMsg instanceof Function) {
+          // passing formwidget and form as arguments to the errorMessage function.
+          validationMsg = validationMsg(this.formwidget.proxy, this.form);
+        }
+        this.setInvalidState(validationMsg);
+      }
+    });
+    this._asyncValidatorFn && this._asyncValidatorFn();
+  }
+  get value() {
+    return this.state.props.datavalue;
+  }
+  renderWidget(props) {
+    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, child => {
+      return /*#__PURE__*/React.cloneElement(child, {
+        datavalue: props.datavalue,
+        value: this.value,
+        isValid: this.state.isValid,
+        maskchar: props.maskchar,
+        displayformat: props.displayformat,
+        invokeEvent: this.invokeEventCallback.bind(this),
+        triggerValidation: this.validateFormField.bind(this),
+        onFieldChange: this.onFieldChangeEvt.bind(this),
+        formRef: props.formRef,
+        ...(!isNil(props === null || props === void 0 ? void 0 : props.placeholder) ? {
+          placeholder: props.placeholder
+        } : {})
+      });
+    });
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, childrenWithProps, this.state.isValid === false && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error_msg'), {
+      style: this.styles.errorMsg
+    }), props.validationmessage));
+  }
+}
+//# sourceMappingURL=form-field.component.js.map

app-rn-runtime/components/data/form/form-field/form-field.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","isEqual","isNil","get","find","cloneDeep","forEach","keys","WmFormFieldProps","DEFAULT_CLASS","PERFORMANCE_LOGGER","WmFormFieldState","constructor","args","_defineProperty","WmFormField","props","form","formScope","componentDidMount","_this$form","_this$form2","_this$form3","formwidget","formKey","formWidgets","name","registerFormFields","formFields","onFieldChangeEvt","$new","$old","isDefault","notifyChanges","updateState","datavalue","invokeEventCallback","undefined","validateFormField","updateDataOutput","call","observeOn","fields","field","formfield","f","proxy","notifyForFields","push","validate","setTimeout","getPromiseList","validators","arr","fn","promise","Function","bind","Promise","setAsyncValidators","_asyncValidatorFn","all","then","err","validationMsg","hasOwnProperty","messageKeys","toString","setInvalidState","setValidators","_cloneValidators","_syncValidators","obj","index","key","defaultValidatorMessages","value","propsObj","updateFormWidgetDataset","res","displayField","dataset","data","datafield","displayfield","state","msg","isValid","validationmessage","onPropertyChange","debug","applyDefaultValue","setPrimaryKey","setReadOnlyState","updateMode","_this$formwidget","readonly","_this$formwidget2","_this$_syncValidators","_this$formwidget3","errorType","errormsg","errorMessage","renderWidget","childrenWithProps","Children","map","renderFormFields","children","child","cloneElement","maskchar","displayformat","invokeEvent","triggerValidation","onFieldChange","formRef","placeholder","createElement","style","styles","root","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { isEqual, isNil, get, find, cloneDeep, forEach, keys } from 'lodash';\n\nimport WmFormFieldProps from './form-field.props';\nimport { DEFAULT_CLASS, WmFormFieldStyles } from './form-field.styles';\nimport {PERFORMANCE_LOGGER} from \"@wavemaker/app-rn-runtime/core/logger\";\n\nexport class WmFormFieldState extends BaseComponentState<WmFormFieldProps> {\n  isValid = true;\n}\n\nexport default class WmFormField extends BaseComponent<WmFormFieldProps, WmFormFieldState, WmFormFieldStyles> {\n  public form: any;\n  public formwidget: any;\n  public _syncValidators: any;\n  public defaultValidatorMessages: any = [];\n  private notifyForFields: any = [];\n  private _asyncValidatorFn: any;\n  constructor(props: WmFormFieldProps) {\n    super(props, DEFAULT_CLASS, new WmFormFieldProps(), new WmFormFieldState());\n    if (!this.form) {\n      this.form = props.formScope && props.formScope();\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.formwidget = (this.props.formKey && this.form?.formWidgets[this.props.formKey])\n      || (this.props.name && this.form?.formWidgets[this.props.name]);\n    this.form?.registerFormFields(this.form.formFields, this.form.formWidgets);\n  }\n\n  onFieldChangeEvt(name: string, $new: any, $old: any, isDefault: boolean) {\n    this.notifyChanges();\n    if (!isEqual($old, $new)) {\n      this.updateState({ props: { datavalue: $new }} as WmFormFieldState, () => {\n        !isDefault && this.invokeEventCallback('onChange', [undefined, this, $new, $old]);\n        this.validateFormField();\n      });\n      if (this.form) {\n        this.form.updateDataOutput.call(this.form, get(this.props, 'formKey', this.props.name), $new);\n      }\n    }\n  }\n\n  // Registers observer of validation fields\n  observeOn(fields: any) {\n    forEach(fields, (field) => {\n      const formfield = find(this.form.formFields, (f) => f.proxy.name === field);\n      if (formfield) {\n        formfield.notifyForFields.push(this);\n      }\n    });\n  }\n\n  // Notifies changes to observing validation fields\n  notifyChanges() {\n    forEach(this.notifyForFields, (field) => {\n      field.formwidget.validate(field.formwidget.datavalue);\n      setTimeout(() => field.validateFormField());\n    });\n  }\n\n  getPromiseList(validators: any) {\n    const arr: any = [];\n    forEach(validators, (fn) => {\n      let promise = fn;\n      if (fn instanceof Function && fn.bind) {\n        promise = fn(this.formwidget.proxy, this.form);\n      }\n      if (promise instanceof Promise) {\n        arr.push(promise);\n      }\n    });\n    return arr;\n  }\n\n  // this method sets the asyncValidation on the form field. Assigns validationmessages from the returned response\n  setAsyncValidators(validators: any) {\n    this._asyncValidatorFn = () => {\n        return Promise.all(this.getPromiseList(validators)).then(() => {\n          return null;\n        }, err => {\n          let validationMsg: string;\n          // if err obj has validationMessage key, then set validationMessage using this value\n          // else return the value of the first key in the err object as validation message.\n          if (err.hasOwnProperty('errorMessage')) {\n            validationMsg = get(err, 'errorMessage');\n          } else {\n            const messageKeys = keys(err);\n            validationMsg = (err[messageKeys[0]]).toString();\n          }\n          this.setInvalidState(validationMsg);\n          return err;\n        })\n      };\n  }\n\n  // sets the default validation on the form field\n  setValidators(validators: any) {\n    let _cloneValidators = cloneDeep(validators);\n    this._syncValidators = [];\n    forEach(_cloneValidators, (obj, index) => {\n      // custom validation is bound to function.\n      if (obj && obj instanceof Function) {\n        // passing formwidget and form as arguments to the obj (i.e. validator function)\n        _cloneValidators[index] = obj.bind(undefined, this.formwidget.proxy, this.form);\n        this._syncValidators.push(_cloneValidators[index]);\n      } else {\n        // checks for default validator like required, maxchars etc.\n        const key = get(obj, 'type');\n        this.defaultValidatorMessages[key] = get(obj, 'errorMessage');\n        const value = get(obj, 'validator');\n        let propsObj: any = {\n          props: {}\n        };\n        propsObj.props[key] = value;\n        key === 'required' && this.updateState(propsObj as WmFormFieldState);\n        this.formwidget.updateState(propsObj as WmFormFieldState);\n      }\n    });\n  }\n\n  updateFormWidgetDataset(res: any, displayField: string) {\n    this.formwidget.updateState({\n      props: {\n        dataset: res.data,\n        datafield: 'All Fields',\n        displayfield: this.formwidget.state.props.displayfield || displayField,\n      }\n    } as WmFormFieldState);\n  }\n\n  setInvalidState(msg: string) {\n    this.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState)\n    this.formwidget.updateState({\n      isValid: false,\n      props: {\n        validationmessage: msg\n      }\n    } as WmFormFieldState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        if (!isEqual($old, $new)) {\n          PERFORMANCE_LOGGER.debug(`form field ${this.props.name} changed from ${$old} to ${$new}`);\n        }\n        break;\n      case 'defaultvalue':\n        if (!isEqual($old, $new)) {\n          get(this, 'form') && this.form.applyDefaultValue(this);\n        }\n        break;\n      case 'primary-key':\n        if ($new) {\n          this.form.setPrimaryKey(this.props.name);\n        }\n        break;\n    }\n  }\n\n  setReadOnlyState(updateMode: any) {\n    this.formwidget?.updateState({\n      props: {\n        readonly: !updateMode,\n      }\n    } as WmFormFieldState);\n  }\n\n  validateFormField() {\n    if (this.formwidget?.state.isValid === false) {\n      const errorType = this.formwidget?.state?.errorType;\n      let validationMsg = get(this.defaultValidatorMessages, errorType);\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.updateState({ props: {\n            validationmessage: validationMsg\n          }} as WmFormFieldState);\n      }\n      this.updateState({ isValid: false} as WmFormFieldState);\n    } else {\n      this.updateState({ isValid: true } as WmFormFieldState);\n    }\n\n    this._syncValidators?.forEach((fn: any) => {\n      const errormsg = fn();\n      let validationMsg = errormsg?.errorMessage;\n      if (validationMsg) {\n        if (validationMsg instanceof Function) {\n          // passing formwidget and form as arguments to the errorMessage function.\n          validationMsg = validationMsg(this.formwidget.proxy, this.form);\n        }\n        this.setInvalidState(validationMsg);\n      }\n    })\n\n    this._asyncValidatorFn && this._asyncValidatorFn();\n\n  }\n\n  get value(){\n    return this.state.props.datavalue;\n  }\n\n  renderWidget(props: WmFormFieldProps) {\n    var childrenWithProps = React.Children.map(props.renderFormFields(this.proxy).props.children, (child) => {\n      return React.cloneElement(child, {\n          datavalue: props.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {})\n         });\n    });\n    return (\n      <View style={this.styles.root}>{this._background}{childrenWithProps}\n        {this.state.isValid === false && <Text {...this.getTestPropsForLabel('error_msg')} style={this.styles.errorMsg}>{props.validationmessage}</Text>}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}