@wavemaker/app-rn-runtime 11.8.5-patch.2 → 11.8.5-rc.187

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

@@ -0,0 +1,191 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/****
+ * Copied code from a repo with no active maintenance.
+ * https://github.com/hungdev/react-native-customize-selected-date
+ * That js lib was converted to ts and fixed bugs. 
+ */
+import React, { Component } from 'react';
+import { Text, View, FlatList, TouchableOpacity } from 'react-native';
+import moment from 'moment';
+import styles from './month-view.styles';
+import _ from 'lodash';
+export class MonthViewProps {
+  constructor() {
+    _defineProperty(this, "testID", null);
+    _defineProperty(this, "accessibilityLabel", null);
+    _defineProperty(this, "date", null);
+    _defineProperty(this, "minDate", moment('1990-01-01', 'YYYY-MM-DD'));
+    _defineProperty(this, "maxDate", moment('2100-01-01', 'YYYY-MM-DD'));
+    _defineProperty(this, "customMonth", ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']);
+    _defineProperty(this, "customWeekdays", ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']);
+    _defineProperty(this, "renderPrevYearButton", null);
+    _defineProperty(this, "format", 'YYYY-MM-DD');
+    _defineProperty(this, "renderPrevMonthButton", null);
+    _defineProperty(this, "renderNextYearButton", null);
+    _defineProperty(this, "renderNextMonthButton", null);
+    _defineProperty(this, "renderChildDay", day => /*#__PURE__*/React.createElement(React.Fragment, null));
+    _defineProperty(this, "selectDate", day => {});
+    //style
+    _defineProperty(this, "getDayStyle", date => ({}));
+    _defineProperty(this, "containerStyle", null);
+    _defineProperty(this, "warpRowControlMonthYear", null);
+    _defineProperty(this, "warpRowWeekdays", null);
+    _defineProperty(this, "weekdayStyle", null);
+    _defineProperty(this, "textDayStyle", null);
+    _defineProperty(this, "currentDayStyle", null);
+    _defineProperty(this, "currentDayTextStyle", null);
+    _defineProperty(this, "notDayOfCurrentMonthStyle", null);
+    _defineProperty(this, "warpDayStyle", null);
+    _defineProperty(this, "dateSelectedWarpDayStyle", null);
+    _defineProperty(this, "selectedDayTextStyle", null);
+    _defineProperty(this, "monthTextStyle", null);
+    _defineProperty(this, "yearTextStyle", null);
+  }
+}
+export class MonthViewState {
+  constructor(selectedDate = moment()) {
+    this.selectedDate = selectedDate;
+    _defineProperty(this, "viewMode", 'day');
+    _defineProperty(this, "currentYear", null);
+  }
+}
+export class MonthView extends Component {
+  constructor(props) {
+    super(props);
+    this.state = new MonthViewState(this.props.date);
+  }
+  calendarArray(date) {
+    const dates = [];
+    const currDate = date.clone().startOf('month').startOf('week');
+    for (let i = 0; i < 42; i += 1) {
+      dates[i] = currDate.clone();
+      currDate.add(1, 'day');
+    }
+    return dates;
+  }
+  renderDay(day) {
+    var _this$props$date, _this$props$date2;
+    const {
+      warpDayStyle,
+      dateSelectedWarpDayStyle,
+      renderChildDay,
+      textDayStyle,
+      currentDayStyle,
+      currentDayTextStyle,
+      notDayOfCurrentMonthStyle,
+      selectedDayTextStyle
+    } = this.props;
+    const dateSelected = (_this$props$date = this.props.date) === null || _this$props$date === void 0 ? void 0 : _this$props$date.isSame(day);
+    const isCurrent = moment().isSame(day, 'date');
+    const notCurrentMonth = !((_this$props$date2 = this.props.date) !== null && _this$props$date2 !== void 0 && _this$props$date2.isSame(day, 'month'));
+    const dateStyle = (this.props.getDayStyle ? this.props.getDayStyle(day) : null) || {};
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      testID: this.props.testID + '_' + day.format('yyyy_mm_dd'),
+      accessibilityLabel: this.props.testID + '_' + day.format('yyyy_mm_dd'),
+      onPress: () => this.selectDate(day),
+      style: [styles.warpDay, warpDayStyle, isCurrent ? currentDayStyle : {}, dateSelected ? {
+        backgroundColor: '#2C1F23',
+        ...dateSelectedWarpDayStyle
+      } : {}, dateStyle.containerStyle]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.day, textDayStyle, isCurrent ? currentDayTextStyle : {}, notCurrentMonth ? {
+        color: '#493D40',
+        ...notDayOfCurrentMonthStyle
+      } : {}, dateSelected ? {
+        color: '#000',
+        ...selectedDayTextStyle
+      } : {}, dateStyle.textStyle]
+    }, day.get('date')), renderChildDay && renderChildDay(day)));
+  }
+  selectDate(date) {
+    if (this.isDateEnable(date)) {
+      this.props.selectDate && this.props.selectDate(date);
+    }
+  }
+  yearMonthChange(unit, type) {
+    this.selectDate((this.props.date || moment()).clone().add(unit, type).startOf('month'));
+  }
+  isDateEnable(date) {
+    const {
+      minDate,
+      maxDate
+    } = this.props;
+    return (minDate === null || minDate === void 0 ? void 0 : minDate.isSameOrBefore(date)) && (maxDate === null || maxDate === void 0 ? void 0 : maxDate.isSameOrAfter(date));
+  }
+  render() {
+    var _this$props$date3, _this$props$date4;
+    const {
+      renderPrevYearButton,
+      renderPrevMonthButton,
+      renderNextYearButton,
+      renderNextMonthButton,
+      weekdayStyle,
+      customWeekdays,
+      warpRowWeekdays,
+      warpRowControlMonthYear,
+      monthTextStyle,
+      yearTextStyle
+    } = this.props;
+    const weekdays = customWeekdays || ['Sun', 'Mon', 'Tus', 'Wes', 'Thu', 'Fri', 'Sat'];
+    const data = this.calendarArray(this.props.date || moment());
+    const dayOfWeek = [];
+    const month = this.props.customMonth ? this.props.customMonth[((_this$props$date3 = this.props.date) === null || _this$props$date3 === void 0 ? void 0 : _this$props$date3.get('month')) || 0] : 'Jan';
+    const year = ((_this$props$date4 = this.props.date) === null || _this$props$date4 === void 0 ? void 0 : _this$props$date4.get('year')) || 1;
+    _.forEach(weekdays, element => {
+      dayOfWeek.push( /*#__PURE__*/React.createElement(Text, {
+        key: element,
+        style: [styles.weekdays, weekdayStyle]
+      }, element));
+    });
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.container, this.props.containerStyle]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [{
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'center'
+      }, warpRowControlMonthYear]
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => this.yearMonthChange(-1, 'month')
+    }, renderPrevMonthButton ? renderPrevMonthButton() : /*#__PURE__*/React.createElement(Text, null, '<')), /*#__PURE__*/React.createElement(View, {
+      style: {
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.txtHeaderDate, monthTextStyle]
+    }, month + '  '), /*#__PURE__*/React.createElement(Text, {
+      style: [styles.txtHeaderDate, yearTextStyle]
+    }, year)), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => this.yearMonthChange(1, 'month')
+    }, renderNextMonthButton ? renderNextMonthButton() : /*#__PURE__*/React.createElement(Text, null, '>'))), /*#__PURE__*/React.createElement(View, {
+      style: [{
+        flexDirection: 'row',
+        justifyContent: 'space-around'
+      }, warpRowWeekdays]
+    }, dayOfWeek), /*#__PURE__*/React.createElement(FlatList, {
+      data: data,
+      keyExtractor: item => '' + item.toDate().getTime(),
+      renderItem: ({
+        item
+      }) => this.renderDay(item),
+      extraData: this.state,
+      columnWrapperStyle: {
+        justifyContent: 'space-between'
+      },
+      numColumns: 7,
+      style: {
+        padding: 4
+      }
+    }));
+  }
+}
+_defineProperty(MonthView, "defaultProps", new MonthViewProps());
+//# sourceMappingURL=month-view.js.map

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

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

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

@@ -0,0 +1,101 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(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 { Text, TouchableOpacity } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
+import WmCheckboxProps from './checkbox.props';
+import { DEFAULT_CLASS } from './checkbox.styles';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+export class WmCheckboxState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isChecked", false);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "errorType", '');
+  }
+}
+export default class WmCheckbox extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());
+  }
+  setChecked(dataValue, checkedvalue) {
+    const value = unStringify(dataValue) === unStringify(checkedvalue, true);
+    this.updateState({
+      isChecked: value
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'checkedvalue':
+        this.setChecked(this.state.props.datavalue, $new);
+        break;
+      case 'datavalue':
+        this.setChecked($new, this.state.props.checkedvalue);
+        break;
+    }
+  }
+  updateDatavalue(value) {
+    this.updateState({
+      props: {
+        datavalue: value
+      }
+    });
+  }
+  validate(value) {
+    const validationObj = validateField(this.state.props, value);
+    this.updateState({
+      isValid: validationObj.isValid,
+      errorType: validationObj.errorType
+    });
+  }
+  onPress() {
+    if (this.state.props.disabled || this.state.props.readonly) {
+      return;
+    }
+    this.invokeEventCallback('onFocus', [null, this.proxy]);
+    this.invokeEventCallback('onTap', [null, this.proxy]);
+    const oldValue = this.state.props.datavalue;
+    const value = !this.state.isChecked;
+    this.validate(value);
+    this.updateState({
+      isChecked: value
+    });
+    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;
+    this.updateState({
+      props: {
+        datavalue: dataValue
+      }
+    }, () => {
+      if (!this.props.onFieldChange) {
+        this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);
+      } else {
+        this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);
+      }
+      this.invokeEventCallback('onBlur', [null, this.proxy]);
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(), {
+      style: this.styles.root,
+      onPress: this.onPress.bind(this)
+    }, getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {
+      hint: props === null || props === void 0 ? void 0 : props.hint,
+      checked: this.state.isChecked
+    }), {
+      accessibilityRole: "checkbox",
+      accessibilityLabel: `Checkbox for ${props.caption}`
+    }), this._background, /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-check",
+      styles: this.state.isChecked ? this.styles.checkicon : this.styles.uncheckicon,
+      disabled: props.readonly || props.disabled,
+      id: this.getTestId('checkbox')
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(), {
+      style: this.styles.text
+    }), props.caption));
+  }
+}
+//# sourceMappingURL=checkbox.component.js.map

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

@@ -0,0 +1,18 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCheckboxProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "caption", null);
+    _defineProperty(this, "datavalue", false);
+    _defineProperty(this, "checkedvalue", true);
+    _defineProperty(this, "uncheckedvalue", false);
+    _defineProperty(this, "readonly", null);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "invokeEvent", void 0);
+    _defineProperty(this, "hint", undefined);
+  }
+}
+//# sourceMappingURL=checkbox.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCheckboxProps","constructor","args","_defineProperty","undefined"],"sources":["checkbox.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCheckboxProps extends BaseProps {\n  caption: string = null as any;\n  datavalue = false;\n  checkedvalue: any = true;\n  uncheckedvalue: any = false;\n  readonly: boolean = null as any;\n  onFieldChange: any;\n  invokeEvent?: Function;\n  hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACnC,IAAI;IAAAA,eAAA,oBACV,KAAK;IAAAA,eAAA,uBACG,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA,mBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,eAGRC,SAAS;EAAA;AAC3B","ignoreList":[]}

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

@@ -0,0 +1,144 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(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 { Text, View, TouchableOpacity } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { find, forEach, isEqual, isEmpty } from 'lodash';
+import WmCheckboxsetProps from './checkboxset.props';
+import { DEFAULT_CLASS } from './checkboxset.styles';
+import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';
+import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
+export class WmCheckboxsetState extends BaseDatasetState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "template", "");
+  }
+}
+export default class WmCheckboxset extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());
+  }
+  onPress(item) {
+    if (this.state.props.disabled || this.state.props.readonly) {
+      return;
+    }
+    this.invokeEventCallback('onTap', [null, this.proxy]);
+    item.selected = !item.selected;
+    const selectedValue = [];
+    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));
+    const oldValue = this.state.props.datavalue;
+    selectedItem.selected = item.selected;
+    forEach(this.state.dataItems, item => {
+      if (item.selected) {
+        selectedValue.push(item.datafield);
+      }
+    });
+    this.validate(selectedValue);
+    this.updateState({
+      props: {
+        datavalue: selectedValue
+      }
+    }, () => {
+      this.computeDisplayValue();
+      this.invokeEventCallback('onChange', [undefined, this.proxy, selectedValue, oldValue]);
+    });
+  }
+  renderChild(item, index, colWidth) {
+    const props = this.state.props;
+    const displayText = item.displayexp || item.displayfield;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(index + ''), {
+      style: [this.styles.item, item.selected ? this.styles.checkedItem : null, {
+        width: colWidth
+      }],
+      onPress: this.onPress.bind(this, item),
+      key: item.key
+    }, getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {
+      hint: props === null || props === void 0 ? void 0 : props.hint,
+      checked: item.selected
+    }), {
+      accessibilityRole: "checkbox",
+      accessibilityLabel: `Checkbox for ${displayText}`
+    }), /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-check",
+      styles: item.selected ? this.styles.checkicon : this.styles.uncheckicon,
+      disabled: props.readonly || props.disabled,
+      id: this.getTestId('item' + index)
+    }), !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
+      style: this.styles.text
+    }), displayText));
+  }
+  computeDisplayValue() {
+    this.updateState({
+      props: {
+        displayValue: (this.state.dataItems || []).filter(item => item.selected).map(item => item.displayexp || item.displayfield) || ''
+      }
+    });
+  }
+  updateDatavalue(value) {
+    this.updateState({
+      props: {
+        datavalue: value
+      }
+    });
+    return Promise.resolve();
+  }
+  setTemplate(partialName) {
+    this.updateState({
+      template: partialName
+    });
+  }
+  renderGroupby() {
+    const groupedData = this.state.groupedData;
+    return /*#__PURE__*/React.createElement(View, null, groupedData && groupedData.length ? groupedData.map((groupObj, index) => {
+      return /*#__PURE__*/React.createElement(View, {
+        key: groupObj.key
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.groupHeaderTitle
+      }, groupObj.key), this.renderCheckboxses(groupObj.data));
+    }) : null);
+  }
+  renderCheckboxses(items) {
+    const props = this.state.props;
+    const noOfColumns = props.itemsperrow.xs || 1;
+    const colWidth = Math.round(100 / noOfColumns) + '%';
+    return /*#__PURE__*/React.createElement(View, {
+      style: noOfColumns === 1 ? {} : {
+        flexWrap: 'wrap',
+        flexDirection: 'row'
+      }
+    }, 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 : 3)].map(_ => {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.item, {
+          width: colWidth
+        }]
+      }, /*#__PURE__*/React.createElement(WmIcon, {
+        styles: this.styles.checkicon
+      }), /*#__PURE__*/React.createElement(WmLabel, {
+        styles: {
+          root: this.styles.text
+        }
+      }));
+    });
+  }
+  renderWidget(props) {
+    const items = this.state.dataItems;
+    return /*#__PURE__*/React.createElement(ScrollView, {
+      style: this.styles.root
+    }, /*#__PURE__*/React.createElement(ScrollView, {
+      horizontal: true
+    }, props.groupby && this.renderGroupby(), !props.groupby && this.renderCheckboxses(items)));
+  }
+}
+//# sourceMappingURL=checkboxset.component.js.map

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

@@ -0,0 +1,21 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';
+export default class WmCheckboxsetProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", 'Option 1, Option 2, Option 3');
+    _defineProperty(this, "displayValue", '');
+    _defineProperty(this, "required", false);
+    _defineProperty(this, "itemsperrow", {
+      xs: 1,
+      sm: 1,
+      md: 1,
+      lg: 1
+    });
+    _defineProperty(this, "renderitempartial", void 0);
+    _defineProperty(this, "numberofskeletonitems", void 0);
+  }
+}
+//# sourceMappingURL=checkboxset.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmCheckboxsetProps","constructor","args","_defineProperty","xs","sm","md","lg"],"sources":["checkboxset.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\n\nexport default class WmCheckboxsetProps extends BaseDatasetProps {\n  dataset: any = 'Option 1, Option 2, Option 3';\n  displayValue: any = '';\n  required: boolean = false;\n  itemsperrow =  {\n    xs: 1,\n    sm: 1,\n    md: 1,\n    lg: 1,\n };\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n  numberofskeletonitems?: number | string\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAEvG,eAAe,MAAMC,kBAAkB,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAChD,8BAA8B;IAAAA,eAAA,uBACzB,EAAE;IAAAA,eAAA,mBACF,KAAK;IAAAA,eAAA,sBACV;MACbC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACP,CAAC;IAAAJ,eAAA;IAAAA,eAAA;EAAA;AAGF","ignoreList":[]}