@wavemaker/app-rn-runtime 11.8.5-next.27430 → 11.8.5-patch.1

package/components/input/switch/switch.props.js

@@ -0,0 +1,11 @@
+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 BaseDatasetProps from '../basedataset/basedataset.props';
+export default class WmSwitchProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", 'yes, no, maybe');
+  }
+}
+//# sourceMappingURL=switch.props.js.map

package/components/input/switch/switch.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmSwitchProps","constructor","args","_defineProperty"],"sources":["switch.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport BaseDatasetProps from '../basedataset/basedataset.props';\n\nexport default class WmSwitchProps extends BaseDatasetProps {\n  dataset: any = 'yes, no, maybe';\n  dataItems: any;\n  invokeEvent?: Function;\n}\n"],"mappings":";;;AACA,OAAOA,gBAAgB,MAAM,kCAAkC;AAE/D,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC3C,gBAAgB;EAAA;AAGjC","ignoreList":[]}

package/components/input/text/text.component.js

@@ -0,0 +1,82 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Platform } from 'react-native';
+import WmTextProps from './text.props';
+import { DEFAULT_CLASS } from './text.styles';
+import { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';
+import { BaseInputComponent, BaseInputState } from "@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component";
+import { isNull } from 'lodash';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmTextState extends BaseInputState {}
+export default class WmText extends BaseInputComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());
+  }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-text-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
+  renderSkeleton(props) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height);
+    }
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: skeletonWidth,
+      height: skeletonHeight
+    });
+  }
+  renderWidget(props) {
+    var _this$state$textValue;
+    let opts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
+    return /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.TEXT, props), {
+      ref: ref => {
+        this.widgetRef = ref;
+        // @ts-ignore
+        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+          // @ts-ignore
+          ref.selectionStart = ref.selectionEnd = this.cursor;
+        }
+      }
+    }, opts, {
+      floatingLabel: props.floatinglabel,
+      floatingLabelStyle: this.styles.floatingLabel,
+      activeFloatingLabelStyle: this.styles.activeFloatingLabel,
+      placeholderTextColor: this.styles.placeholderText.color,
+      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid],
+      keyboardType: this.state.keyboardType,
+      autoComplete: props.autocomplete ? 'username' : 'off',
+      autoFocus: props.autofocus,
+      editable: props.disabled || props.readonly ? false : true,
+      secureTextEntry: props.type === 'password' && !props.maskchar ? true : false,
+      displayformat: props.displayformat,
+      maskchar: props.maskchar,
+      maxLength: props.maxchars,
+      placeholder: props.placeholder,
+      onBlur: this.onBlur.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onKeyPress: this.onKeyPress.bind(this),
+      onChangeText: this.onChangeText.bind(this),
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text'
+    }));
+  }
+}
+//# sourceMappingURL=text.component.js.map

package/components/input/text/text.props.js

@@ -0,0 +1,13 @@
+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 BaseInputProps from "@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.props";
+export default class WmTextProps extends BaseInputProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "placeholder", 'Enter text');
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+  }
+}
+//# sourceMappingURL=text.props.js.map

package/components/input/text/text.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseInputProps","WmTextProps","constructor","args","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.props\";\n\nexport default class WmTextProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Enter text';\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,sEAAsE;AAEjG,eAAe,MAAMC,WAAW,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAEhC,YAAY;IAAAA,eAAA,yBACR,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B","ignoreList":[]}

package/components/input/textarea/textarea.component.js

@@ -0,0 +1,81 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Platform } from 'react-native';
+import WmTextareaProps from './textarea.props';
+import { DEFAULT_CLASS } from './textarea.styles';
+import { BaseInputComponent, BaseInputState } from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';
+import { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';
+import { isNull } from 'lodash';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+export class WmTextareaState extends BaseInputState {}
+export default class WmTextarea extends BaseInputComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());
+  }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-textarea-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
+  renderSkeleton(props) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height);
+    }
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: skeletonWidth,
+      height: skeletonHeight
+    });
+  }
+  renderWidget(props) {
+    var _this$state$textValue;
+    let opts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
+    return /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.TEXTAREA, props), {
+      ref: ref => {
+        this.widgetRef = ref;
+        // @ts-ignore
+        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+          // @ts-ignore
+          ref.selectionStart = ref.selectionEnd = this.cursor;
+        }
+      },
+      placeholderTextColor: this.styles.placeholderText.color,
+      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid],
+      multiline: true,
+      numberOfLines: 4,
+      keyboardType: this.state.keyboardType
+    }, opts, {
+      floatingLabel: props.floatinglabel,
+      floatingLabelStyle: this.styles.floatingLabel,
+      activeFloatingLabelStyle: this.styles.activeFloatingLabel,
+      autoComplete: props.autocomplete ? 'username' : 'off',
+      autoFocus: props.autofocus,
+      editable: props.disabled || props.readonly ? false : true,
+      maxLength: props.maxchars,
+      placeholder: props.placeholder || 'Place your text',
+      onBlur: this.onBlur.bind(this),
+      onFocus: this.onFocus.bind(this),
+      onKeyPress: this.onKeyPress.bind(this),
+      onChangeText: this.onChangeText.bind(this),
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text'
+    }));
+  }
+}
+//# sourceMappingURL=textarea.component.js.map

package/components/input/textarea/textarea.props.js

@@ -0,0 +1,13 @@
+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 BaseInputProps from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.props';
+export default class WmTextareaProps extends BaseInputProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "placeholder", 'Place your text');
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+  }
+}
+//# sourceMappingURL=textarea.props.js.map

package/components/input/textarea/textarea.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseInputProps","WmTextareaProps","constructor","args","_defineProperty"],"sources":["textarea.props.ts"],"sourcesContent":["import BaseInputProps from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.props';\n\nexport default class WmTextareaProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Place your text';\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,sEAAsE;AAEjG,eAAe,MAAMC,eAAe,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBAEpC,iBAAiB;IAAAA,eAAA,yBACb,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;AAC/B","ignoreList":[]}

package/components/input/toggle/toggle.component.js

@@ -0,0 +1,144 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { TouchableOpacity, Animated, Easing, View } from 'react-native';
+import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmToggleProps from './toggle.props';
+import { DEFAULT_CLASS } from './toggle.styles';
+export class WmToggleState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isSwitchOn", false);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "errorType", '');
+    _defineProperty(this, "viewWidth", 0);
+  }
+}
+export default class WmToggle extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmToggleProps(), new WmToggleState());
+    _defineProperty(this, "animationValue", new Animated.Value(0));
+    _defineProperty(this, "scaleValue", new Animated.Value(1));
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'datavalue':
+        let value = unStringify($new) === unStringify(this.state.props.checkedvalue, true);
+        this.updateState({
+          isSwitchOn: value
+        });
+        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
+    });
+  }
+  onToggleSwitch(value) {
+    const oldValue = this.state.props.datavalue;
+    this.validate(value);
+    this.updateState({
+      isSwitchOn: value
+    });
+    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;
+    Animated.sequence([Animated.timing(this.scaleValue, {
+      toValue: 1.6,
+      duration: 300,
+      useNativeDriver: true
+    }), Animated.timing(this.animationValue, {
+      toValue: value ? 1 : 0,
+      duration: 300,
+      easing: Easing.linear,
+      useNativeDriver: true
+    })]).start(() => {
+      Animated.timing(this.scaleValue, {
+        toValue: value ? 1.5 : 1,
+        duration: 0,
+        useNativeDriver: true
+      }).start();
+    });
+    // @ts-ignore
+    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]);
+    });
+  }
+  onLayoutChange(event) {
+    let width = event.nativeEvent.layout.width;
+    this.setState({
+      viewWidth: width
+    });
+  }
+  renderWidget(props) {
+    const styles = this.theme.mergeStyle(this.styles, this.theme.getStyle(this.state.isSwitchOn ? 'app-toggle-on' : 'app-toggle-off'));
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+      onLayout: e => {
+        this.onLayoutChange(e);
+      }
+    }, getAccessibilityProps(AccessibilityWidgetType.TOGGLE, {
+      ...this.props,
+      selected: this.state.isSwitchOn
+    }), {
+      onPress: () => {
+        if (this.props.disabled || this.props.readonly) {
+          return;
+        }
+        // Added setTimeout to smooth animation
+        setTimeout(() => {
+          this.invokeEventCallback('onFocus', [null, this]);
+          this.invokeEventCallback('onTap', [null, this]);
+        }, 500);
+        this.onToggleSwitch(!this.state.isSwitchOn);
+      }
+    }, this.getTestPropsForAction(), {
+      style: styles.root
+    }), styles.root.animation && styles.root.animation === 'none' ? /*#__PURE__*/React.createElement(View, {
+      style: styles.handle
+    }, /*#__PURE__*/React.createElement(BackgroundComponent, {
+      size: styles.handle.backgroundSize || 'contain',
+      position: styles.handle.backgroundPosition,
+      image: styles.handle.backgroundImage,
+      repeat: styles.handle.backgroundRepeat || 'no-repeat'
+    })) : /*#__PURE__*/React.createElement(Animated.View, {
+      style: [styles.handle, {
+        transform: [{
+          translateX: this.animationValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, this.state.viewWidth - (this.styles.handle.width + 18)]
+          })
+        }, {
+          scale: this.scaleValue
+        }]
+      }]
+    }, /*#__PURE__*/React.createElement(BackgroundComponent, {
+      size: styles.handle.backgroundSize || 'contain',
+      position: styles.handle.backgroundPosition,
+      image: styles.handle.backgroundImage,
+      repeat: styles.handle.backgroundRepeat || 'no-repeat'
+    })));
+  }
+}
+//# sourceMappingURL=toggle.component.js.map

package/components/input/toggle/toggle.props.js

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

package/components/input/toggle/toggle.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmToggleProps","constructor","args","_defineProperty","undefined"],"sources":["toggle.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmToggleProps extends BaseProps {\n  checkedvalue: any = true;\n  uncheckedvalue: any = false;\n  datavalue: any;\n  readonly? = false;\n  onFieldChange: any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"togglebutton\";\n  accessibilitylabelledby?: string = undefined;\n  invokeEvent?: Function;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC/B,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA,mBAEf,KAAK;IAAAA,eAAA,6BAEaC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,cAAc;IAAAA,eAAA,kCACnBC,SAAS;EAAA;AAE9C","ignoreList":[]}

package/components/navigation/appnavbar/appnavbar.component.js

@@ -0,0 +1,68 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Text, View, BackHandler } from 'react-native';
+import { Badge } from 'react-native-paper';
+import { isAndroid, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';
+import WmAppNavbarProps from './appnavbar.props';
+import { DEFAULT_CLASS } from './appnavbar.styles';
+export class WmAppNavbarState extends BaseComponentState {}
+export default class WmAppNavbar extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAppNavbarProps());
+    this.onDrawerBtnPress = (() => this.invokeEventCallback('onDrawerbuttonpress', [null, this])).bind(this);
+    this.onBackBtnPress = (() => this.invokeEventCallback('onBackbtnclick', [null, this])).bind(this);
+    this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);
+    if (isAndroid() && !isWebPreviewMode()) {
+      const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
+        this.onBackBtnPress();
+        return true;
+      });
+      this.cleanup.push(() => subscription.remove());
+    }
+  }
+  renderWidget(props) {
+    //@ts-ignore
+    const badge = props.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
+      style: this.styles.badge
+    }, this.getTestProps('badge')), props.badgevalue) : null;
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.leftSection
+    }, props.showDrawerButton && /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('leftnavbtn'),
+      hint: 'menu',
+      styles: this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon),
+      iconclass: props.leftnavpaneliconclass,
+      onTap: this.onDrawerBtnPress
+    }), props.backbutton && /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('backbtn'),
+      hint: 'back',
+      styles: this.theme.mergeStyle({}, this.styles.action, this.styles.backIcon),
+      iconclass: props.backbuttoniconclass,
+      caption: props.backbuttonlabel,
+      onTap: this.onBackBtnPress
+    })), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.middleSection
+    }, props.imgsrc && /*#__PURE__*/React.createElement(WmPicture, {
+      id: this.getTestId('picture'),
+      styles: this.styles.image,
+      picturesource: props.imgsrc
+    }), /*#__PURE__*/React.createElement(Text, _extends({
+      style: this.styles.content
+    }, this.getTestPropsForLabel('title'), {
+      accessibilityRole: "header"
+    }), props.title), badge), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.rightSection
+    }, props.searchbutton && /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('searchbtn'),
+      styles: this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon),
+      iconclass: props.searchbuttoniconclass,
+      onTap: this.onSearchBtnPress
+    }), props.children));
+  }
+}
+//# sourceMappingURL=appnavbar.component.js.map

package/components/navigation/appnavbar/appnavbar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","BackHandler","Badge","isAndroid","isWebPreviewMode","BaseComponent","BaseComponentState","WmIcon","WmPicture","WmAppNavbarProps","DEFAULT_CLASS","WmAppNavbarState","WmAppNavbar","constructor","props","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","subscription","addEventListener","cleanup","push","remove","renderWidget","badge","badgevalue","undefined","createElement","_extends","style","styles","getTestProps","root","_background","leftSection","showDrawerButton","id","getTestId","hint","theme","mergeStyle","action","leftnavIcon","iconclass","leftnavpaneliconclass","onTap","backbutton","backIcon","backbuttoniconclass","caption","backbuttonlabel","middleSection","imgsrc","image","picturesource","content","getTestPropsForLabel","accessibilityRole","title","rightSection","searchbutton","searchbuttoniconclass","children"],"sources":["appnavbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, BackHandler } from 'react-native';\nimport { Badge } from 'react-native-paper';\n\nimport { isAndroid, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\n\nimport WmAppNavbarProps from './appnavbar.props';\nimport { DEFAULT_CLASS, WmAppNavbarStyles } from './appnavbar.styles';\n\nexport class WmAppNavbarState extends BaseComponentState<WmAppNavbarProps> {\n\n}\n\nexport default class WmAppNavbar extends BaseComponent<WmAppNavbarProps, WmAppNavbarState, WmAppNavbarStyles> {\n\n  private onDrawerBtnPress: Function;\n  private onBackBtnPress: Function;\n  private onSearchBtnPress: Function;\n\n  constructor(props: WmAppNavbarProps) {\n    super(props, DEFAULT_CLASS, new WmAppNavbarProps());\n    this.onDrawerBtnPress = (() => this.invokeEventCallback('onDrawerbuttonpress', [null, this])).bind(this);\n    this.onBackBtnPress = (() => this.invokeEventCallback('onBackbtnclick', [null, this])).bind(this);\n    this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);\n    if (isAndroid() && !isWebPreviewMode()) {\n      const subscription = BackHandler.addEventListener('hardwareBackPress', () => {\n        this.onBackBtnPress();\n        return true;\n      });\n      this.cleanup.push(() => subscription.remove());\n    }\n  }\n\n  renderWidget(props: WmAppNavbarProps) {\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>): null;\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <View style={this.styles.leftSection}>\n        {props.showDrawerButton && (<WmIcon\n          id={this.getTestId('leftnavbtn')}\n          hint={'menu'}\n          styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n          iconclass={props.leftnavpaneliconclass}\n          onTap={this.onDrawerBtnPress}\n          />)}\n        {props.backbutton && (<WmIcon\n          id={this.getTestId('backbtn')}\n          hint={'back'}\n          styles={this.theme.mergeStyle({}, this.styles.action, this.styles.backIcon)}\n          iconclass={props.backbuttoniconclass}\n          caption={props.backbuttonlabel}\n          onTap={this.onBackBtnPress}/>)}\n        </View>\n        <View style={this.styles.middleSection}>\n          {props.imgsrc && (\n          <WmPicture\n            id={this.getTestId('picture')}\n            styles={this.styles.image}\n            picturesource={props.imgsrc} />)}\n          <Text style={this.styles.content} {...this.getTestPropsForLabel('title')} accessibilityRole='header'>{props.title}</Text>\n          {badge}\n        </View>\n        <View style={this.styles.rightSection}>\n          {props.searchbutton && (<WmIcon\n            id={this.getTestId('searchbtn')}\n            styles={this.theme.mergeStyle({}, this.styles.action, this.styles.leftnavIcon)}\n            iconclass={props.searchbuttoniconclass}\n            onTap={this.onSearchBtnPress}\n            />)}\n          {props.children}\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/navigation/appnavbar/appnavbar.props.js

@@ -0,0 +1,19 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmAppNavbarProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "backbutton", true);
+    _defineProperty(this, "backbuttonlabel", '');
+    _defineProperty(this, "showDrawerButton", false);
+    _defineProperty(this, "leftnavpaneliconclass", 'wm-sl-l sl-hamburger-menu');
+    _defineProperty(this, "backbuttoniconclass", 'wi wi-back');
+    _defineProperty(this, "imgsrc", null);
+    _defineProperty(this, "searchbutton", false);
+    _defineProperty(this, "searchbuttoniconclass", 'wm-sl-l sl-search');
+  }
+}
+//# sourceMappingURL=appnavbar.props.js.map

package/components/navigation/appnavbar/appnavbar.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmAppNavbarProps","constructor","args","_defineProperty"],"sources":["appnavbar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmAppNavbarProps extends BaseProps {\n    children?: any;\n    title: string = '';\n    backbutton = true;\n    backbuttonlabel = '';\n    showDrawerButton = false;\n    leftnavpaneliconclass = 'wm-sl-l sl-hamburger-menu';\n    backbuttoniconclass = 'wi wi-back';\n    imgsrc = null as any;\n    searchbutton = false;\n    searchbuttoniconclass = 'wm-sl-l sl-search';\n    badgevalue?: string;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,gBAEpC,EAAE;IAAAA,eAAA,qBACL,IAAI;IAAAA,eAAA,0BACC,EAAE;IAAAA,eAAA,2BACD,KAAK;IAAAA,eAAA,gCACA,2BAA2B;IAAAA,eAAA,8BAC7B,YAAY;IAAAA,eAAA,iBACzB,IAAI;IAAAA,eAAA,uBACE,KAAK;IAAAA,eAAA,gCACI,mBAAmB;EAAA;AAE/C","ignoreList":[]}

package/components/navigation/basenav/basenav.component.js

@@ -0,0 +1,72 @@
+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 { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { DEFAULT_CLASS } from './basenav.styles';
+import { isArray } from 'lodash-es';
+export class BaseNavState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataItems", []);
+  }
+}
+export class BaseNavComponent extends BaseComponent {
+  constructor(props, defaultClass = DEFAULT_CLASS, defaultProps, defaultState) {
+    super(props, defaultClass, defaultProps, defaultState);
+    this.defaultClass = defaultClass;
+  }
+  getValue(item, val) {
+    if (typeof val === 'string') {
+      return item[val];
+    } else if (typeof val === 'function') {
+      return val(item);
+    }
+    return null;
+  }
+  setDataItems(dataset = this.state.props.dataset) {
+    const name = this.props.name;
+    let dataItems = [];
+    if (typeof dataset === 'string') {
+      dataItems = dataset.split(',').map((s, i) => {
+        return {
+          key: `${name}_item${i}`,
+          label: s,
+          data: s
+        };
+      });
+    } else if (dataset) {
+      if (!isArray(dataset)) {
+        dataset = [dataset];
+      }
+      dataItems = dataset.map((d, i) => {
+        return {
+          key: `${name}_item${i}`,
+          label: this.getValue(d, this.state.props.itemlabel),
+          icon: this.getValue(d, this.state.props.itemicon),
+          link: this.getValue(d, this.state.props.itemlink),
+          badge: this.getValue(d, this.state.props.itembadge),
+          isactive: this.getValue(d, this.state.props.isactive),
+          data: d,
+          childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null
+        };
+      });
+    }
+    this.updateState({
+      dataItems: dataItems
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'dataset':
+        this.setDataItems($new);
+        break;
+      case 'itemlabel':
+      case 'itemicon':
+      case 'itemlink':
+      case 'itemchildren':
+        this.setDataItems();
+        break;
+    }
+  }
+}
+//# sourceMappingURL=basenav.component.js.map

package/components/navigation/basenav/basenav.props.js

@@ -0,0 +1,18 @@
+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 class BaseNavProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "itemlabel", 'label');
+    _defineProperty(this, "itemlink", 'link');
+    _defineProperty(this, "itemicon", 'icon');
+    _defineProperty(this, "itembadge", null);
+    _defineProperty(this, "isactive", null);
+    _defineProperty(this, "itemchildren", null);
+    _defineProperty(this, "getDisplayExpression", label => null);
+  }
+}
+//# sourceMappingURL=basenav.props.js.map