@wavemaker/app-rn-runtime 12.0.0-next.142013 → 12.0.0-next.25480

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

@@ -0,0 +1,191 @@
+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';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import WmIcon from '../../basic/icon/icon.component';
+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;
+
+    // Convert to number and use || to fallback for empty string, 0, null, undefined, NaN
+    const handlesizeon = Number(this.state.props.handlesizeon) || 1.5;
+    const handlesizeoff = Number(this.state.props.handlesizeoff) || 1;
+    const handlesizebounce = Number(this.state.props.handlesizebounce) || 1.6;
+    const bounceduration = Number(this.state.props.bounceduration) || 300;
+    const slideduration = Number(this.state.props.slideduration) || 300;
+    const finalScale = value ? handlesizeon : handlesizeoff;
+    Animated.sequence([Animated.timing(this.scaleValue, {
+      toValue: handlesizebounce,
+      duration: bounceduration,
+      useNativeDriver: true
+    }), Animated.timing(this.animationValue, {
+      toValue: value ? 1 : 0,
+      duration: slideduration,
+      easing: Easing.linear,
+      useNativeDriver: true
+    })]).start(() => {
+      Animated.timing(this.scaleValue, {
+        toValue: finalScale,
+        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);
+      }
+      setTimeout(() => {
+        this.invokeEventCallback('onBlur', [null, this.proxy]);
+      }, 10);
+    });
+  }
+  onLayoutChange(event) {
+    let width = event.nativeEvent.layout.width;
+    this.handleLayout(event);
+    this.setState({
+      viewWidth: width
+    });
+  }
+  renderSkeleton(props) {
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.skeleton.root
+    });
+  }
+  getStatusIcon() {
+    if (this.state.props.toggleIcon) {
+      if (this.state.isSwitchOn) {
+        return 'wi wi-check';
+      } else {
+        return 'wi wi-close';
+      }
+    } else if (this.state.props.showCheckIcon) {
+      if (this.state.isSwitchOn) {
+        return 'wi wi-check';
+      } else {
+        return ' ';
+      }
+    } else {
+      return '';
+    }
+  }
+  renderWidget(props) {
+    const styles = this.theme.mergeStyle(this.styles, this.theme.getStyle(this.state.isSwitchOn ? 'app-toggle-on' : 'app-toggle-off'));
+    const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TOGGLE, {
+      accessible: props.accessible,
+      selected: this.state.isSwitchOn,
+      accessibilitylabel: props.accessibilitylabel,
+      hint: props.hint,
+      accessibilityrole: props.accessibilityrole
+    });
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
+      onLayout: e => {
+        this.onLayoutChange(e);
+      }
+    }, accessibilityProps, {
+      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],
+            // TODO Abdullah: add a test case for the below changes. Merging this to expo 52 release branch. 
+            outputRange: this.isRTL ? [0, -1 * (this.state.viewWidth - (this.styles.handle.width + 18))] : [0, this.state.viewWidth - (this.styles.handle.width + 18)]
+          })
+        }, {
+          scale: this.scaleValue
+        }]
+      }]
+    }, /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: this.getStatusIcon(),
+      styles: this.state.isSwitchOn ? this.styles.checkicon : this.styles.uncheckicon,
+      disabled: props.readonly || props.disabled,
+      id: this.getTestId('checkicon')
+    }), /*#__PURE__*/React.createElement(BackgroundComponent, {
+      size: styles.handle.backgroundSize || 'contain',
+      position: styles.handle.backgroundPosition,
+      image: styles.handle.backgroundImage,
+      repeat: styles.handle.backgroundRepeat || 'no-repeat'
+    })));
+  }
+}
+
+// this.state.props.toggleIcon ? (this.state.isSwitchOn ? 'wi wi-check' : 'wi wi-close') : (this.state.props.showCheckIcon ? (this.state.isSwitchOn ? 'wi wi-check' : '') : '')
+//# sourceMappingURL=toggle.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","Animated","Easing","View","BackgroundComponent","BaseComponent","BaseComponentState","unStringify","validateField","AccessibilityWidgetType","getAccessibilityProps","WmToggleProps","DEFAULT_CLASS","createSkeleton","WmIcon","WmToggleState","constructor","args","_defineProperty","WmToggle","props","Value","onPropertyChange","name","$new","$old","value","state","checkedvalue","updateState","isSwitchOn","updateDatavalue","datavalue","validate","validationObj","isValid","errorType","onToggleSwitch","oldValue","dataValue","uncheckedvalue","handlesizeon","Number","handlesizeoff","handlesizebounce","bounceduration","slideduration","finalScale","sequence","timing","scaleValue","toValue","duration","useNativeDriver","animationValue","easing","linear","start","onFieldChange","invokeEventCallback","proxy","setTimeout","onLayoutChange","event","width","nativeEvent","layout","handleLayout","setState","viewWidth","renderSkeleton","theme","styles","skeleton","root","getStatusIcon","toggleIcon","showCheckIcon","renderWidget","mergeStyle","getStyle","accessibilityProps","TOGGLE","accessible","selected","accessibilitylabel","hint","accessibilityrole","createElement","_extends","onLayout","e","onPress","disabled","readonly","getTestPropsForAction","style","animation","handle","size","backgroundSize","position","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat","transform","translateX","interpolate","inputRange","outputRange","isRTL","scale","iconclass","checkicon","uncheckicon","id","getTestId"],"sources":["toggle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, Animated, Easing, LayoutChangeEvent, View, DimensionValue } from 'react-native';\n\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport WmToggleProps from './toggle.props';\nimport { DEFAULT_CLASS, WmToggleStyles } from './toggle.styles';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmToggleState extends BaseComponentState<WmToggleProps> {\n  isSwitchOn: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n  viewWidth: number = 0;\n}\n\nexport default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {\n\n  private animationValue = new Animated.Value(0);\n  private scaleValue = new Animated.Value(1);\n\n  constructor(props: WmToggleProps) {\n    super(props, DEFAULT_CLASS, new WmToggleProps(), new WmToggleState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'datavalue':\n        let value =\n          unStringify($new) ===\n          unStringify(this.state.props.checkedvalue, true);\n        this.updateState({ isSwitchOn: value } as WmToggleState);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmToggleState);\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmToggleState);\n  }\n\n  onToggleSwitch(value: any) {\n    const oldValue = this.state.props.datavalue;\n    this.validate(value);\n    this.updateState({ isSwitchOn: value } as WmToggleState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    \n    // Convert to number and use || to fallback for empty string, 0, null, undefined, NaN\n    const handlesizeon = Number(this.state.props.handlesizeon) || 1.5;\n    const handlesizeoff = Number(this.state.props.handlesizeoff) || 1;\n    const handlesizebounce = Number(this.state.props.handlesizebounce) || 1.6;\n    const bounceduration = Number(this.state.props.bounceduration) || 300;\n    const slideduration = Number(this.state.props.slideduration) || 300;\n    \n    const finalScale = value ? handlesizeon : handlesizeoff;\n    \n    Animated.sequence([\n      Animated.timing(this.scaleValue, {\n        toValue: handlesizebounce,\n        duration: bounceduration,\n        useNativeDriver: true,\n      }),\n      Animated.timing(this.animationValue, {\n        toValue: value ? 1 : 0,\n        duration: slideduration,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      }),\n    ]).start(() => {\n      Animated.timing(this.scaleValue, {\n        toValue: finalScale,\n        duration: 0,\n        useNativeDriver: true,\n      }).start();\n    });\n    // @ts-ignore\n    this.updateState({ props: { datavalue: dataValue } },\n      ()=> {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        setTimeout(() => {\n          this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n        }, 10);\n        \n      });\n  }\n\n  onLayoutChange(event: LayoutChangeEvent){\n    let width = event.nativeEvent.layout.width;\n    this.handleLayout(event)\n\n    this.setState({\n      viewWidth: width,\n    } as WmToggleState);\n  }\n\n  public renderSkeleton(props: WmToggleProps): React.ReactNode {\n      \n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.skeleton.root,\n      });\n  }\n  getStatusIcon(){\n    if(this.state.props.toggleIcon)\n    {\n      if(this.state.isSwitchOn)\n      {\n        return 'wi wi-check'\n      }\n      else{\n        return 'wi wi-close'\n      }\n    }\n    else if(this.state.props.showCheckIcon)\n    {\n      if(this.state.isSwitchOn)\n        {\n          return 'wi wi-check'\n        }\n        else{\n          return ' '\n        }\n    }\n    else{\n      return ''\n    }\n  }\n\n  renderWidget(props: WmToggleProps) {\n    const styles = this.theme.mergeStyle(this.styles, \n    this.theme.getStyle(this.state.isSwitchOn ? 'app-toggle-on' : 'app-toggle-off'));\n    const accessibilityProps = getAccessibilityProps(AccessibilityWidgetType.TOGGLE, {\n      accessible: props.accessible,\n      selected: this.state.isSwitchOn,\n      accessibilitylabel: props.accessibilitylabel,\n      hint: props.hint,\n      accessibilityrole: props.accessibilityrole,\n    });\n    return (\n      <TouchableOpacity \n      onLayout={(e) => {\n        this.onLayoutChange(e);\n      }}\n      {...accessibilityProps}\n      onPress={() => {\n        if (this.props.disabled || this.props.readonly) {\n          return;\n        }\n        // Added setTimeout to smooth animation\n        setTimeout(() => {\n          this.invokeEventCallback('onFocus', [null, this]);\n          this.invokeEventCallback('onTap', [null, this]);\n        }, 500);\n        this.onToggleSwitch(!this.state.isSwitchOn);\n      }}{...this.getTestPropsForAction()}\n      style={styles.root}>\n       {styles.root.animation && styles.root.animation === 'none' ? (\n          <View style={styles.handle}>\n            <BackgroundComponent\n              size={styles.handle.backgroundSize || 'contain'}\n              position={styles.handle.backgroundPosition}\n              image={styles.handle.backgroundImage}\n              repeat={styles.handle.backgroundRepeat || 'no-repeat'}\n            />\n          </View>\n          ): ( <Animated.View\n            style={[\n              styles.handle,\n              {\n                transform: [\n                  {\n                    translateX: this.animationValue.interpolate({\n                      inputRange: [0, 1],\n                      // TODO Abdullah: add a test case for the below changes. Merging this to expo 52 release branch. \n                      outputRange: this.isRTL\n                        ? [0, -1 * (this.state.viewWidth - (this.styles.handle.width as number + 18))]\n                        : [0, this.state.viewWidth - (this.styles.handle.width as number + 18)],\n                    }),\n                  },\n                  { scale: this.scaleValue }\n                ],\n              },\n            ]}>\n            <WmIcon iconclass={this.getStatusIcon()} styles={this.state.isSwitchOn ? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('checkicon')}/>\n            <BackgroundComponent\n              size={styles.handle.backgroundSize || 'contain'}\n              position={styles.handle.backgroundPosition}\n              image={styles.handle.backgroundImage}\n              repeat={styles.handle.backgroundRepeat || 'no-repeat'}\n            />\n          </Animated.View>)}\n      </TouchableOpacity>\n    );\n  }\n}\n\n// this.state.props.toggleIcon ? (this.state.isSwitchOn ? 'wi wi-check' : 'wi wi-close') : (this.state.props.showCheckIcon ? (this.state.isSwitchOn ? 'wi wi-check' : '') : '')"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+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, "datavalue", void 0);
+    _defineProperty(this, "readonly", false);
+    _defineProperty(this, "onFieldChange", void 0);
+    _defineProperty(this, "accessible", true);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "togglebutton");
+    _defineProperty(this, "accessibilitylabelledby", undefined);
+    _defineProperty(this, "invokeEvent", void 0);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "handlesizeon", 1.5);
+    _defineProperty(this, "handlesizeoff", 1);
+    _defineProperty(this, "handlesizebounce", 1.6);
+    _defineProperty(this, "bounceduration", 300);
+    _defineProperty(this, "slideduration", 300);
+    _defineProperty(this, "toggleIcon", false);
+    _defineProperty(this, "showCheckIcon", false);
+  }
+}
+//# 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  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"togglebutton\";\n  accessibilitylabelledby?: string = undefined;\n  invokeEvent?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  handlesizeon: number = 1.5;\n  handlesizeoff: number = 1;\n  handlesizebounce: number = 1.6;\n  bounceduration: number = 300;\n  slideduration: number = 300;\n  toggleIcon?:boolean = false;\n  showCheckIcon?:boolean = false;\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;IAAAA,eAAA,mBAEf,KAAK;IAAAA,eAAA;IAAAA,eAAA,qBAEM,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,cAAc;IAAAA,eAAA,kCACnBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,yBAElB,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,uBACN,GAAG;IAAAA,eAAA,wBACF,CAAC;IAAAA,eAAA,2BACE,GAAG;IAAAA,eAAA,yBACL,GAAG;IAAAA,eAAA,wBACJ,GAAG;IAAAA,eAAA,qBACL,KAAK;IAAAA,eAAA,wBACF,KAAK;EAAA;AAChC","ignoreList":[]}

package/components/input/toggle/toggle.styles.js

@@ -0,0 +1,89 @@
+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-toggle';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      width: 52,
+      height: 32,
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 18
+    },
+    text: {},
+    handle: {
+      width: 16,
+      height: 16,
+      borderRadius: 18,
+      marginLeft: 8,
+      marginRight: 0,
+      backgroundSize: '100% 100%',
+      backgroundPosition: 'center'
+    },
+    checkicon: {
+      root: {},
+      text: {
+        fontSize: 16
+      },
+      icon: {
+        color: themeVariables.toggleOnColor,
+        padding: 0
+      }
+    },
+    uncheckicon: {
+      root: {},
+      text: {
+        fontSize: 16
+      },
+      icon: {
+        color: themeVariables.toggleOffColor,
+        padding: 0
+      }
+    },
+    skeleton: {
+      root: {
+        width: 52,
+        height: 32,
+        borderRadius: 18
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-toggle-input-horizontal', '', {
+    root: {
+      minWidth: 0
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-on', '', {
+    root: {
+      backgroundColor: themeVariables.toggleOnColor
+    },
+    handle: {
+      backgroundColor: themeVariables.toggleHandleColor
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-off', '', {
+    root: {
+      backgroundColor: themeVariables.toggleOffColor,
+      borderColor: themeVariables.toggleOffBorderColor,
+      borderWidth: 2
+    },
+    handle: {
+      backgroundColor: themeVariables.toggleHandleDisableColor
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', {});
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.5
+    },
+    handle: {
+      backgroundColor: themeVariables.toggleHandleDisableColor,
+      opacity: 1
+    }
+  });
+});
+//# sourceMappingURL=toggle.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","width","height","flexDirection","alignItems","borderRadius","text","handle","marginLeft","marginRight","backgroundSize","backgroundPosition","checkicon","fontSize","icon","color","toggleOnColor","padding","uncheckicon","toggleOffColor","skeleton","minWidth","backgroundColor","toggleHandleColor","borderColor","toggleOffBorderColor","borderWidth","toggleHandleDisableColor","opacity"],"sources":["toggle.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ViewStyle } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmToggleStyles = BaseStyles & {\n  handle: ViewStyle,\n  skeleton: WmSkeletonStyles,\n    checkicon: WmIconStyles,\n    uncheckicon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-toggle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmToggleStyles = defineStyles({\n      root: {\n        width: 52,\n        height: 32,\n        flexDirection: 'row',\n        alignItems: 'center',\n        borderRadius: 18\n      },\n      text: {},\n      handle: {\n        width: 16,\n        height: 16,\n        borderRadius: 18,\n        marginLeft : 8,\n        marginRight: 0,\n        backgroundSize: '100% 100%',\n        backgroundPosition: 'center'\n      },\n      checkicon : {\n        root: {},\n        text: {\n          fontSize: 16\n        },\n        icon : {\n          color: themeVariables.toggleOnColor,\n          padding: 0\n        }\n    } as WmIconStyles,\n      uncheckicon : {\n        root: {},\n        text: {\n          fontSize: 16\n        },\n        icon : {\n          color: themeVariables.toggleOffColor,\n          padding: 0\n        }\n    } as WmIconStyles,\n      skeleton: {\n        root: {\n          width: 52,\n          height: 32,\n          borderRadius: 18,\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  \n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-toggle-input-horizontal', '', {\n    root: {\n      minWidth: 0, \n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-on', '', {\n    root : {\n      backgroundColor: themeVariables.toggleOnColor,\n    },\n    handle: {\n      backgroundColor: themeVariables.toggleHandleColor,\n    }\n  } as WmToggleStyles);\n  addStyle(DEFAULT_CLASS + '-off', '', {\n    root : {\n      backgroundColor: themeVariables.toggleOffColor,\n      borderColor: themeVariables.toggleOffBorderColor,\n      borderWidth: 2\n    },\n    handle: {\n      backgroundColor: themeVariables.toggleHandleDisableColor,\n    }\n  } as WmToggleStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        opacity:0.5\n      },\n      handle: {\n        backgroundColor: themeVariables.toggleHandleDisableColor,\n        opacity:1\n      }\n  });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAYxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVG,YAAY,EAAE,EAAE;MAChBG,UAAU,EAAG,CAAC;MACdC,WAAW,EAAE,CAAC;MACdC,cAAc,EAAE,WAAW;MAC3BC,kBAAkB,EAAE;IACtB,CAAC;IACDC,SAAS,EAAG;MACVZ,IAAI,EAAE,CAAC,CAAC;MACRM,IAAI,EAAE;QACJO,QAAQ,EAAE;MACZ,CAAC;MACDC,IAAI,EAAG;QACLC,KAAK,EAAElB,cAAc,CAACmB,aAAa;QACnCC,OAAO,EAAE;MACX;IACJ,CAAiB;IACfC,WAAW,EAAG;MACZlB,IAAI,EAAE,CAAC,CAAC;MACRM,IAAI,EAAE;QACJO,QAAQ,EAAE;MACZ,CAAC;MACDC,IAAI,EAAG;QACLC,KAAK,EAAElB,cAAc,CAACsB,cAAc;QACpCF,OAAO,EAAE;MACX;IACJ,CAAiB;IACfG,QAAQ,EAAE;MACRpB,IAAI,EAAE;QACJC,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVG,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,8BAA8B,EAAE,EAAE,EAAE;IAC3CE,IAAI,EAAE;MACJqB,QAAQ,EAAE;IACZ,CAAC;IACDf,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBR,QAAQ,CAACH,aAAa,GAAG,KAAK,EAAE,EAAE,EAAE;IAClCK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAACmB;IAClC,CAAC;IACDT,MAAM,EAAE;MACNe,eAAe,EAAEzB,cAAc,CAAC0B;IAClC;EACF,CAAmB,CAAC;EACpBzB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAACsB,cAAc;MAC9CK,WAAW,EAAE3B,cAAc,CAAC4B,oBAAoB;MAChDC,WAAW,EAAE;IACf,CAAC;IACDnB,MAAM,EAAE;MACNe,eAAe,EAAEzB,cAAc,CAAC8B;IAClC;EACF,CAAmB,CAAC;EACpB7B,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;EACxCG,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACL4B,OAAO,EAAC;IACV,CAAC;IACDrB,MAAM,EAAE;MACNe,eAAe,EAAEzB,cAAc,CAAC8B,wBAAwB;MACxDC,OAAO,EAAC;IACV;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,114 @@
+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 { 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';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+import { StickyWrapperContext } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';
+import { StickyNav } from '@wavemaker/app-rn-runtime/core/components/sticky-nav.component';
+export class WmAppNavbarState extends BaseComponentState {}
+export default class WmAppNavbar extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmAppNavbarProps());
+    _defineProperty(this, "onDrawerBtnPress", void 0);
+    _defineProperty(this, "onBackBtnPress", void 0);
+    _defineProperty(this, "onSearchBtnPress", void 0);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    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());
+    }
+  }
+  renderContent(props) {
+    //@ts-ignore
+    const badge = props.badgevalue != undefined ? /*#__PURE__*/React.createElement(Badge, _extends({
+      style: this.styles.badge
+    }, this.getTestProps('badge')), props.badgevalue) : null;
+    let navHeightValue;
+    return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      var _this$appConfig;
+      const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;
+      const isEdgeToEdgeApp = !!((_this$appConfig = this.appConfig) !== null && _this$appConfig !== void 0 && (_this$appConfig = _this$appConfig.edgeToEdgeConfig) !== null && _this$appConfig !== void 0 && _this$appConfig.isEdgeToEdgeApp);
+      const stylesWithFs = isEdgeToEdgeApp ? {
+        height: this.styles.root.height + ((insets === null || insets === void 0 ? void 0 : insets.top) || 0),
+        paddingTop: (paddingTopVal || 0) + ((insets === null || insets === void 0 ? void 0 : insets.top) || 0)
+      } : {};
+      return /*#__PURE__*/React.createElement(View, {
+        style: [this.styles.root, stylesWithFs],
+        ref: ref => {
+          this.baseView = ref;
+        },
+        onLayout: event => {
+          if (this.context && this.context.navHeight) {
+            if (isEdgeToEdgeApp && insets !== null && insets !== void 0 && insets.top || !isEdgeToEdgeApp || isWebPreviewMode()) {
+              navHeightValue = event.nativeEvent.layout.height || 0;
+              this.context.navHeight.value = navHeightValue;
+              this.notify('updateNavHeight', [navHeightValue], true);
+            }
+          }
+          this.handleLayout(event);
+        }
+      }, 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));
+    });
+  }
+  renderWidget(props) {
+    return this.props.hideonscroll ? /*#__PURE__*/React.createElement(StickyNav, {
+      component: this,
+      theme: this.theme
+    }, this.renderContent(props)) : this.renderContent(props);
+  }
+}
+_defineProperty(WmAppNavbar, "contextType", StickyWrapperContext);
+//# 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","SafeAreaInsetsContext","injector","StickyWrapperContext","StickyNav","WmAppNavbarState","WmAppNavbar","constructor","props","_defineProperty","get","onDrawerBtnPress","invokeEventCallback","bind","onBackBtnPress","onSearchBtnPress","subscription","addEventListener","cleanup","push","remove","renderContent","badge","badgevalue","undefined","createElement","_extends","style","styles","getTestProps","navHeightValue","Consumer","insets","top","bottom","left","right","_this$appConfig","paddingTopVal","root","paddingTop","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","height","ref","baseView","onLayout","event","context","navHeight","nativeEvent","layout","value","notify","handleLayout","_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","renderWidget","hideonscroll","component"],"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\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport { StickyWrapperContext, StickyWrapperContextType } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';\nimport { StickyNav } from '@wavemaker/app-rn-runtime/core/components/sticky-nav.component';\n\nexport class WmAppNavbarState extends BaseComponentState<WmAppNavbarProps> {}\n\nexport default class WmAppNavbar extends BaseComponent<WmAppNavbarProps, WmAppNavbarState, WmAppNavbarStyles> {\n\n  private onDrawerBtnPress: Function;\n  private onBackBtnPress: Function;\n  private onSearchBtnPress: Function;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  static contextType = StickyWrapperContext;\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  renderContent(props: WmAppNavbarProps) {\n    //@ts-ignore\n    const badge = props.badgevalue != undefined ? (<Badge style={this.styles.badge} {...this.getTestProps('badge')}>{props.badgevalue}</Badge>): null;\n\n    let navHeightValue;\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n          const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;\n          const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n          const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.top || 0) as number, \n          paddingTop: (paddingTopVal || 0) as number + (insets?.top || 0) as number} : {}\n          return (\n          <View style={[this.styles.root, stylesWithFs]} ref={ref => {this.baseView = ref as View}} onLayout={(event) => {\n            if((this.context) && (this.context as StickyWrapperContextType).navHeight) {\n              if((isEdgeToEdgeApp && insets?.top) || !isEdgeToEdgeApp || isWebPreviewMode()){\n                navHeightValue = event.nativeEvent.layout.height || 0;\n                (this.context as StickyWrapperContextType).navHeight.value = navHeightValue;\n                this.notify('updateNavHeight', [navHeightValue], true);\n              }\n            }\n            this.handleLayout(event);\n          }}>\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      </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmAppNavbarProps){\n    return this.props.hideonscroll ? (\n      <StickyNav\n        component={this}\n        theme={this.theme}\n      >\n        {this.renderContent(props)}\n      </StickyNav>\n    ) : this.renderContent(props)\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+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, "children", void 0);
+    _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');
+    _defineProperty(this, "badgevalue", void 0);
+    _defineProperty(this, "hideonscroll", false);
+  }
+}
+//# 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    hideonscroll?: boolean = false;\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;IAAAA,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;IAAAA,eAAA;IAAAA,eAAA,uBAElB,KAAK;EAAA;AAClC","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","backgroundColor","navitemActiveBackgroundColor","height","padding","paddingHorizontal","alignItems","text","action","leftSection","flex","leftnavIcon","icon","fontSize","navbarIconSize","color","navbarTextColor","backIcon","rippleColor","transparent","navbarFontSize","image","width","navbarImageSize","picture","resizeMode","content","textTransform","fontFamily","baseFont","fontWeight","textAlign","badge","titleBadgeBackgroundColor","titleBadgeTextColor","alignSelf","marginLeft","middleSection","rightSection","justifyContent","paddingRight","overflow","textDecorationStyle","undefined","fade","rgb","toString","link"],"sources":["appnavbar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TextStyle, ViewStyle } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmMenuStyles } from '@wavemaker/app-rn-runtime/components/navigation/menu/menu.styles';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmPopoverStyles } from '@wavemaker/app-rn-runtime/components/navigation/popover/popover.styles';\nimport { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';\n\nexport type WmAppNavbarStyles = BaseStyles & {\n  action: WmIconStyles,\n  image: WmPictureStyles,\n  leftnavIcon: WmIconStyles,\n  backIcon: WmIconStyles,\n  leftSection: ViewStyle,\n  middleSection: ViewStyle,\n  rightSection: ViewStyle,\n  content: TextStyle,\n  badge: TextStyle\n};\n\nexport const DEFAULT_CLASS = 'app-appnavbar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmAppNavbarStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      backgroundColor: themeVariables.navitemActiveBackgroundColor,\n      height: 80,\n      padding: 12,\n      paddingHorizontal: 12,\n      alignItems: 'center'\n    },\n    text: {},\n    action: {} as WmIconStyles,\n    leftSection: {\n      flex: 1,\n      flexDirection: 'row'\n    },\n    leftnavIcon: {\n      root: {\n          alignItems: 'flex-start'\n      },\n      icon: {\n          fontSize: themeVariables.navbarIconSize,\n          color: themeVariables.navbarTextColor\n      }\n    } as WmIconStyles,\n    backIcon: {\n      root: {\n        rippleColor: themeVariables.transparent\n      },\n      text: {\n        fontSize: themeVariables.navbarFontSize,\n        color: themeVariables.navbarTextColor\n      },\n      icon: {\n          fontSize: themeVariables.navbarIconSize,\n          color: themeVariables.navbarTextColor\n      }\n    } as WmIconStyles,\n    image: {\n      root: {\n        width: themeVariables.navbarImageSize,\n        height: themeVariables.navbarImageSize,\n      },\n      picture: {\n        resizeMode: 'contain'\n      }\n    } as WmPictureStyles,\n    content: {\n      textTransform: 'capitalize',\n      color: themeVariables.navbarTextColor,\n      fontSize: themeVariables.navbarFontSize,\n      fontFamily: themeVariables.baseFont,\n      fontWeight: '500',\n      textAlign: 'center'\n    },\n    badge: {\n      backgroundColor: themeVariables.titleBadgeBackgroundColor,\n      color: themeVariables.titleBadgeTextColor,\n      alignSelf: 'flex-start',\n      marginLeft: 4\n    },\n    middleSection: {\n      alignItems: 'center',\n      flexDirection: 'row'\n    },\n    rightSection: {\n      flex: 1,\n      flexDirection: 'row',\n      justifyContent: 'flex-end'\n    },\n  } as WmAppNavbarStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('navbarAnchorItem', '', {\n    root: {\n      paddingRight: 8,\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center',\n      overflow: 'visible'\n    },\n    text: {\n      color: themeVariables.navbarTextColor,\n      fontSize: themeVariables.navbarFontSize,\n      textDecorationStyle: undefined\n    },\n    badge: {\n        backgroundColor: Color(themeVariables.navbarTextColor).fade(0.8).rgb().toString(),\n        color: themeVariables.navbarTextColor,\n    },\n    icon: {\n      text: {\n        color: themeVariables.navbarTextColor,\n        fontSize: themeVariables.navbarIconSize\n      },\n      icon : {\n        color: themeVariables.navbarTextColor\n      }\n    }\n  } as WmAnchorStyles);\n  addStyle('navbarButton', '', {\n    root: {\n      backgroundColor: themeVariables.transparent,\n      paddingRight: 8,\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center',\n      alignSelf: 'center'\n    },\n    text: {\n      color: themeVariables.navbarTextColor,\n      fontSize: themeVariables.navbarFontSize\n    },\n    icon: {\n      root: {\n        color: themeVariables.navbarTextColor\n      },\n      text: {\n        color: themeVariables.navbarTextColor,\n        fontSize: themeVariables.navbarIconSize\n      }\n    }\n  } as WmAnchorStyles);\n  addStyle('navbarMenu', '', {\n    root: {\n      paddingRight: 8,\n      height: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    link: {\n      icon: {\n        root: {\n          fontSize: themeVariables.navbarIconSize,\n          color: themeVariables.navbarTextColor\n        }\n      },\n      text: {\n        color: themeVariables.navbarTextColor,\n        fontSize: themeVariables.navbarFontSize\n      }\n    }\n  } as any as WmMenuStyles);\n  addStyle('navbarPopover', '', {\n    root: {\n      height: '100%',\n      flexDirection: 'row',\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    link: {\n      icon: {\n        root: {\n          fontSize: themeVariables.navbarIconSize,\n          color: themeVariables.navbarTextColor\n        }\n      },\n      text: {\n        color: themeVariables.navbarTextColor,\n        fontSize: themeVariables.navbarFontSize\n      }\n    }\n  } as any as WmPopoverStyles);\n});"],"mappings":"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","ignoreList":[]}