@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

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-ai/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-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-ai/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,kDAAkD;AAE5E,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":[]}

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

@@ -0,0 +1,34 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-form-action';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      marginTop: 0,
+      marginLeft: 4,
+      marginRight: 4,
+      marginBottom: 0,
+      flex: 1,
+      rippleColor: themeVariables.rippleColor
+    },
+    text: {},
+    icon: {
+      icon: {
+        fontSize: 20
+      }
+    },
+    skeleton: {
+      root: {
+        width: 96,
+        height: 48
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.5
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=form-action.styles.js.map

package/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-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.styles';\nimport { WmSkeletonStyles } from '@wavemaker-ai/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,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAQ3F,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":[]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/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) {
+    var _foundationStyle$body;
+    const foundationStyle = this.theme.getStyle('app-form');
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 || (_foundationStyle$body = foundationStyle.body) === null || _foundationStyle$body === void 0 ? void 0 : _foundationStyle$body.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","_foundationStyle$body","foundationStyle","theme","getStyle","createElement","style","mergeStyle","styles","root","body","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-ai/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      const foundationStyle = this.theme.getStyle('app-form');\n    return (\n      <View\n        style={this.theme.mergeStyle(this.styles.root, foundationStyle?.body?.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,kDAAkD;AAEpG,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;IAAA,IAAAE,qBAAA;IACjC,MAAMC,eAAe,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC;IACzD,oBACEd,KAAA,CAAAe,aAAA,CAACd,IAAI;MACHe,KAAK,EAAE,IAAI,CAACH,KAAK,CAACI,UAAU,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAEP,eAAe,aAAfA,eAAe,gBAAAD,qBAAA,GAAfC,eAAe,CAAEQ,IAAI,cAAAT,qBAAA,uBAArBA,qBAAA,CAAuBQ,IAAI,CAAE;MAC5EE,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBf,KAAK,CAACgB,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-ai/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-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-ai/app-rn-runtime/core/base.component';\n\nexport default class WmFormBodyProps extends BaseProps {\n    children: any = [] as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACnC,EAAE;EAAA;AACtB","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-form-body';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flex: 1
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=form-body.styles.js.map

package/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-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/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});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAI3F,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":[]}

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

@@ -0,0 +1,257 @@
+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-ai/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-ai/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 _this$styles$root, _this$form4, _layoutStyle$flexGrow, _layoutStyle$flexShri;
+    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
+        } : {})
+      });
+    });
+    const hasUserDefinedWidth = ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) !== undefined;
+    const layoutStyle = (_this$form4 = this.form) === null || _this$form4 === void 0 || (_this$form4 = _this$form4.state) === null || _this$form4 === void 0 ? void 0 : _this$form4.fieldLayoutStyle;
+    const flexStyle = hasUserDefinedWidth ? {} : {
+      width: (layoutStyle === null || layoutStyle === void 0 ? void 0 : layoutStyle.width) || '100%',
+      flexGrow: (_layoutStyle$flexGrow = layoutStyle === null || layoutStyle === void 0 ? void 0 : layoutStyle.flexGrow) !== null && _layoutStyle$flexGrow !== void 0 ? _layoutStyle$flexGrow : 0,
+      flexShrink: (_layoutStyle$flexShri = layoutStyle === null || layoutStyle === void 0 ? void 0 : layoutStyle.flexShrink) !== null && _layoutStyle$flexShri !== void 0 ? _layoutStyle$flexShri : 0
+    };
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, flexStyle],
+      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","_this$styles$root","_this$form4","_layoutStyle$flexGrow","_layoutStyle$flexShri","childrenWithProps","Children","map","renderFormFields","children","child","_child$props","cloneElement","maskchar","displayformat","autocomplete","invokeEvent","triggerValidation","onFieldChange","formRef","isdefault","defaultvalue","placeholder","hasUserDefinedWidth","styles","root","width","layoutStyle","fieldLayoutStyle","flexStyle","flexGrow","flexShrink","createElement","style","onLayout","event","handleLayout","_background","_extends","getTestPropsForLabel","errorMsg"],"sources":["form-field.component.tsx"],"sourcesContent":["import React from 'react';\nimport {DimensionValue, Text, View} from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { widgetsWithUndefinedValue } from '@wavemaker-ai/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-ai/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\n    const hasUserDefinedWidth = this.styles.root?.width !== undefined;\n    const layoutStyle = this.form?.state?.fieldLayoutStyle;\n\n    const flexStyle = hasUserDefinedWidth ? {} : {\n      width: layoutStyle?.width || '100%',\n      flexGrow: layoutStyle?.flexGrow ?? 0,\n      flexShrink: layoutStyle?.flexShrink ?? 0,\n    };\n\n    return (\n      <View\n        style={[this.styles.root, flexStyle]}\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-ai/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-ai/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,kDAAkD;AAE5E,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-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/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-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/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,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAO3F,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,20 @@
+import React from 'react';
+import { View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/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) {
+    var _foundationStyle$foot;
+    const foundationStyle = this.theme.getStyle('app-form');
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 || (_foundationStyle$foot = foundationStyle.footer) === null || _foundationStyle$foot === void 0 ? void 0 : _foundationStyle$foot.root),
+      onLayout: event => this.handleLayout(event)
+    }, this._background, props.children);
+  }
+}
+//# sourceMappingURL=form-footer.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmFormFooterProps","DEFAULT_CLASS","WmFormFooterState","WmFormFooter","constructor","props","renderWidget","_foundationStyle$foot","foundationStyle","theme","getStyle","createElement","style","mergeStyle","styles","root","footer","onLayout","event","handleLayout","_background","children"],"sources":["form-footer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport WmFormFooterProps from './form-footer.props';\nimport { DEFAULT_CLASS, WmFormFooterStyles } from './form-footer.styles';\n\nexport class WmFormFooterState extends BaseComponentState<WmFormFooterProps> {}\n\nexport default class WmFormFooter extends BaseComponent<WmFormFooterProps, WmFormFooterState, WmFormFooterStyles> {\n\n  constructor(props: WmFormFooterProps) {\n    super(props, DEFAULT_CLASS, new WmFormFooterProps());\n  }\n\n  renderWidget(props: WmFormFooterProps) {\n    const foundationStyle = this.theme.getStyle('app-form');\n    return (\n      <View\n        style={this.theme.mergeStyle(this.styles.root, foundationStyle?.footer?.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,kDAAkD;AAEpG,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,aAAa,QAA4B,sBAAsB;AAExE,OAAO,MAAMC,iBAAiB,SAASH,kBAAkB,CAAoB;AAE7E,eAAe,MAAMI,YAAY,SAASL,aAAa,CAA2D;EAEhHM,WAAWA,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAM,YAAYA,CAACD,KAAwB,EAAE;IAAA,IAAAE,qBAAA;IACrC,MAAMC,eAAe,GAAG,IAAI,CAACC,KAAK,CAACC,QAAQ,CAAC,UAAU,CAAC;IACvD,oBACEd,KAAA,CAAAe,aAAA,CAACd,IAAI;MACHe,KAAK,EAAE,IAAI,CAACH,KAAK,CAACI,UAAU,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAEP,eAAe,aAAfA,eAAe,gBAAAD,qBAAA,GAAfC,eAAe,CAAEQ,MAAM,cAAAT,qBAAA,uBAAvBA,qBAAA,CAAyBQ,IAAI,CAAE;MAC9EE,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EAChBf,KAAK,CAACgB,QACH,CAAC;EAEX;AACF","ignoreList":[]}

package/components/data/form/form-footer/form-footer.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-ai/app-rn-runtime/core/base.component';
+export default class WmFormFooterProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", []);
+  }
+}
+//# sourceMappingURL=form-footer.props.js.map

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

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

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

@@ -0,0 +1,18 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-form-footer';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      padding: 8,
+      justifyContent: 'flex-end',
+      borderStyle: 'solid',
+      borderTopWidth: 1,
+      borderColor: themeVariables.formBorderColor
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=form-footer.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","padding","justifyContent","borderStyle","borderTopWidth","borderColor","formBorderColor","text"],"sources":["form-footer.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WmFormFooterStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-form-footer';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmFormFooterStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            padding: 8,\n            justifyContent: 'flex-end',\n            borderStyle: 'solid',\n            borderTopWidth: 1,\n            borderColor: themeVariables.formBorderColor\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAI3F,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAiC,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAE,CAAC;MACVC,cAAc,EAAE,UAAU;MAC1BC,WAAW,EAAE,OAAO;MACpBC,cAAc,EAAE,CAAC;MACjBC,WAAW,EAAET,cAAc,CAACU;IAChC,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}