@wavemaker/app-rn-runtime 11.7.0-patch.6 → 11.7.0-rc.162

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":";;;AAAA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SACEC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,gBAAgB,QAGX,cAAc;AACrB,OAAOC,MAAM,MAAkB,QAAQ;AACvC,OAAOC,MAAM,MAAM,qBAAqB;AACxC,OAAOC,CAAC,MAAM,QAAQ;AAEtB,OAAO,MAAMC,cAAc,CAAC;EAAAC,YAAA;IAAAC,eAAA,iBACR,IAAI;IAAAA,eAAA,6BACQ,IAAI;IAAAA,eAAA,eAClB,IAAI;IAAAA,eAAA,kBACTL,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC;IAAAK,eAAA,kBAClCL,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC;IAAAK,eAAA,sBACpB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;IAAAA,eAAA,yBACjF,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;IAAAA,eAAA,+BAC9B,IAAI;IAAAA,eAAA,iBAC3C,YAAY;IAAAA,eAAA,gCAC4B,IAAI;IAAAA,eAAA,+BACL,IAAI;IAAAA,eAAA,gCACH,IAAI;IAAAA,eAAA,yBACjCC,GAAW,iBAAMZ,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAc,QAAA,MAAI,CAAE;IAAAH,eAAA,qBAC3BC,GAAW,IAAK,CAAC,CAAC;IACjC;IAAAD,eAAA,sBACgBI,IAAY,KAAM,CAAC,CAAC,CAAC;IAAAJ,eAAA,yBACR,IAAI;IAAAA,eAAA,kCACK,IAAI;IAAAA,eAAA,0BACZ,IAAI;IAAAA,eAAA,uBACP,IAAI;IAAAA,eAAA,uBACJ,IAAI;IAAAA,eAAA,0BACD,IAAI;IAAAA,eAAA,8BACA,IAAI;IAAAA,eAAA,oCACE,IAAI;IAAAA,eAAA,uBACjB,IAAI;IAAAA,eAAA,mCACQ,IAAI;IAAAA,eAAA,+BACR,IAAI;IAAAA,eAAA,yBACV,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAClC;AAEA,OAAO,MAAMK,cAAc,CAAC;EAG1BN,WAAWA,CAAQO,YAAoB,GAAGX,MAAM,CAAC,CAAC,EAAE;IAAA,KAAjCW,YAAoB,GAApBA,YAAoB;IAAAN,eAAA,mBAF5B,KAAK;IAAAA,eAAA,sBACM,IAAI;EAG1B;AACF;AAEA,OAAO,MAAMO,SAAS,SAASjB,SAAS,CAAiC;EAIvES,WAAWA,CAACS,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG,IAAIJ,cAAc,CAAC,IAAI,CAACG,KAAK,CAACJ,IAAI,CAAC;EAClD;EAEAM,aAAaA,CAAEN,IAAY,EAAY;IACrC,MAAMO,KAAe,GAAG,EAAE;IAC1B,MAAMC,QAAQ,GAAGR,IAAI,CAACS,KAAK,CAAC,CAAC,CAACC,OAAO,CAAC,OAAO,CAAC,CAACA,OAAO,CAAC,MAAM,CAAC;IAC9D,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,EAAE,EAAEA,CAAC,IAAI,CAAC,EAAE;MAC9BJ,KAAK,CAACI,CAAC,CAAC,GAAGH,QAAQ,CAACC,KAAK,CAAC,CAAC;MAC3BD,QAAQ,CAACI,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC;IACxB;IACA,OAAOL,KAAK;EACd;EAEAM,SAASA,CAAChB,GAAW,EAAE;IAAA,IAAAiB,gBAAA,EAAAC,iBAAA;IACrB,MAAM;MAAEC,YAAY;MAAEC,wBAAwB;MAC5CC,cAAc;MAAEC,YAAY;MAAEC,eAAe;MAAEC,mBAAmB;MAAEC,yBAAyB;MAAEC;IAAqB,CAAC,GAAG,IAAI,CAACnB,KAAK;IACpI,MAAMoB,YAAY,IAAAV,gBAAA,GAAG,IAAI,CAACV,KAAK,CAACJ,IAAI,cAAAc,gBAAA,uBAAfA,gBAAA,CAAiBW,MAAM,CAAC5B,GAAG,CAAC;IACjD,MAAM6B,SAAS,GAAGnC,MAAM,CAAC,CAAC,CAACkC,MAAM,CAAC5B,GAAG,EAAE,MAAM,CAAC;IAC9C,MAAM8B,eAAe,GAAG,GAAAZ,iBAAA,GAAC,IAAI,CAACX,KAAK,CAACJ,IAAI,cAAAe,iBAAA,eAAfA,iBAAA,CAAiBU,MAAM,CAAC5B,GAAG,EAAE,OAAO,CAAC;IAC9D,MAAM+B,SAAS,GAAI,CAAC,IAAI,CAACxB,KAAK,CAACyB,WAAW,GAAG,IAAI,CAACzB,KAAK,CAACyB,WAAW,CAAChC,GAAG,CAAC,GAAG,IAAI,KAAK,CAAC,CAAS;IAC9F,oBACEZ,KAAA,CAAAa,aAAA,CAACR,gBAAgB;MACfwC,MAAM,EAAE,IAAI,CAAC1B,KAAK,CAAC0B,MAAM,GAAG,GAAG,GAAGjC,GAAG,CAACkC,MAAM,CAAC,YAAY,CAAE;MAC3DC,kBAAkB,EAAE,IAAI,CAAC5B,KAAK,CAAC0B,MAAM,GAAG,GAAG,GAAGjC,GAAG,CAACkC,MAAM,CAAC,YAAY,CAAE;MACvEE,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,UAAU,CAACrC,GAAG,CAAE;MACpCsC,KAAK,EAAE,CAAC3C,MAAM,CAAC4C,OAAO,EAAEpB,YAAY,EAClCU,SAAS,GAAGN,eAAe,GAAG,CAAC,CAAC,EAChCI,YAAY,GAAG;QAAEa,eAAe,EAAE,SAAS;QAAE,GAAGpB;MAAyB,CAAC,GAAG,CAAC,CAAC,EAC/EW,SAAS,CAACU,cAAc;IAAE,gBAE5BrD,KAAA,CAAAa,aAAA,CAACV,IAAI;MAAC+C,KAAK,EAAE;QAACI,aAAa,EAAE,QAAQ;QAAEC,cAAc,EAAE,QAAQ;QAAEC,UAAU,EAAE;MAAQ;IAAE,gBACrFxD,KAAA,CAAAa,aAAA,CAACX,IAAI;MAACgD,KAAK,EAAE,CAAC3C,MAAM,CAACK,GAAG,EAAEsB,YAAY,EACpCO,SAAS,GAAGL,mBAAmB,GAAG,CAAC,CAAC,EACpCM,eAAe,GAAG;QAAEe,KAAK,EAAE,SAAS;QAAE,GAAGpB;MAA0B,CAAC,GAAG,CAAC,CAAC,EACzEE,YAAY,GAAG;QAAEkB,KAAK,EAAE,MAAM;QAAE,GAAGnB;MAAqB,CAAC,GAAG,CAAC,CAAC,EAC9DK,SAAS,CAACe,SAAS;IAAE,GACpB9C,GAAG,CAAC+C,GAAG,CAAC,MAAM,CACX,CAAC,EACN1B,cAAc,IAAIA,cAAc,CAACrB,GAAG,CACjC,CACU,CAAC;EAEvB;EAEAqC,UAAUA,CAAClC,IAAY,EAAE;IACvB,IAAI,IAAI,CAAC6C,YAAY,CAAC7C,IAAI,CAAC,EAAE;MAC3B,IAAI,CAACI,KAAK,CAAC8B,UAAU,IAAI,IAAI,CAAC9B,KAAK,CAAC8B,UAAU,CAAClC,IAAI,CAAC;IACtD;EACF;EAEA8C,eAAeA,CAACC,IAAY,EAAEC,IAAY,EAAE;IAC1C,IAAI,CAACd,UAAU,CAAC,CAAC,IAAI,CAAC9B,KAAK,CAACJ,IAAI,IAAIT,MAAM,CAAC,CAAC,EAAEkB,KAAK,CAAC,CAAC,CAACG,GAAG,CAACmC,IAAI,EAAEC,IAAW,CAAC,CAACtC,OAAO,CAAC,OAAO,CAAC,CAAC;EAChG;EAEAmC,YAAYA,CAAC7C,IAAY,EAAE;IACzB,MAAM;MAAEiD,OAAO;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAAC9C,KAAK;IACvC,OAAO,CAAA6C,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,cAAc,CAACnD,IAAI,CAAC,MAAIkD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,aAAa,CAACpD,IAAI,CAAC;EACtE;EAEAqD,MAAMA,CAAA,EAAG;IAAA,IAAAC,iBAAA,EAAAC,iBAAA;IACP,MAAM;MACJC,oBAAoB;MAAEC,qBAAqB;MAC3CC,oBAAoB;MAAEC,qBAAqB;MAC3CC,YAAY;MAAEC,cAAc;MAAEC,eAAe;MAC7CC,uBAAuB;MAAEC,cAAc;MAAEC;IAC3C,CAAC,GAAG,IAAI,CAAC7D,KAAK;IACd,MAAM8D,QAAQ,GAAGL,cAAc,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;IACpF,MAAMM,IAAI,GAAG,IAAI,CAAC7D,aAAa,CAAC,IAAI,CAACF,KAAK,CAACJ,IAAI,IAAIT,MAAM,CAAC,CAAC,CAAC;IAC5D,MAAM6E,SAA4B,GAAG,EAAE;IACvC,MAAMC,KAAK,GAAG,IAAI,CAACjE,KAAK,CAACkE,WAAW,GAAG,IAAI,CAAClE,KAAK,CAACkE,WAAW,CAAC,EAAAhB,iBAAA,OAAI,CAAClD,KAAK,CAACJ,IAAI,cAAAsD,iBAAA,uBAAfA,iBAAA,CAAiBV,GAAG,CAAC,OAAO,CAAC,KAAI,CAAC,CAAC,GAAE,KAAK;IACxG,MAAM2B,IAAI,GAAG,EAAAhB,iBAAA,OAAI,CAACnD,KAAK,CAACJ,IAAI,cAAAuD,iBAAA,uBAAfA,iBAAA,CAAiBX,GAAG,CAAC,MAAM,CAAC,KAAI,CAAC;IAC9CnD,CAAC,CAAC+E,OAAO,CAACN,QAAQ,EAAEO,OAAO,IAAI;MAC7BL,SAAS,CAACM,IAAI,eAACzF,KAAA,CAAAa,aAAA,CAACX,IAAI;QAACwF,GAAG,EAAEF,OAAQ;QAACtC,KAAK,EAAE,CAAC3C,MAAM,CAAC0E,QAAQ,EAAEN,YAAY;MAAE,GAAEa,OAAc,CAAC,CAAC;IAC9F,CAAC,CAAC;IAEF,oBACExF,KAAA,CAAAa,aAAA,CAACV,IAAI;MAAC+C,KAAK,EAAE,CAAC3C,MAAM,CAACoF,SAAS,EAAE,IAAI,CAACxE,KAAK,CAACkC,cAAc;IAAE,gBACzDrD,KAAA,CAAAa,aAAA,CAACV,IAAI;MAAC+C,KAAK,EAAE,CAAC;QAAEI,aAAa,EAAE,KAAK;QAAEC,cAAc,EAAE,eAAe;QAAEC,UAAU,EAAE;MAAS,CAAC,EAAEsB,uBAAuB;IAAE,gBAItH9E,KAAA,CAAAa,aAAA,CAACR,gBAAgB;MAAC2C,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACa,eAAe,CAAC,CAAC,CAAC,EAAE,OAAO;IAAE,GAChEW,qBAAqB,GAAGA,qBAAqB,CAAC,CAAC,gBAAGxE,KAAA,CAAAa,aAAA,CAACX,IAAI,QAAE,GAAU,CACpD,CAAC,eACnBF,KAAA,CAAAa,aAAA,CAACV,IAAI;MAAC+C,KAAK,EAAE;QAACI,aAAa,EAAE;MAAK;IAAE,gBAClCtD,KAAA,CAAAa,aAAA,CAACX,IAAI;MAACgD,KAAK,EAAE,CAAC3C,MAAM,CAACqF,aAAa,EAAEb,cAAc;IAAE,GAAGK,KAAK,GAAG,IAAW,CAAC,eAC3EpF,KAAA,CAAAa,aAAA,CAACX,IAAI;MAACgD,KAAK,EAAE,CAAC3C,MAAM,CAACqF,aAAa,EAAEZ,aAAa;IAAE,GAAGM,IAAW,CAC7D,CAAC,eACPtF,KAAA,CAAAa,aAAA,CAACR,gBAAgB;MAAC2C,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACa,eAAe,CAAC,CAAC,EAAE,OAAO;IAAE,GAC/Da,qBAAqB,GAAGA,qBAAqB,CAAC,CAAC,gBAAG1E,KAAA,CAAAa,aAAA,CAACX,IAAI,QAAE,GAAU,CACpD,CAId,CAAC,eACPF,KAAA,CAAAa,aAAA,CAACV,IAAI;MAAC+C,KAAK,EAAE,CAAC;QAAEI,aAAa,EAAE,KAAK;QAAEC,cAAc,EAAE;MAAe,CAAC,EAAEsB,eAAe;IAAE,GACtFM,SACG,CAAC,eACPnF,KAAA,CAAAa,aAAA,CAACT,QAAQ;MACP8E,IAAI,EAAEA,IAAK;MACXW,YAAY,EAAGC,IAAI,IAAK,EAAE,GAAGA,IAAI,CAACC,MAAM,CAAC,CAAC,CAACC,OAAO,CAAC,CAAE;MACrDC,UAAU,EAAEA,CAAC;QAAEH;MAAK,CAAC,KAAK,IAAI,CAAClE,SAAS,CAACkE,IAAI,CAAE;MAC/CI,SAAS,EAAE,IAAI,CAAC9E,KAAM;MACtB+E,kBAAkB,EAAE;QAAC5C,cAAc,EAAE;MAAe,CAAE;MACtD6C,UAAU,EAAE,CAAE;MACdlD,KAAK,EAAE;QACLmD,OAAO,EAAE;MACX;IAAE,CACH,CACG,CAAC;EAEX;AACF;AAAC1F,eAAA,CAtHYO,SAAS,kBAEE,IAAIT,cAAc,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Dimensions","width","height","get","screenWidth","create","container","day","color","txtHeaderDate","fontSize","weekdays","margin","textAlign","warpDay","justifyContent","alignItems","backgroundColor","borderColor","borderWidth","marginVertical","icLockRed","position","top","left"],"sources":["month-view.styles.ts"],"sourcesContent":["import { StyleSheet, Dimensions } from 'react-native';\nconst { width, height } = Dimensions.get('window');\nconst screenWidth = width < height ? width : height;\n\nexport default StyleSheet.create({\n  container: {},\n  day: {\n    color: '#fff'\n  },\n  txtHeaderDate: {\n    color: '#fff',\n    fontSize: 18,\n\n  },\n  weekdays: {\n    margin: 10,\n    color: 'white',\n    width: screenWidth / 7 - 8,\n    textAlign: 'center'\n  },\n  warpDay: {\n    width: screenWidth / 7,\n    justifyContent: 'center',\n    alignItems: 'center',\n    backgroundColor: '#25171A',\n    borderColor: '#201216',\n    borderWidth: 1,\n    marginVertical: 4,\n  },\n  icLockRed: {\n    width: 13 / 2,\n    height: 9,\n    position: 'absolute',\n    top: 2,\n    left: 1\n  }\n});"],"mappings":"AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACrD,MAAM;EAAEC,KAAK;EAAEC;AAAO,CAAC,GAAGF,UAAU,CAACG,GAAG,CAAC,QAAQ,CAAC;AAClD,MAAMC,WAAW,GAAGH,KAAK,GAAGC,MAAM,GAAGD,KAAK,GAAGC,MAAM;AAEnD,eAAeH,UAAU,CAACM,MAAM,CAAC;EAC/BC,SAAS,EAAE,CAAC,CAAC;EACbC,GAAG,EAAE;IACHC,KAAK,EAAE;EACT,CAAC;EACDC,aAAa,EAAE;IACbD,KAAK,EAAE,MAAM;IACbE,QAAQ,EAAE;EAEZ,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAE,EAAE;IACVJ,KAAK,EAAE,OAAO;IACdP,KAAK,EAAEG,WAAW,GAAG,CAAC,GAAG,CAAC;IAC1BS,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACPb,KAAK,EAAEG,WAAW,GAAG,CAAC;IACtBW,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,WAAW,EAAE,SAAS;IACtBC,WAAW,EAAE,CAAC;IACdC,cAAc,EAAE;EAClB,CAAC;EACDC,SAAS,EAAE;IACTpB,KAAK,EAAE,EAAE,GAAG,CAAC;IACbC,MAAM,EAAE,CAAC;IACToB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE;EACR;AACF,CAAC,CAAC","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.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","BaseComponent","BaseComponentState","WmIcon","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","WmCheckboxState","constructor","args","_defineProperty","WmCheckbox","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","disabled","readonly","invokeEventCallback","proxy","oldValue","uncheckedvalue","onFieldChange","renderWidget","createElement","_extends","getTestPropsForAction","style","styles","root","bind","CHECKBOX","hint","checked","accessibilityRole","accessibilityLabel","caption","_background","iconclass","checkicon","uncheckicon","id","getTestId","getTestPropsForLabel","text"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\n  }\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmCheckboxState);\n  }\n\n  onPress() {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onFocus', [null, this.proxy]);\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction()} style={this.styles.root} onPress={this.onPress.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {hint: props?.hint, checked: this.state.isChecked})} accessibilityRole='checkbox' accessibilityLabel={`Checkbox for ${props.caption}`}>\n          {this._background}\n          <WmIcon iconclass=\"wi wi-check\" styles={this.state.isChecked ? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('checkbox')}/>\n          <Text {...this.getTestPropsForLabel()} style={this.styles.text}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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/checkbox/checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignContent","text","alignSelf","fontFamily","baseFont","fontSize","color","labelDefaultColor","marginLeft","skeleton","width","height","checkicon","borderRadius","backgroundColor","primaryColor","justifyContent","alignItems","borderColor","checkedBorderColor","icon","checkedIconColor","padding","uncheckicon","borderWidth","uncheckedBorderColor","uncheckedBgColor","opacity","checkedDisabledColor"],"sources":["checkbox.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmCheckboxStyles = BaseStyles & {\n  skeleton: WmSkeletonStyles;\n  checkicon: WmIconStyles;\n  uncheckicon: WmIconStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-checkbox';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCheckboxStyles = defineStyles({\n        root: {\n          flexDirection: 'row',\n          alignContent: 'center',\n        },\n        text: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor,\n          marginLeft: 8\n        },\n        skeleton: {\n          root: {\n            width: '100%',\n            height: 16\n          }\n        } as any as WmSkeletonStyles,\n        checkicon : {\n          root: {\n            width: 20,\n            height: 20,\n            borderRadius: 4,\n            backgroundColor: themeVariables.primaryColor,\n            justifyContent: 'center',\n            alignItems: 'center',\n            borderColor: themeVariables.checkedBorderColor,\n          },\n          text: {\n            fontSize: 18,\n          },\n          icon : {\n            color: themeVariables.checkedIconColor,\n            padding: 0\n          }\n      } as WmIconStyles,\n        uncheckicon : {\n          root: {\n            width: 20,\n            height: 20,\n            borderWidth: 2,\n            borderRadius: 4,\n            borderColor: themeVariables.uncheckedBorderColor,\n            backgroundColor: themeVariables.uncheckedBgColor,\n          },\n          text: {},\n          icon : {\n            color: 'transparent',\n          }\n      } as WmIconStyles,\n      });\n\n\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        opacity: 0.8\n      },\n      text : {\n        color: themeVariables.checkedDisabledColor\n      }\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n  });\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAER,cAAc,CAACS,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEX,cAAc,CAACY,iBAAiB;MACvCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRX,IAAI,EAAE;QACJY,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF,CAA4B;IAC5BC,SAAS,EAAG;MACVd,IAAI,EAAE;QACJY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVE,YAAY,EAAE,CAAC;QACfC,eAAe,EAAEnB,cAAc,CAACoB,YAAY;QAC5CC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,WAAW,EAAEvB,cAAc,CAACwB;MAC9B,CAAC;MACDlB,IAAI,EAAE;QACJI,QAAQ,EAAE;MACZ,CAAC;MACDe,IAAI,EAAG;QACLd,KAAK,EAAEX,cAAc,CAAC0B,gBAAgB;QACtCC,OAAO,EAAE;MACX;IACJ,CAAiB;IACfC,WAAW,EAAG;MACZzB,IAAI,EAAE;QACJY,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVa,WAAW,EAAE,CAAC;QACdX,YAAY,EAAE,CAAC;QACfK,WAAW,EAAEvB,cAAc,CAAC8B,oBAAoB;QAChDX,eAAe,EAAEnB,cAAc,CAAC+B;MAClC,CAAC;MACDzB,IAAI,EAAE,CAAC,CAAC;MACRmB,IAAI,EAAG;QACLd,KAAK,EAAE;MACT;IACJ;EACA,CAAC,CAAC;EAGJV,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACL6B,OAAO,EAAE;IACX,CAAC;IACD1B,IAAI,EAAG;MACLK,KAAK,EAAEX,cAAc,CAACiC;IACxB;EACF,CAAC,CAAC;EAEFhC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC","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.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","TouchableOpacity","ScrollView","find","forEach","isEqual","isEmpty","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","getNumberOfEmptyObjects","WmLabel","WmCheckboxsetState","constructor","args","_defineProperty","WmCheckboxset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","createElement","_extends","getTestPropsForAction","style","styles","checkedItem","width","bind","CHECKBOX","hint","checked","accessibilityRole","accessibilityLabel","iconclass","checkicon","uncheckicon","id","getTestId","template","renderitempartial","dataObject","getTestPropsForLabel","text","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","noOfColumns","itemsperrow","xs","Math","round","flexWrap","flexDirection","renderSkeleton","_ref","numberofskeletonitems","_","root","renderWidget","horizontal","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, DimensionValue } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n\n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { getNumberOfEmptyObjects } from '@wavemaker/app-rn-runtime/core/utils';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n  template: string = \"\";\n}\n\nexport default class WmCheckboxset extends BaseDatasetComponent<WmCheckboxsetProps, WmCheckboxsetState, WmCheckboxsetStyles> {\n  constructor(props: WmCheckboxsetProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = !item.selected;\n    const selectedValue: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    forEach(this.state.dataItems, (item) => {\n        if (item.selected) {\n          selectedValue.push(item.datafield);\n        }\n    });\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmCheckboxsetState,\n      () => {\n        this.computeDisplayValue();\n        this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n      });\n  }\n\n  renderChild(item: any, index: any,colWidth: DimensionValue) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={[this.styles.item, item.selected ? this.styles.checkedItem : null, {width: colWidth}]}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {hint: props?.hint, checked: item.selected})} accessibilityRole='checkbox' accessibilityLabel={`Checkbox for ${displayText}`}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('item'+index)}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.text}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield)) || ''\n      }\n    } as WmCheckboxsetState);\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmCheckboxsetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderCheckboxses(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderCheckboxses(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(<View style = { noOfColumns === 1 ? {} : {flexWrap: 'wrap', flexDirection: 'row'}}>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index, colWidth))\n        : null}\n    </View>)\n  }\n\n  public renderSkeleton(props: WmCheckboxsetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 3)].map(_ => {\n      return <View style={[this.styles.item, {width: colWidth}]}>\n        <WmIcon styles={this.styles.checkicon}/>\n        <WmLabel styles={{ root: this.styles.text }}/>\n      </View>\n    })\n  }\n\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root}>\n        <ScrollView horizontal={true}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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":[]}