@wavemaker-ai/app-rn-runtime 1.0.0-rc.328 → 1.0.0-rc.332

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

@@ -1 +1 @@
-{"version":3,"names":["React","isString","TouchableOpacity","Text","View","Dimensions","Animated","PanResponder","Platform","BaseComponent","BaseComponentState","ModalConsumer","WmAnchor","WmPopoverProps","DEFAULT_CLASS","WmContainer","AccessibilityWidgetType","getAccessibilityProps","ScrollView","GestureHandlerRootView","WmIcon","SafeAreaInsetsContext","WmPopoverState","constructor","args","_defineProperty","WmPopover","props","Value","top","bottom","left","right","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","Number","styles","popover","minHeight","dragY","setValue","onPanResponderRelease","timing","toValue","maxHeight","duration","useNativeDriver","start","callback","position","state","type","windowDimensions","get","view","measureInWindow","x","y","width","height","_this$insets","popoverwidth","parseInt","isRTL","yOffset","OS","insets","updateState","e","computePosition","isOpened","invokeEventCallback","stopPropagation","autoopen","showPopover","getDefaultStyles","isActionSheet","theme","getStyle","defaultClass","renderPopoverContent","dimensions","popoverContentContainerStyles","popoverContent","root","flex","createElement","style","mergeStyle","onScroll","event","notify","scrollEventThrottle","accessible","accessibilityViewIsModal","title","_extends","getTestPropsForAction","activeOpacity","onPress","autoclose","hide","onLoad","renderPartial","p","children","onPropertyChange","name","$new","$old","prepareModalOptions","content","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","centered","animation","contentanimation","onClose","setState","isPartialLoaded","hideModal","renderWidget","popoverheight","Consumer","onLayout","handleLayout","ref","POVOVER","_background","id","getTestId","caption","badgevalue","lefticonclass","iconclass","iconposition","iconheight","iconwidth","iconmargin","iconurl","link","onTap","showModal","panResponder","panHandlers","draghandle","draghandleicon"],"sources":["popover.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isString } from 'lodash-es';\nimport { LayoutChangeEvent, TouchableOpacity, Text, View, Dimensions, Animated, PanResponder, Platform } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport { SyntheticEvent } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';\n\nimport WmPopoverProps from './popover.props';\nimport { DEFAULT_CLASS, WmPopoverStyles } from './popover.styles';\nimport WmContainer from '@wavemaker-ai/app-rn-runtime/components/container/container.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { ScrollView, GestureHandlerRootView } from 'react-native-gesture-handler';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { SafeAreaInsetsContext, EdgeInsets } from 'react-native-safe-area-context';\n\n\nexport class WmPopoverState extends BaseComponentState<WmPopoverProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {} as PopoverPosition;\n  isPartialLoaded = false;\n}\n\nexport interface PopoverPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmPopover extends BaseComponent<WmPopoverProps, WmPopoverState, WmPopoverStyles> {\n\n  view: View = null as any;\n  dragY = new Animated.Value(0);\n  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\n\n  constructor(props: WmPopoverProps) {\n    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());\n\n    if (this.state.props.autoopen) {\n      this.showPopover();\n    }\n  }\n\n  public panResponder = PanResponder.create({\n    onStartShouldSetPanResponder: () => true,\n    onMoveShouldSetPanResponder: () => true,\n    onPanResponderMove: (_, gestureState) => {\n      if (gestureState.dy > 0 && gestureState.dy < Number(this.styles.popover.minHeight)) {\n        this.dragY.setValue(Number(this.styles.popover.minHeight) - gestureState.dy);\n      }\n    },\n    onPanResponderRelease: (_, gestureState) => {\n      if (gestureState.dy < -50) {\n        Animated.timing(this.dragY, {\n          toValue: Number(this.styles.popover.maxHeight),\n          duration: 500,\n          useNativeDriver: false,\n        }).start();\n      } else {\n        Animated.timing(this.dragY, {\n          toValue: Number(this.styles.popover.minHeight),\n          duration: 500,\n          useNativeDriver: false,\n        }).start();\n      }\n    },\n  });\n\n  getDefaultStyles() {\n    const isActionSheet = this.state.props.type === 'action-sheet';\n    return this.theme.getStyle(`${this.defaultClass} ${isActionSheet ? 'app-popover-action-sheet' : ''}`);\n  }\n\n  private computePosition = (callback?: () => void) => {\n    const position = {} as PopoverPosition;\n    if (this.state.props.type === 'dropdown') {\n      const windowDimensions = Dimensions.get('window');\n      this.view.measureInWindow((x, y, width, height) => {\n        let popoverwidth = this.state.props.popoverwidth as any;\n        if (popoverwidth && isString(popoverwidth)) {\n          popoverwidth = parseInt(popoverwidth);\n        }\n\n        this.isRTL ? position.right = x : position.left = x;\n\n        if (x + popoverwidth > windowDimensions.width) {\n          this.isRTL\n            ? (position.right = x + width - popoverwidth)\n            : (position.left = x + width - popoverwidth);\n        }\n        const yOffset = Platform.OS == 'ios' ? (this?.insets?.top || 0) : 0;\n        position.top = y + height - yOffset;\n        this.updateState({position: position} as WmPopoverState, callback);\n      });\n    } else if (callback) {\n      callback();\n    }\n\n  };\n\n  public renderPopoverContent (props : WmPopoverProps , styles : WmPopoverStyles, dimensions: any) {\n    const popoverContentContainerStyles = {\n      ...styles.popoverContent,\n      root: { flex: 1 },\n    };\n\n    return (\n      <ScrollView style={props.type === \"action-sheet\" ? {dimensions} : this.theme.mergeStyle(styles.popover, dimensions)}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      accessible={props.type !== \"dropdown\"} accessibilityViewIsModal>\n      {props.title ? (<Text style={styles.title}>{props.title}</Text>): null}\n      <TouchableOpacity\n      {...this.getTestPropsForAction('outercontent')}\n      activeOpacity={1} onPress={() => {\n        props.autoclose === 'always' && this.hide()\n      }} style={styles.popoverContent.root}>\n        <WmContainer\n            styles={popoverContentContainerStyles}\n            onLoad={() => this.invokeEventCallback('onLoad', [this])}\n            {...props.renderPartial ? {\n              renderPartial: (p: any, onLoad: Function) => {\n                return props.renderPartial && props.renderPartial(props, onLoad);\n              }\n            } : {}}>\n            {props.renderPartial ? null : props.children}\n        </WmContainer>\n      </TouchableOpacity>\n    </ScrollView>\n    )}\n\n  public showPopover = (e?: SyntheticEvent) => {\n    this.computePosition(() => {\n      this.updateState({ isOpened: true } as WmPopoverState);\n      this.invokeEventCallback('onShow', [e, this]);\n    });\n    e?.stopPropagation();\n  };\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"autoopen\":\n        if($new){\n          this.showPopover && this.showPopover()\n        }\n        else{\n          this.hide && this.hide()\n      }\n    }\n  }\n\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmPopoverStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.modalStyle = styles.modal;\n    o.contentStyle = {...styles.modalContent, ...this.state.position};\n    o.content = content;\n    o.isModal = this.state.props.autoclose !== 'disabled';\n    o.centered = true;\n    o.animation = this.state.props.contentanimation || 'slideInUp';\n    o.onClose = () => {\n      this.hide = () => {};\n      this.setState({ isOpened: false, isPartialLoaded: false, modalOptions: {} as ModalOptions });\n      this.invokeEventCallback('onHide', [null, this]);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmPopoverProps) {\n    let dimensions = {} as any;\n    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);\n    if (props.type === 'dropdown') {\n      if (props.popoverwidth) {\n        dimensions.width = props.popoverwidth;\n        styles.modalContent.width = props.popoverwidth;\n      }\n      if (props.popoverheight) {\n        dimensions.height = props.popoverheight;\n      }\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n      {(insets = {top: 0, bottom: 0, left: 0, right: 0})=>{\n        this.insets = insets;\n        return (\n        <View style={styles.root} onLayout={(e: LayoutChangeEvent)=>this.handleLayout(e)} ref={ref => {this.view = ref as View}} {...getAccessibilityProps(AccessibilityWidgetType.POVOVER, props)}>\n          {this._background}\n          <WmAnchor\n            id={this.getTestId('trigger')}\n            animation={props.animation}\n            caption={props.caption}\n            badgevalue={props.badgevalue}\n            lefticonclass={props.lefticonclass}\n            iconclass={props.iconclass}\n            iconposition={props.iconposition}\n            iconheight={props.iconheight}\n            iconwidth={props.iconwidth}\n            iconmargin={props.iconmargin}\n            iconurl={props.iconurl}\n            styles={styles.link}\n            onTap={this.showPopover}\n            accessible={false}/>\n          {this.state.isOpened ? (\n            <ModalConsumer>\n              {(modalService: ModalService) => {\n                modalService.showModal(this.prepareModalOptions(props.type === 'action-sheet' ?  (\n                  <Animated.View style= {[styles.popover,{ height: this.dragY }]} {...this.panResponder.panHandlers}>\n                    <GestureHandlerRootView>\n                    {this.state.props.draghandle ? <WmIcon iconclass=\"wi wi-minus\" styles={this.styles.draghandleicon}/> : null}\n                  {this.renderPopoverContent(props, styles, dimensions)}\n                  </GestureHandlerRootView>\n                    </Animated.View>\n                ): (this.renderPopoverContent(props, styles, dimensions)), styles, modalService));\n                return null;\n              }}\n            </ModalConsumer>) : null}\n        </View>\n        )\n      }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","isString","TouchableOpacity","Text","View","Dimensions","Animated","PanResponder","Platform","BaseComponent","BaseComponentState","ModalConsumer","WmAnchor","WmPopoverProps","DEFAULT_CLASS","WmContainer","AccessibilityWidgetType","getAccessibilityProps","ScrollView","GestureHandlerRootView","WmIcon","SafeAreaInsetsContext","WmPopoverState","constructor","args","_defineProperty","WmPopover","props","Value","top","bottom","left","right","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderMove","_","gestureState","dy","Number","styles","popover","minHeight","dragY","setValue","onPanResponderRelease","timing","toValue","maxHeight","duration","useNativeDriver","start","callback","position","state","type","windowDimensions","get","view","measureInWindow","x","y","width","height","_this$insets","popoverwidth","parseInt","isRTL","yOffset","OS","insets","updateState","e","computePosition","isOpened","invokeEventCallback","stopPropagation","autoopen","showPopover","getDefaultStyles","isActionSheet","theme","getStyle","defaultClass","renderPopoverContent","dimensions","popoverContentContainerStyles","popoverContent","root","flex","createElement","style","mergeStyle","onScroll","event","notify","scrollEventThrottle","accessible","accessibilityViewIsModal","title","_extends","getTestPropsForAction","activeOpacity","onPress","autoclose","hide","onLoad","renderPartial","p","children","onPropertyChange","name","$new","$old","prepareModalOptions","content","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","centered","animation","contentanimation","onClose","setState","isPartialLoaded","hideModal","renderWidget","popoverheight","Consumer","onLayout","handleLayout","ref","POVOVER","_background","id","getTestId","caption","badgevalue","lefticonclass","lefticonurl","iconclass","iconposition","iconheight","iconwidth","iconmargin","iconurl","link","onTap","showModal","panResponder","panHandlers","draghandle","draghandleicon"],"sources":["popover.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isString } from 'lodash-es';\nimport { LayoutChangeEvent, TouchableOpacity, Text, View, Dimensions, Animated, PanResponder, Platform } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nimport { SyntheticEvent } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';\n\nimport WmPopoverProps from './popover.props';\nimport { DEFAULT_CLASS, WmPopoverStyles } from './popover.styles';\nimport WmContainer from '@wavemaker-ai/app-rn-runtime/components/container/container.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { ScrollView, GestureHandlerRootView } from 'react-native-gesture-handler';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { SafeAreaInsetsContext, EdgeInsets } from 'react-native-safe-area-context';\n\n\nexport class WmPopoverState extends BaseComponentState<WmPopoverProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {} as PopoverPosition;\n  isPartialLoaded = false;\n}\n\nexport interface PopoverPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmPopover extends BaseComponent<WmPopoverProps, WmPopoverState, WmPopoverStyles> {\n\n  view: View = null as any;\n  dragY = new Animated.Value(0);\n  insets: EdgeInsets | null = {\n    top: 0, bottom: 0, left: 0, right: 0\n  };\n\n  constructor(props: WmPopoverProps) {\n    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());\n\n    if (this.state.props.autoopen) {\n      this.showPopover();\n    }\n  }\n\n  public panResponder = PanResponder.create({\n    onStartShouldSetPanResponder: () => true,\n    onMoveShouldSetPanResponder: () => true,\n    onPanResponderMove: (_, gestureState) => {\n      if (gestureState.dy > 0 && gestureState.dy < Number(this.styles.popover.minHeight)) {\n        this.dragY.setValue(Number(this.styles.popover.minHeight) - gestureState.dy);\n      }\n    },\n    onPanResponderRelease: (_, gestureState) => {\n      if (gestureState.dy < -50) {\n        Animated.timing(this.dragY, {\n          toValue: Number(this.styles.popover.maxHeight),\n          duration: 500,\n          useNativeDriver: false,\n        }).start();\n      } else {\n        Animated.timing(this.dragY, {\n          toValue: Number(this.styles.popover.minHeight),\n          duration: 500,\n          useNativeDriver: false,\n        }).start();\n      }\n    },\n  });\n\n  getDefaultStyles() {\n    const isActionSheet = this.state.props.type === 'action-sheet';\n    return this.theme.getStyle(`${this.defaultClass} ${isActionSheet ? 'app-popover-action-sheet' : ''}`);\n  }\n\n  private computePosition = (callback?: () => void) => {\n    const position = {} as PopoverPosition;\n    if (this.state.props.type === 'dropdown') {\n      const windowDimensions = Dimensions.get('window');\n      this.view.measureInWindow((x, y, width, height) => {\n        let popoverwidth = this.state.props.popoverwidth as any;\n        if (popoverwidth && isString(popoverwidth)) {\n          popoverwidth = parseInt(popoverwidth);\n        }\n\n        this.isRTL ? position.right = x : position.left = x;\n\n        if (x + popoverwidth > windowDimensions.width) {\n          this.isRTL\n            ? (position.right = x + width - popoverwidth)\n            : (position.left = x + width - popoverwidth);\n        }\n        const yOffset = Platform.OS == 'ios' ? (this?.insets?.top || 0) : 0;\n        position.top = y + height - yOffset;\n        this.updateState({position: position} as WmPopoverState, callback);\n      });\n    } else if (callback) {\n      callback();\n    }\n\n  };\n\n  public renderPopoverContent (props : WmPopoverProps , styles : WmPopoverStyles, dimensions: any) {\n    const popoverContentContainerStyles = {\n      ...styles.popoverContent,\n      root: { flex: 1 },\n    };\n\n    return (\n      <ScrollView style={props.type === \"action-sheet\" ? {dimensions} : this.theme.mergeStyle(styles.popover, dimensions)}\n      onScroll={(event) => {this.notify('scroll', [event])}}\n      scrollEventThrottle={48}\n      accessible={props.type !== \"dropdown\"} accessibilityViewIsModal>\n      {props.title ? (<Text style={styles.title}>{props.title}</Text>): null}\n      <TouchableOpacity\n      {...this.getTestPropsForAction('outercontent')}\n      activeOpacity={1} onPress={() => {\n        props.autoclose === 'always' && this.hide()\n      }} style={styles.popoverContent.root}>\n        <WmContainer\n            styles={popoverContentContainerStyles}\n            onLoad={() => this.invokeEventCallback('onLoad', [this])}\n            {...props.renderPartial ? {\n              renderPartial: (p: any, onLoad: Function) => {\n                return props.renderPartial && props.renderPartial(props, onLoad);\n              }\n            } : {}}>\n            {props.renderPartial ? null : props.children}\n        </WmContainer>\n      </TouchableOpacity>\n    </ScrollView>\n    )}\n\n  public showPopover = (e?: SyntheticEvent) => {\n    this.computePosition(() => {\n      this.updateState({ isOpened: true } as WmPopoverState);\n      this.invokeEventCallback('onShow', [e, this]);\n    });\n    e?.stopPropagation();\n  };\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case \"autoopen\":\n        if($new){\n          this.showPopover && this.showPopover()\n        }\n        else{\n          this.hide && this.hide()\n      }\n    }\n  }\n\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmPopoverStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.modalStyle = styles.modal;\n    o.contentStyle = {...styles.modalContent, ...this.state.position};\n    o.content = content;\n    o.isModal = this.state.props.autoclose !== 'disabled';\n    o.centered = true;\n    o.animation = this.state.props.contentanimation || 'slideInUp';\n    o.onClose = () => {\n      this.hide = () => {};\n      this.setState({ isOpened: false, isPartialLoaded: false, modalOptions: {} as ModalOptions });\n      this.invokeEventCallback('onHide', [null, this]);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmPopoverProps) {\n    let dimensions = {} as any;\n    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);\n    if (props.type === 'dropdown') {\n      if (props.popoverwidth) {\n        dimensions.width = props.popoverwidth;\n        styles.modalContent.width = props.popoverwidth;\n      }\n      if (props.popoverheight) {\n        dimensions.height = props.popoverheight;\n      }\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n      {(insets = {top: 0, bottom: 0, left: 0, right: 0})=>{\n        this.insets = insets;\n        return (\n        <View style={styles.root} onLayout={(e: LayoutChangeEvent)=>this.handleLayout(e)} ref={ref => {this.view = ref as View}} {...getAccessibilityProps(AccessibilityWidgetType.POVOVER, props)}>\n          {this._background}\n          <WmAnchor\n            id={this.getTestId('trigger')}\n            animation={props.animation}\n            caption={props.caption}\n            badgevalue={props.badgevalue}\n            lefticonclass={props.lefticonclass}\n            lefticonurl={props.lefticonurl}\n            iconclass={props.iconclass}\n            iconposition={props.iconposition}\n            iconheight={props.iconheight}\n            iconwidth={props.iconwidth}\n            iconmargin={props.iconmargin}\n            iconurl={props.iconurl}\n            styles={styles.link}\n            onTap={this.showPopover}\n            accessible={false}/>\n          {this.state.isOpened ? (\n            <ModalConsumer>\n              {(modalService: ModalService) => {\n                modalService.showModal(this.prepareModalOptions(props.type === 'action-sheet' ?  (\n                  <Animated.View style= {[styles.popover,{ height: this.dragY }]} {...this.panResponder.panHandlers}>\n                    <GestureHandlerRootView>\n                    {this.state.props.draghandle ? <WmIcon iconclass=\"wi wi-minus\" styles={this.styles.draghandleicon}/> : null}\n                  {this.renderPopoverContent(props, styles, dimensions)}\n                  </GestureHandlerRootView>\n                    </Animated.View>\n                ): (this.renderPopoverContent(props, styles, dimensions)), styles, modalService));\n                return null;\n              }}\n            </ModalConsumer>) : null}\n        </View>\n        )\n      }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/navigation/popover/popover.props.js

@@ -29,6 +29,7 @@ export default class WmPopoverProps extends BaseProps {
     _defineProperty(this, "draghandle", false);
     _defineProperty(this, "accessibilityrole", 'button');
     _defineProperty(this, "lefticonclass", void 0);
+    _defineProperty(this, "lefticonurl", void 0);
   }
 }
 //# sourceMappingURL=popover.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmPopoverProps","constructor","args","_defineProperty","undefined"],"sources":["popover.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport React from 'react';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmPopoverProps extends BaseProps {\n  animation?: string = null as any;\n  badgevalue? = null as any;\n  caption? = 'Link';\n  contentanimation?: string = null as any;\n  iconclass? = null as any;\n  iconposition? = 'left' as any;\n  popoverwidth?: string | number | null = 240;\n  popoverheight?: string | number | null = 360;\n  autoclose?: 'outsideClick' | 'disabled' | 'always' = 'outsideClick';\n  autoopen?: boolean = false;\n  children? = [] as any;\n  renderPartial?: Function = null as any;\n  title?: string = null as any;\n  type?: 'action-sheet' | 'dropdown' = 'action-sheet';\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  draghandle?: boolean = false;\n  accessibilityrole?: AccessibilityRole = 'button';\n  lefticonclass?: string;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAI5E,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,qBACX,IAAI;IAAAA,eAAA,kBACP,MAAM;IAAAA,eAAA,2BACW,IAAI;IAAAA,eAAA,oBACnB,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,uBACkB,GAAG;IAAAA,eAAA,wBACF,GAAG;IAAAA,eAAA,oBACS,cAAc;IAAAA,eAAA,mBAC9C,KAAK;IAAAA,eAAA,mBACd,EAAE;IAAAA,eAAA,wBACa,IAAI;IAAAA,eAAA,gBACd,IAAI;IAAAA,eAAA,eACgB,cAAc;IAAAA,eAAA,kBAChC,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,qBACF,KAAK;IAAAA,eAAA,4BACY,QAAQ;IAAAA,eAAA;EAAA;AAElD","ignoreList":[]}
+{"version":3,"names":["BaseProps","WmPopoverProps","constructor","args","_defineProperty","undefined"],"sources":["popover.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport React from 'react';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmPopoverProps extends BaseProps {\n  animation?: string = null as any;\n  badgevalue? = null as any;\n  caption? = 'Link';\n  contentanimation?: string = null as any;\n  iconclass? = null as any;\n  iconposition? = 'left' as any;\n  popoverwidth?: string | number | null = 240;\n  popoverheight?: string | number | null = 360;\n  autoclose?: 'outsideClick' | 'disabled' | 'always' = 'outsideClick';\n  autoopen?: boolean = false;\n  children? = [] as any;\n  renderPartial?: Function = null as any;\n  title?: string = null as any;\n  type?: 'action-sheet' | 'dropdown' = 'action-sheet';\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessible?: boolean = true;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  draghandle?: boolean = false;\n  accessibilityrole?: AccessibilityRole = 'button';\n  lefticonclass?: string;\n  lefticonurl?: string;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAI5E,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,qBACX,IAAI;IAAAA,eAAA,kBACP,MAAM;IAAAA,eAAA,2BACW,IAAI;IAAAA,eAAA,oBACnB,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,uBACkB,GAAG;IAAAA,eAAA,wBACF,GAAG;IAAAA,eAAA,oBACS,cAAc;IAAAA,eAAA,mBAC9C,KAAK;IAAAA,eAAA,mBACd,EAAE;IAAAA,eAAA,wBACa,IAAI;IAAAA,eAAA,gBACd,IAAI;IAAAA,eAAA,eACgB,cAAc;IAAAA,eAAA,kBAChC,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,qBACF,KAAK;IAAAA,eAAA,4BACY,QAAQ;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAGlD","ignoreList":[]}

package/components/page/tabbar/tabbar.component.js

@@ -78,7 +78,8 @@ export default class WmTabbar extends BaseNavComponent {
       style: [isActive && !floating ? this.styles.activeTabItem : {}]
     }, /*#__PURE__*/React.createElement(WmIcon, {
       styles: this.theme.mergeStyle({}, this.styles.tabIcon, floating ? this.styles.centerHubIcon : {}, isActive ? this.styles.activeTabIcon : {}),
-      iconclass: item.icon
+      iconclass: item.icon,
+      iconurl: item.iconUrl
     }))), displayLabel ? /*#__PURE__*/React.createElement(Text, {
       style: [this.styles.tabLabel, floating ? this.styles.centerHubLabel : {}, isActive ? this.styles.activeTabLabel : {}],
       numberOfLines: 1

package/components/page/tabbar/tabbar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","Dimensions","Keyboard","Animated","Easing","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","Svg","Path","getPathDown","ThemeVariables","FixedView","SafeAreaInsetsContext","injector","StickyWrapperContext","scale","n","WmTabbarState","constructor","args","_defineProperty","WmTabbar","props","Value","get","width","cleanup","push","addListener","keyBoardShown","forceUpdate","remove","onPropertyChange","name","$new","$old","destroyScrollListner","subscribeToPageScroll","renderTabItem","item","testId","onSelect","floating","isActive","activeOnParent","highlightactivetab","getDisplayLabel","getDisplayExpression","label","displayLabel","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","activeTabItem","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","theme","mergeStyle","tabIcon","centerHubIcon","activeTabIcon","iconclass","icon","tabLabel","centerHubLabel","activeTabLabel","numberOfLines","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","isVisible","animateWithTiming","value","duratiion","timing","translateY","toValue","easing","linear","duration","useNativeDriver","start","tabbarHeightWithInsets","subscribe","event","_this$getLayout","_this$insets","contentOffset","layoutMeasurement","contentSize","nativeEvent","scrollPosition","y","getLayout","height","visibleContentHeight","endReached","bottomInsets","insets","e","Math","abs","scrollDelta","scrollDirection","componentWillUnmount","renderContent","max","tabItems","tabItemsLength","bottomTabHeightValue","isClippedTabbar","middleIndex","floor","returnpathDown","maxWidth","root","moreItems","moreItemsCount","ceil","j","i","row","Consumer","top","left","right","_this$appConfig","paddingBottomVal","paddingBottom","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","backgroundColor","menu","ref","baseView","onLayout","context","bottomTabHeight","hideonscroll","layout","notify","handleLayout","zIndex","position","INSTANCE","transparent","fill","tabbarBackgroundColor","d","Fragment","modalService","showMore","showModal","moreMenu","map","a","moreMenuRow","index","hideModal","testID","filter","morebuttonlabel","morebuttoniconclass","updateState","renderWidget","isFixed","animateStyle","transform","animated","_background"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity, Dimensions, Keyboard, Animated, Easing, LayoutChangeEvent,\n  NativeSyntheticEvent,  NativeScrollEvent\n} from 'react-native';\nimport { ThemeProvider } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker-ai/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\nimport Svg, { Path } from 'react-native-svg';\nimport { getPathDown } from './curve';\n// import { scale } from 'react-native-size-scaling';\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport { FixedView } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport { StickyWrapperContext, StickyWrapperContextType } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\n\ninterface TabDataItem extends NavigationDataItem {\n  floating: boolean;\n  indexBeforeMid: number;\n}\n\ninterface CustomScrollEvent {\n  scrollDirection: number;\n  scrollDelta: number;\n}\n\nconst scale = (n: number) => n;\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T> {\n  showMore = false;\n  modalOptions = {} as ModalOptions;\n  dataItems: TabDataItem[] = [];\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n  private tabbarHeight = 0;\n  private keyBoardShown = false;\n  private destroyScrollListner: Function = null as any;\n  private translateY = new Animated.Value(0);\n  private insets: EdgeInsets | null = null;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  private tabbarHeightWithInsets: number = 0;\n  static contextType = StickyWrapperContext;\n\n  constructor(props: WmTabbarProps) {\n    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {\n      this.keyBoardShown = true;\n      this.forceUpdate();\n    }).remove);\n    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {\n      this.keyBoardShown = false;\n      this.forceUpdate();\n    }).remove);\n  }\n\n  private maxWidth = Dimensions.get(\"window\").width;\n  private returnpathDown: any;\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name){\n        case 'hideonscroll':\n          this.destroyScrollListner && this.destroyScrollListner();\n          if($new) {\n            this.subscribeToPageScroll();\n          }\n          break;\n      }\n  }\n\n  renderTabItem(item: TabDataItem, testId: string, props: WmTabbarProps, onSelect: Function, floating = false) {\n\n    const isActive = !!(props.isActive && props.isActive(item));\n    const activeOnParent = props.highlightactivetab === 'parent view';\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    const displayLabel = getDisplayLabel(item.label);\n    let increasedGap = Number(testId) === item?.indexBeforeMid && (this.state.dataItems.length % 2!=0)  && ((props.classname || '').indexOf('clipped-tabbar') >= 0)\n    ? [this.styles.tabItem, { paddingRight: 70 }]\n    : [isActive && activeOnParent ? this.styles.activeTabItem : this.styles.tabItem];\n\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction('item' + testId)}\n        style={[increasedGap, floating? this.styles.centerHubItem: {}]}\n        key={`${item.label}_${testId}`}\n        onPress={() => onSelect && onSelect()}>\n        <View key={item.key}>\n          <View style={[isActive && !floating  ? this.styles.activeTabItem : {}]}>\n            <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.tabIcon, floating? this.styles.centerHubIcon: {}, isActive ? this.styles.activeTabIcon : {})}\n              iconclass={item.icon}\n            ></WmIcon>\n          </View>\n        </View>\n        {displayLabel ? (\n          <Text style={[this.styles.tabLabel, floating? this.styles.centerHubLabel: {},  isActive ? this.styles.activeTabLabel : {}]} numberOfLines={1}>\n            {displayLabel}\n          </Text>\n        ) : null}\n      </TouchableOpacity>\n    );\n  }\n\n  onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n    item.link && navigationService.openUrl(item.link);\n    this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n  }\n\n  prepareModalOptions(content: ReactNode) {\n    const o = this.state.modalOptions;\n    o.content = content;\n    o.modalStyle = {\n      bottom: this.tabbarHeight\n    };\n    o.contentStyle = this.styles.modalContent;\n    return o;\n  }\n\n  isVisible(): boolean {\n    return super.isVisible() && !this.keyBoardShown;\n  }\n\n  animateWithTiming(value: number, duratiion: number): void {\n    Animated.timing(this.translateY, {\n      toValue: value,\n      easing: Easing.linear,\n      duration: duratiion,\n      useNativeDriver: false\n    }).start()\n  }\n\n  subscribeToPageScroll(){\n    this.tabbarHeightWithInsets = 0;\n    this.destroyScrollListner = this.subscribe('scroll', (event: NativeSyntheticEvent<NativeScrollEvent>)=>{\n      const { contentOffset, layoutMeasurement, contentSize } = event.nativeEvent ;\n      const scrollPosition = contentOffset.y ;\n      this.tabbarHeightWithInsets = this.tabbarHeightWithInsets ? this.tabbarHeightWithInsets : this.getLayout()?.height ;\n      const visibleContentHeight = layoutMeasurement.height ;\n      const endReached = (scrollPosition + visibleContentHeight + this.tabbarHeightWithInsets) + 8 >= contentSize.height ;\n      const bottomInsets = this.insets?.bottom || 0\n      const e = event.nativeEvent as any as CustomScrollEvent;\n      if(Math.abs(e?.scrollDelta) >= 2){\n        if(e?.scrollDirection > 0){\n          this.animateWithTiming(0, 100)\n        }else if(e?.scrollDirection < 0) {\n          this.animateWithTiming(this.tabbarHeightWithInsets + bottomInsets, 100)\n        }\n      }\n      if(endReached){\n        this.animateWithTiming(0, 0)\n      }\n    })\n  }\n\n  componentWillUnmount(): void {\n      this.destroyScrollListner && this.destroyScrollListner();\n  }\n\n  renderContent(props: WmTabbarProps){\n    let max = 5;\n    const tabItems = this.state.dataItems;\n    const tabItemsLength = tabItems.length;\n    let bottomTabHeightValue;\n    const isClippedTabbar = ((props.classname || '').indexOf('clipped-tabbar') >= 0) && (tabItemsLength % 2 !== 0);\n    if (isClippedTabbar && tabItemsLength % 2 !== 0) {\n      const middleIndex = Math.floor(tabItemsLength / 2);\n      tabItems[middleIndex]['floating'] = true;\n      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex-1;\n    }\n   this.returnpathDown = getPathDown(this.maxWidth, 65 ,60,this.styles.root.height as number);\n    const moreItems = [] as any[][];\n    if (tabItems.length > max) {\n      const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n      let j = 0;\n      for (let i = max-1; i < moreItemsCount;) {\n        const row = [];\n        for (let j = 0; j < max; j++) {\n          row[j] = tabItems[i++] || {key: 'tabItem' + i} as TabDataItem;\n        }\n        moreItems.push(row);\n      }\n      max = max - 1;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n      {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n      this.insets = insets;\n      const paddingBottomVal = this.styles.root.paddingBottom || this.styles.root.padding;\n      const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n      const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.bottom || 0) as number,\n        paddingBottom: (paddingBottomVal || 0) as number + (insets?.bottom || 0) as number , backgroundColor: this.styles.root.backgroundColor || this.styles.menu.backgroundColor} : {}\n      return (\n      <NavigationServiceConsumer>\n      {(navigationService) =>(\n        <View style={[this.styles.root, stylesWithFs]}\n          ref={(ref)=> {this.baseView = ref as any}}\n          onLayout={(event: LayoutChangeEvent) => {\n            if(this.context && (this.context as StickyWrapperContextType).bottomTabHeight && props.hideonscroll) {\n              bottomTabHeightValue = event.nativeEvent.layout.height || 0;\n              (this.context as StickyWrapperContextType).bottomTabHeight.value = bottomTabHeightValue;\n              this.notify('updateBottomTabHeight', [bottomTabHeightValue], true);\n            }\n            this.handleLayout(event);\n          }}\n        >\n      {isClippedTabbar ? (\n        <Svg width={this.maxWidth} height={scale(this.styles.root.height as number)} style={{zIndex: -1,position: 'absolute',backgroundColor: ThemeVariables.INSTANCE.transparent}}>\n        <Path fill={ThemeVariables.INSTANCE.tabbarBackgroundColor} {...{ d: this.returnpathDown }}/>\n        </Svg>\n           ): <></>}\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              if (this.state.showMore) {\n                modalService.showModal(this.prepareModalOptions((\n                <ThemeProvider value={this.theme} >\n                  <View style={this.styles.moreMenu}>\n                    {moreItems.map((a, i) =>\n                      (<View key={i} style={this.styles.moreMenuRow}>\n                        {a.map((item, index) => this.renderTabItem(item, i + '', props,  () => this.onItemSelect(item, navigationService)))}\n                      </View>)\n                    )}\n                  </View>\n                </ThemeProvider>)));\n              } else {\n                modalService.hideModal(this.state.modalOptions);\n              }\n              return null;\n            }}\n          </ModalConsumer>\n          <View\n            testID=\"test_tabbar-menu\"\n            style={this.styles.menu}\n            onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}>\n            {tabItems.filter((item, i) => i < max)\n              .map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating))}\n            {tabItems.length > max && (\n              this.renderTabItem({\n                label: props.morebuttonlabel,\n                icon: props.morebuttoniconclass\n              } as TabDataItem, 6666 +'', props,  () => {\n                this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n              })\n            )}\n          </View>\n        </View>)}\n      </NavigationServiceConsumer>\n      )}}\n    </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmTabbarProps) {\n    this.isFixed = true;\n    const animateStyle = props.hideonscroll ? {transform: [{translateY: this.translateY}]} : {};\n    return props.hideonscroll ? (\n        <FixedView\n          name={this.props.name}\n          style={{...{bottom: 0, width:'100%', zIndex: 11}, ...animateStyle}}\n          theme={this.theme}\n          animated={props.hideonscroll || false}>\n          {this._background}\n          {this.renderContent(props)}\n        </FixedView>\n      ) : this.renderContent(props)\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Dimensions","Keyboard","Animated","Easing","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","Svg","Path","getPathDown","ThemeVariables","FixedView","SafeAreaInsetsContext","injector","StickyWrapperContext","scale","n","WmTabbarState","constructor","args","_defineProperty","WmTabbar","props","Value","get","width","cleanup","push","addListener","keyBoardShown","forceUpdate","remove","onPropertyChange","name","$new","$old","destroyScrollListner","subscribeToPageScroll","renderTabItem","item","testId","onSelect","floating","isActive","activeOnParent","highlightactivetab","getDisplayLabel","getDisplayExpression","label","displayLabel","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","activeTabItem","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","theme","mergeStyle","tabIcon","centerHubIcon","activeTabIcon","iconclass","icon","iconurl","iconUrl","tabLabel","centerHubLabel","activeTabLabel","numberOfLines","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","isVisible","animateWithTiming","value","duratiion","timing","translateY","toValue","easing","linear","duration","useNativeDriver","start","tabbarHeightWithInsets","subscribe","event","_this$getLayout","_this$insets","contentOffset","layoutMeasurement","contentSize","nativeEvent","scrollPosition","y","getLayout","height","visibleContentHeight","endReached","bottomInsets","insets","e","Math","abs","scrollDelta","scrollDirection","componentWillUnmount","renderContent","max","tabItems","tabItemsLength","bottomTabHeightValue","isClippedTabbar","middleIndex","floor","returnpathDown","maxWidth","root","moreItems","moreItemsCount","ceil","j","i","row","Consumer","top","left","right","_this$appConfig","paddingBottomVal","paddingBottom","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","backgroundColor","menu","ref","baseView","onLayout","context","bottomTabHeight","hideonscroll","layout","notify","handleLayout","zIndex","position","INSTANCE","transparent","fill","tabbarBackgroundColor","d","Fragment","modalService","showMore","showModal","moreMenu","map","a","moreMenuRow","index","hideModal","testID","filter","morebuttonlabel","morebuttoniconclass","updateState","renderWidget","isFixed","animateStyle","transform","animated","_background"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity, Dimensions, Keyboard, Animated, Easing, LayoutChangeEvent,\n  NativeSyntheticEvent,  NativeScrollEvent\n} from 'react-native';\nimport { ThemeProvider } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker-ai/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\nimport Svg, { Path } from 'react-native-svg';\nimport { getPathDown } from './curve';\n// import { scale } from 'react-native-size-scaling';\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport { FixedView } from '@wavemaker-ai/app-rn-runtime/core/fixed-view.component';\nimport { EdgeInsets, SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/app-rn-runtime/core/AppConfig';\nimport { StickyWrapperContext, StickyWrapperContextType } from '@wavemaker-ai/app-rn-runtime/core/sticky-wrapper';\n\ninterface TabDataItem extends NavigationDataItem {\n  floating: boolean;\n  indexBeforeMid: number;\n}\n\ninterface CustomScrollEvent {\n  scrollDirection: number;\n  scrollDelta: number;\n}\n\nconst scale = (n: number) => n;\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T> {\n  showMore = false;\n  modalOptions = {} as ModalOptions;\n  dataItems: TabDataItem[] = [];\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n  private tabbarHeight = 0;\n  private keyBoardShown = false;\n  private destroyScrollListner: Function = null as any;\n  private translateY = new Animated.Value(0);\n  private insets: EdgeInsets | null = null;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  private tabbarHeightWithInsets: number = 0;\n  static contextType = StickyWrapperContext;\n\n  constructor(props: WmTabbarProps) {\n    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n    this.cleanup.push(Keyboard.addListener('keyboardWillShow', () => {\n      this.keyBoardShown = true;\n      this.forceUpdate();\n    }).remove);\n    this.cleanup.push(Keyboard.addListener('keyboardWillHide', () => {\n      this.keyBoardShown = false;\n      this.forceUpdate();\n    }).remove);\n  }\n\n  private maxWidth = Dimensions.get(\"window\").width;\n  private returnpathDown: any;\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n      super.onPropertyChange(name, $new, $old);\n      switch(name){\n        case 'hideonscroll':\n          this.destroyScrollListner && this.destroyScrollListner();\n          if($new) {\n            this.subscribeToPageScroll();\n          }\n          break;\n      }\n  }\n\n  renderTabItem(item: TabDataItem, testId: string, props: WmTabbarProps, onSelect: Function, floating = false) {\n\n    const isActive = !!(props.isActive && props.isActive(item));\n    const activeOnParent = props.highlightactivetab === 'parent view';\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    const displayLabel = getDisplayLabel(item.label);\n    let increasedGap = Number(testId) === item?.indexBeforeMid && (this.state.dataItems.length % 2!=0)  && ((props.classname || '').indexOf('clipped-tabbar') >= 0)\n    ? [this.styles.tabItem, { paddingRight: 70 }]\n    : [isActive && activeOnParent ? this.styles.activeTabItem : this.styles.tabItem];\n\n    return (\n      <TouchableOpacity\n        {...this.getTestPropsForAction('item' + testId)}\n        style={[increasedGap, floating? this.styles.centerHubItem: {}]}\n        key={`${item.label}_${testId}`}\n        onPress={() => onSelect && onSelect()}>\n        <View key={item.key}>\n          <View style={[isActive && !floating  ? this.styles.activeTabItem : {}]}>\n            <WmIcon\n              styles={this.theme.mergeStyle({}, this.styles.tabIcon, floating? this.styles.centerHubIcon: {}, isActive ? this.styles.activeTabIcon : {})}\n              iconclass={item.icon}\n              iconurl={item.iconUrl}\n            ></WmIcon>\n          </View>\n        </View>\n        {displayLabel ? (\n          <Text style={[this.styles.tabLabel, floating? this.styles.centerHubLabel: {},  isActive ? this.styles.activeTabLabel : {}]} numberOfLines={1}>\n            {displayLabel}\n          </Text>\n        ) : null}\n      </TouchableOpacity>\n    );\n  }\n\n  onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n    item.link && navigationService.openUrl(item.link);\n    this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n  }\n\n  prepareModalOptions(content: ReactNode) {\n    const o = this.state.modalOptions;\n    o.content = content;\n    o.modalStyle = {\n      bottom: this.tabbarHeight\n    };\n    o.contentStyle = this.styles.modalContent;\n    return o;\n  }\n\n  isVisible(): boolean {\n    return super.isVisible() && !this.keyBoardShown;\n  }\n\n  animateWithTiming(value: number, duratiion: number): void {\n    Animated.timing(this.translateY, {\n      toValue: value,\n      easing: Easing.linear,\n      duration: duratiion,\n      useNativeDriver: false\n    }).start()\n  }\n\n  subscribeToPageScroll(){\n    this.tabbarHeightWithInsets = 0;\n    this.destroyScrollListner = this.subscribe('scroll', (event: NativeSyntheticEvent<NativeScrollEvent>)=>{\n      const { contentOffset, layoutMeasurement, contentSize } = event.nativeEvent ;\n      const scrollPosition = contentOffset.y ;\n      this.tabbarHeightWithInsets = this.tabbarHeightWithInsets ? this.tabbarHeightWithInsets : this.getLayout()?.height ;\n      const visibleContentHeight = layoutMeasurement.height ;\n      const endReached = (scrollPosition + visibleContentHeight + this.tabbarHeightWithInsets) + 8 >= contentSize.height ;\n      const bottomInsets = this.insets?.bottom || 0\n      const e = event.nativeEvent as any as CustomScrollEvent;\n      if(Math.abs(e?.scrollDelta) >= 2){\n        if(e?.scrollDirection > 0){\n          this.animateWithTiming(0, 100)\n        }else if(e?.scrollDirection < 0) {\n          this.animateWithTiming(this.tabbarHeightWithInsets + bottomInsets, 100)\n        }\n      }\n      if(endReached){\n        this.animateWithTiming(0, 0)\n      }\n    })\n  }\n\n  componentWillUnmount(): void {\n      this.destroyScrollListner && this.destroyScrollListner();\n  }\n\n  renderContent(props: WmTabbarProps){\n    let max = 5;\n    const tabItems = this.state.dataItems;\n    const tabItemsLength = tabItems.length;\n    let bottomTabHeightValue;\n    const isClippedTabbar = ((props.classname || '').indexOf('clipped-tabbar') >= 0) && (tabItemsLength % 2 !== 0);\n    if (isClippedTabbar && tabItemsLength % 2 !== 0) {\n      const middleIndex = Math.floor(tabItemsLength / 2);\n      tabItems[middleIndex]['floating'] = true;\n      tabItems[middleIndex - 1]['indexBeforeMid'] = middleIndex-1;\n    }\n   this.returnpathDown = getPathDown(this.maxWidth, 65 ,60,this.styles.root.height as number);\n    const moreItems = [] as any[][];\n    if (tabItems.length > max) {\n      const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n      let j = 0;\n      for (let i = max-1; i < moreItemsCount;) {\n        const row = [];\n        for (let j = 0; j < max; j++) {\n          row[j] = tabItems[i++] || {key: 'tabItem' + i} as TabDataItem;\n        }\n        moreItems.push(row);\n      }\n      max = max - 1;\n    }\n    return (\n      <SafeAreaInsetsContext.Consumer>\n      {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n      this.insets = insets;\n      const paddingBottomVal = this.styles.root.paddingBottom || this.styles.root.padding;\n      const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n      const stylesWithFs = isEdgeToEdgeApp ?  {height: this.styles.root.height as number + (insets?.bottom || 0) as number,\n        paddingBottom: (paddingBottomVal || 0) as number + (insets?.bottom || 0) as number , backgroundColor: this.styles.root.backgroundColor || this.styles.menu.backgroundColor} : {}\n      return (\n      <NavigationServiceConsumer>\n      {(navigationService) =>(\n        <View style={[this.styles.root, stylesWithFs]}\n          ref={(ref)=> {this.baseView = ref as any}}\n          onLayout={(event: LayoutChangeEvent) => {\n            if(this.context && (this.context as StickyWrapperContextType).bottomTabHeight && props.hideonscroll) {\n              bottomTabHeightValue = event.nativeEvent.layout.height || 0;\n              (this.context as StickyWrapperContextType).bottomTabHeight.value = bottomTabHeightValue;\n              this.notify('updateBottomTabHeight', [bottomTabHeightValue], true);\n            }\n            this.handleLayout(event);\n          }}\n        >\n      {isClippedTabbar ? (\n        <Svg width={this.maxWidth} height={scale(this.styles.root.height as number)} style={{zIndex: -1,position: 'absolute',backgroundColor: ThemeVariables.INSTANCE.transparent}}>\n        <Path fill={ThemeVariables.INSTANCE.tabbarBackgroundColor} {...{ d: this.returnpathDown }}/>\n        </Svg>\n           ): <></>}\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              if (this.state.showMore) {\n                modalService.showModal(this.prepareModalOptions((\n                <ThemeProvider value={this.theme} >\n                  <View style={this.styles.moreMenu}>\n                    {moreItems.map((a, i) =>\n                      (<View key={i} style={this.styles.moreMenuRow}>\n                        {a.map((item, index) => this.renderTabItem(item, i + '', props,  () => this.onItemSelect(item, navigationService)))}\n                      </View>)\n                    )}\n                  </View>\n                </ThemeProvider>)));\n              } else {\n                modalService.hideModal(this.state.modalOptions);\n              }\n              return null;\n            }}\n          </ModalConsumer>\n          <View\n            testID=\"test_tabbar-menu\"\n            style={this.styles.menu}\n            onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}>\n            {tabItems.filter((item, i) => i < max)\n              .map((item, i) => this.renderTabItem(item, i + '', props, () => this.onItemSelect(item, navigationService), item.floating))}\n            {tabItems.length > max && (\n              this.renderTabItem({\n                label: props.morebuttonlabel,\n                icon: props.morebuttoniconclass\n              } as TabDataItem, 6666 +'', props,  () => {\n                this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n              })\n            )}\n          </View>\n        </View>)}\n      </NavigationServiceConsumer>\n      )}}\n    </SafeAreaInsetsContext.Consumer>\n    )\n  }\n\n  renderWidget(props: WmTabbarProps) {\n    this.isFixed = true;\n    const animateStyle = props.hideonscroll ? {transform: [{translateY: this.translateY}]} : {};\n    return props.hideonscroll ? (\n        <FixedView\n          name={this.props.name}\n          style={{...{bottom: 0, width:'100%', zIndex: 11}, ...animateStyle}}\n          theme={this.theme}\n          animated={props.hideonscroll || false}>\n          {this._background}\n          {this.renderContent(props)}\n        </FixedView>\n      ) : this.renderContent(props)\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components-prism/basic/search/search.component.js

@@ -117,7 +117,7 @@ export default class WmSearch extends CoreWmSearch {
     const isOpened = this.state.isOpened;
     const filteredData = this.state.data || [];
     const isDropdownVisible = isOpened;
-    const hasLeadingIcon = isIconClass(props.leadingiconclass);
+    const hasLeadingIcon = isIconClass(props.leadingiconclass) || isIconClass(props.leadingiconurl);
     const hasBackSearchIcon = isIconClass(props.backsearchiconclass);
     const hasSearchIcon = isIconClass(props.searchiconclass);
     const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);
@@ -180,6 +180,7 @@ export default class WmSearch extends CoreWmSearch {
       styles: this.styles.leadingIcon,
       id: this.getTestId(showBackIcon ? 'backicon' : 'leadingicon'),
       iconclass: showBackIcon ? props.backsearchiconclass : props.leadingiconclass,
+      iconurl: showBackIcon ? undefined : props.leadingiconurl,
       iconsize: 24,
       onTap: showBackIcon ? this.handleBackIconPress.bind(this) : this.handleLeadingIconPress.bind(this),
       disabled: !showBackIcon && (props.disabled || props.readonly)
@@ -191,6 +192,7 @@ export default class WmSearch extends CoreWmSearch {
       styles: this.styles.trailingIcon,
       id: this.getTestId(showClearIcon ? 'clear' : 'search'),
       iconclass: showClearIcon ? props.clearsearchiconclass : props.searchiconclass,
+      iconurl: showClearIcon ? props.clearsearchiconurl : props.searchiconurl,
       iconsize: 24,
       onTap: showClearIcon ? this.clearSearch.bind(this) : this.searchIconPress.bind(this),
       disabled: !showClearIcon && (props.disabled || props.readonly)

package/components-prism/basic/search/search.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","TextInput","View","ScrollView","get","isNull","WmSearchProps","DEFAULT_CLASS","CoreWmSearch","WmSearchState","CoreWmSearchState","AccessibilityWidgetType","getAccessibilityProps","WmIcon","AssetProvider","createSkeleton","OutsidePressHandler","isIconClass","val","length","WmSearch","constructor","props","defaultClass","defaultProps","defaultState","_defineProperty","updateState","isOpened","state","handleLeadingIconPress","invokeEventCallback","proxy","handleBackIconPress","query","dataItems","map","item","selected","hide","searchIconPress","searchon","updateFilteredData","styles","modal","display","showPopover","isFocused","onItemSelect","data","_this$props$invokeEve","_this$props","invokeEvent","call","renderSkeleton","_this$styles$root","_this$styles$root2","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","queryText","renderDropdownContent","filteredData","items","index","limit","renderSearchItem","createElement","style","dropDownContent","searchItem","noresultsfoundmessage","value","loadAsset","scrollablesearchresults","contentContainerStyle","showsVerticalScrollIndicator","renderWidget","_this$styles$placehol","isDropdownVisible","hasLeadingIcon","leadingiconclass","hasBackSearchIcon","backsearchiconclass","hasSearchIcon","searchiconclass","hasClearSearchIcon","clearsearchiconclass","isSearchOnIconClick","showBackIcon","showLeadingIcon","showClearIcon","showclear","showSearchIcon","showTrailingIcon","inputOpts","valueExpr","OS","mergeStyle","rootWrapper","rootWrapperDropdownOpen","onOutsidePress","borderBottomLeftRadius","borderBottomRightRadius","isValid","invalid","ref","view","onLayout","e","nativeEvent","layout","searchInputWidth","searchInputHeight","_extends","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","inputWeb","inputWithLeadingIcon","inputWithTrailingIcon","placeholder","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","autoComplete","autoCorrect","autoCapitalize","onChangeText","onChange","bind","invokeChange","onFocus","onBlur","iconWrapper","left","leadingIcon","id","getTestId","iconclass","iconsize","onTap","right","trailingIcon","clearSearch","modalContent","dropdownContainer","top"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { get, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS } from './search.styles';\nimport CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';\nexport class WmSearchState extends CoreWmSearchState {\n}\n\nfunction isIconClass(val: any): boolean {\n  return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';\n}\n\nexport default class WmSearch extends (CoreWmSearch as any) {\n\n  private searchInputHeight = 0;\n\n  constructor(\n    props: WmSearchProps,\n    defaultClass: string = DEFAULT_CLASS,\n    defaultProps: WmSearchProps = new WmSearchProps(),\n    defaultState: WmSearchState = new WmSearchState(),\n  ) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  private handleLeadingIconPress() {\n    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n  }\n\n  private handleBackIconPress() {\n    this.updateState({\n      props: { query: '' },\n      dataItems: this.state.dataItems\n        ? this.state.dataItems.map((item: any) => { item.selected = false; return item; })\n        : [],\n    } as WmSearchState);\n    this.hide();\n  }\n\n  searchIconPress() {\n    const query = this.state.props.query || '';\n\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(query);\n      if (query && this.styles.modal.display !== 'none') {\n        this.showPopover && this.showPopover();\n      }\n    } else {\n      this.isFocused = false;\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      this.props.invokeEvent?.('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.isFocused = false;\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (props.skeletonwidth || this.styles.root?.width) as DimensionValue,\n      height: (props.skeletonheight || this.styles.root?.height) as DimensionValue,\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    super.updateFilteredData(queryText);\n\n    if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {\n      this.showPopover && this.showPopover();\n    }\n  }\n\n  public showPopover = () => {\n    this.updateState({ isOpened: true } as WmSearchState);\n  };\n\n  public hide = () => {\n    if (this.state.isOpened) {\n      this.updateState({ isOpened: false } as WmSearchState);\n    }\n  };\n\n  renderDropdownContent(props: WmSearchProps, filteredData: any[]) {\n    const items = filteredData.map((item: any, index: number) => {\n      if (props.limit && index + 1 > props.limit) return null;\n      return this.renderSearchItem(item, index);\n    });\n    if (filteredData.length === 0) {\n      return (\n        <View style={{ width: '100%' }}>\n          <View style={this.styles.dropDownContent}>\n            <View style={this.styles.searchItem}>\n              <Text>\n                {props.noresultsfoundmessage}\n              </Text>\n            </View>\n          </View>\n        </View>\n      );\n    }\n    return (\n      <View style={{ width: '100%' }}>\n        <AssetProvider value={this.loadAsset}>\n          {props.scrollablesearchresults ? (\n            <ScrollView\n              contentContainerStyle={this.styles.dropDownContent}\n              showsVerticalScrollIndicator={false}\n            >\n              {items}\n            </ScrollView>\n          ) : (\n            <View style={this.styles.dropDownContent}>\n              {items}\n            </View>\n          )}\n        </AssetProvider>\n      </View>\n    );\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const isOpened = this.state.isOpened;\n    const filteredData = this.state.data || [];\n    const isDropdownVisible = isOpened;\n\n    const hasLeadingIcon = isIconClass(props.leadingiconclass);\n    const hasBackSearchIcon = isIconClass(props.backsearchiconclass);\n    const hasSearchIcon = isIconClass(props.searchiconclass);\n    const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);\n    const query = this.state.props.query || '';\n    const isSearchOnIconClick = props.searchon === 'onsearchiconclick';\n\n   \n    const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;\n    const showLeadingIcon = hasLeadingIcon && !showBackIcon;\n\n    const showClearIcon = hasClearSearchIcon && props.showclear && !!query &&\n      (isSearchOnIconClick ? isDropdownVisible : true);\n    const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;\n    const showTrailingIcon = showSearchIcon || showClearIcon;\n\n    let inputOpts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    inputOpts[valueExpr] = query;\n    return (\n      <View\n        style={this.theme.mergeStyle(\n          this.styles.rootWrapper,\n          isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null\n        )}\n      >\n        <OutsidePressHandler\n          onOutsidePress={() => this.hide()}\n        >\n        <View\n          style={[\n            this.styles.root,\n            isDropdownVisible ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 } : null,\n            !this.state.isValid ? this.styles.invalid : null,\n          ]}\n          ref={(ref: any) => { this.view = ref; }}\n          onLayout={(e: any) => {\n            const { width, height } = e.nativeEvent.layout;\n            this.searchInputWidth = width;\n            this.searchInputHeight = height;\n          }}\n        >\n          <TextInput\n            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            ref={(ref: any) => {\n              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            }}\n            style={[\n              this.styles.text,\n              Platform.OS === 'web' ? this.styles.inputWeb : null,\n              (showLeadingIcon || showBackIcon) ? this.styles.inputWithLeadingIcon : null,\n              showTrailingIcon ? this.styles.inputWithTrailingIcon : null,\n            ]}\n            placeholder={props.placeholder || 'Search'}\n            placeholderTextColor={this.styles.placeholderText?.color as any}\n            autoFocus={props.autofocus}\n            editable={!(props.disabled || props.readonly)}\n            autoComplete=\"off\"\n            autoCorrect={false}\n            autoCapitalize=\"none\"\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onBlur={this.onBlur.bind(this)}\n            {...inputOpts}\n          />\n        {(showLeadingIcon || showBackIcon) && (\n        <View style={[\n          this.styles.iconWrapper, \n          { left: 4 }]}>\n          <WmIcon\n            styles={this.styles.leadingIcon}\n            id={this.getTestId(showBackIcon ? 'backicon' : 'leadingicon')}\n            iconclass={showBackIcon\n              ? props.backsearchiconclass\n              : props.leadingiconclass\n            }\n            iconsize={24}\n            onTap={showBackIcon\n              ? this.handleBackIconPress.bind(this)\n              : this.handleLeadingIconPress.bind(this)\n            }\n            disabled={!showBackIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n       {showTrailingIcon && (\n        <View style={[this.styles.iconWrapper,\n         { right: 4 }]}>\n          <WmIcon\n            styles={this.styles.trailingIcon}\n            id={this.getTestId(showClearIcon ? 'clear' : 'search')}\n            iconclass={showClearIcon\n              ? props.clearsearchiconclass\n              : props.searchiconclass\n            }\n            iconsize={24}\n            onTap={showClearIcon\n              ? this.clearSearch.bind(this)\n              : this.searchIconPress.bind(this)\n            }\n            disabled={!showClearIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n     \n\n        {isDropdownVisible ? (\n          <View\n            style={this.theme.mergeStyle(\n              this.styles.modalContent,\n              this.styles.dropdownContainer,\n              this.searchInputWidth ? { width: this.searchInputWidth } : null,\n              this.searchInputHeight ? { top: this.searchInputHeight } : null,\n            )}\n          >\n            {this.renderDropdownContent(props, filteredData)}\n          </View>\n        ) : null}\n        </View>\n        </OutsidePressHandler>\n      </View>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9E,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,GAAG,EAAEC,MAAM,QAAQ,QAAQ;AAEpC,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,OAAOC,YAAY,IAAIC,aAAa,IAAIC,iBAAiB,QAAQ,uEAAuE;AACxI,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,OAAOC,MAAM,MAAM,mEAAmE;AACtF,SAASC,aAAa,QAAQ,kDAAkD;AAChF,SAASC,cAAc,QAAQ,2EAA2E;AAC1G,OAAOC,mBAAmB,MAAM,yDAAyD;AACzF,OAAO,MAAMP,aAAa,SAASC,iBAAiB,CAAC;AAGrD,SAASO,WAAWA,CAACC,GAAQ,EAAW;EACtC,OAAO,OAAOA,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACC,MAAM,GAAG,CAAC,IAAID,GAAG,KAAK,OAAO,IAAIA,GAAG,KAAK,MAAM,IAAIA,GAAG,KAAK,WAAW;AAC9G;AAEA,eAAe,MAAME,QAAQ,SAAUZ,YAAY,CAAS;EAI1Da,WAAWA,CACTC,KAAoB,EACpBC,YAAoB,GAAGhB,aAAa,EACpCiB,YAA2B,GAAG,IAAIlB,aAAa,CAAC,CAAC,EACjDmB,YAA2B,GAAG,IAAIhB,aAAa,CAAC,CAAC,EACjD;IACA,KAAK,CAACa,KAAK,EAAEC,YAAY,EAAEC,YAAY,EAAEC,YAAY,CAAC;IAACC,eAAA,4BAR7B,CAAC;IAAAA,eAAA,sBA8DR,MAAM;MACzB,IAAI,CAACC,WAAW,CAAC;QAAEC,QAAQ,EAAE;MAAK,CAAkB,CAAC;IACvD,CAAC;IAAAF,eAAA,eAEa,MAAM;MAClB,IAAI,IAAI,CAACG,KAAK,CAACD,QAAQ,EAAE;QACvB,IAAI,CAACD,WAAW,CAAC;UAAEC,QAAQ,EAAE;QAAM,CAAkB,CAAC;MACxD;IACF,CAAC;EA7DD;EAEQE,sBAAsBA,CAAA,EAAG;IAC/B,IAAI,CAACC,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,IAAI,CAACC,KAAK,CAAC,CAAC;EAC9D;EAEQC,mBAAmBA,CAAA,EAAG;IAC5B,IAAI,CAACN,WAAW,CAAC;MACfL,KAAK,EAAE;QAAEY,KAAK,EAAE;MAAG,CAAC;MACpBC,SAAS,EAAE,IAAI,CAACN,KAAK,CAACM,SAAS,GAC3B,IAAI,CAACN,KAAK,CAACM,SAAS,CAACC,GAAG,CAAEC,IAAS,IAAK;QAAEA,IAAI,CAACC,QAAQ,GAAG,KAAK;QAAE,OAAOD,IAAI;MAAE,CAAC,CAAC,GAChF;IACN,CAAkB,CAAC;IACnB,IAAI,CAACE,IAAI,CAAC,CAAC;EACb;EAEAC,eAAeA,CAAA,EAAG;IAChB,MAAMN,KAAK,GAAG,IAAI,CAACL,KAAK,CAACP,KAAK,CAACY,KAAK,IAAI,EAAE;IAE1C,IAAI,IAAI,CAACL,KAAK,CAACP,KAAK,CAACmB,QAAQ,KAAK,mBAAmB,EAAE;MACrD,IAAI,CAACC,kBAAkB,CAACR,KAAK,CAAC;MAC9B,IAAIA,KAAK,IAAI,IAAI,CAACS,MAAM,CAACC,KAAK,CAACC,OAAO,KAAK,MAAM,EAAE;QACjD,IAAI,CAACC,WAAW,IAAI,IAAI,CAACA,WAAW,CAAC,CAAC;MACxC;IACF,CAAC,MAAM;MACL,IAAI,CAACC,SAAS,GAAG,KAAK;MACtB,IAAI,CAACC,YAAY,CAAC,IAAI,CAACnB,KAAK,CAACoB,IAAI,CAAC,CAAC,CAAC,CAAC;IACvC;IAEA,IAAI7C,GAAG,CAAC,IAAI,CAACkB,KAAK,EAAE,WAAW,CAAC,EAAE;MAAA,IAAA4B,qBAAA,EAAAC,WAAA;MAChC,CAAAD,qBAAA,IAAAC,WAAA,OAAI,CAAC7B,KAAK,EAAC8B,WAAW,cAAAF,qBAAA,eAAtBA,qBAAA,CAAAG,IAAA,CAAAF,WAAA,EAAyB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC,MAAM;MACL,IAAI,CAACpB,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD;IACA,IAAI,CAACgB,SAAS,GAAG,KAAK;EACxB;EAEOO,cAAcA,CAAChC,KAAoB,EAAmB;IAAA,IAAAiC,iBAAA,EAAAC,kBAAA;IAC3D,OAAOzC,cAAc,CAAC,IAAI,CAAC0C,KAAK,EAAE,IAAI,CAACd,MAAM,CAACe,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACf,MAAM,CAACgB,IAAI;MACnBC,KAAK,EAAGtC,KAAK,CAACuC,aAAa,MAAAN,iBAAA,GAAI,IAAI,CAACZ,MAAM,CAACgB,IAAI,cAAAJ,iBAAA,uBAAhBA,iBAAA,CAAkBK,KAAK,CAAmB;MACzEE,MAAM,EAAGxC,KAAK,CAACyC,cAAc,MAAAP,kBAAA,GAAI,IAAI,CAACb,MAAM,CAACgB,IAAI,cAAAH,kBAAA,uBAAhBA,kBAAA,CAAkBM,MAAM;IAC3D,CAAC,CAAC;EACJ;EAEApB,kBAAkBA,CAACsB,SAAiB,GAAG,EAAE,EAAE;IACzC,KAAK,CAACtB,kBAAkB,CAACsB,SAAS,CAAC;IAEnC,IAAI,IAAI,CAACjB,SAAS,IAAIiB,SAAS,IAAI,IAAI,CAACrB,MAAM,CAACC,KAAK,CAACC,OAAO,KAAK,MAAM,IAAI,CAAC,IAAI,CAAChB,KAAK,CAACD,QAAQ,EAAE;MAC/F,IAAI,CAACkB,WAAW,IAAI,IAAI,CAACA,WAAW,CAAC,CAAC;IACxC;EACF;EAYAmB,qBAAqBA,CAAC3C,KAAoB,EAAE4C,YAAmB,EAAE;IAC/D,MAAMC,KAAK,GAAGD,YAAY,CAAC9B,GAAG,CAAC,CAACC,IAAS,EAAE+B,KAAa,KAAK;MAC3D,IAAI9C,KAAK,CAAC+C,KAAK,IAAID,KAAK,GAAG,CAAC,GAAG9C,KAAK,CAAC+C,KAAK,EAAE,OAAO,IAAI;MACvD,OAAO,IAAI,CAACC,gBAAgB,CAACjC,IAAI,EAAE+B,KAAK,CAAC;IAC3C,CAAC,CAAC;IACF,IAAIF,YAAY,CAAC/C,MAAM,KAAK,CAAC,EAAE;MAC7B,oBACErB,KAAA,CAAAyE,aAAA,CAACrE,IAAI;QAACsE,KAAK,EAAE;UAAEZ,KAAK,EAAE;QAAO;MAAE,gBAC7B9D,KAAA,CAAAyE,aAAA,CAACrE,IAAI;QAACsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAAC8B;MAAgB,gBACvC3E,KAAA,CAAAyE,aAAA,CAACrE,IAAI;QAACsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAAC+B;MAAW,gBAClC5E,KAAA,CAAAyE,aAAA,CAACvE,IAAI,QACFsB,KAAK,CAACqD,qBACH,CACF,CACF,CACF,CAAC;IAEX;IACA,oBACE7E,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE;QAAEZ,KAAK,EAAE;MAAO;IAAE,gBAC7B9D,KAAA,CAAAyE,aAAA,CAACzD,aAAa;MAAC8D,KAAK,EAAE,IAAI,CAACC;IAAU,GAClCvD,KAAK,CAACwD,uBAAuB,gBAC5BhF,KAAA,CAAAyE,aAAA,CAACpE,UAAU;MACT4E,qBAAqB,EAAE,IAAI,CAACpC,MAAM,CAAC8B,eAAgB;MACnDO,4BAA4B,EAAE;IAAM,GAEnCb,KACS,CAAC,gBAEbrE,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,IAAI,CAAC7B,MAAM,CAAC8B;IAAgB,GACtCN,KACG,CAEK,CACX,CAAC;EAEX;EAEAc,YAAYA,CAAC3D,KAAoB,EAAE;IAAA,IAAA4D,qBAAA;IACjC,MAAMtD,QAAQ,GAAG,IAAI,CAACC,KAAK,CAACD,QAAQ;IACpC,MAAMsC,YAAY,GAAG,IAAI,CAACrC,KAAK,CAACoB,IAAI,IAAI,EAAE;IAC1C,MAAMkC,iBAAiB,GAAGvD,QAAQ;IAElC,MAAMwD,cAAc,GAAGnE,WAAW,CAACK,KAAK,CAAC+D,gBAAgB,CAAC;IAC1D,MAAMC,iBAAiB,GAAGrE,WAAW,CAACK,KAAK,CAACiE,mBAAmB,CAAC;IAChE,MAAMC,aAAa,GAAGvE,WAAW,CAACK,KAAK,CAACmE,eAAe,CAAC;IACxD,MAAMC,kBAAkB,GAAGzE,WAAW,CAACK,KAAK,CAACqE,oBAAoB,CAAC;IAClE,MAAMzD,KAAK,GAAG,IAAI,CAACL,KAAK,CAACP,KAAK,CAACY,KAAK,IAAI,EAAE;IAC1C,MAAM0D,mBAAmB,GAAGtE,KAAK,CAACmB,QAAQ,KAAK,mBAAmB;IAGlE,MAAMoD,YAAY,GAAG,CAACV,iBAAiB,IAAI,IAAI,CAACpC,SAAS,KAAKuC,iBAAiB;IAC/E,MAAMQ,eAAe,GAAGV,cAAc,IAAI,CAACS,YAAY;IAEvD,MAAME,aAAa,GAAGL,kBAAkB,IAAIpE,KAAK,CAAC0E,SAAS,IAAI,CAAC,CAAC9D,KAAK,KACnE0D,mBAAmB,GAAGT,iBAAiB,GAAG,IAAI,CAAC;IAClD,MAAMc,cAAc,GAAG,CAACF,aAAa,IAAI,CAACZ,iBAAiB,IAAIK,aAAa,IAAIlE,KAAK,CAAC2E,cAAc,KAAK,KAAK;IAC9G,MAAMC,gBAAgB,GAAGD,cAAc,IAAIF,aAAa;IAExD,IAAII,SAAc,GAAG,CAAC,CAAC;IACvB,MAAMC,SAAS,GAAGrG,QAAQ,CAACsG,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClEF,SAAS,CAACC,SAAS,CAAC,GAAGlE,KAAK;IAC5B,oBACEpC,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,IAAI,CAACf,KAAK,CAAC6C,UAAU,CAC1B,IAAI,CAAC3D,MAAM,CAAC4D,WAAW,EACvBpB,iBAAiB,GAAG,IAAI,CAACxC,MAAM,CAAC6D,uBAAuB,GAAG,IAC5D;IAAE,gBAEF1G,KAAA,CAAAyE,aAAA,CAACvD,mBAAmB;MAClByF,cAAc,EAAEA,CAAA,KAAM,IAAI,CAAClE,IAAI,CAAC;IAAE,gBAEpCzC,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,CACL,IAAI,CAAC7B,MAAM,CAACgB,IAAI,EAChBwB,iBAAiB,GAAG;QAAEuB,sBAAsB,EAAE,CAAC;QAAEC,uBAAuB,EAAE;MAAE,CAAC,GAAG,IAAI,EACpF,CAAC,IAAI,CAAC9E,KAAK,CAAC+E,OAAO,GAAG,IAAI,CAACjE,MAAM,CAACkE,OAAO,GAAG,IAAI,CAChD;MACFC,GAAG,EAAGA,GAAQ,IAAK;QAAE,IAAI,CAACC,IAAI,GAAGD,GAAG;MAAE,CAAE;MACxCE,QAAQ,EAAGC,CAAM,IAAK;QACpB,MAAM;UAAErD,KAAK;UAAEE;QAAO,CAAC,GAAGmD,CAAC,CAACC,WAAW,CAACC,MAAM;QAC9C,IAAI,CAACC,gBAAgB,GAAGxD,KAAK;QAC7B,IAAI,CAACyD,iBAAiB,GAAGvD,MAAM;MACjC;IAAE,gBAEFhE,KAAA,CAAAyE,aAAA,CAACtE,SAAS,EAAAqH,QAAA,KACJ,IAAI,CAACC,oBAAoB,CAAC,CAAC,EAC3B3G,qBAAqB,CAACD,uBAAuB,CAAC6G,MAAM,EAAElG,KAAK,CAAC;MAChEwF,GAAG,EAAGA,GAAQ,IAAK;QACjB,IAAI,CAACW,SAAS,GAAGX,GAAG;QACpB;QACA,IAAIA,GAAG,IAAI,CAACzG,MAAM,CAACyG,GAAG,CAACY,cAAc,CAAC,IAAI,CAACrH,MAAM,CAACyG,GAAG,CAACa,YAAY,CAAC,EAAE;UACnE;UACAb,GAAG,CAACY,cAAc,GAAGZ,GAAG,CAACa,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MACF,CAAE;MACFpD,KAAK,EAAE,CACL,IAAI,CAAC7B,MAAM,CAACkF,IAAI,EAChB9H,QAAQ,CAACsG,EAAE,KAAK,KAAK,GAAG,IAAI,CAAC1D,MAAM,CAACmF,QAAQ,GAAG,IAAI,EAClDhC,eAAe,IAAID,YAAY,GAAI,IAAI,CAAClD,MAAM,CAACoF,oBAAoB,GAAG,IAAI,EAC3E7B,gBAAgB,GAAG,IAAI,CAACvD,MAAM,CAACqF,qBAAqB,GAAG,IAAI,CAC3D;MACFC,WAAW,EAAE3G,KAAK,CAAC2G,WAAW,IAAI,QAAS;MAC3CC,oBAAoB,GAAAhD,qBAAA,GAAE,IAAI,CAACvC,MAAM,CAACwF,eAAe,cAAAjD,qBAAA,uBAA3BA,qBAAA,CAA6BkD,KAAa;MAChEC,SAAS,EAAE/G,KAAK,CAACgH,SAAU;MAC3BC,QAAQ,EAAE,EAAEjH,KAAK,CAACkH,QAAQ,IAAIlH,KAAK,CAACmH,QAAQ,CAAE;MAC9CC,YAAY,EAAC,KAAK;MAClBC,WAAW,EAAE,KAAM;MACnBC,cAAc,EAAC,MAAM;MACrBC,YAAY,EAAE,IAAI,CAACC,QAAQ,CAACC,IAAI,CAAC,IAAI,CAAE;MACvCD,QAAQ,EAAE,IAAI,CAACE,YAAY,CAACD,IAAI,CAAC,IAAI,CAAE;MACvCE,OAAO,EAAE,IAAI,CAACA,OAAO,CAACF,IAAI,CAAC,IAAI,CAAE;MACjCG,MAAM,EAAE,IAAI,CAACA,MAAM,CAACH,IAAI,CAAC,IAAI;IAAE,GAC3B5C,SAAS,CACd,CAAC,EACH,CAACL,eAAe,IAAID,YAAY,kBACjC/F,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,CACX,IAAI,CAAC7B,MAAM,CAACwG,WAAW,EACvB;QAAEC,IAAI,EAAE;MAAE,CAAC;IAAE,gBACbtJ,KAAA,CAAAyE,aAAA,CAAC1D,MAAM;MACL8B,MAAM,EAAE,IAAI,CAACA,MAAM,CAAC0G,WAAY;MAChCC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC1D,YAAY,GAAG,UAAU,GAAG,aAAa,CAAE;MAC9D2D,SAAS,EAAE3D,YAAY,GACnBvE,KAAK,CAACiE,mBAAmB,GACzBjE,KAAK,CAAC+D,gBACT;MACDoE,QAAQ,EAAE,EAAG;MACbC,KAAK,EAAE7D,YAAY,GACf,IAAI,CAAC5D,mBAAmB,CAAC8G,IAAI,CAAC,IAAI,CAAC,GACnC,IAAI,CAACjH,sBAAsB,CAACiH,IAAI,CAAC,IAAI,CACxC;MACDP,QAAQ,EAAE,CAAC3C,YAAY,KAAKvE,KAAK,CAACkH,QAAQ,IAAIlH,KAAK,CAACmH,QAAQ;IAAE,CAC/D,CACG,CACP,EACCvC,gBAAgB,iBAChBpG,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MAACsE,KAAK,EAAE,CAAC,IAAI,CAAC7B,MAAM,CAACwG,WAAW,EACpC;QAAEQ,KAAK,EAAE;MAAE,CAAC;IAAE,gBACb7J,KAAA,CAAAyE,aAAA,CAAC1D,MAAM;MACL8B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACiH,YAAa;MACjCN,EAAE,EAAE,IAAI,CAACC,SAAS,CAACxD,aAAa,GAAG,OAAO,GAAG,QAAQ,CAAE;MACvDyD,SAAS,EAAEzD,aAAa,GACpBzE,KAAK,CAACqE,oBAAoB,GAC1BrE,KAAK,CAACmE,eACT;MACDgE,QAAQ,EAAE,EAAG;MACbC,KAAK,EAAE3D,aAAa,GAChB,IAAI,CAAC8D,WAAW,CAACd,IAAI,CAAC,IAAI,CAAC,GAC3B,IAAI,CAACvG,eAAe,CAACuG,IAAI,CAAC,IAAI,CACjC;MACDP,QAAQ,EAAE,CAACzC,aAAa,KAAKzE,KAAK,CAACkH,QAAQ,IAAIlH,KAAK,CAACmH,QAAQ;IAAE,CAChE,CACG,CACP,EAGEtD,iBAAiB,gBAChBrF,KAAA,CAAAyE,aAAA,CAACrE,IAAI;MACHsE,KAAK,EAAE,IAAI,CAACf,KAAK,CAAC6C,UAAU,CAC1B,IAAI,CAAC3D,MAAM,CAACmH,YAAY,EACxB,IAAI,CAACnH,MAAM,CAACoH,iBAAiB,EAC7B,IAAI,CAAC3C,gBAAgB,GAAG;QAAExD,KAAK,EAAE,IAAI,CAACwD;MAAiB,CAAC,GAAG,IAAI,EAC/D,IAAI,CAACC,iBAAiB,GAAG;QAAE2C,GAAG,EAAE,IAAI,CAAC3C;MAAkB,CAAC,GAAG,IAC7D;IAAE,GAED,IAAI,CAACpD,qBAAqB,CAAC3C,KAAK,EAAE4C,YAAY,CAC3C,CAAC,GACL,IACE,CACe,CACjB,CAAC;EAEX;AACF","ignoreList":[]}
+{"version":3,"names":["React","Platform","Text","TextInput","View","ScrollView","get","isNull","WmSearchProps","DEFAULT_CLASS","CoreWmSearch","WmSearchState","CoreWmSearchState","AccessibilityWidgetType","getAccessibilityProps","WmIcon","AssetProvider","createSkeleton","OutsidePressHandler","isIconClass","val","length","WmSearch","constructor","props","defaultClass","defaultProps","defaultState","_defineProperty","updateState","isOpened","state","handleLeadingIconPress","invokeEventCallback","proxy","handleBackIconPress","query","dataItems","map","item","selected","hide","searchIconPress","searchon","updateFilteredData","styles","modal","display","showPopover","isFocused","onItemSelect","data","_this$props$invokeEve","_this$props","invokeEvent","call","renderSkeleton","_this$styles$root","_this$styles$root2","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","queryText","renderDropdownContent","filteredData","items","index","limit","renderSearchItem","createElement","style","dropDownContent","searchItem","noresultsfoundmessage","value","loadAsset","scrollablesearchresults","contentContainerStyle","showsVerticalScrollIndicator","renderWidget","_this$styles$placehol","isDropdownVisible","hasLeadingIcon","leadingiconclass","leadingiconurl","hasBackSearchIcon","backsearchiconclass","hasSearchIcon","searchiconclass","hasClearSearchIcon","clearsearchiconclass","isSearchOnIconClick","showBackIcon","showLeadingIcon","showClearIcon","showclear","showSearchIcon","showTrailingIcon","inputOpts","valueExpr","OS","mergeStyle","rootWrapper","rootWrapperDropdownOpen","onOutsidePress","borderBottomLeftRadius","borderBottomRightRadius","isValid","invalid","ref","view","onLayout","e","nativeEvent","layout","searchInputWidth","searchInputHeight","_extends","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","inputWeb","inputWithLeadingIcon","inputWithTrailingIcon","placeholder","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","autoComplete","autoCorrect","autoCapitalize","onChangeText","onChange","bind","invokeChange","onFocus","onBlur","iconWrapper","left","leadingIcon","id","getTestId","iconclass","iconurl","undefined","iconsize","onTap","right","trailingIcon","clearsearchiconurl","searchiconurl","clearSearch","modalContent","dropdownContainer","top"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { get, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS } from './search.styles';\nimport CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';\nexport class WmSearchState extends CoreWmSearchState {\n}\n\nfunction isIconClass(val: any): boolean {\n  return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';\n}\n\nexport default class WmSearch extends (CoreWmSearch as any) {\n\n  private searchInputHeight = 0;\n\n  constructor(\n    props: WmSearchProps,\n    defaultClass: string = DEFAULT_CLASS,\n    defaultProps: WmSearchProps = new WmSearchProps(),\n    defaultState: WmSearchState = new WmSearchState(),\n  ) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  private handleLeadingIconPress() {\n    this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n  }\n\n  private handleBackIconPress() {\n    this.updateState({\n      props: { query: '' },\n      dataItems: this.state.dataItems\n        ? this.state.dataItems.map((item: any) => { item.selected = false; return item; })\n        : [],\n    } as WmSearchState);\n    this.hide();\n  }\n\n  searchIconPress() {\n    const query = this.state.props.query || '';\n\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(query);\n      if (query && this.styles.modal.display !== 'none') {\n        this.showPopover && this.showPopover();\n      }\n    } else {\n      this.isFocused = false;\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      this.props.invokeEvent?.('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.isFocused = false;\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (props.skeletonwidth || this.styles.root?.width) as DimensionValue,\n      height: (props.skeletonheight || this.styles.root?.height) as DimensionValue,\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    super.updateFilteredData(queryText);\n\n    if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {\n      this.showPopover && this.showPopover();\n    }\n  }\n\n  public showPopover = () => {\n    this.updateState({ isOpened: true } as WmSearchState);\n  };\n\n  public hide = () => {\n    if (this.state.isOpened) {\n      this.updateState({ isOpened: false } as WmSearchState);\n    }\n  };\n\n  renderDropdownContent(props: WmSearchProps, filteredData: any[]) {\n    const items = filteredData.map((item: any, index: number) => {\n      if (props.limit && index + 1 > props.limit) return null;\n      return this.renderSearchItem(item, index);\n    });\n    if (filteredData.length === 0) {\n      return (\n        <View style={{ width: '100%' }}>\n          <View style={this.styles.dropDownContent}>\n            <View style={this.styles.searchItem}>\n              <Text>\n                {props.noresultsfoundmessage}\n              </Text>\n            </View>\n          </View>\n        </View>\n      );\n    }\n    return (\n      <View style={{ width: '100%' }}>\n        <AssetProvider value={this.loadAsset}>\n          {props.scrollablesearchresults ? (\n            <ScrollView\n              contentContainerStyle={this.styles.dropDownContent}\n              showsVerticalScrollIndicator={false}\n            >\n              {items}\n            </ScrollView>\n          ) : (\n            <View style={this.styles.dropDownContent}>\n              {items}\n            </View>\n          )}\n        </AssetProvider>\n      </View>\n    );\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const isOpened = this.state.isOpened;\n    const filteredData = this.state.data || [];\n    const isDropdownVisible = isOpened;\n\n    const hasLeadingIcon = isIconClass(props.leadingiconclass) || isIconClass(props.leadingiconurl);\n    const hasBackSearchIcon = isIconClass(props.backsearchiconclass);\n    const hasSearchIcon = isIconClass(props.searchiconclass);\n    const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);\n    const query = this.state.props.query || '';\n    const isSearchOnIconClick = props.searchon === 'onsearchiconclick';\n\n   \n    const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;\n    const showLeadingIcon = hasLeadingIcon && !showBackIcon;\n\n    const showClearIcon = hasClearSearchIcon && props.showclear && !!query &&\n      (isSearchOnIconClick ? isDropdownVisible : true);\n    const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;\n    const showTrailingIcon = showSearchIcon || showClearIcon;\n\n    let inputOpts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    inputOpts[valueExpr] = query;\n    return (\n      <View\n        style={this.theme.mergeStyle(\n          this.styles.rootWrapper,\n          isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null\n        )}\n      >\n        <OutsidePressHandler\n          onOutsidePress={() => this.hide()}\n        >\n        <View\n          style={[\n            this.styles.root,\n            isDropdownVisible ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 } : null,\n            !this.state.isValid ? this.styles.invalid : null,\n          ]}\n          ref={(ref: any) => { this.view = ref; }}\n          onLayout={(e: any) => {\n            const { width, height } = e.nativeEvent.layout;\n            this.searchInputWidth = width;\n            this.searchInputHeight = height;\n          }}\n        >\n          <TextInput\n            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            ref={(ref: any) => {\n              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            }}\n            style={[\n              this.styles.text,\n              Platform.OS === 'web' ? this.styles.inputWeb : null,\n              (showLeadingIcon || showBackIcon) ? this.styles.inputWithLeadingIcon : null,\n              showTrailingIcon ? this.styles.inputWithTrailingIcon : null,\n            ]}\n            placeholder={props.placeholder || 'Search'}\n            placeholderTextColor={this.styles.placeholderText?.color as any}\n            autoFocus={props.autofocus}\n            editable={!(props.disabled || props.readonly)}\n            autoComplete=\"off\"\n            autoCorrect={false}\n            autoCapitalize=\"none\"\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onBlur={this.onBlur.bind(this)}\n            {...inputOpts}\n          />\n        {(showLeadingIcon || showBackIcon) && (\n        <View style={[\n          this.styles.iconWrapper, \n          { left: 4 }]}>\n          <WmIcon\n            styles={this.styles.leadingIcon}\n            id={this.getTestId(showBackIcon ? 'backicon' : 'leadingicon')}\n            iconclass={showBackIcon\n              ? props.backsearchiconclass\n              : props.leadingiconclass\n            }\n            iconurl={showBackIcon ? undefined : props.leadingiconurl}\n            iconsize={24}\n            onTap={showBackIcon\n              ? this.handleBackIconPress.bind(this)\n              : this.handleLeadingIconPress.bind(this)\n            }\n            disabled={!showBackIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n       {showTrailingIcon && (\n        <View style={[this.styles.iconWrapper,\n         { right: 4 }]}>\n          <WmIcon\n            styles={this.styles.trailingIcon}\n            id={this.getTestId(showClearIcon ? 'clear' : 'search')}\n            iconclass={showClearIcon\n              ? props.clearsearchiconclass\n              : props.searchiconclass\n            }\n            iconurl={showClearIcon\n              ? props.clearsearchiconurl\n              : props.searchiconurl\n            }\n            iconsize={24}\n            onTap={showClearIcon\n              ? this.clearSearch.bind(this)\n              : this.searchIconPress.bind(this)\n            }\n            disabled={!showClearIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n     \n\n        {isDropdownVisible ? (\n          <View\n            style={this.theme.mergeStyle(\n              this.styles.modalContent,\n              this.styles.dropdownContainer,\n              this.searchInputWidth ? { width: this.searchInputWidth } : null,\n              this.searchInputHeight ? { top: this.searchInputHeight } : null,\n            )}\n          >\n            {this.renderDropdownContent(props, filteredData)}\n          </View>\n        ) : null}\n        </View>\n        </OutsidePressHandler>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components-prism/basic/search/search.props.js

@@ -6,6 +6,7 @@ export default class WmSearchProps extends WmSearchPropsBase {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "leadingiconclass", void 0);
+    _defineProperty(this, "leadingiconurl", void 0);
     _defineProperty(this, "backsearchiconclass", void 0);
     _defineProperty(this, "scrollablesearchresults", true);
     _defineProperty(this, "noresultsfoundmessage", 'No results found');

package/components-prism/basic/search/search.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmSearchPropsBase","WmSearchProps","constructor","args","_defineProperty"],"sources":["search.props.ts"],"sourcesContent":["import WmSearchPropsBase from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.props';\n\nexport default class WmSearchProps extends WmSearchPropsBase {\n  leadingiconclass?: string;\n  backsearchiconclass?: string;\n  scrollablesearchresults?: boolean = true;\n  noresultsfoundmessage?: string = 'No results found';\n}\n"],"mappings":";;;AAAA,OAAOA,iBAAiB,MAAM,mEAAmE;AAEjG,eAAe,MAAMC,aAAa,SAASD,iBAAiB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA,kCAGvB,IAAI;IAAAA,eAAA,gCACP,kBAAkB;EAAA;AACrD","ignoreList":[]}
+{"version":3,"names":["WmSearchPropsBase","WmSearchProps","constructor","args","_defineProperty"],"sources":["search.props.ts"],"sourcesContent":["import WmSearchPropsBase from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.props';\n\nexport default class WmSearchProps extends WmSearchPropsBase {\n  leadingiconclass?: string;\n  leadingiconurl?: string;\n  backsearchiconclass?: string;\n  scrollablesearchresults?: boolean = true;\n  noresultsfoundmessage?: string = 'No results found';\n}\n"],"mappings":";;;AAAA,OAAOA,iBAAiB,MAAM,mEAAmE;AAEjG,eAAe,MAAMC,aAAa,SAASD,iBAAiB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,kCAIvB,IAAI;IAAAA,eAAA,gCACP,kBAAkB;EAAA;AACrD","ignoreList":[]}

package/core/components/floatinglabel.component.js

@@ -8,7 +8,7 @@ export const FloatingLabel = props => {
   };
   const fontSize = toNumber((_props$style = props.style) === null || _props$style === void 0 ? void 0 : _props$style.fontSize, 16);
   const getAnimationValues = moveUp => {
-    const hasLeading = !!props.leadingiconclass;
+    const hasLeading = !!(props.leadingiconclass || props.leadingiconurl);
     if (!moveUp) {
       return {
         x: hasLeading ? 28 : 0,
@@ -62,7 +62,7 @@ export const FloatingLabel = props => {
     paddingLeft: 4,
     paddingRight: 4
   } : {};
-  const filledWithLeadingIconStyle = props.variant === 'filled' && props.leadingiconclass ? {
+  const filledWithLeadingIconStyle = props.variant === 'filled' && (props.leadingiconclass || props.leadingiconurl) ? {
     paddingLeft: 8
   } : {};
   return /*#__PURE__*/React.createElement(Animated.View, {

package/core/components/floatinglabel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Animated","Text","Theme","FloatingLabel","props","_props$style","toNumber","value","fallback","fontSize","style","getAnimationValues","moveUp","hasLeading","leadingiconclass","x","y","scale","variant","initial","labelPositionX","Value","labelPositionY","labelScale","values","parallel","timing","toValue","duration","useNativeDriver","start","outlinedNotchStyle","backgroundColor","labelBackground","paddingLeft","paddingRight","filledWithLeadingIconStyle","createElement","View","position","zIndex","alignSelf","pointerEvents","transform","translateY","translateX","BASE","getTextStyle","ellipsizeMode","label"],"sources":["floatinglabel.component.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Animated, TextStyle, Text, ViewStyle} from 'react-native';\n\nimport { Theme } from '@wavemaker-ai/app-rn-runtime/styles/theme';\n\nexport const FloatingLabel = (props: {\n    label?: string,\n    style?: TextStyle & ViewStyle,\n    moveUp: boolean,\n    variant?: 'filled' | 'outlined',\n    labelBackground?: string;\n    leadingiconclass?: string;\n    inputHeight?: number;\n  }) => {\n  const toNumber = (value: unknown, fallback: number) => {\n    return typeof value === 'number' ? value : fallback;\n  };\n  const fontSize = toNumber(props.style?.fontSize, 16);\n\n  const getAnimationValues = (moveUp: boolean) => {\n    const hasLeading = !!props.leadingiconclass;\n    if (!moveUp) {\n      return { x: hasLeading ? 28 : 0, y: 0, scale: 1 };\n    }\n\n    switch (props.variant) {\n      case 'filled':\n        return { x: hasLeading ? 28 : 0, y: -1 * fontSize * 1, scale: 0.8 };\n      case 'outlined':\n        return { x: 0, y: -1 * (fontSize + 14), scale: 0.8 }; \n      default:\n        return { x: 0, y: -1 * (fontSize + 14), scale: 0.8 };\n    }\n  };\n\n\n\n  const initial = getAnimationValues(props.moveUp);\n  const [labelPositionX] = useState(new Animated.Value(initial.x));\n  const [labelPositionY] = useState(new Animated.Value( initial.y));\n  const [labelScale] = useState(new Animated.Value(initial.scale));\n\n    useEffect(() => {\n      const values = getAnimationValues(props.moveUp);\n      Animated.parallel([\n        Animated.timing(labelPositionX, {\n          toValue: values.x,\n          duration: 200,\n          useNativeDriver: true,\n        }),\n        Animated.timing(labelPositionY, {\n          toValue: values.y,\n          duration: 200,\n          useNativeDriver: true,\n        }),\n        Animated.timing(labelScale, {\n          toValue: values.scale,\n          duration: 200,\n          useNativeDriver: true,\n        })\n      ]).start();\n    }, [props.moveUp]);\n\n    const outlinedNotchStyle = (props.variant != 'filled' && props.moveUp) ? {\n      backgroundColor: props.labelBackground || 'transparent',\n      paddingLeft: 4,\n      paddingRight: 4\n    } : {};\n\n    const filledWithLeadingIconStyle = (props.variant === 'filled' && props.leadingiconclass) ? {\n      paddingLeft: 8\n    } : {};\n\n    return (\n        <Animated.View style={[{\n            position: 'absolute',\n            zIndex: 1,\n            alignSelf: 'flex-start',\n            pointerEvents: 'none',\n            transform: [\n                {translateY: labelPositionY},\n                {translateX: labelPositionX},\n                {scale: labelScale}\n            ]},\n            props.style,\n            outlinedNotchStyle,\n            filledWithLeadingIconStyle,\n            { pointerEvents: 'none' }\n        ]}\n        pointerEvents=\"none\">\n          <Text\n            style={[Theme.BASE.getTextStyle(props.style), { pointerEvents: 'none' }]}\n            ellipsizeMode=\"tail\">\n            {props.label}\n          </Text>\n        </Animated.View>\n    );\n  };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","Animated","Text","Theme","FloatingLabel","props","_props$style","toNumber","value","fallback","fontSize","style","getAnimationValues","moveUp","hasLeading","leadingiconclass","leadingiconurl","x","y","scale","variant","initial","labelPositionX","Value","labelPositionY","labelScale","values","parallel","timing","toValue","duration","useNativeDriver","start","outlinedNotchStyle","backgroundColor","labelBackground","paddingLeft","paddingRight","filledWithLeadingIconStyle","createElement","View","position","zIndex","alignSelf","pointerEvents","transform","translateY","translateX","BASE","getTextStyle","ellipsizeMode","label"],"sources":["floatinglabel.component.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Animated, TextStyle, Text, ViewStyle} from 'react-native';\n\nimport { Theme } from '@wavemaker-ai/app-rn-runtime/styles/theme';\n\nexport const FloatingLabel = (props: {\n    label?: string,\n    style?: TextStyle & ViewStyle,\n    moveUp: boolean,\n    variant?: 'filled' | 'outlined',\n    labelBackground?: string;\n    leadingiconclass?: string;\n    leadingiconurl?: string;\n    inputHeight?: number;\n  }) => {\n  const toNumber = (value: unknown, fallback: number) => {\n    return typeof value === 'number' ? value : fallback;\n  };\n  const fontSize = toNumber(props.style?.fontSize, 16);\n\n  const getAnimationValues = (moveUp: boolean) => {\n    const hasLeading = !!(props.leadingiconclass || props.leadingiconurl);\n    if (!moveUp) {\n      return { x: hasLeading ? 28 : 0, y: 0, scale: 1 };\n    }\n\n    switch (props.variant) {\n      case 'filled':\n        return { x: hasLeading ? 28 : 0, y: -1 * fontSize * 1, scale: 0.8 };\n      case 'outlined':\n        return { x: 0, y: -1 * (fontSize + 14), scale: 0.8 }; \n      default:\n        return { x: 0, y: -1 * (fontSize + 14), scale: 0.8 };\n    }\n  };\n\n\n\n  const initial = getAnimationValues(props.moveUp);\n  const [labelPositionX] = useState(new Animated.Value(initial.x));\n  const [labelPositionY] = useState(new Animated.Value( initial.y));\n  const [labelScale] = useState(new Animated.Value(initial.scale));\n\n    useEffect(() => {\n      const values = getAnimationValues(props.moveUp);\n      Animated.parallel([\n        Animated.timing(labelPositionX, {\n          toValue: values.x,\n          duration: 200,\n          useNativeDriver: true,\n        }),\n        Animated.timing(labelPositionY, {\n          toValue: values.y,\n          duration: 200,\n          useNativeDriver: true,\n        }),\n        Animated.timing(labelScale, {\n          toValue: values.scale,\n          duration: 200,\n          useNativeDriver: true,\n        })\n      ]).start();\n    }, [props.moveUp]);\n\n    const outlinedNotchStyle = (props.variant != 'filled' && props.moveUp) ? {\n      backgroundColor: props.labelBackground || 'transparent',\n      paddingLeft: 4,\n      paddingRight: 4\n    } : {};\n\n    const filledWithLeadingIconStyle = (props.variant === 'filled' && (props.leadingiconclass || props.leadingiconurl)) ? {\n      paddingLeft: 8\n    } : {};\n\n    return (\n        <Animated.View style={[{\n            position: 'absolute',\n            zIndex: 1,\n            alignSelf: 'flex-start',\n            pointerEvents: 'none',\n            transform: [\n                {translateY: labelPositionY},\n                {translateX: labelPositionX},\n                {scale: labelScale}\n            ]},\n            props.style,\n            outlinedNotchStyle,\n            filledWithLeadingIconStyle,\n            { pointerEvents: 'none' }\n        ]}\n        pointerEvents=\"none\">\n          <Text\n            style={[Theme.BASE.getTextStyle(props.style), { pointerEvents: 'none' }]}\n            ellipsizeMode=\"tail\">\n            {props.label}\n          </Text>\n        </Animated.View>\n    );\n  };\n"],"mappings":"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","ignoreList":[]}

package/core/components/textinput.component.js

@@ -149,6 +149,7 @@ export const WMTextInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     variant: props.variant,
     labelBackground: props.labelBackground,
     leadingiconclass: props.leadingiconclass,
+    leadingiconurl: props.leadingiconurl,
     style: {
       ...(props.floatingLabelStyle || []),
       ...(props.isInputFocused ? props.activeFloatingLabelStyle || {} : value.current || displayValue ? props.inactiveFloatingLabelStyle || {} : {})