@wavemaker/app-rn-runtime 11.4.3-next.30201 → 11.4.3-patch.1

package/components/input/calendar/calendar.component.js

@@ -0,0 +1,139 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { View } from 'react-native';
+import { isString } from 'lodash';
+import moment from 'moment';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { MonthView } from './views/month-view';
+import WmCalendarProps from './calendar.props';
+import { DEFAULT_CLASS } from './calendar.styles';
+import WmIcon from '../../basic/icon/icon.component';
+export class WmCalendarState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "selectedDate", moment());
+    _defineProperty(this, "calendar", new Map());
+  }
+}
+const DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';
+export default class WmCalendar extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());
+    _defineProperty(this, "onDateChange", date => {
+      const d = moment(date).format(DEFAULT_DATE_FORMAT);
+      const dateWindow = this.state.calendar.get(d);
+      this.updateState({
+        props: {
+          datavalue: d
+        },
+        selectedDate: date
+      });
+      this.invokeEventCallback('onSelect', [d, d, this, dateWindow === null || dateWindow === void 0 ? void 0 : dateWindow.events]);
+    });
+    _defineProperty(this, "renderDay", date => {
+      const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));
+      if (dateWindow) {
+        return /*#__PURE__*/React.createElement(WmIcon, {
+          iconclass: "fa fa-circle",
+          iconsize: 8,
+          styles: {
+            root: {
+              marginTop: -8,
+              alignSelf: 'flexStart'
+            },
+            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]
+          }
+        });
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    });
+  }
+  prepareDataset(dataset) {
+    if (!dataset) {
+      return;
+    }
+    const state = {
+      calendar: new Map()
+    };
+    const eventStartKey = this.state.props.eventstart;
+    dataset.forEach(d => {
+      let startDate = d[eventStartKey];
+      if (!isString(startDate)) {
+        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);
+      }
+      if (!state.calendar.has(startDate)) {
+        state.calendar.set(startDate, {
+          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),
+          events: []
+        });
+      }
+      const dateWindow = state.calendar.get(startDate);
+      dateWindow === null || dateWindow === void 0 ? void 0 : dateWindow.events.push(d);
+    });
+    this.updateState(state);
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'dataset':
+        this.prepareDataset($new);
+        break;
+      case 'datavalue':
+        if ($new) {
+          this.updateState({
+            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)
+          });
+        }
+    }
+  }
+  componentDidUpdate(prevProps, prevState, snapshot) {
+    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);
+    this.invokeEventCallback('onViewrender', [this, null]);
+  }
+  renderWidget(props) {
+    this.invokeEventCallback('onBeforerender', [null, this]);
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(MonthView, {
+      date: this.state.selectedDate,
+      selectDate: this.onDateChange,
+      format: DEFAULT_DATE_FORMAT,
+      renderChildDay: this.renderDay,
+      containerStyle: this.styles.calendar,
+      dateSelectedWarpDayStyle: this.styles.selectedDay,
+      selectedDayTextStyle: this.styles.selectedDayText,
+      warpRowWeekdays: this.styles.weekDay,
+      warpRowControlMonthYear: this.styles.calendarHeader,
+      weekdayStyle: this.styles.weekDayText,
+      warpDayStyle: this.styles.dayWrapper,
+      textDayStyle: this.styles.day,
+      yearTextStyle: this.styles.yearText,
+      monthTextStyle: this.styles.monthText,
+      currentDayStyle: this.styles.today,
+      currentDayTextStyle: this.styles.todayText,
+      notDayOfCurrentMonthStyle: this.styles.notDayOfCurrentMonth,
+      renderPrevYearButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('prevyearicon'),
+        iconclass: "wi wi-angle-double-left",
+        styles: this.styles.prevYearBtn
+      }),
+      renderPrevMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('prevmonthicon'),
+        iconclass: "wi wi-chevron-left fa-2x",
+        styles: this.styles.prevMonthBtn
+      }),
+      renderNextMonthButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('nextmonthicon'),
+        iconclass: "wi wi-chevron-right fa-2x",
+        styles: this.styles.nextMonthBtn
+      }),
+      renderNextYearButton: () => /*#__PURE__*/React.createElement(WmIcon, {
+        id: this.getTestId('nextyearicon'),
+        iconclass: "wi wi-angle-double-right",
+        styles: this.styles.nextYearBtn
+      })
+    }));
+  }
+}
+//# sourceMappingURL=calendar.component.js.map

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

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

package/components/input/calendar/calendar.styles.js

@@ -0,0 +1,143 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-calendar';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      width: '100%',
+      minHeight: 456,
+      minWidth: 360
+    },
+    text: {
+      color: themeVariables.calendarDateColor
+    },
+    calendar: {
+      backgroundColor: themeVariables.calendarBgColor,
+      borderColor: themeVariables.calendarHeaderBgColor,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      marginTop: 0,
+      paddingTop: 0,
+      paddingBottom: 0,
+      elevation: 6
+    },
+    calendarHeader: {
+      backgroundColor: themeVariables.calendarHeaderBgColor,
+      borderColor: themeVariables.calendarHeaderBgColor,
+      borderBottomWidth: 1,
+      borderStyle: 'solid',
+      paddingTop: 8,
+      paddingBottom: 8
+    },
+    weekDay: {
+      backgroundColor: themeVariables.calendarBgColor,
+      borderColor: themeVariables.calendarHeaderBgColor,
+      borderBottomWidth: 1,
+      borderStyle: 'solid',
+      padding: 2
+    },
+    weekDayText: {
+      color: themeVariables.calendarWeekDayTextColor,
+      fontWeight: '400',
+      fontFamily: themeVariables.baseFont,
+      fontSize: 16
+    },
+    day: {
+      borderColor: 'transparent',
+      color: themeVariables.calendarDateColor,
+      fontSize: 16,
+      fontFamily: themeVariables.baseFont,
+      fontWeight: '400'
+    },
+    dayWrapper: {
+      backgroundColor: themeVariables.calendarBgColor,
+      borderColor: 'transparent',
+      width: 38,
+      height: 38,
+      borderRadius: 26
+    },
+    notDayOfCurrentMonth: {
+      color: themeVariables.calendarNotCurrentMonthDateColor,
+      fontWeight: 'normal',
+      opacity: 0
+    },
+    monthText: {
+      fontWeight: '500',
+      fontFamily: themeVariables.baseFont,
+      color: themeVariables.calendarHeaderTextColor
+    },
+    yearText: {
+      fontWeight: '500',
+      fontFamily: themeVariables.baseFont,
+      color: themeVariables.calendarHeaderTextColor
+    },
+    today: {
+      backgroundColor: themeVariables.calendarBgColor,
+      borderColor: themeVariables.primaryColor
+    },
+    todayText: {
+      backgroundColor: themeVariables.calendarSelectedDayBgColor
+    },
+    eventDay1: {
+      color: themeVariables.calendarEventDay1Color
+    },
+    eventDay2: {
+      color: themeVariables.calendarEventDay2Color
+    },
+    eventDay3: {
+      color: themeVariables.calendarEventDay3Color
+    },
+    selectedDay: {
+      backgroundColor: themeVariables.calendarSelectedDayBgColor
+    },
+    selectedDayText: {
+      backgroundColor: themeVariables.calendarSelectedDayBgColor,
+      color: themeVariables.calendarSelectedDayTextColor,
+      fontWeight: 'bold'
+    },
+    prevMonthBtn: {
+      root: {
+        color: themeVariables.calendarPrevMonthIconColor
+      }
+    },
+    nextMonthBtn: {
+      root: {
+        color: themeVariables.calendarNextMonthIconColor
+      }
+    },
+    prevYearBtn: {
+      root: {
+        color: themeVariables.calendarPrevYearIconColor
+      }
+    },
+    nextYearBtn: {
+      root: {
+        color: themeVariables.calendarNextYearIconColor
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    prevMonthBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    },
+    nextMonthBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    },
+    monthText: {
+      padding: 2
+    },
+    yearText: {
+      padding: 2
+    }
+  });
+});
+//# sourceMappingURL=calendar.styles.js.map

package/components/input/calendar/calendar.styles.js.map

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

package/components/input/calendar/views/month-view.js

@@ -0,0 +1,195 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/****
+ * 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() {
+    let selectedDate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 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: _ref => {
+        let {
+          item
+        } = _ref;
+        return 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

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

package/components/input/checkbox/checkbox.component.js

@@ -0,0 +1,95 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React from 'react';
+import { Text, TouchableOpacity } from 'react-native';
+import { Checkbox } from 'react-native-paper';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
+import WmCheckboxProps from './checkbox.props';
+import { DEFAULT_CLASS } from './checkbox.styles';
+export class WmCheckboxState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _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.readonly) {
+      this.invokeEventCallback('onFocus', [null, this.proxy]);
+    }
+    this.invokeEventCallback('onTap', [null, this.proxy]);
+    if (this.state.props.disabled) {
+      return;
+    }
+    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)
+    }), this._background, /*#__PURE__*/React.createElement(Checkbox.Android, {
+      status: this.state.isChecked ? 'checked' : 'unchecked',
+      color: this.styles.text.color,
+      disabled: props.readonly || props.disabled
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(), {
+      style: this.styles.checkboxLabel
+    }), props.caption));
+  }
+}
+//# sourceMappingURL=checkbox.component.js.map