@wavemaker-ai/app-rn-runtime 1.0.0-rc.322 → 1.0.0-rc.324

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","getDisplayLabel","getDisplayExpression","label","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","activeTabItem","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 getDisplayLabel = this.props.getDisplayExpression || ((label: string) => 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    : [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        <Text style={[this.styles.tabLabel, floating? this.styles.centerHubLabel: {},  isActive ? this.styles.activeTabLabel : {}]} numberOfLines={1}>\n          {getDisplayLabel(item.label)}\n        </Text>\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","getDisplayLabel","getDisplayExpression","label","displayLabel","increasedGap","Number","indexBeforeMid","state","dataItems","length","classname","indexOf","styles","tabItem","paddingRight","createElement","_extends","getTestPropsForAction","style","centerHubItem","key","onPress","activeTabItem","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 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    : [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":[]}

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

@@ -1,18 +1,19 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { Platform, Text, TextInput, View } from 'react-native';
 import { ScrollView } from 'react-native-gesture-handler';
-import { isEmpty, isNull } from 'lodash';
+import { get, isNull } from 'lodash';
 import WmSearchProps from './search.props';
 import { DEFAULT_CLASS } from './search.styles';
 import CoreWmSearch, { WmSearchState as CoreWmSearchState } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.component';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
-import { ModalConsumer } from '@wavemaker-ai/app-rn-runtime/core/modal.service';
 import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
-import WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';
-import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
 import { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';
 import { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';
+import OutsidePressHandler from '@wavemaker-ai/app-rn-runtime/core/outside-press-handler';
 export class WmSearchState extends CoreWmSearchState {}
 function isIconClass(val) {
   return typeof val === 'string' && val.length > 0 && val !== 'false' && val !== 'null' && val !== 'undefined';
@@ -20,15 +21,53 @@ function isIconClass(val) {
 export default class WmSearch extends CoreWmSearch {
   constructor(props, defaultClass = DEFAULT_CLASS, defaultProps = new WmSearchProps(), defaultState = new WmSearchState()) {
     super(props, defaultClass, defaultProps, defaultState);
+    _defineProperty(this, "searchInputHeight", 0);
+    _defineProperty(this, "showPopover", () => {
+      this.updateState({
+        isOpened: true
+      });
+    });
+    _defineProperty(this, "hide", () => {
+      if (this.state.isOpened) {
+        this.updateState({
+          isOpened: false
+        });
+      }
+    });
   }
   handleLeadingIconPress() {
     this.invokeEventCallback('onLeadingiconclick', [this.proxy]);
   }
   handleBackIconPress() {
+    this.updateState({
+      props: {
+        query: ''
+      },
+      dataItems: this.state.dataItems ? this.state.dataItems.map(item => {
+        item.selected = false;
+        return item;
+      }) : []
+    });
     this.hide();
   }
-  handleTrailingIconPress() {
-    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);
+  searchIconPress() {
+    const query = this.state.props.query || '';
+    if (this.state.props.searchon === 'onsearchiconclick') {
+      this.updateFilteredData(query);
+      if (query && this.styles.modal.display !== 'none') {
+        this.showPopover && this.showPopover();
+      }
+    } else {
+      this.isFocused = false;
+      this.onItemSelect(this.state.data[0]);
+    }
+    if (get(this.props, 'formfield')) {
+      var _this$props$invokeEve, _this$props;
+      (_this$props$invokeEve = (_this$props = this.props).invokeEvent) === null || _this$props$invokeEve === void 0 || _this$props$invokeEve.call(_this$props, 'onSubmit', [null, this]);
+    } else {
+      this.invokeEventCallback('onSubmit', [null, this]);
+    }
+    this.isFocused = false;
   }
   renderSkeleton(props) {
     var _this$styles$root, _this$styles$root2;
@@ -38,35 +77,28 @@ export default class WmSearch extends CoreWmSearch {
       height: props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height)
     });
   }
-  renderSearchItem(item, index) {
-    const props = this.state.props;
-    const imageStyles = {
-      root: {
-        height: props.imagewidth,
-        width: props.imagewidth
-      }
-    };
-    return /*#__PURE__*/React.createElement(Tappable, _extends({
-      key: item.key || `${props.name}-item-${index}`,
-      onTap: this.onItemSelect.bind(this, item)
-    }, this.getTestProps(`action${index}`), {
-      disableTouchEffect: this.state.props.disabletoucheffect
-    }), /*#__PURE__*/React.createElement(View, {
-      style: this.styles.searchItem
-    }, !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WmPicture, {
-      id: this.getTestId(`picture${index}`),
-      styles: imageStyles,
-      name: props.name + '_image',
-      picturesource: item.imgSrc
-    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
-      style: this.styles.searchItemText
-    }), item.displayexp || item.displayfield))));
+  updateFilteredData(queryText = '') {
+    super.updateFilteredData(queryText);
+    if (this.isFocused && queryText && this.styles.modal.display !== 'none' && !this.state.isOpened) {
+      this.showPopover && this.showPopover();
+    }
   }
   renderDropdownContent(props, filteredData) {
     const items = filteredData.map((item, index) => {
       if (props.limit && index + 1 > props.limit) return null;
       return this.renderSearchItem(item, index);
     });
+    if (filteredData.length === 0) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: '100%'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.dropDownContent
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.searchItem
+      }, /*#__PURE__*/React.createElement(Text, null, props.noresultsfoundmsg))));
+    }
     return /*#__PURE__*/React.createElement(View, {
       style: {
         width: '100%'
@@ -74,7 +106,6 @@ export default class WmSearch extends CoreWmSearch {
     }, /*#__PURE__*/React.createElement(AssetProvider, {
       value: this.loadAsset
     }, props.scrollablesearchresults ? /*#__PURE__*/React.createElement(ScrollView, {
-      style: this.styles.dropdownScrollView,
       contentContainerStyle: this.styles.dropDownContent,
       showsVerticalScrollIndicator: false
     }, items) : /*#__PURE__*/React.createElement(View, {
@@ -82,41 +113,48 @@ export default class WmSearch extends CoreWmSearch {
     }, items)));
   }
   renderWidget(props) {
-    var _this$state$data$leng, _this$state$data, _this$styles$placehol;
+    var _this$styles$placehol;
     const isOpened = this.state.isOpened;
     const filteredData = this.state.data || [];
-    const hasResults = filteredData.length > 0;
-    const isDropdownVisible = isOpened && hasResults;
-    if (isOpened && !hasResults) {
-      setTimeout(() => this.hide(), 0);
-    }
-    const leadingIcon = props.leadingiconclass;
-    const hasLeadingIcon = isIconClass(leadingIcon);
-    const hasTrailingIcon = isIconClass(props.searchiconclass);
-    const isSearchType = props.type === 'search';
-    const showLeadingIcon = hasLeadingIcon && !isDropdownVisible;
-    const showBackIcon = hasLeadingIcon && isDropdownVisible;
-    const showSearchIcon = isSearchType && hasTrailingIcon && !isDropdownVisible;
-    const showClearIcon = isSearchType && hasTrailingIcon && isDropdownVisible;
+    const isDropdownVisible = isOpened;
+    const hasLeadingIcon = isIconClass(props.leadingiconclass);
+    const hasBackSearchIcon = isIconClass(props.backsearchiconclass);
+    const hasSearchIcon = isIconClass(props.searchiconclass);
+    const hasClearSearchIcon = isIconClass(props.clearsearchiconclass);
+    const query = this.state.props.query || '';
+    const isSearchOnIconClick = props.searchon === 'onsearchiconclick';
+    const showBackIcon = (isDropdownVisible || this.isFocused) && hasBackSearchIcon;
+    const showLeadingIcon = hasLeadingIcon && !showBackIcon;
+    const showClearIcon = hasClearSearchIcon && props.showclear && !!query && (isSearchOnIconClick ? isDropdownVisible : true);
+    const showSearchIcon = !showClearIcon && !isDropdownVisible && hasSearchIcon && props.showSearchIcon !== false;
+    const showTrailingIcon = showSearchIcon || showClearIcon;
     let inputOpts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
-    inputOpts[valueExpr] = this.state.props.query || '';
-    const rootStyle = [this.styles.root, isDropdownVisible ? {
+    inputOpts[valueExpr] = query;
+    const textFocusStyle = [this.styles.focusedText, isDropdownVisible ? {
       borderBottomLeftRadius: 0,
       borderBottomRightRadius: 0
     } : null];
     return /*#__PURE__*/React.createElement(View, {
-      onLayout: event => this.handleLayout(event)
-    }, this._background, /*#__PURE__*/React.createElement(View, {
-      style: rootStyle,
+      onLayout: event => this.handleLayout(event),
+      style: this.theme.mergeStyle(this.styles.rootWrapper, isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null)
+    }, this._background, /*#__PURE__*/React.createElement(OutsidePressHandler, {
+      onOutsidePress: () => this.hide()
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.searchWrapper
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
       ref: ref => {
         this.view = ref;
       },
       onLayout: e => {
-        this.searchInputWidth = e.nativeEvent.layout.width;
+        const {
+          width,
+          height
+        } = e.nativeEvent.layout;
+        this.searchInputWidth = width;
+        this.searchInputHeight = height;
       }
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.searchInputWrapper, hasLeadingIcon ? this.styles.inputWithLeadingIcon : {}, hasTrailingIcon ? this.styles.inputWithTrailingIcon : {}]
     }, /*#__PURE__*/React.createElement(TextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.SEARCH, props), {
       ref: ref => {
         this.widgetRef = ref;
@@ -126,7 +164,7 @@ export default class WmSearch extends CoreWmSearch {
           ref.selectionStart = ref.selectionEnd = this.cursor;
         }
       },
-      style: [this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && ((_this$state$data$leng = (_this$state$data = this.state.data) === null || _this$state$data === void 0 ? void 0 : _this$state$data.length) !== null && _this$state$data$leng !== void 0 ? _this$state$data$leng : 0) > 0 ? this.styles.focusedText : null, this.styles.input, Platform.OS === 'web' ? this.styles.inputWeb : null],
+      style: [this.styles.text, this.state.isValid ? {} : this.styles.invalid, isDropdownVisible ? textFocusStyle : null, this.styles.input, Platform.OS === 'web' ? this.styles.inputWeb : null, showLeadingIcon || showBackIcon ? this.styles.inputWithLeadingIcon : null, showTrailingIcon ? this.styles.inputWithTrailingIcon : null],
       placeholder: props.placeholder || 'Search',
       placeholderTextColor: (_this$styles$placehol = this.styles.placeholderText) === null || _this$styles$placehol === void 0 ? void 0 : _this$styles$placehol.color,
       autoFocus: props.autofocus,
@@ -138,34 +176,35 @@ export default class WmSearch extends CoreWmSearch {
       onChange: this.invokeChange.bind(this),
       onFocus: this.onFocus.bind(this),
       onBlur: this.onBlur.bind(this)
-    }, inputOpts))), (showLeadingIcon || showBackIcon) && /*#__PURE__*/React.createElement(View, {
+    }, inputOpts)), (showLeadingIcon || showBackIcon) && /*#__PURE__*/React.createElement(View, {
       style: [this.styles.iconWrapper, {
         left: 4
-      }],
-      pointerEvents: "box-none"
+      }]
     }, /*#__PURE__*/React.createElement(WmIcon, {
       styles: this.styles.leadingIcon,
       id: this.getTestId(showBackIcon ? 'backicon' : 'leadingicon'),
-      iconclass: showBackIcon ? props.backsearchiconclass || 'wi wi-arrow-left' : leadingIcon,
+      iconclass: showBackIcon ? props.backsearchiconclass : props.leadingiconclass,
       iconsize: 24,
       onTap: showBackIcon ? this.handleBackIconPress.bind(this) : this.handleLeadingIconPress.bind(this),
       disabled: !showBackIcon && (props.disabled || props.readonly)
-    })), (showSearchIcon || showClearIcon || hasTrailingIcon && props.searchiconclass) && /*#__PURE__*/React.createElement(View, {
+    })), showTrailingIcon && /*#__PURE__*/React.createElement(View, {
       style: [this.styles.iconWrapper, {
         right: 4
-      }],
-      pointerEvents: "box-none"
+      }]
     }, /*#__PURE__*/React.createElement(WmIcon, {
       styles: this.styles.trailingIcon,
-      id: this.getTestId(showClearIcon ? 'clear' : showSearchIcon ? 'search' : 'trailingicon'),
-      iconclass: showClearIcon ? props.clearsearchiconclass || 'wi wi-clear' : props.searchiconclass || props.iconclass || 'wm-sl-l sl-search',
+      id: this.getTestId(showClearIcon ? 'clear' : 'search'),
+      iconclass: showClearIcon ? props.clearsearchiconclass : props.searchiconclass,
       iconsize: 24,
-      onTap: showClearIcon ? this.clearSearch.bind(this) : showSearchIcon ? this.searchIconPress.bind(this) : this.handleTrailingIconPress.bind(this),
+      onTap: showClearIcon ? this.clearSearch.bind(this) : this.searchIconPress.bind(this),
       disabled: !showClearIcon && (props.disabled || props.readonly)
-    }))), isDropdownVisible ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
-      modalService.showModal(this.prepareModalOptions(this.renderDropdownContent(props, filteredData), this.styles, modalService));
-      return null;
-    }) : null);
+    }))), isDropdownVisible ? /*#__PURE__*/React.createElement(View, {
+      style: this.theme.mergeStyle(this.styles.modalContent, this.styles.dropdownContainer, this.searchInputWidth ? {
+        width: this.searchInputWidth
+      } : null, this.searchInputHeight ? {
+        top: this.searchInputHeight
+      } : null)
+    }, this.renderDropdownContent(props, filteredData)) : null)));
   }
 }
 //# sourceMappingURL=search.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","TextInput","View","ScrollView","isEmpty","isNull","WmSearchProps","DEFAULT_CLASS","CoreWmSearch","WmSearchState","CoreWmSearchState","AccessibilityWidgetType","getAccessibilityProps","ModalConsumer","WmIcon","WmPicture","Tappable","AssetProvider","createSkeleton","isIconClass","val","length","WmSearch","constructor","props","defaultClass","defaultProps","defaultState","handleLeadingIconPress","invokeEventCallback","proxy","handleBackIconPress","hide","handleTrailingIconPress","renderSkeleton","_this$styles$root","_this$styles$root2","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderSearchItem","item","index","state","imageStyles","imagewidth","createElement","_extends","key","name","onTap","onItemSelect","bind","getTestProps","disableTouchEffect","disabletoucheffect","style","searchItem","template","renderitempartial","dataObject","Fragment","id","getTestId","picturesource","imgSrc","getTestPropsForLabel","searchItemText","displayexp","displayfield","renderDropdownContent","filteredData","items","map","limit","value","loadAsset","scrollablesearchresults","dropdownScrollView","contentContainerStyle","dropDownContent","showsVerticalScrollIndicator","renderWidget","_this$state$data$leng","_this$state$data","_this$styles$placehol","isOpened","data","hasResults","isDropdownVisible","setTimeout","leadingIcon","leadingiconclass","hasLeadingIcon","hasTrailingIcon","searchiconclass","isSearchType","type","showLeadingIcon","showBackIcon","showSearchIcon","showClearIcon","inputOpts","valueExpr","OS","query","rootStyle","borderBottomLeftRadius","borderBottomRightRadius","onLayout","event","handleLayout","_background","ref","view","e","searchInputWidth","nativeEvent","layout","searchInputWrapper","inputWithLeadingIcon","inputWithTrailingIcon","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","isValid","invalid","focusedText","input","inputWeb","placeholder","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","autoComplete","autoCorrect","autoCapitalize","onChangeText","onChange","invokeChange","onFocus","onBlur","iconWrapper","left","pointerEvents","iconclass","backsearchiconclass","iconsize","right","trailingIcon","clearsearchiconclass","clearSearch","searchIconPress","modalService","showModal","prepareModalOptions"],"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 { isEmpty, 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 { ModalConsumer, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.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';\n\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  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.hide();\n  }\n\n  private handleTrailingIconPress() {\n    this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\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  renderSearchItem(item: any, index: number) {\n    const props = this.state.props as WmSearchProps;\n    const imageStyles = { root: { height: props.imagewidth, width: props.imagewidth } };\n    return (\n      <Tappable\n        key={item.key || `${props.name}-item-${index}`}\n        onTap={this.onItemSelect.bind(this, item)}\n        {...this.getTestProps(`action${index}`)}\n        disableTouchEffect={this.state.props.disabletoucheffect}\n      >\n        <View style={this.styles.searchItem}>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ? (\n            this.props.renderitempartial(item.dataObject, index, this.state.template)\n          ) : (\n            <>\n              <WmPicture\n                id={this.getTestId(`picture${index}`)}\n                styles={imageStyles}\n                name={props.name + '_image'}\n                picturesource={item.imgSrc}\n              />\n              <Text\n                {...this.getTestPropsForLabel(index + '')}\n                style={this.styles.searchItemText}\n              >\n                {item.displayexp || item.displayfield}\n              </Text>\n            </>\n          )}\n        </View>\n      </Tappable>\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\n    return (\n      <View style={{ width: '100%' }}>\n        <AssetProvider value={this.loadAsset}>\n          {props.scrollablesearchresults ? (\n            <ScrollView\n              style={this.styles.dropdownScrollView}\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 hasResults = filteredData.length > 0;\n    const isDropdownVisible = isOpened && hasResults;\n\n    if (isOpened && !hasResults) {\n      setTimeout(() => this.hide(), 0);\n    }\n\n    const leadingIcon = props.leadingiconclass;\n    const hasLeadingIcon = isIconClass(leadingIcon);\n    const hasTrailingIcon = isIconClass(props.searchiconclass);    \n    const isSearchType = props.type === 'search';\n    const showLeadingIcon = hasLeadingIcon && !isDropdownVisible;\n    const showBackIcon = hasLeadingIcon && isDropdownVisible;\n    const showSearchIcon = isSearchType && hasTrailingIcon && !isDropdownVisible;\n    const showClearIcon = isSearchType && hasTrailingIcon && isDropdownVisible;\n\n    let inputOpts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    inputOpts[valueExpr] = this.state.props.query || '';\n\n    const rootStyle = [\n      this.styles.root,\n      isDropdownVisible\n        ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }\n        : null,\n    ];\n\n    return (\n      <View\n        onLayout={(event: any) => this.handleLayout(event)}\n      >\n        {this._background}\n        <View\n          style={rootStyle}\n          ref={(ref: any) => { this.view = ref; }}\n          onLayout={(e: any) => { this.searchInputWidth = e.nativeEvent.layout.width; }}\n        >\n           <View style={[\n        this.styles.searchInputWrapper,\n        hasLeadingIcon ? this.styles.inputWithLeadingIcon : {},\n        hasTrailingIcon ? this.styles.inputWithTrailingIcon : {},\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                this.state.isValid ? {} : this.styles.invalid,\n                this.state.isOpened && (this.state.data?.length ?? 0) > 0\n                  ? this.styles.focusedText\n                  : null,\n                this.styles.input,\n                Platform.OS === 'web' ? this.styles.inputWeb : 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          </View>\n\n        {(showLeadingIcon || showBackIcon) && (\n        <View style={[this.styles.iconWrapper, { left: 4 }]} pointerEvents=\"box-none\">\n          <WmIcon\n            styles={this.styles.leadingIcon}\n            id={this.getTestId(showBackIcon ? 'backicon' : 'leadingicon')}\n            iconclass={showBackIcon\n              ? (props.backsearchiconclass || 'wi wi-arrow-left')\n              : leadingIcon\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       {(showSearchIcon || showClearIcon || (hasTrailingIcon && props.searchiconclass)) && (\n        <View style={[this.styles.iconWrapper, { right: 4 }]} pointerEvents=\"box-none\">\n          <WmIcon\n            styles={this.styles.trailingIcon}\n            id={this.getTestId(showClearIcon ? 'clear' : showSearchIcon ? 'search' : 'trailingicon')}\n            iconclass={\n              showClearIcon\n                ? (props.clearsearchiconclass || 'wi wi-clear')\n                : (props.searchiconclass || props.iconclass || 'wm-sl-l sl-search')\n            }\n            iconsize={24}\n            onTap={\n              showClearIcon\n                ? this.clearSearch.bind(this)\n                : showSearchIcon\n                  ? this.searchIconPress.bind(this)\n                  : this.handleTrailingIconPress.bind(this)\n            }\n            disabled={!showClearIcon && (props.disabled || props.readonly)}\n          />\n        </View>\n      )}\n        </View>\n\n        {isDropdownVisible ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(\n                this.prepareModalOptions(\n                  this.renderDropdownContent(props, filteredData),\n                  this.styles,\n                  modalService\n                )\n              );\n              return null;\n            }}\n          </ModalConsumer>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","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","noresultsfoundmsg","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","textFocusStyle","focusedText","borderBottomLeftRadius","borderBottomRightRadius","onLayout","event","handleLayout","mergeStyle","rootWrapper","rootWrapperDropdownOpen","_background","onOutsidePress","searchWrapper","ref","view","e","nativeEvent","layout","searchInputWidth","searchInputHeight","_extends","getTestPropsForInput","SEARCH","widgetRef","selectionStart","selectionEnd","cursor","text","isValid","invalid","input","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 { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.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.noresultsfoundmsg}\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\n    const textFocusStyle = [\n      this.styles.focusedText,\n      isDropdownVisible\n        ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0 }\n        : null,\n    ];\n\n    return (\n      <View\n        onLayout={(event: any) => this.handleLayout(event)}\n        style={this.theme.mergeStyle(\n          this.styles.rootWrapper,\n          isDropdownVisible ? this.styles.rootWrapperDropdownOpen : null\n        )}\n      >\n        {this._background}\n        <OutsidePressHandler\n          onOutsidePress={() => this.hide()}\n        >\n        <View style={this.styles.searchWrapper}>\n        <View\n          style={this.styles.root}\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              this.state.isValid ? {} : this.styles.invalid,\n              isDropdownVisible ? textFocusStyle : null,\n              this.styles.input,\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        </View>\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

@@ -8,6 +8,7 @@ export default class WmSearchProps extends WmSearchPropsBase {
     _defineProperty(this, "leadingiconclass", void 0);
     _defineProperty(this, "backsearchiconclass", void 0);
     _defineProperty(this, "scrollablesearchresults", true);
+    _defineProperty(this, "noresultsfoundmsg", 'No results found');
   }
 }
 //# sourceMappingURL=search.props.js.map

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}\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;EAAA;AAC1C","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  backsearchiconclass?: string;\n  scrollablesearchresults?: boolean = true;\n  noresultsfoundmsg?: 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,4BACX,kBAAkB;EAAA;AACjD","ignoreList":[]}

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

@@ -4,9 +4,17 @@ import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
 export const DEFAULT_CLASS = 'app-search';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const prismSearchOverrides = defineStyles({
+    rootWrapper: {
+      position: 'relative'
+    },
+    rootWrapperDropdownOpen: {
+      zIndex: 10
+    },
+    searchWrapper: {
+      position: 'relative'
+    },
     root: {
-      position: 'relative',
-      borderWidth: 1
+      position: 'relative'
     },
     inputWeb: {
       outline: 'none',
@@ -41,55 +49,24 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       text: {}
     },
     inputWithLeadingIcon: {
-      paddingLeft: 38
+      paddingLeft: 52
     },
     inputWithTrailingIcon: {
-      paddingRight: 38
+      paddingRight: 52
     },
     iconWrapper: {
       position: 'absolute',
       top: 0,
       bottom: 0,
-      justifyContent: 'center'
-    },
-    modalContent: {
-      borderWidth: 0,
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0,
-      borderBottomLeftRadius: 28,
-      borderBottomRightRadius: 28,
-      overflow: 'hidden'
-    },
-    dropDownContent: {
-      width: '100%'
-    },
-    dropdownScrollView: {
-      width: '100%',
-      maxHeight: 200
+      justifyContent: 'center',
+      pointerEvents: 'box-none'
     },
     dropdownContainer: {
       position: 'absolute',
-      top: 56,
-      width: '100%',
-      minHeight: 48,
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0,
-      borderBottomLeftRadius: 28,
-      borderBottomRightRadius: 28,
-      overflow: 'hidden'
-    },
-    searchItem: {
-      gap: 12,
-      paddingHorizontal: 16,
-      paddingVertical: 12
-    },
-    searchItemText: {
-      color: themeVariables.searchItemTextColor
-    },
-    searchItemImage: {
-      width: 24,
-      height: 24,
-      borderRadius: 12
+      left: 0,
+      zIndex: 999,
+      elevation: 8,
+      width: '100%'
     },
     skeleton: {
       root: {