@wavemaker/app-rn-runtime 11.9.4-rc.5977 → 11.10.0-next.140547

app-rn-runtime/components/input/basenumber/basenumber.component.js

@@ -1,346 +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 { includes, intersection, isNaN, isFinite, toArray, isNil } from 'lodash';
-import { BaseComponent, BaseComponentState } from "@wavemaker/app-rn-runtime/core/base.component";
-import { DEFAULT_CLASS } from "@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles";
-import { Platform } from 'react-native';
-import { countDecimalDigits, validateField } from '@wavemaker/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(() => {
-      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, model, oldValue]);
-      if (source === 'blur') {
-        this.invokeEventCallback('onBlur', [event, this.proxy]);
-      }
-    });
-  }
-  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.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);
-        }
-        break;
-      case 'displayValue':
-        this.updateState({
-          displayValue: $new
-        });
-    }
-  }
-}
-//# sourceMappingURL=basenumber.component.js.map

app-rn-runtime/components/input/basenumber/basenumber.props.js

@@ -1,27 +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 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);
-  }
-}
-//# sourceMappingURL=basenumber.props.js.map

app-rn-runtime/components/input/calendar/calendar.component.js

@@ -1,164 +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 { View } from 'react-native';
-import { isString } from 'lodash';
-import moment from 'moment';
-import { BaseComponent, BaseComponentState } from '@wavemaker/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/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
-    }, 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
-      }),
-      renderPrevMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('prevmonthicon'),
-        iconclass: "wi wi-chevron-left fa-2x",
-        styles: this.styles.prevMonthBtn
-      }),
-      renderNextMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('nextmonthicon'),
-        iconclass: "wi wi-chevron-right fa-2x",
-        styles: this.styles.nextMonthBtn
-      }),
-      renderNextYearButton: () => /*#__PURE__*/React.createElement(WmIcon, {
-        id: this.getTestId('nextyearicon'),
-        iconclass: "wi wi-angle-double-right",
-        styles: this.styles.nextYearBtn
-      })
-    }));
-  }
-}
-//# sourceMappingURL=calendar.component.js.map

app-rn-runtime/components/input/calendar/calendar.props.js

@@ -1,14 +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 WmCalendarProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "dataset", null);
-    _defineProperty(this, "datavalue", null);
-    _defineProperty(this, "eventstart", null);
-    _defineProperty(this, "view", 'day');
-  }
-}
-//# sourceMappingURL=calendar.props.js.map