@wavemaker/app-rn-runtime 12.0.0-next.140535 → 12.0.0-next.141130

app-rn-runtime/components/input/epoch/wheel-date-picker.component.js

@@ -4,81 +4,24 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 import React, { Component } from 'react';
 import { PixelRatio, StyleSheet, View } from 'react-native';
 import WmWheelScrollPicker from './wheelpicker/wheelpicker.component';
-import { getDateObject, getDates, getMonthIndex, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';
-import moment from 'moment';
+import { getDateObject, getDates, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';
 export class WmWheelDatePickerProps {
   constructor() {
-    _defineProperty(this, "minDate", void 0);
-    _defineProperty(this, "maxDate", void 0);
     _defineProperty(this, "selectedDate", new Date());
     _defineProperty(this, "onDateChange", void 0);
     _defineProperty(this, "itemHeight", PixelRatio.roundToNearestPixel(50));
     _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
   }
 }
-export const START_DATE = {
-  'date': 1,
-  'month': 0,
-  'year': 1950
-};
-export const END_DATE = {
-  'date': 31,
-  'month': 11,
-  'year': 2060
-};
 export class WmWheelDatePickerState {}
 export class WmWheelDatePicker extends Component {
-  constructor(_props) {
-    var _selectedDate$getFull;
-    super(_props);
+  constructor(props) {
+    super(props);
     _defineProperty(this, "itemHeight", void 0);
     _defineProperty(this, "wrapperHeight", void 0);
     _defineProperty(this, "selectedDateIndex", 0);
     _defineProperty(this, "selectedMonthIndex", 0);
     _defineProperty(this, "selectedYearIndex", 0);
-    _defineProperty(this, "dateData", []);
-    _defineProperty(this, "monthData", []);
-    _defineProperty(this, "yearData", []);
-    _defineProperty(this, "defaultSelectedDate", void 0);
-    _defineProperty(this, "localSelectedDate", '');
-    _defineProperty(this, "monthValue", 0);
-    _defineProperty(this, "yearValue", '');
-    _defineProperty(this, "getMinValue", (minValue, type) => {
-      const currentMonth = moment(minValue).format('M');
-      const currentYear = moment(minValue).format('YYYY');
-      const selectedMonth = moment(this.localSelectedDate).format('M');
-      const selectedYear = moment(this.localSelectedDate).format('YYYY');
-      const isFutureMonth = Number(selectedMonth) > Number(currentMonth);
-      const isFutureYear = Number(selectedYear) > Number(currentYear);
-      if (!(minValue instanceof Date)) return START_DATE[type];
-      switch (type) {
-        case 'date':
-          const dateValue = isFutureYear ? 1 : isFutureMonth ? 1 : new Date(minValue).getDate();
-          // this.selectedDateIndex = dateIndex;
-          return dateValue;
-        case 'month':
-          const monthValue = isFutureYear ? 0 : new Date(minValue).getMonth();
-          // this.selectedMonthIndex = 11;
-          return monthValue;
-        case 'year':
-          return new Date(minValue).getFullYear();
-        default:
-          return 0;
-      }
-    });
-    _defineProperty(this, "getMaxValue", (maxValue, type) => {
-      if (!(maxValue instanceof Date)) return END_DATE[type];
-      switch (type) {
-        case 'date':
-          return new Date(maxValue).getDate();
-        case 'month':
-          return new Date(maxValue).getMonth();
-        case 'year':
-          return new Date(maxValue).getFullYear();
-        default:
-          return 0;
-      }
-    });
     _defineProperty(this, "handleValueChange", (valueType, value, index) => {
       var _this$props, _this$props$onDateCha;
       switch (valueType) {
@@ -86,85 +29,31 @@ export class WmWheelDatePicker extends Component {
           this.selectedDateIndex = index;
           break;
         case 'month':
-          this.monthValue = getMonthIndex(value === null || value === void 0 ? void 0 : value.toString());
           this.selectedMonthIndex = index;
           break;
         case 'year':
-          this.yearValue = value;
           this.selectedYearIndex = index;
           break;
         default:
           break;
       }
-      const {
-        props
-      } = this;
-      const minDate = props.minDate;
-      const maxDate = props.maxDate;
-      // * date range
-      const minDateNum = minDate ? this.getMinValue(minDate, 'date') : 1;
-      const maxDateNum = maxDate ? this.getMaxValue(maxDate, 'date') : 31;
-      const minYear = minDate ? this.getMinValue(minDate, 'year') : 1950;
-      const maxYear = maxDate ? this.getMaxValue(maxDate, 'year') : 2060;
-      const selectedDate = getDates(minDateNum, maxDateNum)[this.selectedDateIndex];
-      const selectedMonthIndex = this.monthValue;
-      const selectedYear = getYearRange(minYear, maxYear)[this.selectedYearIndex];
-      const dateObj = getDateObject(selectedDate, selectedMonthIndex, selectedYear);
-      this.localSelectedDate = dateObj;
+      const selectedDate = getDates()[this.selectedDateIndex];
+      const selectedYear = getYearRange()[this.selectedYearIndex];
+      const dateObj = getDateObject(selectedDate, this.selectedMonthIndex, selectedYear);
       (_this$props = this.props) === null || _this$props === void 0 || (_this$props$onDateCha = _this$props.onDateChange) === null || _this$props$onDateCha === void 0 || _this$props$onDateCha.call(_this$props, dateObj);
     });
     const _selectedDate = this.props.selectedDate || new Date();
     this.itemHeight = PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);
     this.wrapperHeight = PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);
-
-    // * Initial values
-    this.defaultSelectedDate = _selectedDate;
-    this.localSelectedDate = _selectedDate;
-    this.monthValue = _selectedDate.getMonth();
-    this.yearValue = (_selectedDate$getFull = _selectedDate.getFullYear()) === null || _selectedDate$getFull === void 0 ? void 0 : _selectedDate$getFull.toString();
-
-    // TODO: selected date handling for range of dates
-    if (!(this.props.minDate || this.props.maxDate)) {
-      this.selectedDateIndex = _selectedDate.getDate() - 1;
-      this.selectedMonthIndex = _selectedDate.getMonth();
-      this.selectedYearIndex = getYearRange().indexOf(_selectedDate.getFullYear());
-    }
-  }
-  // TODO: cache this func for performance improvement
-  getPickerData(type) {
-    const {
-      props
-    } = this;
-    const minDate = props.minDate;
-    const maxDate = props.maxDate;
-    const minDateNum = minDate ? this.getMinValue(minDate, 'date') : 1;
-    const maxDateNum = maxDate ? this.getMaxValue(maxDate, 'date') : 31;
-    const minMonth = minDate ? this.getMinValue(minDate, 'month') : 0;
-    const maxMonth = maxDate ? this.getMaxValue(maxDate, 'month') : 11;
-    const minYear = minDate ? this.getMinValue(minDate, 'year') : 1950;
-    const maxYear = maxDate ? this.getMaxValue(maxDate, 'year') : 2060;
-    switch (type) {
-      case "date":
-        const dateData = getDates(minDateNum, maxDateNum);
-        this.dateData = dateData;
-        return dateData;
-      case "month":
-        const monthData = getMonths(minMonth, maxMonth);
-        this.monthData = monthData;
-        return monthData;
-      case "year":
-        const yearData = getYearRange(minYear, maxYear);
-        this.yearData = yearData;
-        return yearData;
-      default:
-        return [];
-    }
+    this.selectedDateIndex = _selectedDate.getDate() - 1;
+    this.selectedMonthIndex = _selectedDate.getMonth();
+    this.selectedYearIndex = getYearRange().indexOf(_selectedDate.getFullYear());
   }
   render() {
     return /*#__PURE__*/React.createElement(View, {
       style: styles.root
     }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: this.getPickerData('date'),
+      data: getDates(),
       wrapperHeight: this.wrapperHeight,
       itemHeight: this.itemHeight,
       selectedIndex: this.selectedDateIndex,
@@ -172,13 +61,13 @@ export class WmWheelDatePicker extends Component {
     }), /*#__PURE__*/React.createElement(View, {
       style: styles.middle
     }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: this.getPickerData('month'),
+      data: getMonths(),
       wrapperHeight: this.wrapperHeight,
       itemHeight: this.itemHeight,
       selectedIndex: this.selectedMonthIndex,
       onValueChange: (value, index) => this.handleValueChange('month', value, index)
     })), /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
-      data: this.getPickerData('year'),
+      data: getYearRange(),
       wrapperHeight: this.wrapperHeight,
       itemHeight: this.itemHeight,
       selectedIndex: this.selectedYearIndex,

app-rn-runtime/components/input/epoch/wheel-date-picker.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Component","PixelRatio","StyleSheet","View","WmWheelScrollPicker","getDateObject","getDates","getMonthIndex","getMonths","getYearRange","moment","WmWheelDatePickerProps","constructor","_defineProperty","Date","roundToNearestPixel","START_DATE","END_DATE","WmWheelDatePickerState","WmWheelDatePicker","props","_selectedDate$getFull","minValue","type","currentMonth","format","currentYear","selectedMonth","localSelectedDate","selectedYear","isFutureMonth","Number","isFutureYear","dateValue","getDate","monthValue","getMonth","getFullYear","maxValue","valueType","value","index","_this$props","_this$props$onDateCha","selectedDateIndex","toString","selectedMonthIndex","yearValue","selectedYearIndex","minDate","maxDate","minDateNum","getMinValue","maxDateNum","getMaxValue","minYear","maxYear","selectedDate","dateObj","onDateChange","call","itemHeight","wrapperHeight","defaultSelectedDate","indexOf","getPickerData","minMonth","maxMonth","dateData","monthData","yearData","render","createElement","style","styles","root","data","selectedIndex","onValueChange","handleValueChange","middle","create","flexDirection","marginHorizontal"],"sources":["wheel-date-picker.component.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { PixelRatio, StyleSheet, View } from 'react-native';\nimport WmWheelScrollPicker from './wheelpicker/wheelpicker.component'\nimport { getDateObject, getDates, getMonthIndex, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';\nimport moment from 'moment';\n\nexport class WmWheelDatePickerProps {\n  minDate?: Date | string;\n  maxDate?: Date | string;\n  selectedDate?: Date = new Date();\n  onDateChange?: (date: Date) => void;\n  itemHeight?: number = PixelRatio.roundToNearestPixel(50);\n  wrapperHeight?: number = PixelRatio.roundToNearestPixel(150);\n}\n\nexport const START_DATE = {\n  'date': 1,\n  'month': 0,\n  'year': 1950,\n};\n\nexport const END_DATE = {\n  'date': 31,\n  'month': 11,\n  'year': 2060,\n};\n\nexport class WmWheelDatePickerState {}\n\nexport class WmWheelDatePicker extends Component<\n  WmWheelDatePickerProps,\n  WmWheelDatePickerState,\n  any\n> {\n  itemHeight: number;\n  wrapperHeight: number;\n  selectedDateIndex: number = 0;\n  selectedMonthIndex: number = 0;\n  selectedYearIndex: number = 0;\n  dateData: number[] = [];\n  monthData: string[] = [];\n  yearData: number[] = [];\n  defaultSelectedDate: Date;\n  localSelectedDate: Date | string = '';\n  monthValue: number = 0;\n  yearValue: string = '';\n\n  constructor(props: WmWheelDatePickerProps) {\n    super(props);\n    const selectedDate = this.props.selectedDate || new Date();\n\n    this.itemHeight =\n    PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);\n    this.wrapperHeight =\n    PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);\n\n    // * Initial values\n    this.defaultSelectedDate = selectedDate;\n    this.localSelectedDate = selectedDate;\n    this.monthValue = selectedDate.getMonth();\n    this.yearValue = selectedDate.getFullYear()?.toString();\n\n    // TODO: selected date handling for range of dates\n    if (!(this.props.minDate || this.props.maxDate)) {\n      this.selectedDateIndex = selectedDate.getDate() - 1;\n      this.selectedMonthIndex = selectedDate.getMonth();\n      this.selectedYearIndex = getYearRange().indexOf(selectedDate.getFullYear());\n    }\n  }\n\n  getMinValue = (minValue: string | Date, type: 'date' | 'month' | 'year') => {\n    const currentMonth = moment(minValue).format('M');\n    const currentYear = moment(minValue).format('YYYY');\n    const selectedMonth = moment(this.localSelectedDate).format('M');\n    const selectedYear = moment(this.localSelectedDate).format('YYYY');\n    const isFutureMonth = Number(selectedMonth) > Number(currentMonth);\n    const isFutureYear = Number(selectedYear) > Number(currentYear);\n\n    if (!(minValue instanceof Date)) return START_DATE[type];\n\n    switch(type) {\n      case 'date':\n        const dateValue =\n          isFutureYear\n            ? 1\n            : isFutureMonth\n              ? 1\n              : new Date(minValue).getDate();\n        // this.selectedDateIndex = dateIndex;\n        return dateValue;\n      case 'month':\n        const monthValue = isFutureYear ? 0 : new Date(minValue).getMonth();\n        // this.selectedMonthIndex = 11;\n        return monthValue;\n      case 'year':\n        return new Date(minValue).getFullYear();\n      default:\n        return 0;\n    }\n  }\n\n  getMaxValue = (maxValue: string | Date | undefined, type: 'date' | 'month' | 'year') => {\n    if (!(maxValue instanceof Date)) return END_DATE[type];\n\n    switch(type) {\n      case 'date':\n        return new Date(maxValue).getDate();\n      case 'month':\n        return new Date(maxValue).getMonth();\n      case 'year':\n        return new Date(maxValue).getFullYear();\n      default:\n        return 0;\n    }\n  }\n\n  handleValueChange = (\n    valueType: 'date' | 'month' | 'year',\n    value: string | number,\n    index: number,\n  ) => {\n    switch (valueType) {\n      case 'date':\n        this.selectedDateIndex = index;\n        break;\n      case 'month':\n        this.monthValue = getMonthIndex(value?.toString());\n        this.selectedMonthIndex = index;\n        break;\n      case 'year':\n        this.yearValue = value as string;\n        this.selectedYearIndex = index;\n        break;\n      default:\n        break;\n    }\n\n    const {props} = this;\n    const minDate = props.minDate;\n    const maxDate = props.maxDate;\n    // * date range\n    const minDateNum = minDate ? this.getMinValue(minDate, 'date') : 1;\n    const maxDateNum = maxDate ? this.getMaxValue(maxDate, 'date') : 31;\n    const minYear = minDate ? this.getMinValue(minDate, 'year') : 1950;\n    const maxYear = maxDate ? this.getMaxValue(maxDate, 'year') : 2060;\n\n    const selectedDate = getDates(minDateNum, maxDateNum)[this.selectedDateIndex];\n    const selectedMonthIndex = this.monthValue;\n    const selectedYear = getYearRange(minYear, maxYear)[this.selectedYearIndex];\n\n    const dateObj = getDateObject(\n      selectedDate,\n      selectedMonthIndex,\n      selectedYear,\n    );\n    this.localSelectedDate = dateObj;\n\n    this.props?.onDateChange?.(dateObj);\n  };\n\n  // TODO: cache this func for performance improvement\n  getPickerData(type: 'date' | 'month' | 'year') {\n    const {props} = this;\n    const minDate = props.minDate;\n    const maxDate = props.maxDate;\n    const minDateNum = minDate ? this.getMinValue(minDate, 'date') : 1;\n    const maxDateNum = maxDate ? this.getMaxValue(maxDate, 'date') : 31;\n    const minMonth = minDate ? this.getMinValue(minDate, 'month') : 0;\n    const maxMonth = maxDate ? this.getMaxValue(maxDate, 'month') : 11;\n    const minYear = minDate ? this.getMinValue(minDate, 'year') : 1950;\n    const maxYear = maxDate ? this.getMaxValue(maxDate, 'year') : 2060;\n\n    switch (type) {\n      case \"date\":\n        const dateData = getDates(minDateNum, maxDateNum);\n        this.dateData = dateData;\n        return dateData;\n      case \"month\":\n        const monthData = getMonths(minMonth, maxMonth);\n        this.monthData = monthData;\n        return monthData;\n      case \"year\":\n        const yearData = getYearRange(minYear, maxYear);\n        this.yearData = yearData;\n        return yearData;\n      default:\n        return [];\n    }\n  }\n\n  render() {\n    return (\n      <View style={styles.root}>\n        <WmWheelScrollPicker\n          data={this.getPickerData('date')}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedDateIndex}\n          onValueChange={(value: string | number, index: number) =>\n            this.handleValueChange('date', value, index)\n          }\n        />\n        <View style={styles.middle}>\n          <WmWheelScrollPicker\n            data={this.getPickerData('month')}\n            wrapperHeight={this.wrapperHeight}\n            itemHeight={this.itemHeight}\n            selectedIndex={this.selectedMonthIndex}\n            onValueChange={(value: string | number, index: number) =>\n              this.handleValueChange('month', value, index)\n            }\n          />\n        </View>\n        <WmWheelScrollPicker\n          data={this.getPickerData('year')}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedYearIndex}\n          onValueChange={(value: string | number, index: number) =>\n            this.handleValueChange('year', value, index)\n          }\n        />\n      </View>\n    );\n  }\n}\n\nexport default WmWheelDatePicker;\n\nconst styles = StyleSheet.create({\n  root: {\n    flexDirection: 'row',\n  },\n  middle: {\n    marginHorizontal: 15,\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","PixelRatio","StyleSheet","View","WmWheelScrollPicker","getDateObject","getDates","getMonths","getYearRange","WmWheelDatePickerProps","constructor","_defineProperty","Date","roundToNearestPixel","WmWheelDatePickerState","WmWheelDatePicker","props","valueType","value","index","_this$props","_this$props$onDateCha","selectedDateIndex","selectedMonthIndex","selectedYearIndex","selectedDate","selectedYear","dateObj","onDateChange","call","itemHeight","wrapperHeight","getDate","getMonth","indexOf","getFullYear","render","createElement","style","styles","root","data","selectedIndex","onValueChange","handleValueChange","middle","create","flexDirection","marginHorizontal"],"sources":["wheel-date-picker.component.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport { PixelRatio, StyleSheet, View } from 'react-native';\nimport WmWheelScrollPicker from './wheelpicker/wheelpicker.component'\nimport { getDateObject, getDates, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmWheelDatePickerProps {\n  selectedDate?: Date = new Date();\n  onDateChange?: (date: Date) => void;\n  itemHeight?: number = PixelRatio.roundToNearestPixel(50);\n  wrapperHeight?: number = PixelRatio.roundToNearestPixel(150);\n}\n\nexport class WmWheelDatePickerState {}\n\nexport class WmWheelDatePicker extends Component<\n  WmWheelDatePickerProps,\n  WmWheelDatePickerState,\n  any\n> {\n  itemHeight: number;\n  wrapperHeight: number;\n  selectedDateIndex: number = 0;\n  selectedMonthIndex: number = 0;\n  selectedYearIndex: number = 0;\n\n  constructor(props: WmWheelDatePickerProps) {\n    super(props);\n    const selectedDate = this.props.selectedDate || new Date();\n\n    this.itemHeight =\n    PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);\n    this.wrapperHeight =\n    PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);\n    this.selectedDateIndex = selectedDate.getDate() - 1;\n    this.selectedMonthIndex = selectedDate.getMonth();\n    this.selectedYearIndex = getYearRange().indexOf(selectedDate.getFullYear());\n  }\n\n  handleValueChange = (\n    valueType: 'date' | 'month' | 'year',\n    value: string | number,\n    index: number,\n  ) => {\n    switch (valueType) {\n      case 'date':\n        this.selectedDateIndex = index;\n        break;\n      case 'month':\n        this.selectedMonthIndex = index;\n        break;\n      case 'year':\n        this.selectedYearIndex = index;\n        break;\n      default:\n        break;\n    }\n\n    const selectedDate = getDates()[this.selectedDateIndex];\n    const selectedYear = getYearRange()[this.selectedYearIndex];\n    const dateObj = getDateObject(\n      selectedDate,\n      this.selectedMonthIndex,\n      selectedYear,\n    );\n\n    this.props?.onDateChange?.(dateObj);\n  };\n\n  render() {\n    return (\n      <View style={styles.root}>\n        <WmWheelScrollPicker\n          data={getDates()}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedDateIndex}\n          onValueChange={(value: string | number, index: number) =>\n            this.handleValueChange('date', value, index)\n          }\n        />\n        <View style={styles.middle}>\n          <WmWheelScrollPicker\n            data={getMonths()}\n            wrapperHeight={this.wrapperHeight}\n            itemHeight={this.itemHeight}\n            selectedIndex={this.selectedMonthIndex}\n            onValueChange={(value: string | number, index: number) =>\n              this.handleValueChange('month', value, index)\n            }\n          />\n        </View>\n        <WmWheelScrollPicker\n          data={getYearRange()}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedYearIndex}\n          onValueChange={(value: string | number, index: number) =>\n            this.handleValueChange('year', value, index)\n          }\n        />\n      </View>\n    );\n  }\n}\n\nexport default WmWheelDatePicker;\n\nconst styles = StyleSheet.create({\n  root: {\n    flexDirection: 'row',\n  },\n  middle: {\n    marginHorizontal: 15,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheelpicker/wheelpicker.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createRef","Text","View","ScrollView","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmWheelPickerState","constructor","args","_defineProperty","WmWheelScrollPicker","props","event","selectedIdx","Math","round","nativeEvent","contentOffset","y","itemHeight","setState","selectedIndex","_this$props$onValueCh","_this$props","state","selectedData","data","onValueChange","call","wheelPickerRef","initialScrollTo","_this$wheelPickerRef","_this$wheelPickerRef$","current","scrollTo","animated","renderWidget","styles","wrapperHeight","scrollOffset","createElement","style","root","height","ref","scrollEventThrottle","contentContainerStyle","paddingVertical","showsVerticalScrollIndicator","onLayout","onScroll","handleWheelScroll","onMomentumScrollEnd","handleWheelMomentumEnd","decelerationRate","snapToInterval","map","item","index","isSelected","key","center","itemBg","selectedItemText","itemText","selectedItemBg","top"],"sources":["wheelpicker.component.tsx"],"sourcesContent":["import React, {createRef} from 'react';\nimport {\n  NativeScrollEvent,\n  NativeSyntheticEvent,\n  Text,\n  View,\n} from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmWheelPickerProps from './wheelpicker.props';\nimport { DEFAULT_CLASS, WmWheelPickerStyles } from './wheelpicker.styles';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport class WmWheelPickerState extends BaseComponentState<WmWheelPickerProps> {\n  selectedIndex: number = 0;\n}\n\nexport class WmWheelScrollPicker extends BaseComponent<WmWheelPickerProps, WmWheelPickerState,\n WmWheelPickerStyles> {\n  wheelPickerRef: any = null;\n\n  constructor(props: WmWheelPickerProps) {\n    super(props, DEFAULT_CLASS);\n\n    this.wheelPickerRef = createRef();\n  }\n\n  initialScrollTo() {\n    const props = this.props;\n    const y = props.itemHeight * props.selectedIndex;\n    this.wheelPickerRef?.current?.scrollTo?.({y: y, animated: false});\n    this.setState({\n      selectedIndex: props.selectedIndex || 0,\n    });\n  }\n\n  handleWheelScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n    // console.log('scroll =>', event.nativeEvent.contentOffset);\n    const selectedIdx = Math.round(\n      event.nativeEvent.contentOffset.y / this.props.itemHeight,\n    );\n\n    this.setState({\n      selectedIndex: selectedIdx,\n    });\n  };\n\n  handleWheelMomentumEnd = () => {\n    const props = this.props;\n    const state = this.state;\n\n    const selectedData = props.data[state.selectedIndex];\n    this.props.onValueChange?.(selectedData, state.selectedIndex);\n  };\n\n  renderWidget(props: WmWheelPickerProps) {\n    const state = this.state;\n    const styles = this.styles;\n    const {data, wrapperHeight, itemHeight} = props;\n    const scrollOffset = (wrapperHeight - itemHeight) / 2;\n\n    return (\n      <View style={[styles.root, {height: wrapperHeight}]}>\n        <ScrollView\n          ref={this.wheelPickerRef}\n          scrollEventThrottle={16}\n          contentContainerStyle={{paddingVertical: scrollOffset}}\n          showsVerticalScrollIndicator={false}\n          onLayout={() => this.initialScrollTo()}\n          onScroll={this.handleWheelScroll}\n          onMomentumScrollEnd={this.handleWheelMomentumEnd}\n          decelerationRate=\"fast\"\n          snapToInterval={itemHeight} // your snap points\n        >\n          {data.map((item, index) => {\n            const isSelected = index === state.selectedIndex;\n\n            return (\n              <View\n                key={`data_item_${index}`}\n                style={[styles.center, styles.itemBg, {height: itemHeight}]}>\n                <Text\n                  style={\n                    isSelected ? [styles.selectedItemText] : [styles.itemText]\n                  }>\n                  {item}\n                </Text>\n              </View>\n            );\n          })}\n        </ScrollView>\n        <View\n          style={[\n            styles.selectedItemBg,\n            {\n              height: itemHeight,\n              top: scrollOffset,\n            },\n          ]}\n        />\n      </View>\n    );\n  }\n}\n\nexport default WmWheelScrollPicker;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createRef","Text","View","ScrollView","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmWheelPickerState","constructor","args","_defineProperty","WmWheelScrollPicker","props","event","selectedIdx","Math","round","nativeEvent","contentOffset","y","itemHeight","setState","selectedIndex","_this$props$onValueCh","_this$props","state","selectedData","data","onValueChange","call","wheelPickerRef","initialScrollTo","_this$wheelPickerRef","_this$wheelPickerRef$","current","scrollTo","animated","renderWidget","styles","wrapperHeight","scrollOffset","createElement","style","root","height","ref","scrollEventThrottle","contentContainerStyle","paddingVertical","showsVerticalScrollIndicator","onLayout","onScroll","handleWheelScroll","onMomentumScrollEnd","handleWheelMomentumEnd","decelerationRate","snapToInterval","map","item","index","isSelected","key","center","itemBg","selectedItemText","itemText","selectedItemBg","top"],"sources":["wheelpicker.component.tsx"],"sourcesContent":["import React, {createRef} from 'react';\nimport {\n  NativeScrollEvent,\n  NativeSyntheticEvent,\n  Text,\n  View,\n} from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmWheelPickerProps from './wheelpicker.props';\nimport { DEFAULT_CLASS, WmWheelPickerStyles } from './wheelpicker.styles';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport class WmWheelPickerState extends BaseComponentState<WmWheelPickerProps> {\n  selectedIndex: number = 0;\n}\n\nexport class WmWheelScrollPicker extends BaseComponent<WmWheelPickerProps, WmWheelPickerState,\n WmWheelPickerStyles> {\n  wheelPickerRef: any = null;\n\n  constructor(props: WmWheelPickerProps) {\n    super(props, DEFAULT_CLASS);\n\n    this.wheelPickerRef = createRef();\n  }\n\n  initialScrollTo() {\n    const props = this.props;\n    const y = props.itemHeight * props.selectedIndex;\n    this.wheelPickerRef?.current?.scrollTo?.({y: y, animated: false});\n    this.setState({\n      selectedIndex: props.selectedIndex || 0,\n    });\n  }\n\n  handleWheelScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n    // console.log('scroll =>', event.nativeEvent.contentOffset);\n    const selectedIdx = Math.round(\n      event.nativeEvent.contentOffset.y / this.props.itemHeight,\n    );\n\n    this.setState({\n      selectedIndex: selectedIdx,\n    });\n  };\n\n  handleWheelMomentumEnd = () => {\n    const props = this.props;\n    const state = this.state;\n\n    const selectedData = props.data[state.selectedIndex];\n    this.props.onValueChange?.(selectedData, state.selectedIndex);\n  };\n\n  renderWidget(props: WmWheelPickerProps) {\n    const state = this.state;\n    const styles = this.styles;\n    const {data, wrapperHeight, itemHeight} = props;\n    const scrollOffset = (wrapperHeight - itemHeight) / 2;\n\n    return (\n      <View style={[styles.root, {height: wrapperHeight}]}>\n        <ScrollView\n          ref={this.wheelPickerRef}\n          scrollEventThrottle={16}\n          contentContainerStyle={{paddingVertical: scrollOffset}}\n          showsVerticalScrollIndicator={false}\n          onLayout={() => this.initialScrollTo()}\n          onScroll={this.handleWheelScroll}\n          onMomentumScrollEnd={this.handleWheelMomentumEnd}\n          decelerationRate=\"fast\"\n          snapToInterval={itemHeight} // your snap points\n        >\n          {data.map((item, index) => {\n            const isSelected = index === state.selectedIndex;\n\n            return (\n              <View\n                key={`data_item_${index}`}\n                style={[styles.center, styles.itemBg, {height: itemHeight}]}>\n                <Text\n                  style={\n                    isSelected ? [styles.selectedItemText] : [styles.itemText]\n                  }>\n                  {item}\n                </Text>\n              </View>\n            );\n          })}\n        </ScrollView>\n        <View\n          style={[\n            styles.selectedItemBg,\n            {\n              height: itemHeight,\n              top: scrollOffset,\n            },\n          ]}\n        />\n      </View>\n    );\n  }\n}\n\nexport default WmWheelScrollPicker;\n"],"mappings":"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","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js

@@ -21,8 +21,6 @@ export class WmDatePickerModal extends BaseComponent {
   renderWidget() {
     const {
       isVisible,
-      minDate,
-      maxDate,
       onClose,
       onCancel,
       onSelect
@@ -51,8 +49,6 @@ export class WmDatePickerModal extends BaseComponent {
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.header
     }, "Select Date"), /*#__PURE__*/React.createElement(WmWheelDatePicker, {
-      minDate: minDate,
-      maxDate: maxDate,
       selectedDate: this.props.selectedDate || selectedDate,
       onDateChange: date => {
         this.setState({

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","Text","TouchableWithoutFeedback","View","WmWheelDatePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmDatePickerModalProps","WmDatePickerModalState","constructor","args","_defineProperty","Date","WmDatePickerModal","props","renderWidget","isVisible","minDate","maxDate","onClose","onCancel","onSelect","selectedDate","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","style","root","flex1","onPress","container","header","onDateChange","date","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn"],"sources":["date-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport WmWheelDatePicker from '../../wheel-date-picker.component';\nimport WmButton from '../../../../basic/button/button.component';\nimport {\n  DEFAULT_CLASS,\n  WmDateTimePickerModalStyles,\n} from '../styles/datetime-picker-modal.styles';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmDatePickerModalProps from './date-picker-modal.props';\n\nexport class WmDatePickerModalState extends BaseComponentState<WmDatePickerModalProps> {\n  selectedDate: Date = new Date();\n}\n\nexport class WmDatePickerModal extends BaseComponent<\n  WmDatePickerModalProps,\n  WmDatePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmDatePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());\n  }\n\n  renderWidget() {\n    const { isVisible, minDate, maxDate, onClose, onCancel, onSelect } = this.props;\n    const { selectedDate } = this.state;\n    const { styles } = this;\n\n    return (\n      <Modal\n        animationType=\"fade\"\n        transparent={true}\n        visible={isVisible}\n        onRequestClose={onClose}\n        onDismiss={onClose}\n      >\n        <View style={styles.root}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>Select Date</Text>\n            <WmWheelDatePicker\n              minDate={minDate}\n              maxDate={maxDate}\n              selectedDate={this.props.selectedDate || selectedDate}\n              onDateChange={(date) => {\n                this.setState({ selectedDate: date });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption=\"Cancel\"\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption=\"Select\"\n                onTap={() => onSelect?.(selectedDate || this.props.selectedDate || new Date())}\n              />\n            </View>\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nexport default WmDatePickerModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Modal","Text","TouchableWithoutFeedback","View","WmWheelDatePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmDatePickerModalProps","WmDatePickerModalState","constructor","args","_defineProperty","Date","WmDatePickerModal","props","renderWidget","isVisible","onClose","onCancel","onSelect","selectedDate","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","style","root","flex1","onPress","container","header","onDateChange","date","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn"],"sources":["date-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport WmWheelDatePicker from '../../wheel-date-picker.component';\nimport WmButton from '../../../../basic/button/button.component';\nimport {\n  DEFAULT_CLASS,\n  WmDateTimePickerModalStyles,\n} from '../styles/datetime-picker-modal.styles';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmDatePickerModalProps from './date-picker-modal.props';\n\nexport class WmDatePickerModalState extends BaseComponentState<WmDatePickerModalProps> {\n  selectedDate: Date = new Date();\n}\n\nexport class WmDatePickerModal extends BaseComponent<\n  WmDatePickerModalProps,\n  WmDatePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmDatePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());\n  }\n\n  renderWidget() {\n    const { isVisible, onClose, onCancel, onSelect } = this.props;\n    const { selectedDate } = this.state;\n    const { styles } = this;\n\n    return (\n      <Modal\n        animationType=\"fade\"\n        transparent={true}\n        visible={isVisible}\n        onRequestClose={onClose}\n        onDismiss={onClose}\n      >\n        <View style={styles.root}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>Select Date</Text>\n            <WmWheelDatePicker\n              selectedDate={this.props.selectedDate || selectedDate}\n              onDateChange={(date) => {\n                this.setState({ selectedDate: date });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption=\"Cancel\"\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption=\"Select\"\n                onTap={() => onSelect?.(selectedDate || this.props.selectedDate || new Date())}\n              />\n            </View>\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nexport default WmDatePickerModal;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,EAAEC,wBAAwB,EAAEC,IAAI,QAAQ,cAAc;AAC1E,OAAOC,iBAAiB,MAAM,mCAAmC;AACjE,OAAOC,QAAQ,MAAM,2CAA2C;AAChE,SACEC,aAAa,QAER,wCAAwC;AAC/C,SACEC,aAAa,EACbC,kBAAkB,QACb,+CAA+C;AACtD,OAAOC,sBAAsB,MAAM,2BAA2B;AAE9D,OAAO,MAAMC,sBAAsB,SAASF,kBAAkB,CAAyB;EAAAG,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAChE,IAAIC,IAAI,CAAC,CAAC;EAAA;AACjC;AAEA,OAAO,MAAMC,iBAAiB,SAASR,aAAa,CAIlD;EACAI,WAAWA,CAACK,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAIG,sBAAsB,CAAC,CAAC,CAAC;EAC3D;EAEAQ,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC,SAAS;MAAEC,OAAO;MAAEC,QAAQ;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACL,KAAK;IAC7D,MAAM;MAAEM;IAAa,CAAC,GAAG,IAAI,CAACC,KAAK;IACnC,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI;IAEvB,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,KAAK;MACJ0B,aAAa,EAAC,MAAM;MACpBC,WAAW,EAAE,IAAK;MAClBC,OAAO,EAAEV,SAAU;MACnBW,cAAc,EAAEV,OAAQ;MACxBW,SAAS,EAAEX;IAAQ,gBAEnBpB,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACQ;IAAK,gBACvBjC,KAAA,CAAA0B,aAAA,CAACvB,wBAAwB;MAAC6B,KAAK,EAAEP,MAAM,CAACS,KAAM;MAACC,OAAO,EAAEf;IAAQ,gBAC9DpB,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACS;IAAM,CAAE,CACJ,CAAC,eAC3BlC,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACW;IAAU,gBAC5BpC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;MAAC8B,KAAK,EAAEP,MAAM,CAACY;IAAO,GAAC,aAAiB,CAAC,eAC9CrC,KAAA,CAAA0B,aAAA,CAACrB,iBAAiB;MAChBkB,YAAY,EAAE,IAAI,CAACN,KAAK,CAACM,YAAY,IAAIA,YAAa;MACtDe,YAAY,EAAGC,IAAI,IAAK;QACtB,IAAI,CAACC,QAAQ,CAAC;UAAEjB,YAAY,EAAEgB;QAAK,CAAC,CAAC;MACvC;IAAE,CACH,CAAC,eACFvC,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAAC4B,KAAK,EAAEP,MAAM,CAACgB;IAAc,gBAChCzC,KAAA,CAAA0B,aAAA,CAACpB,QAAQ;MACPmB,MAAM,EAAEA,MAAM,CAACiB,SAAU;MACzBC,OAAO,EAAC,QAAQ;MAChBC,KAAK,EAAEvB;IAAS,CACjB,CAAC,eACFrB,KAAA,CAAA0B,aAAA,CAACpB,QAAQ;MACPmB,MAAM,EAAEA,MAAM,CAACoB,SAAU;MACzBF,OAAO,EAAC,QAAQ;MAChBC,KAAK,EAAEA,CAAA,KAAMtB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGC,YAAY,IAAI,IAAI,CAACN,KAAK,CAACM,YAAY,IAAI,IAAIR,IAAI,CAAC,CAAC;IAAE,CAChF,CACG,CACF,CACF,CACD,CAAC;EAEZ;AACF;AAEA,eAAeC,iBAAiB","ignoreList":[]}

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.props.js

@@ -6,8 +6,6 @@ export default class WmDatePickerModalProps extends BaseProps {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "isVisible", false);
-    _defineProperty(this, "minDate", void 0);
-    _defineProperty(this, "maxDate", void 0);
     _defineProperty(this, "selectedDate", void 0);
     _defineProperty(this, "onClose", void 0);
     _defineProperty(this, "onSelect", void 0);

app-rn-runtime/components/input/epoch/wheelpickermodal/date/date-picker-modal.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmDatePickerModalProps","constructor","args","_defineProperty"],"sources":["date-picker-modal.props.ts"],"sourcesContent":["import { BaseProps } from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport default class WmDatePickerModalProps extends BaseProps {\n  isVisible: boolean = false;\n  minDate?: Date | string;\n  maxDate?: Date | string;\n  selectedDate?: any;\n  onClose?: () => void;\n  onSelect?: (date: Date) => void;\n  onCancel?: () => void;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,sBAAsB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACvC,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAO5B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmDatePickerModalProps","constructor","args","_defineProperty"],"sources":["date-picker-modal.props.ts"],"sourcesContent":["import { BaseProps } from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport default class WmDatePickerModalProps extends BaseProps {\n  isVisible: boolean = false;\n  selectedDate?: any;\n  onClose?: () => void;\n  onSelect?: (date: Date) => void;\n  onCancel?: () => void;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,sBAAsB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACvC,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAK5B","ignoreList":[]}

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

@@ -8,7 +8,6 @@ import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/cor
 import WmFileuploadProps from './fileupload.props';
 import { DEFAULT_CLASS } from './fileupload.styles';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
-import { getMimeType } from '@wavemaker/app-rn-runtime/core/utils';
 export class WmFileuploadState extends BaseComponentState {
   constructor(...args) {
     super(...args);
@@ -24,8 +23,7 @@ export default class WmFileupload extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmFileuploadProps());
   }
-  onTap(props) {
-    namedParameters.type = getMimeType(props.contenttype);
+  onTap() {
     DocumentPicker.getDocumentAsync(namedParameters).then(response => {
       let selectedFile;
       if (Platform.OS !== 'web') {
@@ -53,7 +51,7 @@ export default class WmFileupload extends BaseComponent {
       caption: props.caption,
       styles: this.styles.button,
       iconsize: props.iconsize,
-      onTap: () => this.onTap.bind(this)(props)
+      onTap: this.onTap.bind(this)
     }));
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","DocumentPicker","BaseComponent","BaseComponentState","WmFileuploadProps","DEFAULT_CLASS","WmButton","getMimeType","WmFileuploadState","constructor","args","_defineProperty","namedParameters","copyToCacheDirectory","multiple","type","WmFileupload","props","onTap","contenttype","getDocumentAsync","then","response","selectedFile","OS","assets","mimeType","file","invokeEventCallback","proxy","updateState","selectedFiles","bind","renderWidget","createElement","style","styles","root","_background","accessibilitylabel","caption","hint","id","getTestId","iconclass","button","iconsize"],"sources":["fileupload.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport * as DocumentPicker from 'expo-document-picker';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFileuploadProps from './fileupload.props';\nimport { DEFAULT_CLASS, WmFileuploadStyles } from './fileupload.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { getMimeType } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport interface SelectFileOutput {\n  mimeType: string;\n  name: string;\n  size: number;\n  type: 'cancel' | 'success';\n  uri: string;\n}\n\nexport class WmFileuploadState extends BaseComponentState<WmFileuploadProps> {\n  selectedFiles: any;\n}\n\ntype NamedParametersType = {\n  copyToCacheDirectory: boolean,\n  multiple: boolean,\n  type: string | string[]\n};\n\nconst namedParameters: NamedParametersType = {\n  copyToCacheDirectory: false,\n  multiple: false,\n  type: '*/*'\n};\n\nexport default class WmFileupload extends BaseComponent<WmFileuploadProps, WmFileuploadState, WmFileuploadStyles> {\n\n  constructor(props: WmFileuploadProps) {\n    super(props, DEFAULT_CLASS, new WmFileuploadProps());\n  }\n\n  onTap(props: WmFileuploadProps) {\n    namedParameters.type = getMimeType(props.contenttype);\n    DocumentPicker.getDocumentAsync(namedParameters).then((response: any) => {\n      let selectedFile;\n      if (Platform.OS !== 'web') {\n        selectedFile = response.assets[0];\n        selectedFile.type = selectedFile.mimeType;\n      } else {\n        selectedFile = [response.assets[0].file];\n      }\n      this.invokeEventCallback('onBeforeselect', [null, this.proxy, selectedFile]);\n\n      this.updateState({\n          props: {\n          selectedFiles: selectedFile\n        }\n      } as WmFileuploadState, this.invokeEventCallback.bind(this, 'onSelect', [null, this.proxy, selectedFile]));\n    });\n  }\n\n  renderWidget(props: WmFileuploadProps) {\n    return <View style={this.styles.root}>\n      {this._background}\n      <WmButton accessibilitylabel={props.accessibilitylabel || props.caption} hint = {props.hint} id={this.getTestId()} iconclass={props.iconclass} caption={props.caption} styles={this.styles.button} iconsize={props.iconsize} onTap={() => this.onTap.bind(this)(props)}></WmButton>\n    </View>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,OAAO,KAAKC,cAAc,MAAM,sBAAsB;AAEtD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AACvE,OAAOC,QAAQ,MAAM,oEAAoE;AACzF,SAASC,WAAW,QAAQ,sCAAsC;AAUlE,OAAO,MAAMC,iBAAiB,SAASL,kBAAkB,CAAoB;EAAAM,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;AAE7E;AAQA,MAAMC,eAAoC,GAAG;EAC3CC,oBAAoB,EAAE,KAAK;EAC3BC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAe,MAAMC,YAAY,SAASd,aAAa,CAA2D;EAEhHO,WAAWA,CAACQ,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEZ,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAc,KAAKA,CAACD,KAAwB,EAAE;IAC9BL,eAAe,CAACG,IAAI,GAAGR,WAAW,CAACU,KAAK,CAACE,WAAW,CAAC;IACrDlB,cAAc,CAACmB,gBAAgB,CAACR,eAAe,CAAC,CAACS,IAAI,CAAEC,QAAa,IAAK;MACvE,IAAIC,YAAY;MAChB,IAAIxB,QAAQ,CAACyB,EAAE,KAAK,KAAK,EAAE;QACzBD,YAAY,GAAGD,QAAQ,CAACG,MAAM,CAAC,CAAC,CAAC;QACjCF,YAAY,CAACR,IAAI,GAAGQ,YAAY,CAACG,QAAQ;MAC3C,CAAC,MAAM;QACLH,YAAY,GAAG,CAACD,QAAQ,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC;MAC1C;MACA,IAAI,CAACC,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEN,YAAY,CAAC,CAAC;MAE5E,IAAI,CAACO,WAAW,CAAC;QACbb,KAAK,EAAE;UACPc,aAAa,EAAER;QACjB;MACF,CAAC,EAAuB,IAAI,CAACK,mBAAmB,CAACI,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACH,KAAK,EAAEN,YAAY,CAAC,CAAC,CAAC;IAC5G,CAAC,CAAC;EACJ;EAEAU,YAAYA,CAAChB,KAAwB,EAAE;IACrC,oBAAOnB,KAAA,CAAAoC,aAAA,CAAClC,IAAI;MAACmC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAClC,IAAI,CAACC,WAAW,eACjBxC,KAAA,CAAAoC,aAAA,CAAC5B,QAAQ;MAACiC,kBAAkB,EAAEtB,KAAK,CAACsB,kBAAkB,IAAItB,KAAK,CAACuB,OAAQ;MAACC,IAAI,EAAIxB,KAAK,CAACwB,IAAK;MAACC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,CAAE;MAACC,SAAS,EAAE3B,KAAK,CAAC2B,SAAU;MAACJ,OAAO,EAAEvB,KAAK,CAACuB,OAAQ;MAACJ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACS,MAAO;MAACC,QAAQ,EAAE7B,KAAK,CAAC6B,QAAS;MAAC5B,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACA,KAAK,CAACc,IAAI,CAAC,IAAI,CAAC,CAACf,KAAK;IAAE,CAAW,CAC9Q,CAAC;EACT;AACF","ignoreList":[]}
+{"version":3,"names":["React","Platform","View","DocumentPicker","BaseComponent","BaseComponentState","WmFileuploadProps","DEFAULT_CLASS","WmButton","WmFileuploadState","constructor","args","_defineProperty","namedParameters","copyToCacheDirectory","multiple","type","WmFileupload","props","onTap","getDocumentAsync","then","response","selectedFile","OS","assets","mimeType","file","invokeEventCallback","proxy","updateState","selectedFiles","bind","renderWidget","createElement","style","styles","root","_background","accessibilitylabel","caption","hint","id","getTestId","iconclass","button","iconsize"],"sources":["fileupload.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport * as DocumentPicker from 'expo-document-picker';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFileuploadProps from './fileupload.props';\nimport { DEFAULT_CLASS, WmFileuploadStyles } from './fileupload.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport interface SelectFileOutput {\n  mimeType: string;\n  name: string;\n  size: number;\n  type: 'cancel' | 'success';\n  uri: string;\n}\n\nexport class WmFileuploadState extends BaseComponentState<WmFileuploadProps> {\n  selectedFiles: any;\n}\n\nconst namedParameters = {\n  copyToCacheDirectory: false,\n  multiple: false,\n  type: '*/*'\n};\n\nexport default class WmFileupload extends BaseComponent<WmFileuploadProps, WmFileuploadState, WmFileuploadStyles> {\n\n  constructor(props: WmFileuploadProps) {\n    super(props, DEFAULT_CLASS, new WmFileuploadProps());\n  }\n\n  onTap() {\n    DocumentPicker.getDocumentAsync(namedParameters).then((response: any) => {\n      let selectedFile;\n      if (Platform.OS !== 'web') {\n        selectedFile = response.assets[0];\n        selectedFile.type = selectedFile.mimeType;\n      } else {\n        selectedFile = [response.assets[0].file];\n      }\n      this.invokeEventCallback('onBeforeselect', [null, this.proxy, selectedFile]);\n\n      this.updateState({\n          props: {\n          selectedFiles: selectedFile\n        }\n      } as WmFileuploadState, this.invokeEventCallback.bind(this, 'onSelect', [null, this.proxy, selectedFile]));\n    });\n  }\n\n  renderWidget(props: WmFileuploadProps) {\n    return <View style={this.styles.root}>\n      {this._background}\n      <WmButton accessibilitylabel={props.accessibilitylabel || props.caption} hint = {props.hint} id={this.getTestId()} iconclass={props.iconclass} caption={props.caption} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onTap.bind(this)}></WmButton>\n    </View>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,OAAO,KAAKC,cAAc,MAAM,sBAAsB;AAEtD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AACvE,OAAOC,QAAQ,MAAM,oEAAoE;AAUzF,OAAO,MAAMC,iBAAiB,SAASJ,kBAAkB,CAAoB;EAAAK,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;EAAA;AAE7E;AAEA,MAAMC,eAAe,GAAG;EACtBC,oBAAoB,EAAE,KAAK;EAC3BC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAe,MAAMC,YAAY,SAASb,aAAa,CAA2D;EAEhHM,WAAWA,CAACQ,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEX,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAa,KAAKA,CAAA,EAAG;IACNhB,cAAc,CAACiB,gBAAgB,CAACP,eAAe,CAAC,CAACQ,IAAI,CAAEC,QAAa,IAAK;MACvE,IAAIC,YAAY;MAChB,IAAItB,QAAQ,CAACuB,EAAE,KAAK,KAAK,EAAE;QACzBD,YAAY,GAAGD,QAAQ,CAACG,MAAM,CAAC,CAAC,CAAC;QACjCF,YAAY,CAACP,IAAI,GAAGO,YAAY,CAACG,QAAQ;MAC3C,CAAC,MAAM;QACLH,YAAY,GAAG,CAACD,QAAQ,CAACG,MAAM,CAAC,CAAC,CAAC,CAACE,IAAI,CAAC;MAC1C;MACA,IAAI,CAACC,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEN,YAAY,CAAC,CAAC;MAE5E,IAAI,CAACO,WAAW,CAAC;QACbZ,KAAK,EAAE;UACPa,aAAa,EAAER;QACjB;MACF,CAAC,EAAuB,IAAI,CAACK,mBAAmB,CAACI,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACH,KAAK,EAAEN,YAAY,CAAC,CAAC,CAAC;IAC5G,CAAC,CAAC;EACJ;EAEAU,YAAYA,CAACf,KAAwB,EAAE;IACrC,oBAAOlB,KAAA,CAAAkC,aAAA,CAAChC,IAAI;MAACiC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAClC,IAAI,CAACC,WAAW,eACjBtC,KAAA,CAAAkC,aAAA,CAAC1B,QAAQ;MAAC+B,kBAAkB,EAAErB,KAAK,CAACqB,kBAAkB,IAAIrB,KAAK,CAACsB,OAAQ;MAACC,IAAI,EAAIvB,KAAK,CAACuB,IAAK;MAACC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,CAAE;MAACC,SAAS,EAAE1B,KAAK,CAAC0B,SAAU;MAACJ,OAAO,EAAEtB,KAAK,CAACsB,OAAQ;MAACJ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACS,MAAO;MAACC,QAAQ,EAAE5B,KAAK,CAAC4B,QAAS;MAAC3B,KAAK,EAAE,IAAI,CAACA,KAAK,CAACa,IAAI,CAAC,IAAI;IAAE,CAAW,CACjQ,CAAC;EACT;AACF","ignoreList":[]}

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

@@ -9,7 +9,6 @@ export default class WmFileuploadProps extends BaseProps {
     _defineProperty(this, "iconsize", 16);
     _defineProperty(this, "caption", 'Upload');
     _defineProperty(this, "selectedFiles", void 0);
-    _defineProperty(this, "contenttype", void 0);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);
   }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmFileuploadProps","constructor","args","_defineProperty","undefined"],"sources":["fileupload.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {AccessibilityRole} from 'react-native';\n\nexport default class WmFileuploadProps extends BaseProps {\n  iconclass: string = 'wm-sl-l sl-cloud-upload';\n  iconsize: number = 16;\n  caption: string = 'Upload';\n  selectedFiles?: any;\n  contenttype?: string;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACnC,yBAAyB;IAAAA,eAAA,mBAC1B,EAAE;IAAAA,eAAA,kBACH,QAAQ;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,6BAGIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;EAAA;AAC3B","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmFileuploadProps","constructor","args","_defineProperty","undefined"],"sources":["fileupload.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {AccessibilityRole} from 'react-native';\n\nexport default class WmFileuploadProps extends BaseProps {\n  iconclass: string = 'wm-sl-l sl-cloud-upload';\n  iconsize: number = 16;\n  caption: string = 'Upload';\n  selectedFiles?: any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACnC,yBAAyB;IAAAA,eAAA,mBAC1B,EAAE;IAAAA,eAAA,kBACH,QAAQ;IAAAA,eAAA;IAAAA,eAAA,6BAEIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;EAAA;AAC3B","ignoreList":[]}

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

@@ -52,17 +52,14 @@ export default class WmNumber extends BaseNumberComponent {
       autoFocus: props.autofocus,
       editable: props.disabled || props.readonly ? false : true,
       placeholder: props.placeholder,
-      onBlur: event => {
-        this.onBlur.bind(this)(event, !!props.displayValue);
-      },
+      onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),
       onKeyPress: this.validateInputEntry.bind(this),
       onChangeText: text => {
-        this.onChangeText.bind(this)(text, 'number', !!props.displayValue);
+        this.onChangeText.bind(this)(text, 'number');
       },
       onChange: this.invokeChange.bind(this),
-      allowContentSelection: this.styles.text.userSelect === 'text',
-      customDisplayValue: props.displayValue
+      allowContentSelection: this.styles.text.userSelect === 'text'
     }));
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","AccessibilityWidgetType","getAccessibilityProps","WmNumberState","constructor","args","_defineProperty","WmNumber","props","getStyleClassName","classes","state","floatinglabel","push","join","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","createElement","_extends","getTestPropsForInput","NUMBER","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","styles","activeFloatingLabelStyle","activeFloatingLabel","style","root","isValid","invalid","keyboardType","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","placeholder","onBlur","event","bind","displayValue","onFocus","onKeyPress","validateInputEntry","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect","customDisplayValue"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n  keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n  constructor(props: WmNumberProps) {\n    super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-number-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  renderWidget(props: WmNumberProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(AccessibilityWidgetType.NUMBER, props)}\n      ref={(ref: any) => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n      keyboardType=\"numeric\"\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      placeholder={props.placeholder}\n      onBlur={(event)=>{this.onBlur.bind(this)(event, !!props.displayValue)}}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.validateInputEntry.bind(this)}\n      onChangeText={(text) => {\n        this.onChangeText.bind(this)(text, 'number', !!props.displayValue);\n      }}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      customDisplayValue={props.displayValue}\n    />);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","AccessibilityWidgetType","getAccessibilityProps","WmNumberState","constructor","args","_defineProperty","WmNumber","props","getStyleClassName","classes","state","floatinglabel","push","join","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","createElement","_extends","getTestPropsForInput","NUMBER","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","styles","activeFloatingLabelStyle","activeFloatingLabel","style","root","isValid","invalid","keyboardType","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","placeholder","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n  keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n  constructor(props: WmNumberProps) {\n    super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-number-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  renderWidget(props: WmNumberProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(AccessibilityWidgetType.NUMBER, props)}\n      ref={(ref: any) => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n      keyboardType=\"numeric\"\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      placeholder={props.placeholder}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.validateInputEntry.bind(this)}\n      onChangeText={(text) => {\n        this.onChangeText.bind(this)(text, 'number');\n      }}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n    />);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,8 +11,6 @@ import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker/app-rn-runtim
 import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import { find, isEqual } from 'lodash-es';
 import { isEmpty } from 'lodash';
-import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
-import { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';
 export class WmRadiosetState extends BaseDatasetState {
   constructor(...args) {
     super(...args);
@@ -24,10 +22,10 @@ export default class WmRadioset extends BaseDatasetComponent {
     super(props, DEFAULT_CLASS, new WmRadiosetProps());
   }
   onPress(item) {
+    this.invokeEventCallback('onTap', [null, this.proxy]);
     if (this.state.props.disabled || this.state.props.readonly) {
       return;
     }
-    this.invokeEventCallback('onTap', [null, this.proxy]);
     item.selected = true;
     let selectedValue = "";
     const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));
@@ -53,14 +51,14 @@ export default class WmRadioset extends BaseDatasetComponent {
       }],
       onPress: this.onPress.bind(this, item),
       key: item.key
-    }, this.getTestPropsForAction("radio" + index)), /*#__PURE__*/React.createElement(WmIcon, {
-      id: this.getTestId('radiobutton' + index),
+    }, this.getTestPropsForAction()), /*#__PURE__*/React.createElement(WmIcon, _extends({}, this.getTestProps('' + index), {
       iconclass: "wi wi-fiber-manual-record",
       styles: item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio,
-      disabled: this.state.props.readonly || this.state.props.disabled
-    }), !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(Text, _extends({
+      disabled: this.state.props.readonly || this.state.props.disabled,
+      accessibilitylabel: `Radio button for ${displayText}`
+    })), !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.radioLabel
-    }, this.getTestPropsForLabel('caption' + index)), displayText));
+    }, this.getTestPropsForLabel('caption')), displayText));
   }
   setTemplate(partialName) {
     this.updateState({
@@ -87,24 +85,6 @@ export default class WmRadioset extends BaseDatasetComponent {
       style: noOfColumns === 1 ? {} : this.styles.group
     }, items && items.length ? items.map((item, index) => this.renderChild(item, index, colWidth)) : null);
   }
-  renderSkeleton(props) {
-    var _ref;
-    const noOfColumns = props.itemsperrow.xs || 1;
-    const colWidth = Math.round(100 / noOfColumns) + '%';
-    return [...getNumberOfEmptyObjects((_ref = props.numberofskeletonitems) !== null && _ref !== void 0 ? _ref : 5)].map(_ => {
-      return /*#__PURE__*/React.createElement(View, {
-        style: [this.styles.item, {
-          width: colWidth
-        }]
-      }, /*#__PURE__*/React.createElement(WmIcon, {
-        styles: this.styles.checkedRadio
-      }), /*#__PURE__*/React.createElement(WmLabel, {
-        styles: {
-          skeleton: this.styles.skeleton
-        }
-      }));
-    });
-  }
   renderWidget(props) {
     const items = this.state.dataItems;
     return /*#__PURE__*/React.createElement(ScrollView, {