@wavemaker/app-rn-runtime 12.0.0-next.46502 → 12.0.0-next.47809

package/components/input/epoch/wheel-date-picker.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","PixelRatio","StyleSheet","View","WmWheelScrollPicker","getDateObject","getDates","getMonthIndex","getMonths","getYearRange","getDaysInMonth","WmWheelDatePickerProps","constructor","_defineProperty","Date","roundToNearestPixel","START_DATE","END_DATE","WmWheelDatePickerState","WmWheelDatePicker","props","_selectedDate$getFull","type","minDate","getDate","getMonth","getFullYear","maxDate","valueType","value","index","_this$props","_this$props$onDateCha","indexValue","Object","is","selectedDateIndex","monthValue","toString","selectedMonthIndex","selectedYearIndex","minYear","getMinValue","maxYear","getMaxValue","selectedYear","minMonth","maxMonth","monthData","selectedMonth","dateData","selectedDate","indexOf","dateObj","localSelectedDate","onDateChange","call","year","month","date","itemHeight","wrapperHeight","defaultSelectedDate","yearValue","selectedDay","yearData","minDay","maxDay","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 ,getDaysInMonth} 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 minDate = this.props.minDate ? new Date(this.props.minDate) : new Date(START_DATE.year, START_DATE.month, START_DATE.date);\n    const maxDate = this.props.maxDate ? new Date(this.props.maxDate) : new Date(END_DATE.year, END_DATE.month, END_DATE.date);\n    let selectedDate = this.props.selectedDate ? new Date(this.props.selectedDate) : new Date();\n\n    if (selectedDate < minDate) selectedDate = minDate;\n    if (selectedDate > maxDate) selectedDate = maxDate;\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    const selectedYear = selectedDate.getFullYear();\n    const selectedMonth = selectedDate.getMonth();\n    const selectedDay = selectedDate.getDate();\n\n    // Generate valid year range\n    const minYear = minDate.getFullYear();\n    const maxYear = maxDate.getFullYear();\n    this.yearData = getYearRange(minYear, maxYear);\n    this.selectedYearIndex = this.yearData.indexOf(selectedYear);\n\n    // Generate valid months based on selected year\n    let minMonth = 0;\n    let maxMonth = 11;\n    if (selectedYear === minYear) minMonth = minDate.getMonth();\n    if (selectedYear === maxYear) maxMonth = maxDate.getMonth();\n    this.monthData = getMonths(minMonth, maxMonth);\n    this.selectedMonthIndex = this.monthData.indexOf(getMonths(0, 11)[selectedMonth]);\n\n    // Generate valid days based on selected year & month\n    let minDay = 1;\n    let maxDay = getDaysInMonth(selectedMonth + 1, selectedYear);\n    if (selectedYear === minYear && selectedMonth === minMonth) minDay = minDate.getDate();\n    if (selectedYear === maxYear && selectedMonth === maxMonth) maxDay = maxDate.getDate();\n    this.dateData = getDates(minDay, maxDay);\n    this.selectedDateIndex = this.dateData.indexOf(selectedDay);\n  }\n\ngetMinValue = (type: 'date' | 'month' | 'year') => {\n  if (!this.props.minDate) return START_DATE[type];\n\n  const minDate = new Date(this.props.minDate);\n  switch (type) {\n    case 'date':\n      return minDate.getDate();\n    case 'month':\n      return minDate.getMonth();\n    case 'year':\n      return minDate.getFullYear();\n    default:\n      return 0;\n  }\n};\n\ngetMaxValue = (type: 'date' | 'month' | 'year') => {\n  if (!this.props.maxDate) return END_DATE[type];\n\n  const maxDate = new Date(this.props.maxDate);\n  switch (type) {\n    case 'date':\n      return maxDate.getDate();\n    case 'month':\n      return maxDate.getMonth();\n    case 'year':\n      return maxDate.getFullYear();\n    default:\n      return 0;\n  }\n};\n\n\n  handleValueChange = (valueType: 'date' | 'month' | 'year', value: string | number, index: number) => {\n      let indexValue = Object.is(index,-0)? 0 : index;\n      switch (valueType) {\n        case 'date':\n          this.selectedDateIndex = indexValue;\n          break;\n        case 'month':\n          this.monthValue = getMonthIndex(value?.toString());\n          this.selectedMonthIndex = indexValue;\n          break;\n        case 'year':\n          this.selectedYearIndex = indexValue;\n          break;\n      }\n    \n      const minYear = this.getMinValue('year');\n      const maxYear = this.getMaxValue('year');\n      const selectedYear = getYearRange(minYear, maxYear)[this.selectedYearIndex];\n    \n      // Restrict months dynamically\n      let minMonth = 0;\n      let maxMonth = 11;\n      if (selectedYear === minYear) minMonth = this.getMinValue('month');\n      if (selectedYear === maxYear) maxMonth = this.getMaxValue('month');\n    \n      // Update month data dynamically\n      this.monthData = getMonths(minMonth, maxMonth);\n\n      // Ensure selected month is within range\n      let minDate = 1;\n      let maxDate: number = 31;\n      \n      if (this.monthValue > maxMonth) {\n        this.selectedMonthIndex = maxMonth;\n      }\n\n      maxDate = getDaysInMonth(\n        getMonthIndex(this.monthData[this.selectedMonthIndex]) + 1,\n        selectedYear\n      );\n\n      if (this.monthValue < minMonth) {\n        this.monthValue = minMonth;\n        maxDate = getDaysInMonth(this.monthValue + 1, selectedYear);\n        \n      }\n    \n      // Restrict days dynamically\n      const selectedMonth = this.selectedMonthIndex;\n      if (selectedYear === minYear && this.monthValue === minMonth) minDate = this.getMinValue('date');\n      \n      if (selectedYear === maxYear && selectedMonth === maxMonth) maxDate = this.getMaxValue('date');\n      \n      if(maxYear === minYear && this.monthValue === maxMonth) maxDate = this.getMaxValue('date');\n    \n      // Update date data dynamically\n      this.dateData = getDates(minDate, maxDate);\n    \n      // Ensure selected date is within range\n      if (this.selectedDateIndex > maxDate - 1) this.selectedDateIndex = maxDate - 1;\n    \n      const selectedDate = this.dateData[this.selectedDateIndex] || this.dateData[this.dateData.indexOf(this.selectedDateIndex+1)];;\n    \n      \n      // Create new selected date\n      const dateObj = getDateObject(selectedDate, getMonthIndex(this.monthData[this.selectedMonthIndex]), selectedYear);\n      this.localSelectedDate = dateObj;\n    \n      this.props?.onDateChange?.(this.localSelectedDate);\n    };\n    \n  render() {\n    return (\n      <View style={styles.root}>\n        <WmWheelScrollPicker\n          data={this.dateData}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedDateIndex}\n          onValueChange={(value, index) =>\n            this.handleValueChange('date', value, index)\n          }\n        />\n        <View style={styles.middle}>\n          <WmWheelScrollPicker\n            data={this.monthData}\n            wrapperHeight={this.wrapperHeight}\n            itemHeight={this.itemHeight}\n            selectedIndex={this.selectedMonthIndex}\n            onValueChange={(value, index) => \n              this.handleValueChange('month', value, index)\n            }\n          />\n        </View>\n        <WmWheelScrollPicker\n          data={getYearRange(this.getMinValue('year'), this.getMaxValue('year'))}\n          wrapperHeight={this.wrapperHeight}\n          itemHeight={this.itemHeight}\n          selectedIndex={this.selectedYearIndex}\n          onValueChange={(value, index) => \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":[]}

package/components/input/epoch/wheel-time-picker.component.js

@@ -0,0 +1,107 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from 'react';
+import { PixelRatio, StyleSheet, View } from 'react-native';
+import WmWheelScrollPicker from './wheelpicker/wheelpicker.component';
+import { get24Hours, getDateTimeObject, getHours, getMinutes, getTimeIndicators } from '@wavemaker/app-rn-runtime/core/utils';
+export class WmWheelTimePickerProps {
+  constructor() {
+    _defineProperty(this, "selectedTime", new Date());
+    _defineProperty(this, "is24Hour", true);
+    _defineProperty(this, "onTimeChange", void 0);
+    _defineProperty(this, "itemHeight", PixelRatio.roundToNearestPixel(50));
+    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
+  }
+}
+export class WmWheelTimePickerState {}
+export class WmWheelTimePicker extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "itemHeight", void 0);
+    _defineProperty(this, "wrapperHeight", void 0);
+    _defineProperty(this, "selectedHourIndex", 0);
+    _defineProperty(this, "selectedMinuteIndex", 0);
+    _defineProperty(this, "selectedTimeIndicatorIndex", 0);
+    _defineProperty(this, "handleValueChange", (valueType, value, index) => {
+      var _this$props, _this$props$onTimeCha;
+      switch (valueType) {
+        case 'hour':
+          this.selectedHourIndex = index;
+          break;
+        case 'minute':
+          this.selectedMinuteIndex = index;
+          break;
+        case 'meridiem':
+          this.selectedTimeIndicatorIndex = index;
+          break;
+        default:
+          break;
+      }
+      const selectedTime = this.props.selectedTime || new Date();
+      const date = selectedTime.getDate();
+      const month = selectedTime.getMonth();
+      const year = selectedTime.getFullYear();
+      let selected24HourFormat;
+      if (!this.props.is24Hour) {
+        // * when time picker is in 12 hour format
+        const selected12HourFormat = Number(getHours()[this.selectedHourIndex]);
+        selected24HourFormat = this.selectedTimeIndicatorIndex === 0 ? selected12HourFormat : selected12HourFormat + 12;
+      } else {
+        // * when time picker is in 24 hour format
+        selected24HourFormat = Number(get24Hours()[this.selectedHourIndex]);
+      }
+      const selectedMinute = Number(getMinutes()[this.selectedMinuteIndex]);
+      const dateObj = getDateTimeObject(date, month, year, selected24HourFormat, selectedMinute);
+      (_this$props = this.props) === null || _this$props === void 0 || (_this$props$onTimeCha = _this$props.onTimeChange) === null || _this$props$onTimeCha === void 0 || _this$props$onTimeCha.call(_this$props, dateObj);
+    });
+    const _selectedTime = props.selectedTime || new Date();
+    const meridiem = _selectedTime.getHours() >= 12 ? 'PM' : 'AM';
+    this.itemHeight = PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);
+    this.wrapperHeight = PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);
+    this.selectedHourIndex = props.is24Hour ? _selectedTime.getHours() : (_selectedTime.getHours() % 12 || 12) - 1;
+    this.selectedMinuteIndex = _selectedTime.getMinutes();
+    this.selectedTimeIndicatorIndex = meridiem === 'AM' ? 0 : 1;
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: this.props.is24Hour ? get24Hours() : getHours(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedHourIndex,
+      onValueChange: (value, index) => {
+        this.handleValueChange('hour', value, index);
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.middle
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getMinutes(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedMinuteIndex,
+      onValueChange: (value, index) => {
+        this.handleValueChange('minute', value, index);
+      }
+    })), !this.props.is24Hour ? /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getTimeIndicators(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedTimeIndicatorIndex,
+      onValueChange: (value, index) => {
+        this.handleValueChange('meridiem', value, index);
+      }
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null));
+  }
+}
+export default WmWheelTimePicker;
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row'
+  },
+  middle: {
+    marginHorizontal: 15
+  }
+});
+//# sourceMappingURL=wheel-time-picker.component.js.map

package/components/input/epoch/wheelpicker/wheelpicker.component.js

@@ -0,0 +1,92 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { createRef } from 'react';
+import { Text, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { DEFAULT_CLASS } from './wheelpicker.styles';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+export class WmWheelPickerState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "selectedIndex", 0);
+  }
+}
+export class WmWheelScrollPicker extends BaseComponent {
+  constructor(_props) {
+    super(_props, DEFAULT_CLASS);
+    _defineProperty(this, "wheelPickerRef", null);
+    _defineProperty(this, "handleWheelScroll", event => {
+      // console.log('scroll =>', event.nativeEvent.contentOffset);
+      const selectedIdx = Math.round(event.nativeEvent.contentOffset.y / this.props.itemHeight);
+      this.setState({
+        selectedIndex: selectedIdx
+      });
+    });
+    _defineProperty(this, "handleWheelMomentumEnd", () => {
+      var _this$props$onValueCh, _this$props;
+      const props = this.props;
+      const state = this.state;
+      const selectedData = props.data[state.selectedIndex];
+      (_this$props$onValueCh = (_this$props = this.props).onValueChange) === null || _this$props$onValueCh === void 0 || _this$props$onValueCh.call(_this$props, selectedData, state.selectedIndex);
+    });
+    this.wheelPickerRef = /*#__PURE__*/createRef();
+  }
+  initialScrollTo() {
+    var _this$wheelPickerRef, _this$wheelPickerRef$;
+    const props = this.props;
+    const y = props.itemHeight * props.selectedIndex;
+    (_this$wheelPickerRef = this.wheelPickerRef) === null || _this$wheelPickerRef === void 0 || (_this$wheelPickerRef = _this$wheelPickerRef.current) === null || _this$wheelPickerRef === void 0 || (_this$wheelPickerRef$ = _this$wheelPickerRef.scrollTo) === null || _this$wheelPickerRef$ === void 0 || _this$wheelPickerRef$.call(_this$wheelPickerRef, {
+      y: y,
+      animated: false
+    });
+    this.setState({
+      selectedIndex: props.selectedIndex || 0
+    });
+  }
+  renderWidget(props) {
+    const state = this.state;
+    const styles = this.styles;
+    const {
+      data,
+      wrapperHeight,
+      itemHeight
+    } = props;
+    const scrollOffset = (wrapperHeight - itemHeight) / 2;
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.root, {
+        height: wrapperHeight
+      }],
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      ref: this.wheelPickerRef,
+      scrollEventThrottle: 16,
+      contentContainerStyle: {
+        paddingVertical: scrollOffset
+      },
+      showsVerticalScrollIndicator: false,
+      onLayout: () => this.initialScrollTo(),
+      onScroll: this.handleWheelScroll,
+      onMomentumScrollEnd: this.handleWheelMomentumEnd,
+      decelerationRate: "fast",
+      snapToInterval: itemHeight // your snap points
+    }, data.map((item, index) => {
+      const isSelected = index === state.selectedIndex;
+      return /*#__PURE__*/React.createElement(View, {
+        key: `data_item_${index}`,
+        style: [styles.center, styles.itemBg, {
+          height: itemHeight
+        }]
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: isSelected ? [styles.selectedItemText] : [styles.itemText]
+      }, item));
+    })), /*#__PURE__*/React.createElement(View, {
+      style: [styles.selectedItemBg, {
+        height: itemHeight,
+        top: scrollOffset
+      }]
+    }));
+  }
+}
+export default WmWheelScrollPicker;
+//# sourceMappingURL=wheelpicker.component.js.map

package/components/input/epoch/wheelpicker/wheelpicker.component.js.map

@@ -0,0 +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","onLayout","handleLayout","ref","scrollEventThrottle","contentContainerStyle","paddingVertical","showsVerticalScrollIndicator","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 \n        style={[styles.root, {height: wrapperHeight}]}\n        onLayout={(event) => this.handleLayout(event)}\n      >\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":[]}

package/components/input/epoch/wheelpicker/wheelpicker.props.js

@@ -0,0 +1,17 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
+import { PixelRatio } from "react-native";
+export const defaultItemHeight = PixelRatio.roundToNearestPixel(50);
+export default class WmWheelPickerProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "data", []);
+    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
+    _defineProperty(this, "itemHeight", defaultItemHeight);
+    _defineProperty(this, "selectedIndex", 0);
+    _defineProperty(this, "onValueChange", void 0);
+  }
+}
+//# sourceMappingURL=wheelpicker.props.js.map

package/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js

@@ -0,0 +1,80 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';
+import WmWheelDatePicker from '../../wheel-date-picker.component';
+import WmButton from '../../../../basic/button/button.component';
+import { DEFAULT_CLASS } from '../styles/datetime-picker-modal.styles';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmDatePickerModalProps from './date-picker-modal.props';
+export class WmDatePickerModalState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "selectedDate", new Date());
+  }
+}
+export class WmDatePickerModal extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());
+  }
+  renderWidget() {
+    const {
+      isVisible,
+      minDate,
+      maxDate,
+      onClose,
+      onCancel,
+      onSelect,
+      dateheadertitle,
+      dateconfirmationtitle,
+      datecanceltitle
+    } = this.props;
+    const {
+      selectedDate
+    } = this.state;
+    const {
+      styles
+    } = this;
+    return /*#__PURE__*/React.createElement(Modal, {
+      animationType: "fade",
+      transparent: true,
+      visible: isVisible,
+      onRequestClose: onClose,
+      onDismiss: onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      style: styles.flex1,
+      onPress: onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.flex1
+    })), /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.header
+    }, dateheadertitle), /*#__PURE__*/React.createElement(WmWheelDatePicker, {
+      minDate: minDate,
+      maxDate: maxDate,
+      selectedDate: this.props.selectedDate || selectedDate,
+      onDateChange: date => {
+        this.setState({
+          selectedDate: date
+        });
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.buttonWrapper
+    }, /*#__PURE__*/React.createElement(WmButton, {
+      styles: styles.cancelBtn,
+      caption: datecanceltitle,
+      onTap: onCancel
+    }), /*#__PURE__*/React.createElement(WmButton, {
+      styles: styles.selectBtn,
+      caption: dateconfirmationtitle,
+      onTap: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedDate || this.props.selectedDate || new Date())
+    })))));
+  }
+}
+export default WmDatePickerModal;
+//# sourceMappingURL=date-picker-modal.component.js.map

package/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js.map

@@ -0,0 +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","dateheadertitle","dateconfirmationtitle","datecanceltitle","selectedDate","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","style","root","onLayout","event","handleLayout","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, dateheadertitle, dateconfirmationtitle, datecanceltitle } = 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} onLayout={(event) => this.handleLayout(event)}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>{dateheadertitle}</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={datecanceltitle}\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption={dateconfirmationtitle}\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":[]}

package/components/input/epoch/wheelpickermodal/date/date-picker-modal.props.js

@@ -0,0 +1,20 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
+export default class 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);
+    _defineProperty(this, "onCancel", void 0);
+    _defineProperty(this, "dateheadertitle", "Select Date");
+    _defineProperty(this, "dateconfirmationtitle", "Select");
+    _defineProperty(this, "datecanceltitle", "Cancel");
+  }
+}
+//# sourceMappingURL=date-picker-modal.props.js.map

package/components/input/epoch/wheelpickermodal/time/time-picker-modal.component.js

@@ -0,0 +1,78 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';
+import WmWheelTimePicker from '../../wheel-time-picker.component';
+import WmButton from '../../../../basic/button/button.component';
+import { DEFAULT_CLASS } from '../styles/datetime-picker-modal.styles';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmTimePickerModalProps from './time-picker-modal.props';
+export class WmTimePickerModalState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "selectedTime", new Date());
+  }
+}
+export class WmTimePickerModal extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTimePickerModalProps());
+  }
+  renderWidget(props) {
+    const {
+      is24Hour,
+      isVisible,
+      onClose,
+      onCancel,
+      onSelect,
+      timeheadertitle,
+      timeconfirmationtitle,
+      timecanceltitle
+    } = this.props;
+    const {
+      selectedTime
+    } = this.state;
+    const {
+      styles
+    } = this;
+    return /*#__PURE__*/React.createElement(Modal, {
+      animationType: "fade",
+      transparent: true,
+      visible: isVisible,
+      onRequestClose: onClose,
+      onDismiss: onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+      style: styles.flex1,
+      onPress: onClose
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.flex1
+    })), /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.header
+    }, timeheadertitle), /*#__PURE__*/React.createElement(WmWheelTimePicker, {
+      selectedTime: this.props.selectedDateTime || selectedTime,
+      is24Hour: is24Hour,
+      onTimeChange: time => {
+        this.setState({
+          selectedTime: time
+        });
+      }
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.buttonWrapper
+    }, /*#__PURE__*/React.createElement(WmButton, {
+      styles: styles.cancelBtn,
+      caption: timecanceltitle,
+      onTap: onCancel
+    }), /*#__PURE__*/React.createElement(WmButton, {
+      styles: styles.selectBtn,
+      caption: timeconfirmationtitle,
+      onTap: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedTime || this.props.selectedDateTime || new Date().setSeconds(0))
+    })))));
+  }
+}
+export default WmTimePickerModal;
+//# sourceMappingURL=time-picker-modal.component.js.map

package/components/input/epoch/wheelpickermodal/time/time-picker-modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","Text","TouchableWithoutFeedback","View","WmWheelTimePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmTimePickerModalProps","WmTimePickerModalState","constructor","args","_defineProperty","Date","WmTimePickerModal","props","renderWidget","is24Hour","isVisible","onClose","onCancel","onSelect","timeheadertitle","timeconfirmationtitle","timecanceltitle","selectedTime","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","style","root","onLayout","event","handleLayout","flex1","onPress","container","header","selectedDateTime","onTimeChange","time","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn","setSeconds"],"sources":["time-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport WmWheelTimePicker from '../../wheel-time-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 WmTimePickerModalProps from './time-picker-modal.props';\n\nexport class WmTimePickerModalState extends BaseComponentState<WmTimePickerModalProps> {\n  selectedTime: Date = new Date();\n}\n\nexport class WmTimePickerModal extends BaseComponent<\n  WmTimePickerModalProps,\n  WmTimePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmTimePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmTimePickerModalProps());\n  }\n\n  renderWidget(props: WmTimePickerModalProps) {\n    const { is24Hour, isVisible, onClose, onCancel, onSelect, timeheadertitle, timeconfirmationtitle, timecanceltitle } = this.props;\n    const { selectedTime } = 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} onLayout={(event) => this.handleLayout(event)}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>{timeheadertitle}</Text>\n            <WmWheelTimePicker\n              selectedTime={this.props.selectedDateTime || selectedTime}\n              is24Hour={is24Hour}\n              onTimeChange={(time) => {\n                this.setState({ selectedTime: time });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption={timecanceltitle}\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption={timeconfirmationtitle}\n                onTap={() => onSelect?.(selectedTime || this.props.selectedDateTime || new Date().setSeconds(0))}\n              />\n            </View>\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nexport default WmTimePickerModal;\n"],"mappings":"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","ignoreList":[]}

package/components/input/epoch/wheelpickermodal/time/time-picker-modal.props.js

@@ -0,0 +1,19 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from "@wavemaker/app-rn-runtime/core/base.component";
+export default class WmTimePickerModalProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isVisible", false);
+    _defineProperty(this, "selectedDateTime", void 0);
+    _defineProperty(this, "is24Hour", true);
+    _defineProperty(this, "onClose", void 0);
+    _defineProperty(this, "onSelect", void 0);
+    _defineProperty(this, "onCancel", void 0);
+    _defineProperty(this, "timeheadertitle", "Select Time");
+    _defineProperty(this, "timeconfirmationtitle", "Select");
+    _defineProperty(this, "timecanceltitle", "Cancel");
+  }
+}
+//# sourceMappingURL=time-picker-modal.props.js.map

package/components/input/fileupload/fileupload.component.js

@@ -0,0 +1,61 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Platform, View } from 'react-native';
+import * as DocumentPicker from 'expo-document-picker';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+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);
+    _defineProperty(this, "selectedFiles", void 0);
+  }
+}
+const namedParameters = {
+  copyToCacheDirectory: false,
+  multiple: false,
+  type: '*/*'
+};
+export default class WmFileupload extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmFileuploadProps());
+  }
+  onTap(props) {
+    namedParameters.type = getMimeType(props.contenttype);
+    DocumentPicker.getDocumentAsync(namedParameters).then(response => {
+      let selectedFile;
+      if (Platform.OS !== 'web') {
+        selectedFile = response.assets[0];
+        selectedFile.type = selectedFile.mimeType;
+      } else {
+        selectedFile = [response.assets[0].file];
+      }
+      this.invokeEventCallback('onBeforeselect', [null, this.proxy, selectedFile]);
+      this.updateState({
+        props: {
+          selectedFiles: selectedFile
+        }
+      }, this.invokeEventCallback.bind(this, 'onSelect', [null, this.proxy, selectedFile]));
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, /*#__PURE__*/React.createElement(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)
+    }));
+  }
+}
+//# sourceMappingURL=fileupload.component.js.map

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

@@ -0,0 +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","onLayout","event","handleLayout","_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} onLayout={(event) => this.handleLayout(event)}>\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;MAACC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GACjF,IAAI,CAACE,WAAW,eACjB3C,KAAA,CAAAoC,aAAA,CAAC5B,QAAQ;MAACoC,kBAAkB,EAAEzB,KAAK,CAACyB,kBAAkB,IAAIzB,KAAK,CAAC0B,OAAQ;MAACC,IAAI,EAAI3B,KAAK,CAAC2B,IAAK;MAACC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,CAAE;MAACC,SAAS,EAAE9B,KAAK,CAAC8B,SAAU;MAACJ,OAAO,EAAE1B,KAAK,CAAC0B,OAAQ;MAACP,MAAM,EAAE,IAAI,CAACA,MAAM,CAACY,MAAO;MAACC,QAAQ,EAAEhC,KAAK,CAACgC,QAAS;MAAC/B,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACA,KAAK,CAACc,IAAI,CAAC,IAAI,CAAC,CAACf,KAAK;IAAE,CAAW,CAC9Q,CAAC;EACT;AACF","ignoreList":[]}

package/components/input/fileupload/fileupload.props.js

@@ -0,0 +1,17 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmFileuploadProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "iconclass", 'wm-sl-l sl-cloud-upload');
+    _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);
+  }
+}
+//# sourceMappingURL=fileupload.props.js.map