@wavemaker/app-rn-runtime 11.10.0-next.24983 → 11.10.0-next.27705

package/components/input/basenumber/basenumber.component.js

@@ -0,0 +1,346 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { includes, intersection, isNaN, isFinite, toArray, isNil } from 'lodash';
+import { BaseComponent, BaseComponentState } from "@wavemaker/app-rn-runtime/core/base.component";
+import { DEFAULT_CLASS } from "@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles";
+import { Platform } from 'react-native';
+import { countDecimalDigits, validateField } from '@wavemaker/app-rn-runtime/core/utils';
+export class BaseNumberState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "isInputFocused", false);
+    _defineProperty(this, "textValue", '');
+    _defineProperty(this, "isDefault", false);
+    _defineProperty(this, "errorType", '');
+  }
+}
+export class BaseNumberComponent extends BaseComponent {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+    _defineProperty(this, "DECIMAL", void 0);
+    _defineProperty(this, "GROUP", void 0);
+    _defineProperty(this, "widgetRef", null);
+    _defineProperty(this, "cursor", 0);
+    this.DECIMAL = '.';
+    this.GROUP = ',';
+  }
+  onChange(event) {
+    if (this.state.props.updateon === 'default') {
+      this.updateDatavalue(event.target.value, event);
+    }
+  }
+  focus() {
+    var _this$widgetRef;
+    this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 || _this$widgetRef.focus();
+  }
+  validateOnDevice(value, type) {
+    var _value$match;
+    const isCurrencyField = type === 'currency';
+    let isValidText = true;
+
+    // * no alphabets except E, may contain E only once
+    if (/[a-df-zA-DF-Z]/.test(value) || !/^[^eE]*[eE]?[^eE]*$/.test(value)) {
+      isValidText = false;
+    }
+
+    // * currency only: check for negative number
+    if (isCurrencyField && (Number(value) < 0 || /-/g.test(value))) {
+      isValidText = false;
+    }
+
+    // * number only: not more than one minus and doesn't end with minus (-)
+    if (!isCurrencyField && Number((_value$match = value.match(/-/g)) === null || _value$match === void 0 ? void 0 : _value$match.length) > 1 || /\w-/.test(value)) {
+      isValidText = false;
+    }
+
+    // * check for more than one decimal point
+    if (/^\d*\.\d*\..*$/.test(value)) {
+      isValidText = false;
+    }
+
+    // * check for spaces and comma
+    if (/[\s,]/.test(value)) {
+      isValidText = false;
+    }
+    return isValidText;
+  }
+  onChangeText(value, type, shouldFormateToNumber) {
+    const newValue = shouldFormateToNumber ? `${this.parseNumber(value.replace(/[^0-9.]/g, ''))}` : value;
+    const isValidTextOnDevice = this.validateOnDevice(newValue, type);
+    if (!isValidTextOnDevice) {
+      return;
+    }
+    const decimalPlacesInNumber = countDecimalDigits(newValue);
+    if (this.props.decimalPlaces < decimalPlacesInNumber) {
+      return;
+    }
+    this.updateState({
+      textValue: newValue
+    }, () => {
+      if (this.state.props.updateon === 'default') {
+        this.validate(newValue);
+        this.updateDatavalue(newValue, null);
+      }
+    });
+  }
+  invokeChange(e) {
+    if (Platform.OS === 'web') {
+      this.cursor = e.target.selectionStart;
+      this.setState({
+        textValue: e.target.value
+      });
+    }
+  }
+  validate(value) {
+    const validationObj = validateField(this.state.props, value);
+    this.updateState({
+      isValid: validationObj.isValid,
+      errorType: validationObj.errorType
+    });
+  }
+  handleValidation(value) {
+    const props = this.state.props;
+    if (props.regexp) {
+      const condition = new RegExp(props.regexp, 'g');
+      return condition.test(value);
+    }
+    return true;
+  }
+
+  /**
+   * Method parses the Localized number(string) to a valid number.
+   * if the string dose not result to a valid number then returns NaN.
+   * @param {string} val Localized number.
+   * @returns {number}
+   */
+  parseNumber(val) {
+    // splits string into two parts. decimal and number.
+    const parts = val.split(this.DECIMAL);
+    if (!parts.length) {
+      return;
+    }
+    if (parts.length > 2) {
+      return NaN;
+    }
+    // If number have decimal point and not have a decimal value then return.
+    if (parts[1] === '') {
+      return NaN;
+    }
+    // replaces all group separators form the number.
+    const number = Number(parts[0].split(this.GROUP).join(''));
+    const decimal = Number(`0.${parts[1] || 0}`);
+    if (Number.isNaN(number) || Number.isNaN(decimal)) {
+      return NaN;
+    }
+    const sum = parts.length > 1 ? parseFloat((number + decimal).toFixed(parts[1].length)) : number + decimal;
+    // if the number is negative then calculate the number as number - decimal
+    // Ex: number = -123 and decimal = 0.45 then number - decimal = -123-045 = -123.45
+    // If entered number is -0.1 to -0.9 then the number is -0 and decimal is 0.1 to 0.9. Now calaculate the number as number-decimal
+    // Ex: number = -0 and decimal = 0.1 then number-decimal = -0-0.1 = -0.1
+    if (number === 0) {
+      return Object.is(0, number) ? sum : number - decimal;
+    }
+    return number > 0 ? sum : number - decimal;
+  }
+  updateDatavalue(value, event, source) {
+    const model = value && this.parseNumber(value.toString());
+    const props = this.state.props;
+    const oldValue = props.datavalue;
+    if (value === oldValue) {
+      return;
+    }
+    const validNumber = this.isValidNumber(model) || value === oldValue + '.';
+    if (!validNumber) {
+      this.invokeEventCallback('onError', [event, this.proxy, value, oldValue]);
+      return;
+    }
+    new Promise(resolve => {
+      if (props.hastwowaybinding) {
+        const newProps = {
+          props: {
+            datavalue: model || Number(value)
+          }
+        };
+        if (this.state.props.updateon === 'blur') {
+          newProps.textValue = model || Number(value);
+        }
+        this.updateState({
+          ...newProps
+        });
+        setImmediate(() => this.setProp("datavalue", value));
+        resolve(true);
+      } else {
+        this.updateState({
+          props: {
+            datavalue: model || Number(value)
+          }
+        }, () => resolve(true));
+      }
+    }).then(() => {
+      !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, model, oldValue]);
+      if (source === 'blur') {
+        this.invokeEventCallback('onBlur', [event, this.proxy]);
+      }
+    });
+  }
+  onBlur(event, isDisplayValuePresent) {
+    const textVal = this.state.textValue || '';
+    let newVal = isDisplayValuePresent ? textVal : event.target.value || textVal;
+    this.validate(newVal);
+    if (newVal === '' || newVal == undefined) {
+      setTimeout(() => {
+        this.props.triggerValidation && this.props.triggerValidation();
+      }, 10);
+    }
+    if (this.state.props.updateon === 'blur' || this.state.props.updateon === 'default') {
+      let oldVal = this.state.props.datavalue || '';
+      if (oldVal !== newVal && this.state.props.updateon === 'blur') {
+        this.updateDatavalue(newVal, event, 'blur');
+      } else {
+        this.invokeEventCallback('onBlur', [event, this.proxy]);
+      }
+      this.setState({
+        isInputFocused: false
+      });
+    }
+  }
+  onFocus(event) {
+    this.invokeEventCallback('onFocus', [event, this.proxy]);
+    this.setState({
+      isInputFocused: true
+    });
+  }
+
+  /**
+   * returns the number of decimal places a number have.
+   * @param value: number
+   * @returns {number}
+   */
+  countDecimals(value) {
+    if (value && value % 1 !== 0) {
+      const decimalValue = value.toString().split('.')[1];
+      return decimalValue && decimalValue.length;
+    }
+    return 0;
+  }
+  validateInputEntry($event) {
+    const props = this.state.props;
+
+    // allow actions if control key is pressed or if backspace is pressed. (for Mozilla).
+    if ($event.ctrlKey || includes(['Backspace', 'ArrowRight', 'ArrowLeft', 'Tab', 'Enter', 'Delete'], $event.key)) {
+      return;
+    }
+    const validity = new RegExp(`^[\\d\\s-,.e+${this.GROUP}${this.DECIMAL}]$`, 'i');
+    const inputValue = $event.target.value;
+    // validates entering of decimal values only when user provides decimal limit(i.e step contains decimal values).
+    if (inputValue && this.countDecimals(props.step) && this.countDecimals(inputValue) >= this.countDecimals(props.step)) {
+      $event.preventDefault();
+    }
+    // validates if user entered an invalid character.
+    if (!validity.test($event.key)) {
+      $event.preventDefault();
+    }
+    // a decimal value can be entered only once in the input.
+    if (includes(inputValue, this.DECIMAL) && $event.key === this.DECIMAL) {
+      $event.preventDefault();
+    }
+    // 'e' can be entered only once in the input.
+    if (intersection(toArray(inputValue), ['e', 'E']).length && includes('eE', $event.key)) {
+      $event.preventDefault();
+    }
+    if ((includes(inputValue, '+') || includes(inputValue, '-')) && ($event.key === '+' || $event.key === '-')) {
+      $event.preventDefault();
+    }
+    this.invokeEventCallback('onKeypress', [$event, this.proxy]);
+  }
+
+  /**
+   * returns a valid number by validating the minimum and maximum values.
+   * @param {number} value
+   * @returns {number}
+   */
+  getValueInRange(value) {
+    const props = this.state.props;
+    if (props.minvalue && !isNil(value) && !isNaN(props.minvalue) && value < props.minvalue) {
+      this.updateState({
+        errorType: 'minvalue'
+      });
+      return props.minvalue;
+    }
+    if (props.maxvalue && !isNil(value) && !isNaN(props.maxvalue) && value > props.maxvalue) {
+      this.updateState({
+        errorType: 'maxvalue'
+      });
+      return props.maxvalue;
+    }
+    return value;
+  }
+
+  /**
+   * Adds validations for the number before updating the widget model. like validating min and max value for the widget.
+   * @param {number} val number to be validated
+   * @returns {number}
+   */
+  isValidNumber(val) {
+    const props = this.state.props;
+
+    //empty number widget should not show validation error when required is false
+    // @ts-ignore
+    if (this.state.props.required === false && val === '') {
+      return true;
+    }
+    // id number is infinite then consider it as invalid value
+    if (isNaN(val) || !isFinite(val) || !Number.isInteger(props.step) && this.countDecimals(val) > this.countDecimals(props.step)) {
+      this.updateState({
+        isValid: false
+      });
+      return false;
+    }
+    if (val !== this.getValueInRange(val)) {
+      this.updateState({
+        isValid: false
+      });
+      return true;
+    }
+    this.resetValidations();
+    return true;
+  }
+
+  // resets all the flags related to the widget's validation.
+  resetValidations() {
+    this.updateState({
+      isValid: true
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'minvalue':
+      case 'maxvalue':
+        if ($new || $old) {
+          this.isValidNumber($new);
+        }
+        break;
+      case 'datavalue':
+        this.updateState({
+          textValue: $new
+        });
+        const isDefault = this.state.isDefault;
+        if (isDefault) {
+          this.updateState({
+            isDefault: false
+          }, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));
+        } else {
+          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);
+        }
+        break;
+      case 'displayValue':
+        this.updateState({
+          displayValue: $new
+        });
+    }
+  }
+}
+//# sourceMappingURL=basenumber.component.js.map

package/components/input/basenumber/basenumber.props.js

@@ -0,0 +1,27 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class BaseNumberProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "datavalue", void 0);
+    _defineProperty(this, "hastwowaybinding", false);
+    _defineProperty(this, "minvalue", null);
+    _defineProperty(this, "maxvalue", null);
+    _defineProperty(this, "step", 1);
+    _defineProperty(this, "updateon", 'blur');
+    _defineProperty(this, "readonly", null);
+    _defineProperty(this, "regexp", null);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "required", false);
+    _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "decimalPlaces", 2);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", void 0);
+    _defineProperty(this, "accessibilitylabelledby", undefined);
+    _defineProperty(this, "displayValue", void 0);
+  }
+}
+//# sourceMappingURL=basenumber.props.js.map

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

@@ -0,0 +1,164 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { 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';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmCalendarState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _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 || 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]);
+  }
+  renderSkeleton(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, this.styles.skeleton.root]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.headerSkeleton.root
+    }, createSkeleton(this.theme, {}, {
+      width: '10%',
+      height: 28,
+      borderRadius: 4
+    }), createSkeleton(this.theme, {}, {
+      width: '68%',
+      height: 16,
+      borderRadius: 4
+    }), createSkeleton(this.theme, {}, {
+      width: '10%',
+      height: 28,
+      borderRadius: 4
+    })), createSkeleton(this.theme, {}, {
+      width: '96%',
+      margin: 8,
+      height: 320,
+      borderRadius: 4
+    }));
+  }
+  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.props.js

@@ -0,0 +1,14 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmCalendarProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "datavalue", null);
+    _defineProperty(this, "eventstart", null);
+    _defineProperty(this, "view", 'day');
+  }
+}
+//# sourceMappingURL=calendar.props.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","skeleton","display","justifyContent","paddingHorizontal","alignItems","headerSkeleton","flexDirection","marginBottom","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';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\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    skeleton: WmSkeletonStyles;\n    headerSkeleton: WmSkeletonStyles;\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        skeleton: {\n            root: {\n                display:'flex', \n                justifyContent: 'center',\n                backgroundColor:'#fff',\n                paddingHorizontal: 8,\n                alignItems: 'center',\n            },\n          } as any as  WmSkeletonStyles ,\n        headerSkeleton: {\n            root: {\n                width: '100%',\n                display:'flex', \n                flexDirection:'row', \n                alignItems: 'center',\n                justifyContent: 'space-around',\n                marginBottom: 16\n            } \n        } as any as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]\n            }\n        } as any as WmIconStyles,\n        nextMonthBtn: {\n            root: {\n                transform: [ {rotateY: '180deg'}]            \n            },\n        } as any as WmIconStyles,\n        monthText: {\n            padding: 2\n        },\n        yearText: {\n            padding: 2\n        }\n    });\n});"],"mappings":"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","ignoreList":[]}