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

package/components/dialogs/dialogcontent/dialogcontent.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 WmDialogcontentProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=dialogcontent.props.js.map

package/components/input/basedataset/basedataset.component.js

@@ -0,0 +1,230 @@
+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 { BaseComponent, BaseComponentState } from "@wavemaker/app-rn-runtime/core/base.component";
+import { find, isString, isEqual, isFunction, includes, get, forEach, isObject, isArray, filter, trim, uniqBy, uniqWith } from 'lodash';
+import { getGroupedData, getOrderedDataset, isDefined, validateField } from "@wavemaker/app-rn-runtime/core/utils";
+import { DEFAULT_CLASS } from "@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.styles";
+export class BaseDatasetState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataItems", void 0);
+    _defineProperty(this, "groupedData", void 0);
+    _defineProperty(this, "isDefault", false);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "errorType", '');
+  }
+}
+export class BaseDatasetComponent extends BaseComponent {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+  }
+  onPropertyChange(name, $new, $old) {
+    const props = this.state.props;
+    switch (name) {
+      case 'dataset':
+        this.setDataItems($new);
+        break;
+      case 'getDisplayExpression':
+      case 'displayfield':
+      case 'displaylabel':
+      case 'displayimagesrc':
+      case 'datafield':
+      case 'orderby':
+        this.setDataItems(this.state.props.dataset);
+        break;
+      case 'groupby':
+      case 'match':
+        this.setGroupData(this.state.dataItems);
+      case 'datavalue':
+        this.setDataItems(this.state.props.dataset, {
+          dataValue: $new
+        });
+        const isDefault = this.state.isDefault;
+        if (isDefault) {
+          this.updateState({
+            isDefault: false
+          }, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));
+        } else {
+          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);
+        }
+    }
+  }
+  setGroupData(items) {
+    const dataItems = items;
+    const props = this.state.props;
+    if (props.groupby) {
+      const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this, 'dataObject');
+      this.updateState({
+        groupedData: groupedData
+      }, () => this.onDataItemsUpdate());
+    }
+  }
+  validate(value) {
+    const validationObj = validateField(this.state.props, value);
+    this.setState({
+      isValid: validationObj.isValid,
+      errorType: validationObj.errorType
+    });
+  }
+  updateDatavalue(value) {
+    return new Promise(resolve => {
+      this.updateState({
+        props: {
+          datavalue: value
+        }
+      }, () => {
+        this.computeDisplayValue();
+        resolve();
+      });
+    });
+  }
+  onValueChange(value) {
+    if (this.state.props.datafield === 'All Fields') {
+      const selectedItem = find(this.state.dataItems, item => isEqual(item.key, value));
+      value = selectedItem && selectedItem.dataObject;
+    }
+    this.onChange(value);
+  }
+  getItemKey(value) {
+    const selectedItem = find(this.state.dataItems, item => isEqual(item.dataObject, value));
+    return selectedItem && selectedItem.key;
+  }
+  onChange(value) {
+    const oldValue = this.state.props.datavalue;
+    this.validate(value);
+    this.updateDatavalue(value).then(() => {
+      if (value !== oldValue) {
+        if (this.props.onFieldChange) {
+          this.props.onFieldChange('datavalue', value, oldValue);
+        } else {
+          this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldValue]);
+        }
+      }
+    });
+  }
+  computeDisplayValue() {
+    this.updateState({
+      props: {
+        displayValue: (this.state.dataItems || []).filter(item => item.selected).map(item => item.displayexp || item.displayfield)[0] || ''
+      }
+    });
+  }
+  onDataItemsUpdate() {
+    this.computeDisplayValue();
+  }
+  getUniqObjsByDataField(data, allowEmptyFields = true) {
+    let uniqData;
+    const isAllFields = this.state.props.datafield === 'All Fields';
+    uniqData = isAllFields ? uniqWith(data, isEqual) : uniqBy(data, 'datafield');
+    if (!this.state.props.displayfield || allowEmptyFields) {
+      return uniqData;
+    }
+
+    // return objects having non empty datafield and display field values.
+    return filter(uniqData, obj => {
+      if (isAllFields) {
+        return trim(obj.displayfield);
+      }
+      return trim(obj.datafield) && trim(obj.displayfield);
+    });
+  }
+  setDataItems(dataset, propsObj, allowEmpty = true) {
+    const name = this.props.name;
+    const props = this.state.props;
+    const datavalue = propsObj ? propsObj['dataValue'] : props.datavalue;
+    let dataItems = [];
+    let datavalueItems = [];
+    if (typeof datavalue === 'string') {
+      datavalueItems = datavalue.split(',');
+      datavalueItems = allowEmpty ? datavalueItems : datavalueItems.map(item => item.trim());
+    } else if (isArray(datavalue)) {
+      datavalueItems = datavalue;
+    } else {
+      if (isDefined(datavalue)) {
+        datavalueItems = [datavalue];
+      }
+    }
+    if (typeof dataset === 'string') {
+      dataset = dataset.split(',');
+    }
+    if (isArray(dataset) && !isObject(dataset[0])) {
+      dataItems = dataset.map((s, i) => {
+        s = isString(s) ? s.trim() : s;
+        return {
+          key: `${name}_item${i}`,
+          dataObject: s,
+          displayfield: s.toString(),
+          datafield: s,
+          selected: includes(datavalueItems, s) || includes(datavalueItems, s.toString()) || datavalue === s ? true : false
+        };
+      });
+    } else if (dataset) {
+      if (isObject(dataset) && !isArray(dataset)) {
+        forEach(dataset, (value, key) => {
+          if (isDefined(key) && key !== null) {
+            dataItems.push({
+              key: `${name}_item${key}`,
+              displayfield: value,
+              datafield: key,
+              dataObject: dataset
+            });
+          }
+        });
+      } else {
+        const isSelected = item => {
+          if (datavalueItems.length) {
+            let datafield = this.state.props.datafield;
+            if (!datafield) {
+              datafield = 'All Fields';
+            }
+            if (datafield === 'All Fields') {
+              return includes(datavalueItems, item);
+            }
+            let df = get(item, datafield);
+            if (isDefined(df) && df !== null) {
+              return includes(datavalueItems, df) || includes(datavalueItems, df.toString());
+            }
+          }
+          return false;
+        };
+        forEach(dataset, (d, i) => {
+          let datafieldValue = this.state.props.datafield === 'All Fields' ? d : get(d, this.state.props.datafield);
+          if (isDefined(datafieldValue) && datafieldValue !== null) {
+            var _get, _get2;
+            dataItems.push({
+              key: `${name}_item${i}`,
+              dataObject: d,
+              displayfield: ((_get = get(d, this.state.props.displayfield)) === null || _get === void 0 ? void 0 : _get.toString()) || ((_get2 = get(d, this.state.props.displaylabel)) === null || _get2 === void 0 ? void 0 : _get2.toString()),
+              datafield: datafieldValue,
+              displayexp: this.state.props.getDisplayExpression ? this.state.props.getDisplayExpression(d) : get(d, this.state.props.displayfield),
+              selected: isSelected(d),
+              imgSrc: isFunction(this.state.props.displayimagesrc) ? this.state.props.displayimagesrc(d) : get(d, this.state.props.displayimagesrc),
+              icon: d[this.props.iconclass]
+            });
+          }
+        });
+      }
+    }
+    if (dataItems.length) {
+      dataItems = this.getUniqObjsByDataField(dataItems, allowEmpty);
+    }
+    const isUpdated = !isEqual(dataItems, this.state.dataItems);
+    if (props.groupby) {
+      this.setGroupData(dataItems);
+      this.updateState({
+        dataItems: dataItems
+      }, () => isUpdated && this.onDataItemsUpdate());
+    } else if (props.orderby) {
+      this.updateState({
+        dataItems: getOrderedDataset(dataItems, props.orderby, 'dataObject')
+      }, () => isUpdated && this.onDataItemsUpdate());
+    } else {
+      this.updateState({
+        dataItems: dataItems
+      }, () => isUpdated && this.onDataItemsUpdate());
+    }
+  }
+}
+//# sourceMappingURL=basedataset.component.js.map

package/components/input/basedataset/basedataset.props.js

@@ -0,0 +1,31 @@
+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 BaseDatasetProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", void 0);
+    _defineProperty(this, "datavalue", void 0);
+    _defineProperty(this, "displayfield", void 0);
+    _defineProperty(this, "datafield", void 0);
+    _defineProperty(this, "displayexpression", void 0);
+    _defineProperty(this, "getDisplayExpression", void 0);
+    _defineProperty(this, "groupby", void 0);
+    _defineProperty(this, "match", void 0);
+    _defineProperty(this, "orderby", void 0);
+    _defineProperty(this, "readonly", null);
+    _defineProperty(this, "dateformat", void 0);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "displaylabel", void 0);
+    _defineProperty(this, "displayValue", void 0);
+    _defineProperty(this, "displayimagesrc", void 0);
+    _defineProperty(this, "iconclass", void 0);
+    _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+    _defineProperty(this, "accessibilitylabelledby", undefined);
+  }
+}
+//# sourceMappingURL=basedataset.props.js.map

package/components/input/baseinput/baseinput.component.js

@@ -0,0 +1,193 @@
+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 { DEFAULT_CLASS } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { isString } from 'lodash';
+import { Platform } from 'react-native';
+import { validateField } from '@wavemaker/app-rn-runtime/core/utils';
+import Injector from '@wavemaker/app-rn-runtime/core/injector';
+export class BaseInputState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "keyboardType", 'default');
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "isInputFocused", false);
+    _defineProperty(this, "textValue", '');
+    _defineProperty(this, "isDefault", false);
+    _defineProperty(this, "errorType", '');
+  }
+}
+export class BaseInputComponent extends BaseComponent {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+    _defineProperty(this, "widgetRef", null);
+    _defineProperty(this, "isTouched", false);
+    _defineProperty(this, "cursor", 0);
+    _defineProperty(this, "timer", null);
+  }
+  focus() {
+    var _this$widgetRef;
+    this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 || _this$widgetRef.focus();
+  }
+  blur() {
+    var _this$widgetRef2, _this$widgetRef3;
+    (this === null || this === void 0 || (_this$widgetRef2 = this.widgetRef) === null || _this$widgetRef2 === void 0 ? void 0 : _this$widgetRef2.blur) && (this === null || this === void 0 || (_this$widgetRef3 = this.widgetRef) === null || _this$widgetRef3 === void 0 ? void 0 : _this$widgetRef3.blur());
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'type':
+        let keyboardType;
+        if (this.props.type === 'number') {
+          keyboardType = 'numeric';
+        } else if (this.props.type === 'tel') {
+          keyboardType = 'phone-pad';
+        } else if (this.props.type === 'email') {
+          keyboardType = 'email-address';
+        }
+        this.updateState({
+          keyboardType: keyboardType
+        });
+        break;
+      case 'datavalue':
+        this.updateState({
+          textValue: $new
+        });
+        const isDefault = this.state.isDefault;
+        if (isDefault) {
+          this.updateState({
+            isDefault: false
+          }, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));
+        } else {
+          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);
+        }
+    }
+  }
+  onChange(event) {
+    if (this.state.props.updateon === 'default') {
+      this.updateDatavalue(event.target.value, event);
+    } else if (this.state.props.updateon === 'lazy') {
+      if (this.timer !== null) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+      this.timer = setTimeout(() => {
+        this.updateDatavalue(event.target.value, event);
+      }, 300);
+    }
+  }
+  onChangeText(value) {
+    if (this.state.props.updateon === 'lazy') {
+      if (this.timer !== null) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+      this.timer = setTimeout(() => {
+        this.updateState({
+          textValue: value
+        }, () => {
+          this.validate(value);
+          this.updateDatavalue(value, null);
+        });
+      }, 300);
+    } else {
+      this.updateState({
+        textValue: value
+      }, () => {
+        if (this.state.props.updateon === 'default') {
+          this.validate(value);
+          this.updateDatavalue(value, null);
+        }
+      });
+    }
+  }
+  invokeChange(e) {
+    if (Platform.OS === 'web') {
+      this.cursor = e.target.selectionStart;
+      this.setState({
+        textValue: e.target.value
+      });
+    }
+  }
+  updateDatavalue(value, event, source) {
+    const props = this.state.props;
+    const oldValue = props.datavalue;
+    if (value === oldValue) {
+      return;
+    }
+
+    // autotrim
+    if (props.autotrim && props.datavalue && isString(props.datavalue)) {
+      value = value.trim();
+    }
+    new Promise(resolve => {
+      if (props.hastwowaybinding) {
+        this.setProp("datavalue", value);
+        this.updateState({
+          props: {
+            "datavalue": value
+          }
+        });
+        resolve(true);
+      } else {
+        this.updateState({
+          props: {
+            datavalue: value
+          }
+        }, () => resolve(true));
+      }
+    }).then(() => {
+      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);
+      if (source === 'blur') {
+        this.invokeEventCallback('onBlur', [event, this.proxy]);
+      }
+    });
+  }
+  onBlur(event) {
+    Injector.FOCUSED_ELEMENT.remove();
+    this.isTouched = true;
+    let newVal = this.state.textValue || '';
+    let oldVal = this.state.props.datavalue || '';
+    this.validate(newVal);
+    if (newVal === '' || newVal == undefined) {
+      setTimeout(() => {
+        this.props.triggerValidation && this.props.triggerValidation();
+      }, 10);
+    }
+    if (this.state.props.updateon === 'blur' || this.state.props.updateon === 'default') {
+      if (oldVal !== newVal && this.state.props.updateon === 'blur') {
+        this.updateDatavalue(newVal, event, 'blur');
+      } else {
+        this.invokeEventCallback('onBlur', [event, this.proxy]);
+      }
+      this.setState({
+        isInputFocused: false
+      });
+    }
+  }
+  validate(value) {
+    const validationObj = validateField(this.state.props, value);
+    this.setState({
+      isValid: validationObj.isValid,
+      errorType: validationObj.errorType
+    });
+  }
+  onFocus(event) {
+    // When input widgets are inside list widget and try to focus the field, list is selecting but unable to enter values in input fields
+    // because on tap event of list is triggering after 200ms timeout So added 250ms timeout here
+    setTimeout(() => {
+      var _this$closestTappable;
+      Injector.FOCUSED_ELEMENT.set(this);
+      this.invokeEventCallback('onFocus', [event, this.proxy]);
+      (_this$closestTappable = this.closestTappable) === null || _this$closestTappable === void 0 || _this$closestTappable.triggerTap();
+    }, 250);
+    this.setState({
+      isInputFocused: true
+    });
+  }
+  onKeyPress(event) {
+    this.invokeEventCallback('onKeypress', [event, this.proxy]);
+  }
+}
+//# sourceMappingURL=baseinput.component.js.map

package/components/input/baseinput/baseinput.props.js

@@ -0,0 +1,30 @@
+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 BaseInputProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "autofocus", null);
+    _defineProperty(this, "autocomplete", true);
+    _defineProperty(this, "autotrim", true);
+    _defineProperty(this, "datavalue", void 0);
+    _defineProperty(this, "hastwowaybinding", false);
+    _defineProperty(this, "maxchars", null);
+    _defineProperty(this, "readonly", null);
+    _defineProperty(this, "regexp", null);
+    _defineProperty(this, "type", 'text');
+    _defineProperty(this, "updateon", 'blur');
+    _defineProperty(this, "required", false);
+    _defineProperty(this, "checkFormField", void 0);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+    _defineProperty(this, "accessibilitylabelledby", undefined);
+    _defineProperty(this, "maskchar", null);
+    _defineProperty(this, "displayformat", null);
+  }
+}
+//# sourceMappingURL=baseinput.props.js.map