@wavemaker/app-rn-runtime 11.5.0-next.40301 → 11.5.0-next.NULL

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

@@ -1,11 +1,11 @@
 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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { includes, intersection, isNaN, isFinite, toArray } from 'lodash';
+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 { validateField } from '@wavemaker/app-rn-runtime/core/utils';
+import { countDecimalDigits, validateField } from '@wavemaker/app-rn-runtime/core/utils';
 export class BaseNumberState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -38,7 +38,46 @@ export class BaseNumberComponent extends BaseComponent {
     var _this$widgetRef;
     this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 ? void 0 : _this$widgetRef.focus();
   }
-  onChangeText(value) {
+  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) {
+    const isValidTextOnDevice = this.validateOnDevice(value, type);
+    if (!isValidTextOnDevice) {
+      return;
+    }
+    const decimalPlacesInNumber = countDecimalDigits(value);
+    if (this.props.decimalPlaces < decimalPlacesInNumber) {
+      return;
+    }
     this.updateState({
       textValue: value
     }, () => {
@@ -124,7 +163,7 @@ export class BaseNumberComponent extends BaseComponent {
         datavalue: model
       }
     }, () => {
-      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);
+      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, model, oldValue]);
       if (source === 'blur') {
         this.invokeEventCallback('onBlur', [event, this.proxy]);
       }
@@ -201,13 +240,13 @@ export class BaseNumberComponent extends BaseComponent {
    */
   getValueInRange(value) {
     const props = this.state.props;
-    if (!isNaN(props.minvalue) && value < props.minvalue) {
+    if (!isNil(null) && !isNaN(props.minvalue) && value < props.minvalue) {
       this.updateState({
         errorType: 'minvalue'
       });
       return props.minvalue;
     }
-    if (!isNaN(props.maxvalue) && value > props.maxvalue) {
+    if (!isNil(null) && !isNaN(props.maxvalue) && value > props.maxvalue) {
       this.updateState({
         errorType: 'maxvalue'
       });

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

@@ -1 +1 @@
-{"version":3,"names":["includes","intersection","isNaN","isFinite","toArray","BaseComponent","BaseComponentState","DEFAULT_CLASS","Platform","validateField","BaseNumberState","constructor","arguments","_defineProperty","BaseNumberComponent","props","defaultClass","length","undefined","defaultProps","defaultState","DECIMAL","GROUP","onChange","event","state","updateon","updateDatavalue","target","value","focus","_this$widgetRef","widgetRef","onChangeText","updateState","textValue","validate","invokeChange","e","OS","cursor","selectionStart","setState","validationObj","isValid","errorType","handleValidation","regexp","condition","RegExp","test","parseNumber","val","parts","split","NaN","number","Number","join","decimal","sum","parseFloat","toFixed","Object","is","source","model","toString","oldValue","datavalue","validNumber","isValidNumber","invokeEventCallback","proxy","onFieldChange","onBlur","newVal","setTimeout","triggerValidation","oldVal","onFocus","countDecimals","decimalValue","validateInputEntry","$event","ctrlKey","key","validity","inputValue","step","preventDefault","getValueInRange","minvalue","maxvalue","required","isInteger","resetValidations","onPropertyChange","name","$new","$old","isDefault","bind"],"sources":["basenumber.component.ts"],"sourcesContent":["import { includes, intersection, isNaN, isFinite, toArray } from 'lodash';\nimport BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\nimport { BaseComponent, BaseComponentState } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport { BaseNumberStyles } from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.styles';\nimport { DEFAULT_CLASS } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles\";\nimport { Platform, TextInput } from 'react-native';\nimport { validateField } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class BaseNumberState <T extends BaseNumberProps> extends BaseComponentState<T> {\n  isValid: boolean = true;\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  onChangeText(value: any) {\n    this.updateState({\n        textValue: value\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(value);\n          this.updateDatavalue(value, 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);\n    if (!validNumber) {\n      this.invokeEventCallback('onError', [ event, this.proxy, value, oldValue ]);\n      return;\n    }\n\n    this.updateState({\n      props: {\n        datavalue: model\n      }\n    } as S, () => {\n      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n      if (source === 'blur') {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    });\n  }\n\n  onBlur(event: any) {\n    let newVal = event.target.value || this.state.textValue;\n    this.validate(newVal);\n    if (newVal === '') {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    if (this.state.props.updateon === 'blur') {\n      let oldVal = this.state.props.datavalue || '';\n      if (oldVal !== newVal) {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    }\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\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 (!isNaN(props.minvalue) && value < props.minvalue) {\n      this.updateState({ errorType: 'minvalue'} as S);\n      return props.minvalue;\n\n    }\n    if (!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        );\n        const isDefault = this.state.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["includes","intersection","isNaN","isFinite","toArray","isNil","BaseComponent","BaseComponentState","DEFAULT_CLASS","Platform","countDecimalDigits","validateField","BaseNumberState","constructor","arguments","_defineProperty","BaseNumberComponent","props","defaultClass","length","undefined","defaultProps","defaultState","DECIMAL","GROUP","onChange","event","state","updateon","updateDatavalue","target","value","focus","_this$widgetRef","widgetRef","validateOnDevice","type","_value$match","isCurrencyField","isValidText","test","Number","match","onChangeText","isValidTextOnDevice","decimalPlacesInNumber","decimalPlaces","updateState","textValue","validate","invokeChange","e","OS","cursor","selectionStart","setState","validationObj","isValid","errorType","handleValidation","regexp","condition","RegExp","parseNumber","val","parts","split","NaN","number","join","decimal","sum","parseFloat","toFixed","Object","is","source","model","toString","oldValue","datavalue","validNumber","isValidNumber","invokeEventCallback","proxy","onFieldChange","onBlur","newVal","setTimeout","triggerValidation","oldVal","onFocus","countDecimals","decimalValue","validateInputEntry","$event","ctrlKey","key","validity","inputValue","step","preventDefault","getValueInRange","minvalue","maxvalue","required","isInteger","resetValidations","onPropertyChange","name","$new","$old","isDefault","bind"],"sources":["basenumber.component.ts"],"sourcesContent":["import { includes, intersection, isNaN, isFinite, toArray, isNil } from 'lodash';\nimport BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\nimport { BaseComponent, BaseComponentState } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport { BaseNumberStyles } from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.styles';\nimport { DEFAULT_CLASS } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles\";\nimport { Platform, TextInput } from 'react-native';\nimport { countDecimalDigits, validateField } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class BaseNumberState <T extends BaseNumberProps> extends BaseComponentState<T> {\n  isValid: boolean = true;\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') {\n    const isValidTextOnDevice = this.validateOnDevice(value, type);\n    if (!isValidTextOnDevice) {\n      return;\n    }\n\n    const decimalPlacesInNumber = countDecimalDigits(value);\n\n    if (this.props.decimalPlaces < decimalPlacesInNumber) {\n      return;\n    }\n\n    this.updateState({\n        textValue: value\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(value);\n          this.updateDatavalue(value, 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);\n    if (!validNumber) {\n      this.invokeEventCallback('onError', [ event, this.proxy, value, oldValue ]);\n      return;\n    }\n\n    this.updateState({\n      props: {\n        datavalue: model\n      }\n    } as S, () => {\n      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, model, oldValue]);\n      if (source === 'blur') {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    });\n  }\n\n  onBlur(event: any) {\n    let newVal = event.target.value || this.state.textValue;\n    this.validate(newVal);\n    if (newVal === '') {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    if (this.state.props.updateon === 'blur') {\n      let oldVal = this.state.props.datavalue || '';\n      if (oldVal !== newVal) {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    }\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\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 (!isNil(null) && !isNaN(props.minvalue) && value < props.minvalue) {\n      this.updateState({ errorType: 'minvalue'} as S);\n      return props.minvalue;\n\n    }\n    if (!isNil(null) && !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.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n}\n"],"mappings":"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"}

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

@@ -15,6 +15,7 @@ export default class BaseNumberProps extends BaseProps {
     _defineProperty(this, "onFieldChange", void 0);
     _defineProperty(this, "required", false);
     _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "decimalPlaces", 2);
   }
 }
 //# sourceMappingURL=basenumber.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseNumberProps","constructor","arguments","_defineProperty"],"sources":["basenumber.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseNumberProps extends BaseProps {\n  datavalue: any;\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,mBAElC,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;EAAA;AAE3B"}
+{"version":3,"names":["BaseProps","BaseNumberProps","constructor","arguments","_defineProperty"],"sources":["basenumber.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class BaseNumberProps extends BaseProps {\n  datavalue: any;\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,mBAElC,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;EAAA;AAC3B"}

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

@@ -114,18 +114,22 @@ export default class WmCalendar extends BaseComponent {
       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
       })

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","constructor","arguments","_defineProperty","Map","DEFAULT_DATE_FORMAT","WmCalendar","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","createElement","iconclass","iconsize","styles","root","marginTop","alignSelf","icon","Math","min","length","Fragment","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","style","_background","selectDate","onDateChange","renderChildDay","renderDay","containerStyle","dateSelectedWarpDayStyle","selectedDay","selectedDayTextStyle","selectedDayText","warpRowWeekdays","weekDay","warpRowControlMonthYear","calendarHeader","weekdayStyle","weekDayText","warpDayStyle","dayWrapper","textDayStyle","day","yearTextStyle","yearText","monthTextStyle","monthText","currentDayStyle","today","currentDayTextStyle","todayText","notDayOfCurrentMonthStyle","notDayOfCurrentMonth","renderPrevYearButton","prevYearBtn","renderPrevMonthButton","prevMonthBtn","renderNextMonthButton","nextMonthBtn","renderNextYearButton","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","constructor","arguments","_defineProperty","Map","DEFAULT_DATE_FORMAT","WmCalendar","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","createElement","iconclass","iconsize","styles","root","marginTop","alignSelf","icon","Math","min","length","Fragment","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","style","_background","selectDate","onDateChange","renderChildDay","renderDay","containerStyle","dateSelectedWarpDayStyle","selectedDay","selectedDayTextStyle","selectedDayText","warpRowWeekdays","weekDay","warpRowControlMonthYear","calendarHeader","weekdayStyle","weekDayText","warpDayStyle","dayWrapper","textDayStyle","day","yearTextStyle","yearText","monthTextStyle","monthText","currentDayStyle","today","currentDayTextStyle","todayText","notDayOfCurrentMonthStyle","notDayOfCurrentMonth","renderPrevYearButton","id","getTestId","prevYearBtn","renderPrevMonthButton","prevMonthBtn","renderNextMonthButton","nextMonthBtn","renderNextYearButton","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon id={this.getTestId('prevyearicon')} iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon id={this.getTestId('prevmonthicon')} iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon id={this.getTestId('nextmonthicon')} iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon  id={this.getTestId('nextyearicon')} iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -4,7 +4,9 @@ export const DEFAULT_CLASS = 'app-calendar';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      width: '100%'
+      width: '100%',
+      minHeight: 456,
+      minWidth: 360
     },
     text: {
       color: themeVariables.calendarDateColor
@@ -16,7 +18,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderStyle: 'solid',
       marginTop: 0,
       paddingTop: 0,
-      paddingBottom: 0
+      paddingBottom: 0,
+      elevation: 6
     },
     calendarHeader: {
       backgroundColor: themeVariables.calendarHeaderBgColor,
@@ -35,18 +38,23 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     weekDayText: {
       color: themeVariables.calendarWeekDayTextColor,
-      fontWeight: 'bold'
+      fontWeight: '400',
+      fontFamily: themeVariables.baseFont,
+      fontSize: 16
     },
     day: {
       borderColor: 'transparent',
-      color: themeVariables.calendarDateColor
+      color: themeVariables.calendarDateColor,
+      fontSize: 16,
+      fontFamily: themeVariables.baseFont,
+      fontWeight: '400'
     },
     dayWrapper: {
       backgroundColor: themeVariables.calendarBgColor,
       borderColor: 'transparent',
-      width: 36,
-      height: 36,
-      borderRadius: 36
+      width: 38,
+      height: 38,
+      borderRadius: 26
     },
     notDayOfCurrentMonth: {
       color: themeVariables.calendarNotCurrentMonthDateColor,
@@ -54,18 +62,21 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       opacity: 0
     },
     monthText: {
-      fontWeight: 'bold',
+      fontWeight: '500',
+      fontFamily: themeVariables.baseFont,
       color: themeVariables.calendarHeaderTextColor
     },
     yearText: {
-      fontWeight: 'bold',
+      fontWeight: '500',
+      fontFamily: themeVariables.baseFont,
       color: themeVariables.calendarHeaderTextColor
     },
     today: {
-      backgroundColor: themeVariables.calendarTodayBgColor
+      backgroundColor: themeVariables.calendarBgColor,
+      borderColor: themeVariables.primaryColor
     },
     todayText: {
-      backgroundColor: themeVariables.transparent
+      backgroundColor: themeVariables.calendarSelectedDayBgColor
     },
     eventDay1: {
       color: themeVariables.calendarEventDay1Color

app-rn-runtime/components/input/calendar/calendar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","text","color","calendarDateColor","calendar","backgroundColor","calendarBgColor","borderColor","calendarHeaderBgColor","borderWidth","borderStyle","marginTop","paddingTop","paddingBottom","calendarHeader","borderBottomWidth","weekDay","padding","weekDayText","calendarWeekDayTextColor","fontWeight","day","dayWrapper","height","borderRadius","notDayOfCurrentMonth","calendarNotCurrentMonthDateColor","opacity","monthText","calendarHeaderTextColor","yearText","today","calendarTodayBgColor","todayText","transparent","eventDay1","calendarEventDay1Color","eventDay2","calendarEventDay2Color","eventDay3","calendarEventDay3Color","selectedDay","calendarSelectedDayBgColor","selectedDayText","calendarSelectedDayTextColor","prevMonthBtn","calendarPrevMonthIconColor","nextMonthBtn","calendarNextMonthIconColor","prevYearBtn","calendarPrevYearIconColor","nextYearBtn","calendarNextYearIconColor","transform","rotateY"],"sources":["calendar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle } from 'react-native';\n\nexport type WmCalendarStyles = BaseStyles & {\n    calendar: AllStyle,\n    calendarHeader: AllStyle,\n    day: AllStyle,\n    dayWrapper: AllStyle,\n    notDayOfCurrentMonth: AllStyle,\n    monthText: TextStyle,\n    yearText: TextStyle,\n    weekDay: AllStyle,\n    today: AllStyle,\n    todayText: AllStyle,\n    prevMonthBtn: WmIconStyles,\n    nextMonthBtn: WmIconStyles,\n    prevYearBtn: WmIconStyles,\n    nextYearBtn: WmIconStyles,\n    selectedDay: AllStyle,\n    selectedDayText: AllStyle\n    eventDay1: AllStyle,\n    eventDay2: AllStyle,\n    eventDay3: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-calendar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCalendarStyles = defineStyles<WmCalendarStyles>({\n        root: {\n            width: '100%'\n        },\n        text: {\n            color: themeVariables.calendarDateColor\n        },\n        calendar : {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            marginTop: 0,\n            paddingTop: 0,\n            paddingBottom: 0\n        },\n        calendarHeader : {\n            backgroundColor: themeVariables.calendarHeaderBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            paddingTop: 8,\n            paddingBottom: 8\n        },\n        weekDay: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            padding: 2\n        },\n        weekDayText: {\n            color: themeVariables.calendarWeekDayTextColor,\n            fontWeight: 'bold'\n        },\n        day: {\n            borderColor: 'transparent',\n            color: themeVariables.calendarDateColor\n        },\n        dayWrapper: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: 'transparent',\n            width: 36,\n            height: 36,\n            borderRadius: 36\n        },\n        notDayOfCurrentMonth: {\n            color: themeVariables.calendarNotCurrentMonthDateColor,\n            fontWeight: 'normal',\n            opacity: 0\n        },\n        monthText: {\n            fontWeight: 'bold',\n            color: themeVariables.calendarHeaderTextColor\n        },\n        yearText: {\n            fontWeight: 'bold',\n            color: themeVariables.calendarHeaderTextColor\n        },\n        today: {\n            backgroundColor: themeVariables.calendarTodayBgColor\n        },\n        todayText: {\n            backgroundColor: themeVariables.transparent\n        },\n        eventDay1 : {\n            color: themeVariables.calendarEventDay1Color\n        },\n        eventDay2 : {\n            color: themeVariables.calendarEventDay2Color\n        },\n        eventDay3 : {\n            color: themeVariables.calendarEventDay3Color\n        },\n        selectedDay: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        selectedDayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor,\n            color: themeVariables.calendarSelectedDayTextColor,\n            fontWeight: 'bold'\n        },\n        prevMonthBtn: {\n            root: {\n                color: themeVariables.calendarPrevMonthIconColor\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                color: themeVariables.calendarNextMonthIconColor\n            }\n        } as WmIconStyles,\n        prevYearBtn: {\n            root: {\n                color: themeVariables.calendarPrevYearIconColor\n            }\n        } as WmIconStyles,\n        nextYearBtn: {\n            root: {\n                color: themeVariables.calendarNextYearIconColor\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]            \n            }\n        } as WmIconStyles,\n        monthText: {\n            padding: 2\n        },\n        yearText: {\n            padding: 2\n        }\n    });\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","minHeight","minWidth","text","color","calendarDateColor","calendar","backgroundColor","calendarBgColor","borderColor","calendarHeaderBgColor","borderWidth","borderStyle","marginTop","paddingTop","paddingBottom","elevation","calendarHeader","borderBottomWidth","weekDay","padding","weekDayText","calendarWeekDayTextColor","fontWeight","fontFamily","baseFont","fontSize","day","dayWrapper","height","borderRadius","notDayOfCurrentMonth","calendarNotCurrentMonthDateColor","opacity","monthText","calendarHeaderTextColor","yearText","today","primaryColor","todayText","calendarSelectedDayBgColor","eventDay1","calendarEventDay1Color","eventDay2","calendarEventDay2Color","eventDay3","calendarEventDay3Color","selectedDay","selectedDayText","calendarSelectedDayTextColor","prevMonthBtn","calendarPrevMonthIconColor","nextMonthBtn","calendarNextMonthIconColor","prevYearBtn","calendarPrevYearIconColor","nextYearBtn","calendarNextYearIconColor","transform","rotateY"],"sources":["calendar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle } from 'react-native';\n\nexport type WmCalendarStyles = BaseStyles & {\n    calendar: AllStyle,\n    calendarHeader: AllStyle,\n    day: AllStyle,\n    dayWrapper: AllStyle,\n    notDayOfCurrentMonth: AllStyle,\n    monthText: TextStyle,\n    yearText: TextStyle,\n    weekDay: AllStyle,\n    today: AllStyle,\n    todayText: AllStyle,\n    prevMonthBtn: WmIconStyles,\n    nextMonthBtn: WmIconStyles,\n    prevYearBtn: WmIconStyles,\n    nextYearBtn: WmIconStyles,\n    selectedDay: AllStyle,\n    selectedDayText: AllStyle\n    eventDay1: AllStyle,\n    eventDay2: AllStyle,\n    eventDay3: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-calendar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCalendarStyles = defineStyles<WmCalendarStyles>({\n        root: {\n            width: '100%',\n            minHeight: 456,\n            minWidth: 360\n        },\n        text: {\n            color: themeVariables.calendarDateColor\n        },\n        calendar : {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            marginTop: 0,   \n            paddingTop: 0,\n            paddingBottom: 0,\n            elevation: 6\n        },\n        calendarHeader : {\n            backgroundColor: themeVariables.calendarHeaderBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            paddingTop: 8,\n            paddingBottom: 8\n        },\n        weekDay: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.calendarHeaderBgColor,\n            borderBottomWidth: 1,\n            borderStyle: 'solid',\n            padding: 2,\n        },\n        weekDayText: {\n            color: themeVariables.calendarWeekDayTextColor,\n            fontWeight: '400',\n            fontFamily: themeVariables.baseFont,\n            fontSize: 16,\n        },\n        day: {\n            borderColor: 'transparent',\n            color: themeVariables.calendarDateColor,\n            fontSize: 16,\n            fontFamily: themeVariables.baseFont,\n            fontWeight: '400'\n        },\n        dayWrapper: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: 'transparent',\n            width: 38,\n            height: 38,\n            borderRadius: 26\n        },\n        notDayOfCurrentMonth: {\n            color: themeVariables.calendarNotCurrentMonthDateColor,\n            fontWeight: 'normal',\n            opacity: 0\n        },\n        monthText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        yearText: {\n            fontWeight: '500',\n            fontFamily: themeVariables.baseFont,\n            color: themeVariables.calendarHeaderTextColor\n        },\n        today: {\n            backgroundColor: themeVariables.calendarBgColor,\n            borderColor: themeVariables.primaryColor\n        },\n        todayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        eventDay1 : {\n            color: themeVariables.calendarEventDay1Color\n        },\n        eventDay2 : {\n            color: themeVariables.calendarEventDay2Color\n        },\n        eventDay3 : {\n            color: themeVariables.calendarEventDay3Color\n        },\n        selectedDay: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor\n        },\n        selectedDayText: {\n            backgroundColor: themeVariables.calendarSelectedDayBgColor,\n            color: themeVariables.calendarSelectedDayTextColor,\n            fontWeight: 'bold'\n        },\n        prevMonthBtn: {\n            root: {\n                color: themeVariables.calendarPrevMonthIconColor\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                color: themeVariables.calendarNextMonthIconColor\n            }\n        } as WmIconStyles,\n        prevYearBtn: {\n            root: {\n                color: themeVariables.calendarPrevYearIconColor\n            }\n        } as WmIconStyles,\n        nextYearBtn: {\n            root: {\n                color: themeVariables.calendarNextYearIconColor\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]\n            }\n        } as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]            \n            }\n        } as WmIconStyles,\n        monthText: {\n            padding: 2\n        },\n        yearText: {\n            padding: 2\n        }\n    });\n});"],"mappings":"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"}

app-rn-runtime/components/input/calendar/views/month-view.js

@@ -13,6 +13,8 @@ import styles from './month-view.styles';
 import _ from 'lodash';
 export class MonthViewProps {
   constructor() {
+    _defineProperty(this, "testID", null);
+    _defineProperty(this, "accessibilityLabel", null);
     _defineProperty(this, "date", null);
     _defineProperty(this, "minDate", moment('1990-01-01', 'YYYY-MM-DD'));
     _defineProperty(this, "maxDate", moment('2100-01-01', 'YYYY-MM-DD'));
@@ -81,6 +83,8 @@ export class MonthView extends Component {
     const notCurrentMonth = !((_this$props$date2 = this.props.date) !== null && _this$props$date2 !== void 0 && _this$props$date2.isSame(day, 'month'));
     const dateStyle = (this.props.getDayStyle ? this.props.getDayStyle(day) : null) || {};
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: this.props.testID + '_' + day.format('yyyy_mm_dd'),
+      accessibilityLabel: this.props.testID + '_' + day.format('yyyy_mm_dd'),
       onPress: () => this.selectDate(day),
       style: [styles.warpDay, warpDayStyle, isCurrent ? currentDayStyle : {}, dateSelected ? {
         backgroundColor: '#2C1F23',

app-rn-runtime/components/input/calendar/views/month-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","Text","View","FlatList","TouchableOpacity","moment","styles","_","MonthViewProps","constructor","_defineProperty","day","createElement","Fragment","date","MonthViewState","selectedDate","arguments","length","undefined","MonthView","props","state","calendarArray","dates","currDate","clone","startOf","i","add","renderDay","_this$props$date","_this$props$date2","warpDayStyle","dateSelectedWarpDayStyle","renderChildDay","textDayStyle","currentDayStyle","currentDayTextStyle","notDayOfCurrentMonthStyle","selectedDayTextStyle","dateSelected","isSame","isCurrent","notCurrentMonth","dateStyle","getDayStyle","onPress","selectDate","style","warpDay","backgroundColor","containerStyle","flexDirection","justifyContent","alignItems","color","textStyle","get","isDateEnable","yearMonthChange","unit","type","minDate","maxDate","isSameOrBefore","isSameOrAfter","render","_this$props$date3","_this$props$date4","renderPrevYearButton","renderPrevMonthButton","renderNextYearButton","renderNextMonthButton","weekdayStyle","customWeekdays","warpRowWeekdays","warpRowControlMonthYear","monthTextStyle","yearTextStyle","weekdays","data","dayOfWeek","month","customMonth","year","forEach","element","push","key","container","txtHeaderDate","keyExtractor","item","toDate","getTime","renderItem","_ref","extraData","columnWrapperStyle","numColumns","padding"],"sources":["month-view.tsx"],"sourcesContent":["/****\n * Copied code from a repo with no active maintenance.\n * https://github.com/hungdev/react-native-customize-selected-date\n * That js lib was converted to ts and fixed bugs. \n */\nimport React, { Component } from 'react';\nimport {\n  Text,\n  View,\n  FlatList,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle\n} from 'react-native';\nimport moment, { Moment } from 'moment';\nimport styles from './month-view.styles'\nimport _ from 'lodash';\n\nexport class MonthViewProps {\n  date?: Moment = null as any;\n  minDate? = moment('1990-01-01', 'YYYY-MM-DD');\n  maxDate? = moment('2100-01-01', 'YYYY-MM-DD');\n  customMonth?: string[] = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  customWeekdays?: string[] = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n  renderPrevYearButton?: () => React.ReactNode = null as any;\n  format?='YYYY-MM-DD';\n  renderPrevMonthButton?: () => React.ReactNode = null as any;\n  renderNextYearButton?: () => React.ReactNode = null as any;\n  renderNextMonthButton?: () => React.ReactNode = null as any;\n  renderChildDay? = (day: Moment) => (<></>);\n  selectDate? = (day: Moment) => {}; \n  //style\n  getDayStyle? = (date: Moment) => ({});\n  containerStyle?: ViewStyle = null as any;\n  warpRowControlMonthYear?: ViewStyle = null as any;\n  warpRowWeekdays?: ViewStyle = null as any;\n  weekdayStyle?: ViewStyle = null as any;\n  textDayStyle?: TextStyle = null as any;\n  currentDayStyle?: ViewStyle = null as any;\n  currentDayTextStyle?: TextStyle = null as any;\n  notDayOfCurrentMonthStyle?: ViewStyle = null as any;\n  warpDayStyle?: ViewStyle = null as any;\n  dateSelectedWarpDayStyle?: ViewStyle = null as any;\n  selectedDayTextStyle?: TextStyle = null as any;\n  monthTextStyle?: TextStyle = null as any;\n  yearTextStyle?: TextStyle = null as any;\n}\n\nexport class MonthViewState {\n  viewMode = 'day';\n  currentYear: string = null as any;\n  constructor(public selectedDate: Moment = moment()) {\n\n  }\n}\n\nexport class MonthView extends Component<MonthViewProps, MonthViewState> {\n\n  static defaultProps = new MonthViewProps();\n\n  constructor(props: MonthViewProps) {\n    super(props);\n    this.state = new MonthViewState(this.props.date);\n  }\n\n  calendarArray (date: Moment): Moment[] {\n    const dates: Moment[] = [];\n    const currDate = date.clone().startOf('month').startOf('week');\n    for (let i = 0; i < 42; i += 1) {\n      dates[i] = currDate.clone();\n      currDate.add(1, 'day');\n    }\n    return dates;\n  }\n\n  renderDay(day: Moment) {\n    const { warpDayStyle, dateSelectedWarpDayStyle,\n      renderChildDay, textDayStyle, currentDayStyle, currentDayTextStyle, notDayOfCurrentMonthStyle, selectedDayTextStyle } = this.props;\n    const dateSelected = this.props.date?.isSame(day);\n    const isCurrent = moment().isSame(day, 'date');\n    const notCurrentMonth = !this.props.date?.isSame(day, 'month');\n    const dateStyle = ((this.props.getDayStyle ? this.props.getDayStyle(day) : null) || {}) as any;\n    return (\n      <TouchableOpacity onPress={() => this.selectDate(day)}\n        style={[styles.warpDay, warpDayStyle,\n          isCurrent ? currentDayStyle : {},\n          dateSelected ? { backgroundColor: '#2C1F23', ...dateSelectedWarpDayStyle } : {},\n          dateStyle.containerStyle]}\n      >\n        <View style={{flexDirection: 'column', justifyContent: 'center', alignItems: 'center'}}>\n          <Text style={[styles.day, textDayStyle,\n            isCurrent ? currentDayTextStyle : {},\n            notCurrentMonth ? { color: '#493D40', ...notDayOfCurrentMonthStyle } : {},\n            dateSelected ? { color: '#000', ...selectedDayTextStyle } : {},\n            dateStyle.textStyle]}>\n            {day.get('date')}\n          </Text>\n          {renderChildDay && renderChildDay(day)}\n        </View>\n      </TouchableOpacity>\n    )\n  }\n\n  selectDate(date: Moment) {\n    if (this.isDateEnable(date)) {\n      this.props.selectDate && this.props.selectDate(date)\n    }\n  }\n\n  yearMonthChange(unit: number, type: string) {\n    this.selectDate((this.props.date || moment()).clone().add(unit, type as any).startOf('month'));\n  }\n\n  isDateEnable(date: Moment) {\n    const { minDate, maxDate } = this.props;\n    return minDate?.isSameOrBefore(date) && maxDate?.isSameOrAfter(date);\n  }\n\n  render() {\n    const {\n      renderPrevYearButton, renderPrevMonthButton,\n      renderNextYearButton, renderNextMonthButton,\n      weekdayStyle, customWeekdays, warpRowWeekdays,\n      warpRowControlMonthYear, monthTextStyle, yearTextStyle\n    } = this.props\n    const weekdays = customWeekdays || ['Sun', 'Mon', 'Tus', 'Wes', 'Thu', 'Fri', 'Sat']\n    const data = this.calendarArray(this.props.date || moment())\n    const dayOfWeek: React.ReactNode[] = [];\n    const month = this.props.customMonth ? this.props.customMonth[this.props.date?.get('month') || 0]: 'Jan';\n    const year = this.props.date?.get('year') || 1;\n    _.forEach(weekdays, element => {\n      dayOfWeek.push(<Text key={element} style={[styles.weekdays, weekdayStyle]}>{element}</Text>)\n    })\n\n    return (\n      <View style={[styles.container, this.props.containerStyle]}>\n        <View style={[{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }, warpRowControlMonthYear]}>\n          {/*<TouchableOpacity onPress={() => this.yearMonthChange(-1, 'year')}>\n            {renderPrevYearButton ? renderPrevYearButton() : <Text>{'<<'}</Text>}\n          </TouchableOpacity>*/}\n          <TouchableOpacity onPress={() => this.yearMonthChange(-1, 'month')}>\n            {renderPrevMonthButton ? renderPrevMonthButton() : <Text>{'<'}</Text>}\n          </TouchableOpacity>\n          <View style={{flexDirection: 'row'}}>\n            <Text style={[styles.txtHeaderDate, monthTextStyle]} >{month + '  '}</Text>\n            <Text style={[styles.txtHeaderDate, yearTextStyle]} >{year}</Text>\n          </View>\n          <TouchableOpacity onPress={() => this.yearMonthChange(1, 'month')}>\n            {renderNextMonthButton ? renderNextMonthButton() : <Text>{'>'}</Text>}\n          </TouchableOpacity>\n          {/*<TouchableOpacity onPress={() => this.yearMonthChange(1, 'year')}>\n            {renderNextYearButton ? renderNextYearButton() : <Text>{'>>'}</Text>}\n          </TouchableOpacity>*/}\n        </View>\n        <View style={[{ flexDirection: 'row', justifyContent: 'space-around' }, warpRowWeekdays]}>\n          {dayOfWeek}\n        </View>\n        <FlatList\n          data={data}\n          keyExtractor={(item) => '' + item.toDate().getTime()}\n          renderItem={({ item }) => this.renderDay(item)}\n          extraData={this.state}\n          columnWrapperStyle={{justifyContent: 'space-between'}}\n          numColumns={7}\n          style={{\n            padding: 4\n          }}\n        />\n      </View>\n    )\n  }\n}"],"mappings":"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"}
+{"version":3,"names":["React","Component","Text","View","FlatList","TouchableOpacity","moment","styles","_","MonthViewProps","constructor","_defineProperty","day","createElement","Fragment","date","MonthViewState","selectedDate","arguments","length","undefined","MonthView","props","state","calendarArray","dates","currDate","clone","startOf","i","add","renderDay","_this$props$date","_this$props$date2","warpDayStyle","dateSelectedWarpDayStyle","renderChildDay","textDayStyle","currentDayStyle","currentDayTextStyle","notDayOfCurrentMonthStyle","selectedDayTextStyle","dateSelected","isSame","isCurrent","notCurrentMonth","dateStyle","getDayStyle","testID","format","accessibilityLabel","onPress","selectDate","style","warpDay","backgroundColor","containerStyle","flexDirection","justifyContent","alignItems","color","textStyle","get","isDateEnable","yearMonthChange","unit","type","minDate","maxDate","isSameOrBefore","isSameOrAfter","render","_this$props$date3","_this$props$date4","renderPrevYearButton","renderPrevMonthButton","renderNextYearButton","renderNextMonthButton","weekdayStyle","customWeekdays","warpRowWeekdays","warpRowControlMonthYear","monthTextStyle","yearTextStyle","weekdays","data","dayOfWeek","month","customMonth","year","forEach","element","push","key","container","txtHeaderDate","keyExtractor","item","toDate","getTime","renderItem","_ref","extraData","columnWrapperStyle","numColumns","padding"],"sources":["month-view.tsx"],"sourcesContent":["/****\n * Copied code from a repo with no active maintenance.\n * https://github.com/hungdev/react-native-customize-selected-date\n * That js lib was converted to ts and fixed bugs. \n */\nimport React, { Component } from 'react';\nimport {\n  Text,\n  View,\n  FlatList,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle\n} from 'react-native';\nimport moment, { Moment } from 'moment';\nimport styles from './month-view.styles'\nimport _ from 'lodash';\n\nexport class MonthViewProps {\n  testID?: string = null as any;\n  accessibilityLabel?: string = null as any;\n  date?: Moment = null as any;\n  minDate? = moment('1990-01-01', 'YYYY-MM-DD');\n  maxDate? = moment('2100-01-01', 'YYYY-MM-DD');\n  customMonth?: string[] = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n  customWeekdays?: string[] = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n  renderPrevYearButton?: () => React.ReactNode = null as any;\n  format?='YYYY-MM-DD';\n  renderPrevMonthButton?: () => React.ReactNode = null as any;\n  renderNextYearButton?: () => React.ReactNode = null as any;\n  renderNextMonthButton?: () => React.ReactNode = null as any;\n  renderChildDay? = (day: Moment) => (<></>);\n  selectDate? = (day: Moment) => {}; \n  //style\n  getDayStyle? = (date: Moment) => ({});\n  containerStyle?: ViewStyle = null as any;\n  warpRowControlMonthYear?: ViewStyle = null as any;\n  warpRowWeekdays?: ViewStyle = null as any;\n  weekdayStyle?: ViewStyle = null as any;\n  textDayStyle?: TextStyle = null as any;\n  currentDayStyle?: ViewStyle = null as any;\n  currentDayTextStyle?: TextStyle = null as any;\n  notDayOfCurrentMonthStyle?: ViewStyle = null as any;\n  warpDayStyle?: ViewStyle = null as any;\n  dateSelectedWarpDayStyle?: ViewStyle = null as any;\n  selectedDayTextStyle?: TextStyle = null as any;\n  monthTextStyle?: TextStyle = null as any;\n  yearTextStyle?: TextStyle = null as any;\n}\n\nexport class MonthViewState {\n  viewMode = 'day';\n  currentYear: string = null as any;\n  constructor(public selectedDate: Moment = moment()) {\n\n  }\n}\n\nexport class MonthView extends Component<MonthViewProps, MonthViewState> {\n\n  static defaultProps = new MonthViewProps();\n\n  constructor(props: MonthViewProps) {\n    super(props);\n    this.state = new MonthViewState(this.props.date);\n  }\n\n  calendarArray (date: Moment): Moment[] {\n    const dates: Moment[] = [];\n    const currDate = date.clone().startOf('month').startOf('week');\n    for (let i = 0; i < 42; i += 1) {\n      dates[i] = currDate.clone();\n      currDate.add(1, 'day');\n    }\n    return dates;\n  }\n\n  renderDay(day: Moment) {\n    const { warpDayStyle, dateSelectedWarpDayStyle,\n      renderChildDay, textDayStyle, currentDayStyle, currentDayTextStyle, notDayOfCurrentMonthStyle, selectedDayTextStyle } = this.props;\n    const dateSelected = this.props.date?.isSame(day);\n    const isCurrent = moment().isSame(day, 'date');\n    const notCurrentMonth = !this.props.date?.isSame(day, 'month');\n    const dateStyle = ((this.props.getDayStyle ? this.props.getDayStyle(day) : null) || {}) as any;\n    return (\n      <TouchableOpacity \n        testID={this.props.testID + '_' + day.format('yyyy_mm_dd')}\n        accessibilityLabel={this.props.testID + '_' + day.format('yyyy_mm_dd')}\n        onPress={() => this.selectDate(day)}\n        style={[styles.warpDay, warpDayStyle,\n          isCurrent ? currentDayStyle : {},\n          dateSelected ? { backgroundColor: '#2C1F23', ...dateSelectedWarpDayStyle } : {},\n          dateStyle.containerStyle]}\n      >\n        <View style={{flexDirection: 'column', justifyContent: 'center', alignItems: 'center'}}>\n          <Text style={[styles.day, textDayStyle,\n            isCurrent ? currentDayTextStyle : {},\n            notCurrentMonth ? { color: '#493D40', ...notDayOfCurrentMonthStyle } : {},\n            dateSelected ? { color: '#000', ...selectedDayTextStyle } : {},\n            dateStyle.textStyle]}>\n            {day.get('date')}\n          </Text>\n          {renderChildDay && renderChildDay(day)}\n        </View>\n      </TouchableOpacity>\n    )\n  }\n\n  selectDate(date: Moment) {\n    if (this.isDateEnable(date)) {\n      this.props.selectDate && this.props.selectDate(date)\n    }\n  }\n\n  yearMonthChange(unit: number, type: string) {\n    this.selectDate((this.props.date || moment()).clone().add(unit, type as any).startOf('month'));\n  }\n\n  isDateEnable(date: Moment) {\n    const { minDate, maxDate } = this.props;\n    return minDate?.isSameOrBefore(date) && maxDate?.isSameOrAfter(date);\n  }\n\n  render() {\n    const {\n      renderPrevYearButton, renderPrevMonthButton,\n      renderNextYearButton, renderNextMonthButton,\n      weekdayStyle, customWeekdays, warpRowWeekdays,\n      warpRowControlMonthYear, monthTextStyle, yearTextStyle\n    } = this.props\n    const weekdays = customWeekdays || ['Sun', 'Mon', 'Tus', 'Wes', 'Thu', 'Fri', 'Sat']\n    const data = this.calendarArray(this.props.date || moment())\n    const dayOfWeek: React.ReactNode[] = [];\n    const month = this.props.customMonth ? this.props.customMonth[this.props.date?.get('month') || 0]: 'Jan';\n    const year = this.props.date?.get('year') || 1;\n    _.forEach(weekdays, element => {\n      dayOfWeek.push(<Text key={element} style={[styles.weekdays, weekdayStyle]}>{element}</Text>)\n    })\n\n    return (\n      <View style={[styles.container, this.props.containerStyle]}>\n        <View style={[{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }, warpRowControlMonthYear]}>\n          {/*<TouchableOpacity onPress={() => this.yearMonthChange(-1, 'year')}>\n            {renderPrevYearButton ? renderPrevYearButton() : <Text>{'<<'}</Text>}\n          </TouchableOpacity>*/}\n          <TouchableOpacity onPress={() => this.yearMonthChange(-1, 'month')}>\n            {renderPrevMonthButton ? renderPrevMonthButton() : <Text>{'<'}</Text>}\n          </TouchableOpacity>\n          <View style={{flexDirection: 'row'}}>\n            <Text style={[styles.txtHeaderDate, monthTextStyle]} >{month + '  '}</Text>\n            <Text style={[styles.txtHeaderDate, yearTextStyle]} >{year}</Text>\n          </View>\n          <TouchableOpacity onPress={() => this.yearMonthChange(1, 'month')}>\n            {renderNextMonthButton ? renderNextMonthButton() : <Text>{'>'}</Text>}\n          </TouchableOpacity>\n          {/*<TouchableOpacity onPress={() => this.yearMonthChange(1, 'year')}>\n            {renderNextYearButton ? renderNextYearButton() : <Text>{'>>'}</Text>}\n          </TouchableOpacity>*/}\n        </View>\n        <View style={[{ flexDirection: 'row', justifyContent: 'space-around' }, warpRowWeekdays]}>\n          {dayOfWeek}\n        </View>\n        <FlatList\n          data={data}\n          keyExtractor={(item) => '' + item.toDate().getTime()}\n          renderItem={({ item }) => this.renderDay(item)}\n          extraData={this.state}\n          columnWrapperStyle={{justifyContent: 'space-between'}}\n          numColumns={7}\n          style={{\n            padding: 4\n          }}\n        />\n      </View>\n    )\n  }\n}"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { Text } from 'react-native';
+import { Text, TouchableOpacity } from 'react-native';
 import { Checkbox } from 'react-native-paper';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
 import WmCheckboxProps from './checkbox.props';
@@ -80,16 +80,16 @@ export default class WmCheckbox extends BaseComponent {
     });
   }
   renderWidget(props) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(), {
       style: this.styles.root,
       onPress: this.onPress.bind(this)
-    }, this._background, /*#__PURE__*/React.createElement(Checkbox.Android, {
+    }), this._background, /*#__PURE__*/React.createElement(Checkbox.Android, {
       status: this.state.isChecked ? 'checked' : 'unchecked',
       color: this.styles.text.color,
       disabled: props.readonly || props.disabled
-    }), /*#__PURE__*/React.createElement(Text, {
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(), {
       style: this.styles.checkboxLabel
-    }, props.caption));
+    }), props.caption));
   }
 }
 //# sourceMappingURL=checkbox.component.js.map

app-rn-runtime/components/input/checkbox/checkbox.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Checkbox","TouchableOpacity","BaseComponent","BaseComponentState","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","WmCheckboxState","constructor","arguments","_defineProperty","WmCheckbox","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","readonly","invokeEventCallback","proxy","disabled","oldValue","uncheckedvalue","onFieldChange","renderWidget","createElement","style","styles","root","bind","_background","Android","status","color","text","checkboxLabel","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Checkbox } from 'react-native-paper';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\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 WmCheckboxState);\n  }\n\n  onPress() {\n    if (!this.state.props.readonly) {\n      this.invokeEventCallback('onFocus', [null, this.proxy]);\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled) {\n      return;\n    }\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity style={this.styles.root} onPress={this.onPress.bind(this)}>\n          {this._background}\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n          <Text style={this.styles.checkboxLabel}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","TouchableOpacity","Checkbox","BaseComponent","BaseComponentState","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","WmCheckboxState","constructor","arguments","_defineProperty","WmCheckbox","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","readonly","invokeEventCallback","proxy","disabled","oldValue","uncheckedvalue","onFieldChange","renderWidget","createElement","_extends","getTestPropsForAction","style","styles","root","bind","_background","Android","status","color","text","getTestPropsForLabel","checkboxLabel","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity } from 'react-native';\nimport { Checkbox } from 'react-native-paper';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\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 WmCheckboxState);\n  }\n\n  onPress() {\n    if (!this.state.props.readonly) {\n      this.invokeEventCallback('onFocus', [null, this.proxy]);\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled) {\n      return;\n    }\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction()} style={this.styles.root} onPress={this.onPress.bind(this)}>\n          {this._background}\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n          <Text {...this.getTestPropsForLabel()} style={this.styles.checkboxLabel}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,SAASC,QAAQ,QAAQ,oBAAoB;AAE7C,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAAQC,WAAW,EAAEC,aAAa,QAAO,sCAAsC;AAE/E,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAA0B,mBAAmB;AAGnE,OAAO,MAAMC,eAAe,SAASL,kBAAkB,CAAkB;EAAAM,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAClD,KAAK;IAAAA,eAAA,kBACP,IAAI;IAAAA,eAAA,oBACX,EAAE;EAAA;AAChB;AAEA,eAAe,MAAMC,UAAU,SAASV,aAAa,CAAqD;EAExGO,WAAWA,CAACI,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,EAAE,IAAIE,eAAe,CAAC,CAAC,CAAC;EAC3E;EAEAM,UAAUA,CAACC,SAAc,EAAEC,YAAiB,EAAE;IAC5C,MAAMC,KAAK,GAAGb,WAAW,CAACW,SAAS,CAAC,KAAKX,WAAW,CAACY,YAAY,EAAE,IAAI,CAAC;IACxE,IAAI,CAACE,WAAW,CAAC;MAAEC,SAAS,EAAEF;IAAM,CAAoB,CAAC;EAC3D;EAEAG,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,QAAQF,IAAI;MACV,KAAK,cAAc;QACjB,IAAI,CAACP,UAAU,CAAC,IAAI,CAACU,KAAK,CAACX,KAAK,CAACY,SAAS,EAAEH,IAAI,CAAC;QACjD;MACF,KAAK,WAAW;QACd,IAAI,CAACR,UAAU,CAACQ,IAAI,EAAE,IAAI,CAACE,KAAK,CAACX,KAAK,CAACG,YAAY,CAAC;QACpD;IACJ;EACF;EAEAU,eAAeA,CAACT,KAAU,EAAE;IAC1B,IAAI,CAACC,WAAW,CAAC;MAAEL,KAAK,EAAE;QAAEY,SAAS,EAAER;MAAM;IAAC,CAAoB,CAAC;EACrE;EACAU,QAAQA,CAACV,KAAU,EAAE;IACnB,MAAMW,aAAa,GAAGvB,aAAa,CAAC,IAAI,CAACmB,KAAK,CAACX,KAAK,EAAEI,KAAK,CAAC;IAC5D,IAAI,CAACC,WAAW,CAAC;MACfW,OAAO,EAAED,aAAa,CAACC,OAAO;MAC9BC,SAAS,EAAEF,aAAa,CAACE;IAC3B,CAAoB,CAAC;EACvB;EAEAC,OAAOA,CAAA,EAAG;IACR,IAAI,CAAC,IAAI,CAACP,KAAK,CAACX,KAAK,CAACmB,QAAQ,EAAE;MAC9B,IAAI,CAACC,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACzD;IACA,IAAI,CAACD,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACrD,IAAI,IAAI,CAACV,KAAK,CAACX,KAAK,CAACsB,QAAQ,EAAE;MAC7B;IACF;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACZ,KAAK,CAACX,KAAK,CAACY,SAAS;IAC3C,MAAMR,KAAK,GAAG,CAAC,IAAI,CAACO,KAAK,CAACL,SAAS;IACnC,IAAI,CAACQ,QAAQ,CAACV,KAAK,CAAC;IACpB,IAAI,CAACC,WAAW,CAAC;MAAEC,SAAS,EAAEF;IAAM,CAAoB,CAAC;IACzD,MAAMF,SAAS,GAAGE,KAAK,KAAK,IAAI,GAAG,IAAI,CAACO,KAAK,CAACX,KAAK,CAACG,YAAY,GAAG,IAAI,CAACQ,KAAK,CAACX,KAAK,CAACwB,cAAc;IAClG,IAAI,CAACnB,WAAW,CAAC;MAAEL,KAAK,EAAE;QAAEY,SAAS,EAAEV;MAAU;IAAE,CAAC,EAClD,MAAM;MACJ,IAAI,CAAC,IAAI,CAACF,KAAK,CAACyB,aAAa,EAAE;QAC7B,IAAI,CAACL,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEnB,SAAS,EAAEqB,QAAQ,CAAC,CAAC;MAC/E,CAAC,MAAM;QACL,IAAI,CAACvB,KAAK,CAACyB,aAAa,IAAI,IAAI,CAACzB,KAAK,CAACyB,aAAa,CAAC,WAAW,EAAEvB,SAAS,EAAEqB,QAAQ,CAAC;MACxF;MACA,IAAI,CAACH,mBAAmB,CAAC,QAAQ,EAAE,CAAE,IAAI,EAAE,IAAI,CAACC,KAAK,CAAE,CAAC;IAC1D,CAAC,CAAC;EACN;EAEAK,YAAYA,CAAC1B,KAAsB,EAAE;IACnC,oBACEf,KAAA,CAAA0C,aAAA,CAACxC,gBAAgB,EAAAyC,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MAACd,OAAO,EAAE,IAAI,CAACA,OAAO,CAACe,IAAI,CAAC,IAAI;IAAE,IACzG,IAAI,CAACC,WAAW,eACjBjD,KAAA,CAAA0C,aAAA,CAACvC,QAAQ,CAAC+C,OAAO;MAACC,MAAM,EAAE,IAAI,CAACzB,KAAK,CAACL,SAAS,GAAG,SAAS,GAAG,WAAY;MAAC+B,KAAK,EAAE,IAAI,CAACN,MAAM,CAACO,IAAI,CAACD,KAAgB;MAACf,QAAQ,EAAEtB,KAAK,CAACmB,QAAQ,IAAInB,KAAK,CAACsB;IAAS,CAAC,CAAC,eAChKrC,KAAA,CAAA0C,aAAA,CAACzC,IAAI,EAAA0C,QAAA,KAAK,IAAI,CAACW,oBAAoB,CAAC,CAAC;MAAET,KAAK,EAAE,IAAI,CAACC,MAAM,CAACS;IAAc,IAAExC,KAAK,CAACyC,OAAc,CAChF,CAAC;EAEvB;AACF"}