@wavemaker/app-rn-runtime 11.15.1-rc.6451 → 11.15.2-dev.2

package/components/input/textarea/textarea.component.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import WmTextareaProps from './textarea.props';
+import { WmTextareaStyles } from './textarea.styles';
+import { BaseInputComponent, BaseInputState } from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';
+export declare class WmTextareaState extends BaseInputState<WmTextareaProps> {
+}
+export default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {
+    constructor(props: WmTextareaProps);
+    getStyleClassName(): string | undefined;
+    renderSkeleton(props: WmTextareaProps): React.ReactNode;
+    renderWidget(props: WmTextareaProps): React.JSX.Element;
+}
+//# sourceMappingURL=textarea.component.d.ts.map

package/components/input/textarea/textarea.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/textarea/textarea.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAiB,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EACL,kBAAkB,EAClB,cAAc,EACf,MAAM,0EAA0E,CAAC;AAMlF,qBAAa,eAAgB,SAAQ,cAAc,CAAC,eAAe,CAAC;CAAG;AAEvE,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,kBAAkB,CAAC,eAAe,EAAE,eAAe,EAAE,gBAAgB,CAAC;gBAEhG,KAAK,EAAE,eAAe;IAI3B,iBAAiB,IAAI,MAAM,GAAG,SAAS;IASvC,cAAc,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS;IAqB9D,YAAY,CAAC,KAAK,EAAE,eAAe;CAqDpC"}

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

@@ -46,7 +46,6 @@ export default class WmTextarea extends BaseInputComponent {
     let opts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
     const foundationStyle = this.theme.getStyle('app-input');
-    const classname = this.state.props.classname ? this.state.props.classname.split(" ").pop() : '';
     opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.TEXTAREA, props), {
       ref: ref => {
@@ -59,7 +58,7 @@ export default class WmTextarea extends BaseInputComponent {
       },
       placeholderTextColor: this.styles.placeholderText.color,
       isInputFocused: this.state.isInputFocused,
-      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.theme.mergeStyle(this.styles.focused, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused, this.theme.getStyle(`${classname}`).focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled, this.theme.getStyle(`${classname}`).disabled) : {}],
+      style: [this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {}, this.state.props.disabled ? this.theme.mergeStyle(foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled) : {}],
       multiline: true,
       numberOfLines: 4,
       background: this._background,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","WmTextareaProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","WMTextInput","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextareaState","WmTextarea","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","_this$state$textValue","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","createElement","Fragment","_extends","getTestPropsForInput","TEXTAREA","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","mergeStyle","focused","disabled","multiline","numberOfLines","background","_background","keyboardType","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","handleLayout","limitdisplaytext","helpText"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform,Text } from 'react-native';\nimport WmTextareaProps from './textarea.props';\nimport { DEFAULT_CLASS, WmTextareaStyles } from './textarea.styles';\nimport {\n  BaseInputComponent,\n  BaseInputState\n} from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n  constructor(props: WmTextareaProps) {\n    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-textarea-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextareaProps): React.ReactNode {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmTextareaProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return ( \n      <>\n    <WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(\n        AccessibilityWidgetType.TEXTAREA,\n        props\n      )}\n      ref={(ref: any) => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      isInputFocused={ this.state.isInputFocused }\n      style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, \n        this.state.isInputFocused ? this.theme.mergeStyle(this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n        this.state.props.disabled ? this.theme.mergeStyle(foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {}\n      ]}\n      multiline={true}\n      numberOfLines={4}\n      background={this._background}\n      keyboardType={this.state.keyboardType}\n      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      autoComplete={props.autocomplete ? 'username' : 'off'}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      maxLength={props.maxchars}\n      placeholder={props.placeholder || 'Place your text'}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.onKeyPress.bind(this)}\n      onChangeText={this.onChangeText.bind(this)}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      handleLayout={this.handleLayout}\n    />\n     { (props.maxchars && props.limitdisplaytext) && <Text\n        style={[\n          this.styles.helpText\n        ]} >     \n         {props.limitdisplaytext}     \n    </Text>}\n    </>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Platform","Text","WmTextareaProps","DEFAULT_CLASS","BaseInputComponent","BaseInputState","WMTextInput","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmTextareaState","WmTextarea","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","renderWidget","_this$state$textValue","opts","valueExpr","OS","foundationStyle","getStyle","textValue","toString","createElement","Fragment","_extends","getTestPropsForInput","TEXTAREA","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderTextColor","placeholderText","color","isInputFocused","style","text","isValid","invalid","focused","disabled","mergeStyle","multiline","numberOfLines","background","_background","keyboardType","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","handleLayout","limitdisplaytext","helpText"],"sources":["textarea.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform,Text } from 'react-native';\nimport WmTextareaProps from './textarea.props';\nimport { DEFAULT_CLASS, WmTextareaStyles } from './textarea.styles';\nimport {\n  BaseInputComponent,\n  BaseInputState\n} from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\n\nexport class WmTextareaState extends BaseInputState<WmTextareaProps> {}\n\nexport default class WmTextarea extends BaseInputComponent<WmTextareaProps, WmTextareaState, WmTextareaStyles> {\n\n  constructor(props: WmTextareaProps) {\n    super(props, DEFAULT_CLASS, new WmTextareaProps(), new WmTextareaState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-textarea-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  public renderSkeleton(props: WmTextareaProps): React.ReactNode {\n    let skeletonWidth, skeletonHeight;\n    if(this.props.skeletonwidth == \"0\") {\n      skeletonWidth = 0\n    } else {\n      skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n    }\n\n    if(this.props.skeletonheight == \"0\") {\n      skeletonHeight = 0\n    } else {\n      skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmTextareaProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    const foundationStyle = this.theme.getStyle('app-input');\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return ( \n      <>\n    <WMTextInput\n      {...this.getTestPropsForInput()}\n      {...getAccessibilityProps(\n        AccessibilityWidgetType.TEXTAREA,\n        props\n      )}\n      ref={(ref: any) => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      isInputFocused={ this.state.isInputFocused }\n      style={[this.styles.root, this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isInputFocused ? this.styles.focused : {},\n        this.state.props.disabled ? this.theme.mergeStyle(foundationStyle?.disabled) : {}\n      ]}\n      multiline={true}\n      numberOfLines={4}\n      background={this._background}\n      keyboardType={this.state.keyboardType}\n      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      autoComplete={props.autocomplete ? 'username' : 'off'}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      maxLength={props.maxchars}\n      placeholder={props.placeholder || 'Place your text'}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.onKeyPress.bind(this)}\n      onChangeText={this.onChangeText.bind(this)}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n      handleLayout={this.handleLayout}\n    />\n     { (props.maxchars && props.limitdisplaytext) && <Text\n        style={[\n          this.styles.helpText\n        ]} >     \n         {props.limitdisplaytext}     \n    </Text>}\n    </>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/textarea/textarea.props.d.ts

@@ -0,0 +1,11 @@
+import BaseInputProps from '@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.props';
+import WmTextarea from './textarea.component';
+export default class WmTextareaProps extends BaseInputProps {
+    floatinglabel?: string;
+    placeholder?: string;
+    skeletonheight?: string;
+    skeletonwidth?: string;
+    limitdisplaytext?: string;
+    onSubmit?: ($event: any, instance: WmTextarea) => any;
+}
+//# sourceMappingURL=textarea.props.d.ts.map

package/components/input/textarea/textarea.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/textarea/textarea.props.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,sEAAsE,CAAC;AAClG,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,cAAc;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAqB;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,UAAU,KAAK,GAAG,CAAC;CACvD"}

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

@@ -7,9 +7,10 @@ export default class WmTextareaProps extends BaseInputProps {
     super(...args);
     _defineProperty(this, "floatinglabel", void 0);
     _defineProperty(this, "placeholder", 'Place your text');
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
-    _defineProperty(this, "limitdisplaytext", null);
+    _defineProperty(this, "skeletonheight", void 0);
+    _defineProperty(this, "skeletonwidth", void 0);
+    _defineProperty(this, "limitdisplaytext", void 0);
+    _defineProperty(this, "onSubmit", void 0);
   }
 }
 //# sourceMappingURL=textarea.props.js.map

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

@@ -1 +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  limitdisplaytext?: 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;IAAAA,eAAA,sBAEpC,iBAAiB;IAAAA,eAAA,yBACb,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,2BACD,IAAI;EAAA;AAClC","ignoreList":[]}
+{"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';\nimport WmTextarea from './textarea.component';\n\nexport default class WmTextareaProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder?: string = 'Place your text';\n  skeletonheight?: string;\n  skeletonwidth?: string;\n  limitdisplaytext?: string;\n  onSubmit?: ($event: any, instance: WmTextarea) => any;\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,sEAAsE;AAGjG,eAAe,MAAMC,eAAe,SAASD,cAAc,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEnC,iBAAiB;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAK1C","ignoreList":[]}

package/components/input/textarea/textarea.styles.d.ts

@@ -0,0 +1,14 @@
+import { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';
+export type WmTextareaStyles = BaseStyles & {
+    invalid: AllStyle;
+    focused: AllStyle;
+    placeholderText: AllStyle;
+    floatingLabel: AllStyle;
+    activeFloatingLabel: AllStyle;
+    skeleton: WmSkeletonStyles;
+    helpText: AllStyle;
+};
+export declare const DEFAULT_CLASS = "app-textarea";
+//# sourceMappingURL=textarea.styles.d.ts.map

package/components/input/textarea/textarea.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/textarea/textarea.styles.ts"],"names":[],"mappings":"AAAA,OAAmB,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,qEAAqE,CAAC;AAGvG,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC1C,OAAO,EAAE,QAAQ,CAAC;IAClB,OAAO,EAAE,QAAQ,CAAC;IAClB,eAAe,EAAE,QAAQ,CAAC;IAC1B,aAAa,EAAE,QAAQ,CAAC;IACxB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,QAAQ,EAAC,QAAQ,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAiB,CAAC"}

package/components/input/toggle/toggle.component.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { LayoutChangeEvent } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmToggleProps from './toggle.props';
+import { WmToggleStyles } from './toggle.styles';
+export declare class WmToggleState extends BaseComponentState<WmToggleProps> {
+    isSwitchOn: boolean;
+    isValid: boolean;
+    errorType: string;
+    viewWidth: number;
+}
+export default class WmToggle extends BaseComponent<WmToggleProps, WmToggleState, WmToggleStyles> {
+    private animationValue;
+    private scaleValue;
+    constructor(props: WmToggleProps);
+    onPropertyChange(name: string, $new: any, $old: any): void;
+    updateDatavalue(value: any): void;
+    validate(value: any): void;
+    onToggleSwitch(value: any): void;
+    onLayoutChange(event: LayoutChangeEvent): void;
+    renderSkeleton(props: WmToggleProps): React.ReactNode;
+    getStatusIcon(): "" | "wi wi-close" | " " | "wi wi-check";
+    renderWidget(props: WmToggleProps): React.JSX.Element;
+}
+//# sourceMappingURL=toggle.component.d.ts.map

package/components/input/toggle/toggle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/toggle/toggle.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsC,iBAAiB,EAAwB,MAAM,cAAc,CAAC;AAG3G,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAIlG,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIhE,qBAAa,aAAc,SAAQ,kBAAkB,CAAC,aAAa,CAAC;IAClE,UAAU,EAAE,OAAO,CAAS;IAC5B,OAAO,EAAE,OAAO,CAAQ;IACxB,SAAS,SAAM;IACf,SAAS,EAAE,MAAM,CAAK;CACvB;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,aAAa,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC;IAE/F,OAAO,CAAC,cAAc,CAAyB;IAC/C,OAAO,CAAC,UAAU,CAAyB;gBAE/B,KAAK,EAAE,aAAa;IAIhC,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG;IAWnD,eAAe,CAAC,KAAK,EAAE,GAAG;IAI1B,QAAQ,CAAC,KAAK,EAAE,GAAG;IAQnB,cAAc,CAAC,KAAK,EAAE,GAAG;IAuCzB,cAAc,CAAC,KAAK,EAAE,iBAAiB;IAShC,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,SAAS;IAM5D,aAAa;IA0Bb,YAAY,CAAC,KAAK,EAAE,aAAa;CAkElC"}

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

@@ -58,26 +58,18 @@ export default class WmToggle extends BaseComponent {
       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,
+      toValue: 1.6,
+      duration: 300,
       useNativeDriver: true
     }), Animated.timing(this.animationValue, {
       toValue: value ? 1 : 0,
-      duration: slideduration,
+      duration: 300,
       easing: Easing.linear,
       useNativeDriver: true
     })]).start(() => {
       Animated.timing(this.scaleValue, {
-        toValue: finalScale,
+        toValue: value ? 1.5 : 1,
         duration: 0,
         useNativeDriver: true
       }).start();

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

@@ -1 +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":[]}
+{"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","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    Animated.sequence([\n      Animated.timing(this.scaleValue, {\n        toValue: 1.6,\n        duration: 300,\n        useNativeDriver: true,\n      }),\n      Animated.timing(this.animationValue, {\n        toValue: value ? 1 : 0,\n        duration: 300,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      }),\n    ]).start(() => {\n      Animated.timing(this.scaleValue, {\n        toValue: value ? 1.5 : 1,\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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,EAAEC,QAAQ,EAAEC,MAAM,EAAqBC,IAAI,QAAwB,cAAc;AAE1G,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,WAAW,EAAEC,aAAa,QAAO,sCAAsC;AAChF,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,cAAc,QAAQ,wEAAwE;AACvG,OAAOC,MAAM,MAAM,iCAAiC;AAEpD,OAAO,MAAMC,aAAa,SAAST,kBAAkB,CAAgB;EAAAU,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,qBAC7C,KAAK;IAAAA,eAAA,kBACR,IAAI;IAAAA,eAAA,oBACX,EAAE;IAAAA,eAAA,oBACM,CAAC;EAAA;AACvB;AAEA,eAAe,MAAMC,QAAQ,SAASd,aAAa,CAA+C;EAKhGW,WAAWA,CAACI,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,EAAE,IAAII,aAAa,CAAC,CAAC,CAAC;IAACG,eAAA,yBAJ/C,IAAIjB,QAAQ,CAACoB,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,qBACzB,IAAIjB,QAAQ,CAACoB,KAAK,CAAC,CAAC,CAAC;EAI1C;EAEAC,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,QAAQF,IAAI;MACV,KAAK,WAAW;QACd,IAAIG,KAAK,GACPnB,WAAW,CAACiB,IAAI,CAAC,KACjBjB,WAAW,CAAC,IAAI,CAACoB,KAAK,CAACP,KAAK,CAACQ,YAAY,EAAE,IAAI,CAAC;QAClD,IAAI,CAACC,WAAW,CAAC;UAAEC,UAAU,EAAEJ;QAAM,CAAkB,CAAC;QACxD;IACJ;EACF;EAEAK,eAAeA,CAACL,KAAU,EAAE;IAC1B,IAAI,CAACG,WAAW,CAAC;MAAET,KAAK,EAAE;QAAEY,SAAS,EAAEN;MAAM;IAAC,CAAkB,CAAC;EACnE;EAEAO,QAAQA,CAACP,KAAU,EAAE;IACnB,MAAMQ,aAAa,GAAG1B,aAAa,CAAC,IAAI,CAACmB,KAAK,CAACP,KAAK,EAAEM,KAAK,CAAC;IAC5D,IAAI,CAACG,WAAW,CAAC;MACfM,OAAO,EAAED,aAAa,CAACC,OAAO;MAC9BC,SAAS,EAAEF,aAAa,CAACE;IAC3B,CAAkB,CAAC;EACrB;EAEAC,cAAcA,CAACX,KAAU,EAAE;IACzB,MAAMY,QAAQ,GAAG,IAAI,CAACX,KAAK,CAACP,KAAK,CAACY,SAAS;IAC3C,IAAI,CAACC,QAAQ,CAACP,KAAK,CAAC;IACpB,IAAI,CAACG,WAAW,CAAC;MAAEC,UAAU,EAAEJ;IAAM,CAAkB,CAAC;IACxD,MAAMa,SAAS,GAAGb,KAAK,KAAK,IAAI,GAAG,IAAI,CAACC,KAAK,CAACP,KAAK,CAACQ,YAAY,GAAG,IAAI,CAACD,KAAK,CAACP,KAAK,CAACoB,cAAc;IAClGvC,QAAQ,CAACwC,QAAQ,CAAC,CAChBxC,QAAQ,CAACyC,MAAM,CAAC,IAAI,CAACC,UAAU,EAAE;MAC/BC,OAAO,EAAE,GAAG;MACZC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE;IACnB,CAAC,CAAC,EACF7C,QAAQ,CAACyC,MAAM,CAAC,IAAI,CAACK,cAAc,EAAE;MACnCH,OAAO,EAAElB,KAAK,GAAG,CAAC,GAAG,CAAC;MACtBmB,QAAQ,EAAE,GAAG;MACbG,MAAM,EAAE9C,MAAM,CAAC+C,MAAM;MACrBH,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC,CAACI,KAAK,CAAC,MAAM;MACbjD,QAAQ,CAACyC,MAAM,CAAC,IAAI,CAACC,UAAU,EAAE;QAC/BC,OAAO,EAAElB,KAAK,GAAG,GAAG,GAAG,CAAC;QACxBmB,QAAQ,EAAE,CAAC;QACXC,eAAe,EAAE;MACnB,CAAC,CAAC,CAACI,KAAK,CAAC,CAAC;IACZ,CAAC,CAAC;IACF;IACA,IAAI,CAACrB,WAAW,CAAC;MAAET,KAAK,EAAE;QAAEY,SAAS,EAAEO;MAAU;IAAE,CAAC,EAClD,MAAK;MACH,IAAI,CAAC,IAAI,CAACnB,KAAK,CAAC+B,aAAa,EAAE;QAC7B,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEd,SAAS,EAAED,QAAQ,CAAC,CAAC;MAC/E,CAAC,MAAM;QACL,IAAI,CAAClB,KAAK,CAAC+B,aAAa,IAAI,IAAI,CAAC/B,KAAK,CAAC+B,aAAa,CAAC,WAAW,EAAEZ,SAAS,EAAED,QAAQ,CAAC;MACxF;MACAgB,UAAU,CAAC,MAAM;QACf,IAAI,CAACF,mBAAmB,CAAC,QAAQ,EAAE,CAAE,IAAI,EAAE,IAAI,CAACC,KAAK,CAAE,CAAC;MAC1D,CAAC,EAAE,EAAE,CAAC;IAER,CAAC,CAAC;EACN;EAEAE,cAAcA,CAACC,KAAwB,EAAC;IACtC,IAAIC,KAAK,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACF,KAAK;IAC1C,IAAI,CAACG,YAAY,CAACJ,KAAK,CAAC;IAExB,IAAI,CAACK,QAAQ,CAAC;MACZC,SAAS,EAAEL;IACb,CAAkB,CAAC;EACrB;EAEOM,cAAcA,CAAC3C,KAAoB,EAAmB;IAEzD,OAAOP,cAAc,CAAC,IAAI,CAACmD,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACC,QAAQ,CAACC;IAC1B,CAAC,CAAC;EACN;EACAC,aAAaA,CAAA,EAAE;IACb,IAAG,IAAI,CAACzC,KAAK,CAACP,KAAK,CAACiD,UAAU,EAC9B;MACE,IAAG,IAAI,CAAC1C,KAAK,CAACG,UAAU,EACxB;QACE,OAAO,aAAa;MACtB,CAAC,MACG;QACF,OAAO,aAAa;MACtB;IACF,CAAC,MACI,IAAG,IAAI,CAACH,KAAK,CAACP,KAAK,CAACkD,aAAa,EACtC;MACE,IAAG,IAAI,CAAC3C,KAAK,CAACG,UAAU,EACtB;QACE,OAAO,aAAa;MACtB,CAAC,MACG;QACF,OAAO,GAAG;MACZ;IACJ,CAAC,MACG;MACF,OAAO,EAAE;IACX;EACF;EAEAyC,YAAYA,CAACnD,KAAoB,EAAE;IACjC,MAAM6C,MAAM,GAAG,IAAI,CAACD,KAAK,CAACQ,UAAU,CAAC,IAAI,CAACP,MAAM,EAChD,IAAI,CAACD,KAAK,CAACS,QAAQ,CAAC,IAAI,CAAC9C,KAAK,CAACG,UAAU,GAAG,eAAe,GAAG,gBAAgB,CAAC,CAAC;IAChF,MAAM4C,kBAAkB,GAAGhE,qBAAqB,CAACD,uBAAuB,CAACkE,MAAM,EAAE;MAC/EC,UAAU,EAAExD,KAAK,CAACwD,UAAU;MAC5BC,QAAQ,EAAE,IAAI,CAAClD,KAAK,CAACG,UAAU;MAC/BgD,kBAAkB,EAAE1D,KAAK,CAAC0D,kBAAkB;MAC5CC,IAAI,EAAE3D,KAAK,CAAC2D,IAAI;MAChBC,iBAAiB,EAAE5D,KAAK,CAAC4D;IAC3B,CAAC,CAAC;IACF,oBACEjF,KAAA,CAAAkF,aAAA,CAACjF,gBAAgB,EAAAkF,QAAA;MACjBC,QAAQ,EAAGC,CAAC,IAAK;QACf,IAAI,CAAC7B,cAAc,CAAC6B,CAAC,CAAC;MACxB;IAAE,GACEV,kBAAkB;MACtBW,OAAO,EAAEA,CAAA,KAAM;QACb,IAAI,IAAI,CAACjE,KAAK,CAACkE,QAAQ,IAAI,IAAI,CAAClE,KAAK,CAACmE,QAAQ,EAAE;UAC9C;QACF;QACA;QACAjC,UAAU,CAAC,MAAM;UACf,IAAI,CAACF,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;UACjD,IAAI,CAACA,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACjD,CAAC,EAAE,GAAG,CAAC;QACP,IAAI,CAACf,cAAc,CAAC,CAAC,IAAI,CAACV,KAAK,CAACG,UAAU,CAAC;MAC7C;IAAE,GAAI,IAAI,CAAC0D,qBAAqB,CAAC,CAAC;MAClCC,KAAK,EAAExB,MAAM,CAACE;IAAK,IACjBF,MAAM,CAACE,IAAI,CAACuB,SAAS,IAAIzB,MAAM,CAACE,IAAI,CAACuB,SAAS,KAAK,MAAM,gBACvD3F,KAAA,CAAAkF,aAAA,CAAC9E,IAAI;MAACsF,KAAK,EAAExB,MAAM,CAAC0B;IAAO,gBACzB5F,KAAA,CAAAkF,aAAA,CAAC7E,mBAAmB;MAClBwF,IAAI,EAAE3B,MAAM,CAAC0B,MAAM,CAACE,cAAc,IAAI,SAAU;MAChDC,QAAQ,EAAE7B,MAAM,CAAC0B,MAAM,CAACI,kBAAmB;MAC3CC,KAAK,EAAE/B,MAAM,CAAC0B,MAAM,CAACM,eAAgB;MACrCC,MAAM,EAAEjC,MAAM,CAAC0B,MAAM,CAACQ,gBAAgB,IAAI;IAAY,CACvD,CACG,CAAC,gBACFpG,KAAA,CAAAkF,aAAA,CAAChF,QAAQ,CAACE,IAAI;MACjBsF,KAAK,EAAE,CACLxB,MAAM,CAAC0B,MAAM,EACb;QACES,SAAS,EAAE,CACT;UACEC,UAAU,EAAE,IAAI,CAACtD,cAAc,CAACuD,WAAW,CAAC;YAC1CC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClB;YACAC,WAAW,EAAE,IAAI,CAACC,KAAK,GACnB,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC9E,KAAK,CAACmC,SAAS,IAAI,IAAI,CAACG,MAAM,CAAC0B,MAAM,CAAClC,KAAK,GAAa,EAAE,CAAC,CAAC,CAAC,GAC5E,CAAC,CAAC,EAAE,IAAI,CAAC9B,KAAK,CAACmC,SAAS,IAAI,IAAI,CAACG,MAAM,CAAC0B,MAAM,CAAClC,KAAK,GAAa,EAAE,CAAC;UAC1E,CAAC;QACH,CAAC,EACD;UAAEiD,KAAK,EAAE,IAAI,CAAC/D;QAAW,CAAC;MAE9B,CAAC;IACD,gBACF5C,KAAA,CAAAkF,aAAA,CAACnE,MAAM;MAAC6F,SAAS,EAAE,IAAI,CAACvC,aAAa,CAAC,CAAE;MAACH,MAAM,EAAE,IAAI,CAACtC,KAAK,CAACG,UAAU,GAAG,IAAI,CAACmC,MAAM,CAAC2C,SAAS,GAAG,IAAI,CAAC3C,MAAM,CAAC4C,WAAY;MAACvB,QAAQ,EAAElE,KAAK,CAACmE,QAAQ,IAAInE,KAAK,CAACkE,QAAS;MAACwB,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,WAAW;IAAE,CAAC,CAAC,eACxMhH,KAAA,CAAAkF,aAAA,CAAC7E,mBAAmB;MAClBwF,IAAI,EAAE3B,MAAM,CAAC0B,MAAM,CAACE,cAAc,IAAI,SAAU;MAChDC,QAAQ,EAAE7B,MAAM,CAAC0B,MAAM,CAACI,kBAAmB;MAC3CC,KAAK,EAAE/B,MAAM,CAAC0B,MAAM,CAACM,eAAgB;MACrCC,MAAM,EAAEjC,MAAM,CAAC0B,MAAM,CAACQ,gBAAgB,IAAI;IAAY,CACvD,CACY,CACD,CAAC;EAEvB;AACF;;AAEA","ignoreList":[]}

package/components/input/toggle/toggle.props.d.ts

@@ -0,0 +1,27 @@
+import { AccessibilityRole } from 'react-native';
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmToggle from './toggle.component';
+export default class WmToggleProps extends BaseProps {
+    checkedvalue?: any;
+    uncheckedvalue?: any;
+    datavalue?: any;
+    readonly?: boolean;
+    onFieldChange?: any;
+    accessible?: boolean;
+    accessibilitylabel?: string;
+    hint?: string;
+    accessibilityrole?: AccessibilityRole;
+    accessibilitylabelledby?: string;
+    invokeEvent?: Function;
+    skeletonheight?: string;
+    skeletonwidth?: string;
+    toggleIcon?: boolean;
+    showCheckIcon?: boolean;
+    onFocus?: ($event: any, instance: WmToggle) => any;
+    onBlur?: ($event: any, instance: WmToggle) => any;
+    onChange?: ($event: any, instance: WmToggle) => any;
+    onTap?: ($event: any, instance: WmToggle) => any;
+    onDoubleTap?: ($event: any, instance: WmToggle) => any;
+    onLongTap?: ($event: any, instance: WmToggle) => any;
+}
+//# sourceMappingURL=toggle.props.d.ts.map

package/components/input/toggle/toggle.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/toggle/toggle.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,SAAS;IAClD,YAAY,CAAC,EAAE,GAAG,CAAQ;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAS;IAC7B,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAQ;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAkB;IACvD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAS;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAS;IAChC,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACnD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACpD,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;IACvD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC;CACtD"}

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

@@ -11,20 +11,21 @@ export default class WmToggleProps extends BaseProps {
     _defineProperty(this, "readonly", false);
     _defineProperty(this, "onFieldChange", void 0);
     _defineProperty(this, "accessible", true);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilitylabel", void 0);
+    _defineProperty(this, "hint", void 0);
     _defineProperty(this, "accessibilityrole", "togglebutton");
-    _defineProperty(this, "accessibilitylabelledby", undefined);
+    _defineProperty(this, "accessibilitylabelledby", void 0);
     _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, "skeletonheight", void 0);
+    _defineProperty(this, "skeletonwidth", void 0);
     _defineProperty(this, "toggleIcon", false);
     _defineProperty(this, "showCheckIcon", false);
+    _defineProperty(this, "onFocus", void 0);
+    _defineProperty(this, "onBlur", void 0);
+    _defineProperty(this, "onChange", void 0);
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "onDoubleTap", void 0);
+    _defineProperty(this, "onLongTap", void 0);
   }
 }
 //# sourceMappingURL=toggle.props.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["BaseProps","WmToggleProps","constructor","args","_defineProperty"],"sources":["toggle.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmToggle from './toggle.component';\n\nexport default class WmToggleProps extends BaseProps {\n  checkedvalue?: any = true;\n  uncheckedvalue?: any = false;\n  datavalue?: any;\n  readonly?: boolean = false;\n  onFieldChange?: any;\n  accessible?: boolean = true;\n  accessibilitylabel?: string;\n  hint?: string;\n  accessibilityrole?: AccessibilityRole = \"togglebutton\";\n  accessibilitylabelledby?: string;\n  invokeEvent?: Function;\n  skeletonheight?: string;\n  skeletonwidth?: string;\n  toggleIcon?: boolean = false;\n  showCheckIcon?: boolean = false;\n  onFocus?: ($event: any, instance: WmToggle) => any;\n  onBlur?: ($event: any, instance: WmToggle) => any;\n  onChange?: ($event: any, instance: WmToggle) => any;\n  onTap?: ($event: any, instance: WmToggle) => any;\n  onDoubleTap?: ($event: any, instance: WmToggle) => any;\n  onLongTap?: ($event: any, instance: WmToggle) => any;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAC9B,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA;IAAAA,eAAA,mBAEP,KAAK;IAAAA,eAAA;IAAAA,eAAA,qBAEH,IAAI;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,4BAGa,cAAc;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,qBAK/B,KAAK;IAAAA,eAAA,wBACF,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAOjC","ignoreList":[]}

package/components/input/toggle/toggle.styles.d.ts

@@ -0,0 +1,12 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { ViewStyle } from 'react-native';
+import { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';
+import { WmIconStyles } from '../../basic/icon/icon.styles';
+export type WmToggleStyles = BaseStyles & {
+    handle: ViewStyle;
+    skeleton: WmSkeletonStyles;
+    checkicon: WmIconStyles;
+    uncheckicon: WmIconStyles;
+};
+export declare const DEFAULT_CLASS = "app-toggle";
+//# sourceMappingURL=toggle.styles.d.ts.map

package/components/input/toggle/toggle.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/toggle/toggle.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qEAAqE,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC,MAAM,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,gBAAgB,CAAC;IACzB,SAAS,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,YAAY,CAAA;CAC5B,CAAC;AAEF,eAAO,MAAM,aAAa,eAAe,CAAC"}

package/components/navigation/appnavbar/appnavbar.component.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAppNavbarProps from './appnavbar.props';
+import { WmAppNavbarStyles } from './appnavbar.styles';
+import { StickyWrapperContextType } from '@wavemaker/app-rn-runtime/core/sticky-wrapper';
+export declare class WmAppNavbarState extends BaseComponentState<WmAppNavbarProps> {
+}
+export default class WmAppNavbar extends BaseComponent<WmAppNavbarProps, WmAppNavbarState, WmAppNavbarStyles> {
+    private onDrawerBtnPress;
+    private onBackBtnPress;
+    private onSearchBtnPress;
+    private appConfig;
+    static contextType: React.Context<StickyWrapperContextType | undefined>;
+    constructor(props: WmAppNavbarProps);
+    renderContent(props: WmAppNavbarProps): React.JSX.Element;
+    renderWidget(props: WmAppNavbarProps): React.JSX.Element;
+}
+//# sourceMappingURL=appnavbar.component.d.ts.map

package/components/navigation/appnavbar/appnavbar.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appnavbar.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/appnavbar/appnavbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,+CAA+C,CAAC;AAIlG,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAiB,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAKtE,OAAO,EAAwB,wBAAwB,EAAE,MAAM,+CAA+C,CAAC;AAG/G,qBAAa,gBAAiB,SAAQ,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE7E,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,aAAa,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,CAAC;IAE3G,OAAO,CAAC,gBAAgB,CAAyC;IACjE,OAAO,CAAC,cAAc,CAAyC;IAC/D,OAAO,CAAC,gBAAgB,CAAyC;IACjE,OAAO,CAAC,SAAS,CAAyC;IAC1D,MAAM,CAAC,WAAW,sDAAwB;gBAE9B,KAAK,EAAE,gBAAgB;IAcnC,aAAa,CAAC,KAAK,EAAE,gBAAgB;IAgErC,YAAY,CAAC,KAAK,EAAE,gBAAgB;CAUrC"}

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

@@ -28,7 +28,7 @@ export default class WmAppNavbar extends BaseComponent {
     this.onSearchBtnPress = (() => this.invokeEventCallback('onSearchbuttonpress', [null, this])).bind(this);
     if (isAndroid() && !isWebPreviewMode()) {
       const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
-        this.onBackBtnPress();
+        this.onBackBtnPress(null, null);
         return true;
       });
       this.cleanup.push(() => subscription.remove());

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

@@ -1 +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":[]}
+{"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: ($event: any, instance: WmIcon) => any;\n  private onBackBtnPress: ($event: any, instance: WmIcon) => any;\n  private onSearchBtnPress: ($event: any, instance: WmIcon) => any;\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(null as any, null as any);\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.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmAppNavbar from './appnavbar.component';
+export default class WmAppNavbarProps extends BaseProps {
+    children?: React.ReactNode;
+    title?: string;
+    backbutton?: boolean;
+    backbuttonlabel?: string;
+    showDrawerButton?: boolean;
+    leftnavpaneliconclass?: string;
+    backbuttoniconclass?: string;
+    imgsrc?: string;
+    searchbutton?: boolean;
+    searchbuttoniconclass?: string;
+    badgevalue?: string;
+    hideonscroll?: boolean;
+    onTap?: ($event: any, instance: WmAppNavbar) => any;
+    onDoubleTap?: ($event: any, instance: WmAppNavbar) => any;
+    onLongTap?: ($event: any, instance: WmAppNavbar) => any;
+}
+//# sourceMappingURL=appnavbar.props.d.ts.map

package/components/navigation/appnavbar/appnavbar.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appnavbar.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/appnavbar/appnavbar.props.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAC1E,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,SAAS;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAM;IACpB,UAAU,CAAC,EAAE,OAAO,CAAQ;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAM;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAS;IACnC,qBAAqB,CAAC,EAAE,MAAM,CAA+B;IAC7D,mBAAmB,CAAC,EAAE,MAAM,CAAgB;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAS;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAuB;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAS;IAC/B,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,KAAK,GAAG,CAAC;IACpD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,KAAK,GAAG,CAAC;IAC1D,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,WAAW,KAAK,GAAG,CAAC;CAC3D"}

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

@@ -12,11 +12,14 @@ export default class WmAppNavbarProps extends BaseProps {
     _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, "imgsrc", void 0);
     _defineProperty(this, "searchbutton", false);
     _defineProperty(this, "searchbuttoniconclass", 'wm-sl-l sl-search');
     _defineProperty(this, "badgevalue", void 0);
     _defineProperty(this, "hideonscroll", false);
+    _defineProperty(this, "onTap", void 0);
+    _defineProperty(this, "onDoubleTap", void 0);
+    _defineProperty(this, "onLongTap", void 0);
   }
 }
 //# sourceMappingURL=appnavbar.props.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["BaseProps","WmAppNavbarProps","constructor","args","_defineProperty"],"sources":["appnavbar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAppNavbar from './appnavbar.component';\n\nexport default class WmAppNavbarProps extends BaseProps {\n    children?: React.ReactNode;\n    title?: string = '';\n    backbutton?: boolean = true;\n    backbuttonlabel?: string = '';\n    showDrawerButton?: boolean = false;\n    leftnavpaneliconclass?: string = 'wm-sl-l sl-hamburger-menu';\n    backbuttoniconclass?: string = 'wi wi-back';\n    imgsrc?: string;\n    searchbutton?: boolean = false;\n    searchbuttoniconclass?: string = 'wm-sl-l sl-search';\n    badgevalue?: string;\n    hideonscroll?: boolean = false;\n    onTap?: ($event: any, instance: WmAppNavbar) => any;\n    onDoubleTap?: ($event: any, instance: WmAppNavbar) => any;\n    onLongTap?: ($event: any, instance: WmAppNavbar) => any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,gBAEnC,EAAE;IAAAA,eAAA,qBACI,IAAI;IAAAA,eAAA,0BACA,EAAE;IAAAA,eAAA,2BACA,KAAK;IAAAA,eAAA,gCACD,2BAA2B;IAAAA,eAAA,8BAC7B,YAAY;IAAAA,eAAA;IAAAA,eAAA,uBAElB,KAAK;IAAAA,eAAA,gCACG,mBAAmB;IAAAA,eAAA;IAAAA,eAAA,uBAE3B,KAAK;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAIlC","ignoreList":[]}

package/components/navigation/appnavbar/appnavbar.styles.d.ts

@@ -0,0 +1,17 @@
+import { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { TextStyle, ViewStyle } from 'react-native';
+import { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';
+import { WmPictureStyles } from '@wavemaker/app-rn-runtime/components/basic/picture/picture.styles';
+export type WmAppNavbarStyles = BaseStyles & {
+    action: WmIconStyles;
+    image: WmPictureStyles;
+    leftnavIcon: WmIconStyles;
+    backIcon: WmIconStyles;
+    leftSection: ViewStyle;
+    middleSection: ViewStyle;
+    rightSection: ViewStyle;
+    content: TextStyle;
+    badge: TextStyle;
+};
+export declare const DEFAULT_CLASS = "app-appnavbar";
+//# sourceMappingURL=appnavbar.styles.d.ts.map

package/components/navigation/appnavbar/appnavbar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appnavbar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/appnavbar/appnavbar.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAgB,MAAM,+CAA+C,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,6DAA6D,CAAC;AAI3F,OAAO,EAAE,eAAe,EAAE,MAAM,mEAAmE,CAAC;AAEpG,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAC3C,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,eAAe,CAAC;IACvB,WAAW,EAAE,YAAY,CAAC;IAC1B,QAAQ,EAAE,YAAY,CAAC;IACvB,WAAW,EAAE,SAAS,CAAC;IACvB,aAAa,EAAE,SAAS,CAAC;IACzB,YAAY,EAAE,SAAS,CAAC;IACxB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAA;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,kBAAkB,CAAC"}

package/components/navigation/basenav/basenav.component.d.ts

@@ -0,0 +1,24 @@
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { BaseNavProps } from './basenav.props';
+import { BaseNavStyles } from './basenav.styles';
+export interface NavigationDataItem {
+    key: string;
+    label: string;
+    icon?: string;
+    link?: string;
+    badge?: string;
+    isactive?: string;
+    data: any;
+    childnavigation?: any;
+}
+export declare class BaseNavState<T extends BaseNavProps> extends BaseComponentState<T> {
+    dataItems: NavigationDataItem[];
+}
+export declare abstract class BaseNavComponent<T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {
+    defaultClass: string;
+    constructor(props: T, defaultClass?: string, defaultProps?: T, defaultState?: S);
+    getValue(item: any, val?: string | ((item: any) => string)): any;
+    setDataItems(dataset?: any): void;
+    onPropertyChange(name: string, $new: any, $old: any): void;
+}
+//# sourceMappingURL=basenav.component.d.ts.map