@wavemaker/app-rn-runtime 12.0.0-next.141218 → 12.0.0-next.141221

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

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

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

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

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

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

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

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

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

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

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

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