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

package/components/input/basenumber/basenumber.component.js

@@ -0,0 +1,357 @@
+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 { includes, intersection, isNaN, isFinite, toArray, isNil } from 'lodash';
+import { BaseComponent, BaseComponentState } from "@wavemaker-ai/app-rn-runtime/core/base.component";
+import { DEFAULT_CLASS } from "@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.styles";
+import { Platform } from 'react-native';
+import { countDecimalDigits, validateField } from '@wavemaker-ai/app-rn-runtime/core/utils';
+export class BaseNumberState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "isInputFocused", false);
+    _defineProperty(this, "textValue", '');
+    _defineProperty(this, "isDefault", false);
+    _defineProperty(this, "errorType", '');
+  }
+}
+export class BaseNumberComponent extends BaseComponent {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+    _defineProperty(this, "DECIMAL", void 0);
+    _defineProperty(this, "GROUP", void 0);
+    _defineProperty(this, "widgetRef", null);
+    _defineProperty(this, "cursor", 0);
+    this.DECIMAL = '.';
+    this.GROUP = ',';
+  }
+  onChange(event) {
+    if (this.state.props.updateon === 'default') {
+      this.updateDatavalue(event.target.value, event);
+    }
+  }
+  focus() {
+    var _this$widgetRef;
+    this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 || _this$widgetRef.focus();
+  }
+  validateOnDevice(value, type) {
+    var _value$match;
+    const isCurrencyField = type === 'currency';
+    let isValidText = true;
+
+    // * no alphabets except E, may contain E only once
+    if (/[a-df-zA-DF-Z]/.test(value) || !/^[^eE]*[eE]?[^eE]*$/.test(value)) {
+      isValidText = false;
+    }
+
+    // * currency only: check for negative number
+    if (isCurrencyField && (Number(value) < 0 || /-/g.test(value))) {
+      isValidText = false;
+    }
+
+    // * number only: not more than one minus and doesn't end with minus (-)
+    if (!isCurrencyField && Number((_value$match = value.match(/-/g)) === null || _value$match === void 0 ? void 0 : _value$match.length) > 1 || /\w-/.test(value)) {
+      isValidText = false;
+    }
+
+    // * check for more than one decimal point
+    if (/^\d*\.\d*\..*$/.test(value)) {
+      isValidText = false;
+    }
+
+    // * check for spaces and comma
+    if (/[\s,]/.test(value)) {
+      isValidText = false;
+    }
+    return isValidText;
+  }
+  onChangeText(value, type, shouldFormateToNumber) {
+    const newValue = shouldFormateToNumber ? `${this.parseNumber(value.replace(/[^0-9.]/g, ''))}` : value;
+    const isValidTextOnDevice = this.validateOnDevice(newValue, type);
+    if (!isValidTextOnDevice) {
+      return;
+    }
+    const decimalPlacesInNumber = countDecimalDigits(newValue);
+    if (this.props.decimalPlaces < decimalPlacesInNumber) {
+      return;
+    }
+    this.updateState({
+      textValue: newValue
+    }, () => {
+      if (this.state.props.updateon === 'default') {
+        this.validate(newValue);
+        this.updateDatavalue(newValue, null);
+      }
+    });
+  }
+  invokeChange(e) {
+    if (Platform.OS === 'web') {
+      this.cursor = e.target.selectionStart;
+      this.setState({
+        textValue: e.target.value
+      });
+    }
+  }
+  validate(value) {
+    const validationObj = validateField(this.state.props, value);
+    this.updateState({
+      isValid: validationObj.isValid,
+      errorType: validationObj.errorType
+    });
+  }
+  handleValidation(value) {
+    const props = this.state.props;
+    if (props.regexp) {
+      const condition = new RegExp(props.regexp, 'g');
+      return condition.test(value);
+    }
+    return true;
+  }
+
+  /**
+   * Method parses the Localized number(string) to a valid number.
+   * if the string dose not result to a valid number then returns NaN.
+   * @param {string} val Localized number.
+   * @returns {number}
+   */
+  parseNumber(val) {
+    // splits string into two parts. decimal and number.
+    const parts = val.split(this.DECIMAL);
+    if (!parts.length) {
+      return;
+    }
+    if (parts.length > 2) {
+      return NaN;
+    }
+    // If number have decimal point and not have a decimal value then return.
+    if (parts[1] === '') {
+      return NaN;
+    }
+    // replaces all group separators form the number.
+    const number = Number(parts[0].split(this.GROUP).join(''));
+    const decimal = Number(`0.${parts[1] || 0}`);
+    if (Number.isNaN(number) || Number.isNaN(decimal)) {
+      return NaN;
+    }
+    const sum = parts.length > 1 ? parseFloat((number + decimal).toFixed(parts[1].length)) : number + decimal;
+    // if the number is negative then calculate the number as number - decimal
+    // Ex: number = -123 and decimal = 0.45 then number - decimal = -123-045 = -123.45
+    // If entered number is -0.1 to -0.9 then the number is -0 and decimal is 0.1 to 0.9. Now calaculate the number as number-decimal
+    // Ex: number = -0 and decimal = 0.1 then number-decimal = -0-0.1 = -0.1
+    if (number === 0) {
+      return Object.is(0, number) ? sum : number - decimal;
+    }
+    return number > 0 ? sum : number - decimal;
+  }
+  updateDatavalue(value, event, source) {
+    const model = value && this.parseNumber(value.toString());
+    const props = this.state.props;
+    const oldValue = props.datavalue;
+    if (value === oldValue) {
+      return;
+    }
+    const validNumber = this.isValidNumber(model) || value === oldValue + '.';
+    if (!validNumber) {
+      this.invokeEventCallback('onError', [event, this.proxy, value, oldValue]);
+      return;
+    }
+    new Promise(resolve => {
+      if (props.hastwowaybinding) {
+        const newProps = {
+          props: {
+            datavalue: model || Number(value)
+          }
+        };
+        if (this.state.props.updateon === 'blur') {
+          newProps.textValue = model || Number(value);
+        }
+        this.updateState({
+          ...newProps
+        });
+        setImmediate(() => this.setProp("datavalue", value));
+        resolve(true);
+      } else {
+        this.updateState({
+          props: {
+            datavalue: model || Number(value)
+          }
+        }, () => resolve(true));
+      }
+    }).then(() => {
+      if (!this.props.onFieldChange && value !== oldValue) {
+        this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);
+      } else if (this.state.props.skipscripteventtrigger && this.props.onFieldChange) {
+        this.props.onFieldChange('datavalue', value, oldValue, false);
+      }
+      if (source === 'blur') {
+        setTimeout(() => {
+          this.invokeEventCallback('onBlur', [event, this.proxy]);
+        }, 10);
+      }
+    });
+  }
+  onBlur(event, isDisplayValuePresent) {
+    const textVal = this.state.textValue || '';
+    let newVal = isDisplayValuePresent ? textVal : event.target.value || textVal;
+    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') {
+      let oldVal = this.state.props.datavalue || '';
+      if (oldVal !== newVal && this.state.props.updateon === 'blur') {
+        this.updateDatavalue(newVal, event, 'blur');
+      } else {
+        this.invokeEventCallback('onBlur', [event, this.proxy]);
+      }
+      this.setState({
+        isInputFocused: false
+      });
+    }
+  }
+  onFocus(event) {
+    this.invokeEventCallback('onFocus', [event, this.proxy]);
+    this.setState({
+      isInputFocused: true
+    });
+  }
+
+  /**
+   * returns the number of decimal places a number have.
+   * @param value: number
+   * @returns {number}
+   */
+  countDecimals(value) {
+    if (value && value % 1 !== 0) {
+      const decimalValue = value.toString().split('.')[1];
+      return decimalValue && decimalValue.length;
+    }
+    return 0;
+  }
+  validateInputEntry($event) {
+    const props = this.state.props;
+
+    // allow actions if control key is pressed or if backspace is pressed. (for Mozilla).
+    if ($event.ctrlKey || includes(['Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Enter', 'Delete'], $event.key)) {
+      return;
+    }
+    const validity = new RegExp(`^[\\d\\s-,.e+${this.GROUP}${this.DECIMAL}]$`, 'i');
+    const inputValue = $event.target.value;
+    // validates entering of decimal values only when user provides decimal limit(i.e step contains decimal values).
+    if (inputValue && this.countDecimals(props.step) && this.countDecimals(inputValue) >= this.countDecimals(props.step)) {
+      $event.preventDefault();
+    }
+    // validates if user entered an invalid character.
+    if (!validity.test($event.key)) {
+      $event.preventDefault();
+    }
+    // a decimal value can be entered only once in the input.
+    if (includes(inputValue, this.DECIMAL) && $event.key === this.DECIMAL) {
+      $event.preventDefault();
+    }
+    // 'e' can be entered only once in the input.
+    if (intersection(toArray(inputValue), ['e', 'E']).length && includes('eE', $event.key)) {
+      $event.preventDefault();
+    }
+    if ((includes(inputValue, '+') || includes(inputValue, '-')) && ($event.key === '+' || $event.key === '-')) {
+      $event.preventDefault();
+    }
+    this.invokeEventCallback('onKeypress', [$event, this.proxy]);
+  }
+
+  /**
+   * returns a valid number by validating the minimum and maximum values.
+   * @param {number} value
+   * @returns {number}
+   */
+  getValueInRange(value) {
+    const props = this.state.props;
+    if (props.minvalue && !isNil(value) && !isNaN(props.minvalue) && value < props.minvalue) {
+      this.updateState({
+        errorType: 'minvalue'
+      });
+      return props.minvalue;
+    }
+    if (props.maxvalue && !isNil(value) && !isNaN(props.maxvalue) && value > props.maxvalue) {
+      this.updateState({
+        errorType: 'maxvalue'
+      });
+      return props.maxvalue;
+    }
+    return value;
+  }
+
+  /**
+   * Adds validations for the number before updating the widget model. like validating min and max value for the widget.
+   * @param {number} val number to be validated
+   * @returns {number}
+   */
+  isValidNumber(val) {
+    const props = this.state.props;
+
+    //empty number widget should not show validation error when required is false
+    // @ts-ignore
+    if (this.state.props.required === false && val === '') {
+      return true;
+    }
+    // id number is infinite then consider it as invalid value
+    if (isNaN(val) || !isFinite(val) || !Number.isInteger(props.step) && this.countDecimals(val) > this.countDecimals(props.step)) {
+      this.updateState({
+        isValid: false
+      });
+      return false;
+    }
+    if (val !== this.getValueInRange(val)) {
+      this.updateState({
+        isValid: false
+      });
+      return true;
+    }
+    this.resetValidations();
+    return true;
+  }
+
+  // resets all the flags related to the widget's validation.
+  resetValidations() {
+    this.updateState({
+      isValid: true
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'minvalue':
+      case 'maxvalue':
+        if ($new || $old) {
+          this.isValidNumber($new);
+        }
+        break;
+      case 'datavalue':
+        this.updateState({
+          textValue: $new
+        });
+        const isDefault = this.state.props.isdefault;
+        if (isDefault) {
+          this.updateState({
+            props: {
+              isdefault: false
+            }
+          }, !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));
+        } else {
+          if ($new === $old || $new && $old && $new.toString() === $old.toString()) {
+            break;
+          }
+          !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);
+        }
+        break;
+      case 'displayValue':
+        this.updateState({
+          displayValue: $new
+        });
+    }
+  }
+}
+//# sourceMappingURL=basenumber.component.js.map

package/components/input/basenumber/basenumber.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["includes","intersection","isNaN","isFinite","toArray","isNil","BaseComponent","BaseComponentState","DEFAULT_CLASS","Platform","countDecimalDigits","validateField","BaseNumberState","constructor","args","_defineProperty","BaseNumberComponent","props","defaultClass","defaultProps","defaultState","DECIMAL","GROUP","onChange","event","state","updateon","updateDatavalue","target","value","focus","_this$widgetRef","widgetRef","validateOnDevice","type","_value$match","isCurrencyField","isValidText","test","Number","match","length","onChangeText","shouldFormateToNumber","newValue","parseNumber","replace","isValidTextOnDevice","decimalPlacesInNumber","decimalPlaces","updateState","textValue","validate","invokeChange","e","OS","cursor","selectionStart","setState","validationObj","isValid","errorType","handleValidation","regexp","condition","RegExp","val","parts","split","NaN","number","join","decimal","sum","parseFloat","toFixed","Object","is","source","model","toString","oldValue","datavalue","validNumber","isValidNumber","invokeEventCallback","proxy","Promise","resolve","hastwowaybinding","newProps","setImmediate","setProp","then","onFieldChange","skipscripteventtrigger","setTimeout","onBlur","isDisplayValuePresent","textVal","newVal","undefined","triggerValidation","oldVal","isInputFocused","onFocus","countDecimals","decimalValue","validateInputEntry","$event","ctrlKey","key","validity","inputValue","step","preventDefault","getValueInRange","minvalue","maxvalue","required","isInteger","resetValidations","onPropertyChange","name","$new","$old","isDefault","isdefault","bind","displayValue"],"sources":["basenumber.component.ts"],"sourcesContent":["import { includes, intersection, isNaN, isFinite, toArray, isNil } from 'lodash';\nimport BaseNumberProps from '@wavemaker-ai/app-rn-runtime/components/input/basenumber/basenumber.props';\nimport { BaseComponent, BaseComponentState } from \"@wavemaker-ai/app-rn-runtime/core/base.component\";\nimport { BaseNumberStyles } from '@wavemaker-ai/app-rn-runtime/components/input/basenumber/basenumber.styles';\nimport { DEFAULT_CLASS } from \"@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.styles\";\nimport { Platform, TextInput } from 'react-native';\nimport { countDecimalDigits, validateField } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class BaseNumberState <T extends BaseNumberProps> extends BaseComponentState<T> {\n  isValid: boolean = true;\n  isInputFocused: boolean = false;\n  textValue: string = '';\n  isDefault = false;\n  errorType = '';\n}\n\nexport abstract class BaseNumberComponent< T extends BaseNumberProps, S extends BaseNumberState<T>, L extends BaseNumberStyles> extends BaseComponent<T, S, L> {\n  private DECIMAL;\n  private GROUP;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n    this.DECIMAL = '.';\n    this.GROUP = ',';\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  validateOnDevice(value: string, type: 'number' | 'currency') {\n    const isCurrencyField = type === 'currency';\n    let isValidText = true;\n\n    // * no alphabets except E, may contain E only once\n    if (/[a-df-zA-DF-Z]/.test(value) || !/^[^eE]*[eE]?[^eE]*$/.test(value)) {\n      isValidText = false;\n    }\n\n    // * currency only: check for negative number\n    if (isCurrencyField && (Number(value) < 0 || /-/g.test(value))) {\n      isValidText = false;\n    }\n\n    // * number only: not more than one minus and doesn't end with minus (-)\n    if (!isCurrencyField && (Number(value.match(/-/g)?.length) > 1) || /\\w-/.test(value)) {\n      isValidText = false;\n    }\n\n    // * check for more than one decimal point\n    if (/^\\d*\\.\\d*\\..*$/.test(value)) {\n      isValidText = false;\n    }\n\n    // * check for spaces and comma\n    if (/[\\s,]/.test(value)) {\n      isValidText = false;\n    }\n\n    return isValidText;\n  }\n\n  onChangeText(value: string, type: 'number' | 'currency', shouldFormateToNumber?: boolean) {\n    const newValue = shouldFormateToNumber ? `${this.parseNumber(value.replace(/[^0-9.]/g, ''))}` : value;\n    const isValidTextOnDevice = this.validateOnDevice(newValue, type);\n    if (!isValidTextOnDevice) {\n      return;\n    }\n\n    const decimalPlacesInNumber = countDecimalDigits(newValue);\n\n    if (this.props.decimalPlaces < decimalPlacesInNumber) {\n      return;\n    }\n\n    this.updateState({\n        textValue: newValue\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(newValue);\n          this.updateDatavalue(newValue, null);\n        }\n      }\n    );\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n\n  }\n\n  handleValidation(value: any) {\n    const props = this.state.props;\n    if (props.regexp) {\n      const condition = new RegExp(props.regexp, 'g');\n      return condition.test(value);\n    }\n    return true;\n  }\n\n  /**\n   * Method parses the Localized number(string) to a valid number.\n   * if the string dose not result to a valid number then returns NaN.\n   * @param {string} val Localized number.\n   * @returns {number}\n   */\n  private parseNumber(val: string): any {\n    // splits string into two parts. decimal and number.\n    const parts = val.split(this.DECIMAL);\n    if (!parts.length) {\n      return;\n    }\n    if (parts.length > 2) {\n      return NaN;\n    }\n    // If number have decimal point and not have a decimal value then return.\n    if (parts[1] === '') {\n      return NaN;\n    }\n    // replaces all group separators form the number.\n    const number = Number(parts[0].split(this.GROUP).join(''));\n    const decimal = Number(`0.${parts[1] || 0}`);\n    if (Number.isNaN(number) || Number.isNaN(decimal)) {\n      return NaN;\n    }\n    const sum = parts.length > 1 ? parseFloat((number + decimal).toFixed(parts[1].length)) : number + decimal;\n    // if the number is negative then calculate the number as number - decimal\n    // Ex: number = -123 and decimal = 0.45 then number - decimal = -123-045 = -123.45\n    // If entered number is -0.1 to -0.9 then the number is -0 and decimal is 0.1 to 0.9. Now calaculate the number as number-decimal\n    // Ex: number = -0 and decimal = 0.1 then number-decimal = -0-0.1 = -0.1\n    if (number === 0) {\n      return Object.is(0, number) ? sum : number - decimal;\n    }\n    return number > 0 ? sum : number - decimal;\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const model = value && this.parseNumber(value.toString());\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n    const validNumber = this.isValidNumber(model) || value === oldValue + '.';\n    if (!validNumber) {\n      this.invokeEventCallback('onError', [ event, this.proxy, value, oldValue ]);\n      return;\n    }\n\n    new Promise((resolve) => {\n      if (props.hastwowaybinding) {\n        const newProps: any = {\n          props: {\n            datavalue: model || Number(value)\n          }\n        }\n        if(this.state.props.updateon === 'blur'){\n          newProps.textValue = model || Number(value)\n        }\n\n        this.updateState({...newProps} as S)\n\n        setImmediate(()=> this.setProp(\"datavalue\", value));\n        resolve(true);\n      } else {\n        this.updateState({\n          props: {\n            datavalue: model || Number(value)\n          }\n        } as S, () => resolve(true));\n      }\n    }).then(() => {\n      if(!this.props.onFieldChange && value !== oldValue){\n        this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n      }else if(this.state.props.skipscripteventtrigger && this.props.onFieldChange){\n        this.props.onFieldChange('datavalue', value, oldValue, false);\n      }\n\n      if (source === 'blur') {\n        setTimeout(() => {\n          this.invokeEventCallback('onBlur', [event, this.proxy]);\n        }, 10);\n      }\n    });\n  }\n\n  onBlur(event: any, isDisplayValuePresent?: boolean) {\n    const textVal = this.state.textValue || '';\n    let newVal = isDisplayValuePresent ? textVal : event.target.value || textVal;\n    this.validate(newVal);\n    if (newVal === '' || newVal == undefined) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      },10)\n    }\n    if (this.state.props.updateon === 'blur' || this.state.props.updateon === 'default') {\n      let oldVal = this.state.props.datavalue || '';\n      if (oldVal !== newVal && this.state.props.updateon === 'blur') {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n      this.setState({ isInputFocused: false});\n    }\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\n    this.setState({ isInputFocused: true});\n  }\n\n  /**\n   * returns the number of decimal places a number have.\n   * @param value: number\n   * @returns {number}\n   */\n  private countDecimals(value: any) {\n    if (value && ((value % 1) !== 0)) {\n      const decimalValue = value.toString().split('.')[1];\n      return decimalValue && decimalValue.length;\n    }\n    return 0;\n  }\n\n  public validateInputEntry($event: any) {\n    const props = this.state.props;\n\n    // allow actions if control key is pressed or if backspace is pressed. (for Mozilla).\n    if ($event.ctrlKey || includes(['Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Enter', 'Delete'], $event.key)) {\n      return;\n    }\n\n    const validity = new RegExp(`^[\\\\d\\\\s-,.e+${this.GROUP}${this.DECIMAL}]$`, 'i');\n    const inputValue = $event.target.value;\n    // validates entering of decimal values only when user provides decimal limit(i.e step contains decimal values).\n    if (inputValue && this.countDecimals(props.step) && (this.countDecimals(inputValue) >= this.countDecimals(props.step))) {\n      $event.preventDefault();\n    }\n    // validates if user entered an invalid character.\n    if (!validity.test($event.key)) {\n      $event.preventDefault();\n    }\n    // a decimal value can be entered only once in the input.\n    if (includes(inputValue, this.DECIMAL) && $event.key === this.DECIMAL) {\n      $event.preventDefault();\n    }\n    // 'e' can be entered only once in the input.\n    if (intersection(toArray(inputValue), ['e', 'E']).length && includes('eE', $event.key)) {\n      $event.preventDefault();\n    }\n    if ((includes(inputValue, '+') || includes(inputValue, '-')) && ($event.key === '+' || $event.key === '-')) {\n      $event.preventDefault();\n    }\n    this.invokeEventCallback('onKeypress', [ $event, this.proxy]);\n  }\n\n  /**\n   * returns a valid number by validating the minimum and maximum values.\n   * @param {number} value\n   * @returns {number}\n   */\n  private getValueInRange(value: number): number {\n    const props = this.state.props;\n    if (props.minvalue && !isNil(value) && !isNaN(props.minvalue) && value < props.minvalue) {\n      this.updateState({ errorType: 'minvalue'} as S);\n      return props.minvalue;\n    }\n    if (props.maxvalue && !isNil(value) && !isNaN(props.maxvalue) && value > props.maxvalue) {\n      this.updateState({ errorType: 'maxvalue'} as S);\n      return props.maxvalue;\n    }\n    return value;\n  }\n\n  /**\n   * Adds validations for the number before updating the widget model. like validating min and max value for the widget.\n   * @param {number} val number to be validated\n   * @returns {number}\n   */\n  private isValidNumber(val: number): boolean {\n    const props = this.state.props;\n\n    //empty number widget should not show validation error when required is false\n    // @ts-ignore\n    if (this.state.props.required === false && val === '') {\n      return true;\n    }\n    // id number is infinite then consider it as invalid value\n    if (isNaN(val) || !isFinite(val) || (!Number.isInteger(props.step) &&\n      this.countDecimals(val) > this.countDecimals(props.step))) {\n      this.updateState({\n        isValid: false,\n      } as S);\n      return false;\n    }\n    if (val !== this.getValueInRange(val)) {\n      this.updateState({\n        isValid: false,\n      } as S);\n      return true;\n    }\n    this.resetValidations();\n    return true;\n  }\n\n  // resets all the flags related to the widget's validation.\n  protected resetValidations() {\n    this.updateState({\n      isValid: true,\n    } as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'minvalue':\n      case 'maxvalue':\n        if ($new|| $old) {\n          this.isValidNumber($new);\n        }\n        break;\n      case 'datavalue':\n        this.updateState({\n          textValue: $new,\n        } as S);\n        const isDefault = this.state.props.isdefault;\n        if (isDefault) {\n          this.updateState(\n            { props: {isdefault: false} } as S,\n            !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault)\n          );\n        }\n        else {\n          if($new === $old || ($new && $old && $new.toString() === $old.toString())) {\n            break;\n          }\n          !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n        break;\n      case 'displayValue':\n        this.updateState({\n          displayValue: $new,\n        } as any)\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/basenumber/basenumber.props.js

@@ -0,0 +1,28 @@
+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 BaseNumberProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "datavalue", void 0);
+    _defineProperty(this, "hastwowaybinding", false);
+    _defineProperty(this, "minvalue", null);
+    _defineProperty(this, "maxvalue", null);
+    _defineProperty(this, "step", 1);
+    _defineProperty(this, "updateon", 'blur');
+    _defineProperty(this, "readonly", null);
+    _defineProperty(this, "regexp", null);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "required", false);
+    _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "decimalPlaces", 2);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+    _defineProperty(this, "accessibilitylabelledby", undefined);
+    _defineProperty(this, "displayValue", void 0);
+    _defineProperty(this, "skipscripteventtrigger", false);
+  }
+}
+//# sourceMappingURL=basenumber.props.js.map

package/components/input/basenumber/basenumber.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","BaseNumberProps","constructor","args","_defineProperty","undefined"],"sources":["basenumber.props.ts"],"sourcesContent":["import {AccessibilityRole} from \"react-native\";\nimport { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class BaseNumberProps extends BaseProps {\n  datavalue: any;\n  hastwowaybinding = false;\n  minvalue: number = null as any;\n  maxvalue: number = null as any;\n  step: number = 1;\n  updateon: string = 'blur' as any;\n  readonly: boolean = null as any;\n  regexp: string = null as any;\n  onFieldChange: any;\n  required: boolean = false;\n  triggerValidation: any;\n  decimalPlaces: number = 2;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n  accessibilitylabelledby?: string = undefined;\n  displayValue?: string;\n  skipscripteventtrigger: boolean = false;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,2BAElC,KAAK;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,eACR,CAAC;IAAAA,eAAA,mBACG,MAAM;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,iBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA,mBAED,KAAK;IAAAA,eAAA;IAAAA,eAAA,wBAED,CAAC;IAAAA,eAAA,6BACKC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,kCAEUC,SAAS;IAAAD,eAAA;IAAAA,eAAA,iCAEV,KAAK;EAAA;AACzC","ignoreList":[]}

package/components/input/basenumber/basenumber.styles.js

@@ -0,0 +1,11 @@
+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-basenumber';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=basenumber.styles.js.map

package/components/input/basenumber/basenumber.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text"],"sources":["basenumber.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 BaseNumberStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-basenumber';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: BaseNumberStyles = defineStyles({\n    root: {},\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,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACnDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC;EACT,CAAC,CAAC;EAEFH,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

package/components/input/calendar/calendar.component.js

@@ -0,0 +1,173 @@
+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 { View } from 'react-native';
+import { isString } from 'lodash';
+import moment from 'moment';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { MonthView } from './views/month-view';
+import WmCalendarProps from './calendar.props';
+import { DEFAULT_CLASS } from './calendar.styles';
+import WmIcon from '../../basic/icon/icon.component';
+import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmCalendarState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "selectedDate", moment());
+    _defineProperty(this, "calendar", new Map());
+  }
+}
+const DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';
+export default class WmCalendar extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());
+    _defineProperty(this, "onDateChange", date => {
+      const d = moment(date).format(DEFAULT_DATE_FORMAT);
+      const dateWindow = this.state.calendar.get(d);
+      this.updateState({
+        props: {
+          datavalue: d
+        },
+        selectedDate: date
+      });
+      this.invokeEventCallback('onSelect', [d, d, this, dateWindow === null || dateWindow === void 0 ? void 0 : dateWindow.events]);
+    });
+    _defineProperty(this, "renderDay", date => {
+      const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));
+      if (dateWindow) {
+        return /*#__PURE__*/React.createElement(WmIcon, {
+          iconclass: "fa fa-circle",
+          iconsize: 8,
+          styles: {
+            root: {
+              marginTop: -8,
+              alignSelf: 'flexStart'
+            },
+            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]
+          }
+        });
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    });
+  }
+  prepareDataset(dataset) {
+    if (!dataset) {
+      return;
+    }
+    const state = {
+      calendar: new Map()
+    };
+    const eventStartKey = this.state.props.eventstart;
+    dataset.forEach(d => {
+      let startDate = d[eventStartKey];
+      if (!isString(startDate)) {
+        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);
+      }
+      if (!state.calendar.has(startDate)) {
+        state.calendar.set(startDate, {
+          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),
+          events: []
+        });
+      }
+      const dateWindow = state.calendar.get(startDate);
+      dateWindow === null || dateWindow === void 0 || dateWindow.events.push(d);
+    });
+    this.updateState(state);
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'dataset':
+        this.prepareDataset($new);
+        break;
+      case 'datavalue':
+        if ($new) {
+          this.updateState({
+            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)
+          });
+        }
+    }
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);
+    this.invokeEventCallback('onViewrender', [this, null]);
+  }
+  renderSkeleton(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, this.styles.skeleton.root]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.headerSkeleton.root
+    }, createSkeleton(this.theme, {}, {
+      width: '10%',
+      height: 28,
+      borderRadius: 4
+    }), createSkeleton(this.theme, {}, {
+      width: '68%',
+      height: 16,
+      borderRadius: 4
+    }), createSkeleton(this.theme, {}, {
+      width: '10%',
+      height: 28,
+      borderRadius: 4
+    })), createSkeleton(this.theme, {}, {
+      width: '96%',
+      margin: 8,
+      height: 320,
+      borderRadius: 4
+    }));
+  }
+  renderWidget(props) {
+    this.invokeEventCallback('onBeforerender', [null, this]);
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, /*#__PURE__*/React.createElement(MonthView, {
+      date: this.state.selectedDate,
+      selectDate: this.onDateChange,
+      format: DEFAULT_DATE_FORMAT,
+      renderChildDay: this.renderDay,
+      containerStyle: this.styles.calendar,
+      dateSelectedWarpDayStyle: this.styles.selectedDay,
+      selectedDayTextStyle: this.styles.selectedDayText,
+      warpRowWeekdays: this.styles.weekDay,
+      warpRowControlMonthYear: this.styles.calendarHeader,
+      weekdayStyle: this.styles.weekDayText,
+      warpDayStyle: this.styles.dayWrapper,
+      textDayStyle: this.styles.day,
+      yearTextStyle: this.styles.yearText,
+      monthTextStyle: this.styles.monthText,
+      currentDayStyle: this.styles.today,
+      currentDayTextStyle: this.styles.todayText,
+      notDayOfCurrentMonthStyle: this.styles.notDayOfCurrentMonth,
+      renderPrevYearButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('prevyearicon'),
+        iconclass: "wi wi-angle-double-left",
+        styles: this.styles.prevYearBtn,
+        accessibilitylabel: "previous year",
+        accessibilityrole: "button"
+      }),
+      renderPrevMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('prevmonthicon'),
+        iconclass: "wi wi-chevron-left fa-2x",
+        styles: this.styles.prevMonthBtn,
+        accessibilitylabel: "previous month",
+        accessibilityrole: "button"
+      }),
+      renderNextMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('nextmonthicon'),
+        iconclass: "wi wi-chevron-right fa-2x",
+        styles: this.styles.nextMonthBtn,
+        accessibilitylabel: "next month",
+        accessibilityrole: "button"
+      }),
+      renderNextYearButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('nextyearicon'),
+        iconclass: "wi wi-angle-double-right",
+        styles: this.styles.nextYearBtn,
+        accessibilitylabel: "next year",
+        accessibilityrole: "button"
+      })
+    }));
+  }
+}
+//# sourceMappingURL=calendar.component.js.map