@wavemaker/app-rn-runtime 12.0.0-next.46502 → 12.0.0-next.47810

package/components/data/card/card.component.js

@@ -0,0 +1,92 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, 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,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      target: this,
+      styles: {
+        width: '100%',
+        height: this.styles.root.height ? '100%' : null
+      },
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }), this.renderHeader(props), props.children));
+  }
+}
+//# sourceMappingURL=card.component.js.map

package/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","onLayout","event","handleLayout","_background","_extends","getTestPropsForAction","target","width","disableTouchEffect","state","disabletoucheffect"],"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 \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        <Tappable {...this.getTestPropsForAction()} target={this} styles={{width: '100%', height: this.styles.root.height ? '100%' : null}} disableTouchEffect={this.state.props.disabletoucheffect}>\n            {this.renderHeader(props)}\n            {props.children}\n        </Tappable>\n      </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/data/card/card.props.js

@@ -0,0 +1,27 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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

package/components/data/form/form-action/form-action.component.js

@@ -0,0 +1,35 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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

package/components/data/form/form-action/form-action.props.js

@@ -0,0 +1,18 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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

package/components/data/form/form-body/form-body.component.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmFormBodyProps from './form-body.props';
+import { DEFAULT_CLASS } from './form-body.styles';
+export class WmFormBodyState extends BaseComponentState {}
+export default class WmFormBody extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmFormBodyProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=form-body.component.js.map

package/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","onLayout","event","handleLayout","_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 (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {props.children}\n      </View>\n    ); \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,oBACET,KAAA,CAAAW,aAAA,CAACV,IAAI;MACHW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBT,KAAK,CAACU,QACH,CAAC;EAEX;AACF","ignoreList":[]}

package/components/data/form/form-body/form-body.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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

package/components/data/form/form-field/form-field.component.js

@@ -0,0 +1,249 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 => {
+      var _child$props;
+      return /*#__PURE__*/React.cloneElement(child, {
+        datavalue: props.datavalue || (child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.datavalue),
+        value: this.value,
+        isValid: this.state.isValid,
+        maskchar: props.maskchar,
+        displayformat: props.displayformat,
+        autocomplete: props.autocomplete,
+        invokeEvent: this.invokeEventCallback.bind(this),
+        triggerValidation: this.validateFormField.bind(this),
+        onFieldChange: this.onFieldChangeEvt.bind(this),
+        formRef: props.formRef,
+        isdefault: props.defaultvalue !== undefined ? true : false,
+        ...(!isNil(props === null || props === void 0 ? void 0 : props.placeholder) ? {
+          placeholder: props.placeholder
+        } : {})
+      });
+    });
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, 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

package/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","_child$props","cloneElement","maskchar","displayformat","autocomplete","invokeEvent","triggerValidation","onFieldChange","formRef","isdefault","defaultvalue","placeholder","createElement","style","styles","root","onLayout","event","handleLayout","_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 || child?.props?.datavalue,\n          value: this.value,\n          isValid: this.state.isValid,\n          maskchar: props.maskchar,\n          displayformat: props.displayformat,\n          autocomplete: props.autocomplete,\n          invokeEvent: this.invokeEventCallback.bind(this),\n          triggerValidation: this.validateFormField.bind(this),\n          onFieldChange: this.onFieldChangeEvt.bind(this),\n          formRef: props.formRef,\n          isdefault: props.defaultvalue !== undefined ? true : false, \n          ...(!isNil(props?.placeholder) ? { placeholder: props.placeholder } : {})\n         });\n    });\n    return (\n      <View \n        style={this.styles.root}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        {this._background}\n        {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":[]}

package/components/data/form/form-field/form-field.props.js

@@ -0,0 +1,35 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmFormFieldProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "formRef", void 0);
+    _defineProperty(this, "placeholder", void 0);
+    _defineProperty(this, "defaultvalue", void 0);
+    _defineProperty(this, "generator", '');
+    _defineProperty(this, "datavalue", void 0);
+    _defineProperty(this, "onChange", void 0);
+    _defineProperty(this, "renderFormFields", void 0);
+    _defineProperty(this, "validationmessage", void 0);
+    _defineProperty(this, "required", false);
+    _defineProperty(this, "primaryKey", false);
+    _defineProperty(this, "isRelated", void 0);
+    _defineProperty(this, "widget", void 0);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "formKey", '');
+    _defineProperty(this, "dataset", void 0);
+    _defineProperty(this, "displayfield", void 0);
+    _defineProperty(this, "datafield", '');
+    _defineProperty(this, "isDataSetBound", false);
+    _defineProperty(this, "readonly", false);
+    _defineProperty(this, "onValidate", void 0);
+    _defineProperty(this, "formScope", () => {});
+    _defineProperty(this, "maskchar", null);
+    _defineProperty(this, "displayformat", null);
+    _defineProperty(this, "autocomplete", "username");
+  }
+}
+//# sourceMappingURL=form-field.props.js.map

package/components/data/form/form-field/form-field.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmFormFieldProps","constructor","args","_defineProperty"],"sources":["form-field.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmFormFieldProps extends BaseProps {\n  children: any;\n  formRef: any;\n  placeholder?: string;\n  defaultvalue: any;\n  generator: string = '';\n  datavalue: any;\n  onChange: any;\n  renderFormFields: any;\n  validationmessage: any;\n  required: Boolean = false;\n  primaryKey: Boolean = false;\n  isRelated: any;\n  widget: any;\n  onFieldChange: any;\n  formKey: string = '';\n  dataset: any;\n  displayfield: any;\n  datafield: string = '';\n  isDataSetBound: boolean = false;\n  readonly: boolean = false;\n  onValidate?: Function;\n  formScope?: Function = () => {};\n  maskchar: string = null as any;\n  displayformat: string = null as any;\n  autocomplete: string = \"username\";\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAKlC,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,mBAKF,KAAK;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,kBAIT,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,oBAGA,EAAE;IAAAA,eAAA,yBACI,KAAK;IAAAA,eAAA,mBACX,KAAK;IAAAA,eAAA;IAAAA,eAAA,oBAEF,MAAM,CAAC,CAAC;IAAAA,eAAA,mBACZ,IAAI;IAAAA,eAAA,wBACC,IAAI;IAAAA,eAAA,uBACL,UAAU;EAAA;AACnC","ignoreList":[]}

package/components/data/form/form-field/form-field.styles.js

@@ -0,0 +1,40 @@
+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-form-field';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      marginBottom: 24
+    },
+    text: {},
+    errorMsg: {
+      color: 'red',
+      fontSize: 13,
+      paddingTop: 6,
+      fontFamily: themeVariables.baseFont
+    }
+  });
+
+  // Add horizontal form field layout class - positioned early to avoid overriding more specific styles
+  addStyle('app-form-field-horizontal', '', {
+    root: {
+      marginBottom: 24,
+      flexDirection: 'row',
+      alignItems: 'flex-start',
+      minHeight: 40,
+      width: '100%' // Ensure form field takes full width
+    },
+    text: {}
+  });
+  addStyle('form-label', '', {
+    root: {
+      paddingBottom: 5
+    },
+    text: {
+      color: themeVariables.defaultTextColor,
+      fontSize: themeVariables.heading5FontSize
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=form-field.styles.js.map

package/components/data/form/form-field/form-field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","marginBottom","text","errorMsg","color","fontSize","paddingTop","fontFamily","baseFont","flexDirection","alignItems","minHeight","width","paddingBottom","defaultTextColor","heading5FontSize"],"sources":["form-field.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 { TextStyle } from 'react-native';\n\nexport type WmFormFieldStyles = BaseStyles & {\n    errorMsg: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-form-field';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmFormFieldStyles = defineStyles({\n        root: {\n            marginBottom: 24\n        },\n        text: {},\n        errorMsg: {\n            color: 'red',\n            fontSize: 13,\n            paddingTop: 6,\n            fontFamily: themeVariables.baseFont\n        }\n    });\n    \n    // Add horizontal form field layout class - positioned early to avoid overriding more specific styles\n    addStyle('app-form-field-horizontal', '', {\n        root: {\n            marginBottom: 24,\n            flexDirection: 'row',\n            alignItems: 'flex-start',\n            minHeight: 40,\n            width: '100%' // Ensure form field takes full width\n        },\n        text: {}\n    } as BaseStyles);\n    \n    addStyle('form-label', '', {\n        root : {\n            paddingBottom: 5\n        },\n        text: {\n            color: themeVariables.defaultTextColor,\n            fontSize: themeVariables.heading5FontSize\n        }\n    } as BaseStyles);\n    \n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACFC,YAAY,EAAE;IAClB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAEV,cAAc,CAACW;IAC/B;EACJ,CAAC,CAAC;;EAEF;EACAV,QAAQ,CAAC,2BAA2B,EAAE,EAAE,EAAE;IACtCE,IAAI,EAAE;MACFC,YAAY,EAAE,EAAE;MAChBQ,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,YAAY;MACxBC,SAAS,EAAE,EAAE;MACbC,KAAK,EAAE,MAAM,CAAC;IAClB,CAAC;IACDV,IAAI,EAAE,CAAC;EACX,CAAe,CAAC;EAEhBJ,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACvBE,IAAI,EAAG;MACHa,aAAa,EAAE;IACnB,CAAC;IACDX,IAAI,EAAE;MACFE,KAAK,EAAEP,cAAc,CAACiB,gBAAgB;MACtCT,QAAQ,EAAER,cAAc,CAACkB;IAC7B;EACJ,CAAe,CAAC;EAEhBjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/data/form/form-footer/form-footer.component.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmFormFooterProps from './form-footer.props';
+import { DEFAULT_CLASS } from './form-footer.styles';
+export class WmFormFooterState extends BaseComponentState {}
+export default class WmFormFooter extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmFormFooterProps());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=form-footer.component.js.map