@wavemaker/app-rn-runtime 11.14.1-rc.6311 → 11.14.2-1.6423

package/components/basic/picture/picture.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","View","EXPOImage","isNumber","Tappable","BaseComponent","BaseComponentState","ImageSizeEstimator","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmPictureProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmPictureState","constructor","args","_defineProperty","WmPicture","props","e","_this$styles","_this$styles2","_this$styles3","imageWidth","nativeEvent","layout","width","imageHeight","height","styles","root","includes","state","aspectratio","parseFloat","naturalImageHeight","naturalImageWidth","updateState","originalContainerWidth","originalContainerHeight","imageElement","loadImage","image","loadAsset","imageSrc","default","resolveAssetSource","cancel","getSize","cleanup","splice","indexOf","picturesource","_cleanupTracker","push","componentDidUpdate","prevProps","prevState","snapshot","forEach","func","onPropertyChange","name","$new","$old","_pictureSource","_picturePlaceHolder","createShape","shape","picture","borderRadius","theme","getStyle","getElementToShow","imgSrc","shapeStyles","elementToshow","source","imgStyle","resizemode","createElement","uri","_extends","cachePolicy","getTestProps","style","fastload","opacity","contentFit","renderSkeleton","_this$styles$root","_shapeStyles$root","_shapeStyles$picture","_this$styles$root2","_shapeStyles$root2","_shapeStyles$picture2","_this$styles$root3","_shapeStyles$picture3","_shapeStyles$root3","_this$styles$root4","skeletonWidth","skeletonwidth","skeletonHeight","skeletonheight","skeleton","calculateBasedOnaspectratio","calculateBasedOnNaturalDimensions","widthAndHeightExistsInProps","renderWidget","_shapeStyles$picture4","aspectDimensions","naturalDimensions","dimensions","pictureplaceholder","isSvg","onLayout","event","handleLayout","_background","overflow","onViewLayoutChange","disableTouchEffect","disabletoucheffect","getTestPropsForAction","rippleColor","target","entryanimation","animation","delay","animationdelay","accessibilityProps","PICTURE","showImage"],"sources":["picture.component.tsx"],"sourcesContent":["import React from 'react';\nimport {  DimensionValue, Image, LayoutChangeEvent, View } from 'react-native';\nimport {Image as EXPOImage} from 'expo-image';\nimport { isNumber } from 'lodash-es';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmPictureProps from './picture.props';\nimport { DEFAULT_CLASS, WmPictureStyles } from './picture.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmPictureState extends BaseComponentState<WmPictureProps> {\n  naturalImageWidth: number = 0;\n  naturalImageHeight: number = 0;\n  imageWidth: number = 0;\n  imageHeight: number = 0;\n  originalContainerWidth: number = 0;\n  originalContainerHeight: number = 0;\n}\n\nexport default class WmPicture extends BaseComponent<WmPictureProps, WmPictureState, WmPictureStyles> {\n\n  private _pictureSource = null as any;\n  private _picturePlaceHolder = null as any;\n\n  // The below property will be used to track and remove the calculateImageSize listenrs of individual picturesource\n  private _cleanupTracker = {} as any\n\n  constructor(props: WmPictureProps) {\n    super(props, DEFAULT_CLASS, new WmPictureProps());\n  }\n\n  loadImage(image: string | undefined) {\n    if (!image || !this.loadAsset) {\n      return null;\n    }\n    const imageSrc = this.loadAsset(image) as any;\n    if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {\n      return null;\n    }\n    // if(this.state.props.aspectratio) {\n    //   return imageSrc;\n    // }\n    if (isNumber(imageSrc)) {\n      const {width, height} = Image.resolveAssetSource(imageSrc);\n      this.updateState({\n        naturalImageWidth: width,\n        naturalImageHeight: height\n      } as WmPictureState);\n    } else if (imageSrc !== null) {\n      const cancel = ImageSizeEstimator.getSize(imageSrc, (width: number, height: number) => {\n        this.updateState({\n          naturalImageWidth: width,\n          naturalImageHeight: height\n        } as WmPictureState);\n        this.cleanup.splice(this.cleanup.indexOf(cancel), 1);\n      });\n      if(this.props.picturesource && this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      } else if(this.props.picturesource && !this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource] = [];\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      }\n      this.cleanup.push(cancel);\n    }\n    return imageSrc;\n  }\n\n    // Check if the image source prop is changed from previous update to remove all listeners\n  componentDidUpdate(prevProps: Readonly<WmPictureProps>, prevState: Readonly<WmPictureState>, snapshot?: any): void {\n    if(this.state.props.picturesource !== prevProps.picturesource) {\n      if(prevProps.picturesource && this._cleanupTracker[prevProps.picturesource]) {\n        this._cleanupTracker[prevProps.picturesource].forEach((func: any) => {\n          func();\n        });  \n        this._cleanupTracker[prevProps.picturesource] = []\n        delete this._cleanupTracker[prevProps.picturesource] \n      }\n    }\n    super.componentDidUpdate(prevProps, prevState)\n  }\n\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'picturesource':\n        this._pictureSource = null;\n      case 'pictureplaceholder':\n        this._picturePlaceHolder = null;\n        break;\n    }\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let imageWidth = e.nativeEvent.layout.width;\n    let imageHeight = e.nativeEvent.layout.height;\n    if (!imageWidth && !imageHeight) {\n      return;\n    }\n    if (!this.styles?.root.height\n        || (typeof this.styles?.root.height === 'string'\n          && !this.styles?.root.height.includes('%'))) {\n        imageHeight = 0;\n    }\n    if(this.state.props.aspectratio && !imageHeight && imageWidth) {\n      imageHeight = imageWidth / parseFloat(this.state.props.aspectratio as string)\n    } else if (this.state.props.aspectratio && !imageWidth && imageHeight) {\n      imageWidth = imageWidth * parseFloat(this.state.props.aspectratio as string)\n    } else if (imageWidth && !imageHeight) {\n      imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;\n    } else if (imageHeight && !imageWidth) {\n      imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;\n    }\n    this.updateState({\n      imageWidth: imageWidth,\n      imageHeight: imageHeight,\n      originalContainerWidth: this.styles.root.width ? e.nativeEvent.layout.width : 0,\n      originalContainerHeight: this.styles.root.height ? e.nativeEvent.layout.height: 0\n    } as WmPictureState);\n  };\n\n  createShape(shape: string | undefined, imageWidth?: number | string): WmPictureStyles {\n    if (shape) {\n      switch(shape) {\n        case 'circle':\n          return {\n            picture: {\n              borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4\n            }\n          } as WmPictureStyles;\n        case 'rounded' :\n          return (this.theme.getStyle('rounded-image') as WmPictureStyles);\n        case 'thumbnail' :\n          return (this.theme.getStyle('thumbnail-image') as WmPictureStyles);\n      }\n    }\n    return {} as WmPictureStyles;\n  }\n\n  getElementToShow(props: WmPictureProps, imgSrc: any, shapeStyles: WmPictureStyles) {\n    let elementToshow, source;\n    if (imgSrc && typeof imgSrc === 'object' && typeof imgSrc?.default === 'function') {\n      let imgStyle : any = {};\n      if (props.resizemode === 'contain') {\n        imgStyle['width'] = '100%';\n        imgStyle['height'] = '100%';\n      }\n      elementToshow = React.createElement(imgSrc?.default, imgStyle);\n    //} else if (!isWebPreviewMode() && props.isSvg) {\n    //  svg from uri\n    //  elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;\n    } else if (isFullPathUrl(imgSrc)) {\n      source = {\n        uri: imgSrc\n      };\n    } else {\n      source = imgSrc;\n    }\n    if (this.state.naturalImageWidth || this.state.props.aspectratio) {\n      elementToshow = (\n        // * INFO: if any issue arises like freezing of application because of \n        // * rendering large number of images, check the cache policy.\n        <EXPOImage\n          cachePolicy='memory' \n          {...this.getTestProps('picture')}\n          style={[this.styles.picture, shapeStyles.picture, (props.fastload || this.state.imageWidth) ? {opacity: 1} : {opacity: 0} ]}\n          contentFit={props.resizemode}\n          source={source}\n        />\n      );\n    }\n    return elementToshow;\n  }\n\n  public renderSkeleton(props: WmPictureProps){\n    const imageWidth = this.state.imageWidth;\n    const imageHeight = this.state.imageHeight;\n    const shapeStyles = this.createShape(this.props.shape, imageWidth);\n    const skeletonWidth = this.props.skeletonwidth || this.styles.root?.width || shapeStyles.root?.width || shapeStyles.picture?.width || imageWidth;\n    const skeletonHeight = this.props.skeletonheight || this.styles.root?.height || shapeStyles.root?.height || shapeStyles.picture?.height || imageHeight;\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      borderRadius:  this.props.shape == 'circle' && this.styles.root?.width ? 25 : shapeStyles.picture?.borderRadius || shapeStyles.root?.borderRadius || this.styles.root?.borderRadius || 4,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  showImage = (imageElement: any, props: WmPictureProps) => {\n    return imageElement;\n  }\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnaspectratio(): {imageWidth: number, imageHeight: number} | null  {\n      if(this.state.props.aspectratio) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth / parseFloat(this.state.props.aspectratio as string),\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * parseFloat(this.state.props.aspectratio as string),\n          }\n        }\n      }\n      return null\n    }\n    \n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnNaturalDimensions(): {imageWidth: number, imageHeight: number} | null {\n      // No need to calculate width & height if the user already passign them explicitly from props.  \n      const widthAndHeightExistsInProps = this.styles.root.width && this.styles.root.height\n      if(!this.state.props.aspectratio && !widthAndHeightExistsInProps) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth * this.state.naturalImageHeight / this.state.naturalImageWidth,\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * this.state.naturalImageWidth / this.state.naturalImageHeight\n          }\n        }\n      }\n      return null\n    }\n  \n\n  renderWidget(props: WmPictureProps) {\n    let imageWidth = this.state.imageWidth;\n    let imageHeight = this.state.imageHeight;\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    const aspectDimensions = this.calculateBasedOnaspectratio();\n    const naturalDimensions = this.calculateBasedOnNaturalDimensions();\n    if(aspectDimensions) {\n      const dimensions = aspectDimensions as {imageWidth: number, imageHeight: number}\n      imageWidth = dimensions.imageWidth;\n      imageHeight = dimensions.imageHeight\n    } else if(naturalDimensions) {\n      const dimensions = naturalDimensions as {imageWidth: number, imageHeight: number}\n      imageHeight = dimensions.imageHeight\n      imageWidth = dimensions.imageWidth\n    }\n    const shapeStyles = this.createShape(props.shape, imageWidth);\n    this._pictureSource =  this._pictureSource || this.loadImage(props.picturesource);\n    this._picturePlaceHolder = props.fastload ? \n      (this._pictureSource || this._picturePlaceHolder || this.loadImage(props.pictureplaceholder)) :\n      (this._picturePlaceHolder || this.loadImage(props.pictureplaceholder));\n    const imgSrc: any = this._pictureSource || this._picturePlaceHolder;\n    let elementToshow;\n    if (imgSrc) {\n      elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);\n    }\n    return imgSrc && (this.state.naturalImageWidth || props.isSvg || props.aspectratio) ? (\n      <View \n      style={[{\n        width: imageWidth,\n        height: imageHeight\n      }, this.styles.root, shapeStyles.root, shapeStyles.picture]}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n      <View style={[{overflow: 'hidden', width: '100%',\n        height: '100%'}]} onLayout={this.onViewLayoutChange}>\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          {...this.getTestPropsForAction()}\n          rippleColor={this.styles.root.rippleColor}\n          target={this} styles={{width: imageWidth ? null : '100%', height: imageHeight ? null : '100%'}}>\n          <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={[{\n                height: imageHeight,\n                width: imageWidth,\n                borderRadius: shapeStyles.picture?.borderRadius\n              }]}\n            accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)}}>\n                {this.showImage(elementToshow, props)}\n            </Animatedview>\n          </Tappable>\n        </View>\n      </View>\n    ): null;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Image","View","EXPOImage","isNumber","Tappable","BaseComponent","BaseComponentState","ImageSizeEstimator","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmPictureProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmPictureState","constructor","args","_defineProperty","WmPicture","props","e","_this$styles","_this$styles2","_this$styles3","imageWidth","nativeEvent","layout","width","imageHeight","height","styles","root","includes","state","aspectratio","parseFloat","naturalImageHeight","naturalImageWidth","updateState","originalContainerWidth","originalContainerHeight","imageElement","loadImage","image","loadAsset","imageSrc","default","resolveAssetSource","cancel","getSize","cleanup","splice","indexOf","picturesource","_cleanupTracker","push","componentDidUpdate","prevProps","prevState","snapshot","forEach","func","onPropertyChange","name","$new","$old","_pictureSource","_picturePlaceHolder","createShape","shape","picture","borderRadius","theme","getStyle","getContentFit","resizemode","mapping","toLowerCase","getElementToShow","imgSrc","shapeStyles","elementToshow","source","imgStyle","createElement","uri","_props$resizemode","_props$resizemode2","_extends","cachePolicy","getTestProps","style","fastload","opacity","contentFit","resizeMode","renderSkeleton","_this$styles$root","_shapeStyles$root","_shapeStyles$picture","_this$styles$root2","_shapeStyles$root2","_shapeStyles$picture2","_this$styles$root3","_shapeStyles$picture3","_shapeStyles$root3","_this$styles$root4","skeletonWidth","skeletonwidth","skeletonHeight","skeletonheight","skeleton","calculateBasedOnaspectratio","calculateBasedOnNaturalDimensions","widthAndHeightExistsInProps","renderWidget","_shapeStyles$picture4","aspectDimensions","naturalDimensions","dimensions","pictureplaceholder","isSvg","onLayout","event","handleLayout","_background","overflow","onViewLayoutChange","disableTouchEffect","disabletoucheffect","getTestPropsForAction","rippleColor","target","entryanimation","animation","delay","animationdelay","accessibilityProps","PICTURE","showImage"],"sources":["picture.component.tsx"],"sourcesContent":["import React from 'react';\nimport {  DimensionValue, Image, LayoutChangeEvent, View } from 'react-native';\nimport {Image as EXPOImage} from 'expo-image';\nimport { isNumber } from 'lodash-es';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmPictureProps from './picture.props';\nimport { DEFAULT_CLASS, WmPictureStyles } from './picture.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmPictureState extends BaseComponentState<WmPictureProps> {\n  naturalImageWidth: number = 0;\n  naturalImageHeight: number = 0;\n  imageWidth: number = 0;\n  imageHeight: number = 0;\n  originalContainerWidth: number = 0;\n  originalContainerHeight: number = 0;\n}\n\nexport default class WmPicture extends BaseComponent<WmPictureProps, WmPictureState, WmPictureStyles> {\n\n  private _pictureSource = null as any;\n  private _picturePlaceHolder = null as any;\n\n  // The below property will be used to track and remove the calculateImageSize listenrs of individual picturesource\n  private _cleanupTracker = {} as any\n\n  constructor(props: WmPictureProps) {\n    super(props, DEFAULT_CLASS, new WmPictureProps());\n  }\n\n  loadImage(image: string | undefined) {\n    if (!image || !this.loadAsset) {\n      return null;\n    }\n    const imageSrc = this.loadAsset(image) as any;\n    if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {\n      return null;\n    }\n    // if(this.state.props.aspectratio) {\n    //   return imageSrc;\n    // }\n    if (isNumber(imageSrc)) {\n      const {width, height} = Image.resolveAssetSource(imageSrc);\n      this.updateState({\n        naturalImageWidth: width,\n        naturalImageHeight: height\n      } as WmPictureState);\n    } else if (imageSrc !== null) {\n      const cancel = ImageSizeEstimator.getSize(imageSrc, (width: number, height: number) => {\n        this.updateState({\n          naturalImageWidth: width,\n          naturalImageHeight: height\n        } as WmPictureState);\n        this.cleanup.splice(this.cleanup.indexOf(cancel), 1);\n      });\n      if(this.props.picturesource && this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      } else if(this.props.picturesource && !this._cleanupTracker[this.props.picturesource]) {\n        this._cleanupTracker[this.props.picturesource] = [];\n        this._cleanupTracker[this.props.picturesource].push(cancel)\n      }\n      this.cleanup.push(cancel);\n    }\n    return imageSrc;\n  }\n\n    // Check if the image source prop is changed from previous update to remove all listeners\n  componentDidUpdate(prevProps: Readonly<WmPictureProps>, prevState: Readonly<WmPictureState>, snapshot?: any): void {\n    if(this.state.props.picturesource !== prevProps.picturesource) {\n      if(prevProps.picturesource && this._cleanupTracker[prevProps.picturesource]) {\n        this._cleanupTracker[prevProps.picturesource].forEach((func: any) => {\n          func();\n        });  \n        this._cleanupTracker[prevProps.picturesource] = []\n        delete this._cleanupTracker[prevProps.picturesource] \n      }\n    }\n    super.componentDidUpdate(prevProps, prevState)\n  }\n\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'picturesource':\n        this._pictureSource = null;\n      case 'pictureplaceholder':\n        this._picturePlaceHolder = null;\n        break;\n    }\n  }\n\n  onViewLayoutChange = (e: LayoutChangeEvent) => {\n    let imageWidth = e.nativeEvent.layout.width;\n    let imageHeight = e.nativeEvent.layout.height;\n    if (!imageWidth && !imageHeight) {\n      return;\n    }\n    if (!this.styles?.root.height\n        || (typeof this.styles?.root.height === 'string'\n          && !this.styles?.root.height.includes('%'))) {\n        imageHeight = 0;\n    }\n    if(this.state.props.aspectratio && !imageHeight && imageWidth) {\n      imageHeight = imageWidth / parseFloat(this.state.props.aspectratio as string)\n    } else if (this.state.props.aspectratio && !imageWidth && imageHeight) {\n      imageWidth = imageWidth * parseFloat(this.state.props.aspectratio as string)\n    } else if (imageWidth && !imageHeight) {\n      imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;\n    } else if (imageHeight && !imageWidth) {\n      imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;\n    }\n    this.updateState({\n      imageWidth: imageWidth,\n      imageHeight: imageHeight,\n      originalContainerWidth: this.styles.root.width ? e.nativeEvent.layout.width : 0,\n      originalContainerHeight: this.styles.root.height ? e.nativeEvent.layout.height: 0\n    } as WmPictureState);\n  };\n\n  createShape(shape: string | undefined, imageWidth?: number | string): WmPictureStyles {\n    if (shape) {\n      switch(shape) {\n        case 'circle':\n          return {\n            picture: {\n              borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4\n            }\n          } as WmPictureStyles;\n        case 'rounded' :\n          return (this.theme.getStyle('rounded-image') as WmPictureStyles);\n        case 'thumbnail' :\n          return (this.theme.getStyle('thumbnail-image') as WmPictureStyles);\n      }\n    }\n    return {} as WmPictureStyles;\n  }\n\n  private getContentFit(resizemode: string): 'contain' | 'cover' | 'fill' | 'scale-down' | 'none' {\n    if (!resizemode) return 'cover';\n    const mapping: Record<string, 'contain' | 'cover' | 'fill' | 'scale-down' | 'none'> = {\n      'contain': 'contain',\n      'cover': 'cover',\n      'fill': 'fill',\n      'none': 'none',\n      'scale-down': 'scale-down',\n      'stretch': 'fill',\n      'center': 'none',\n      'repeat': 'none',\n    };\n    return mapping[resizemode?.toLowerCase()] || 'cover';\n  }\n\n  getElementToShow(props: WmPictureProps, imgSrc: any, shapeStyles: WmPictureStyles) {\n    let elementToshow, source;\n    if (imgSrc && typeof imgSrc === 'object' && typeof imgSrc?.default === 'function') {\n      let imgStyle : any = {};\n      if (props.resizemode === 'contain') {\n        imgStyle['width'] = '100%';\n        imgStyle['height'] = '100%';\n      }\n      elementToshow = React.createElement(imgSrc?.default, imgStyle);\n    //} else if (!isWebPreviewMode() && props.isSvg) {\n    //  svg from uri\n    //  elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;\n    } else if (isFullPathUrl(imgSrc)) {\n      source = {\n        uri: imgSrc\n      };\n    } else {\n      source = imgSrc;\n    }\n    if (this.state.naturalImageWidth || this.state.props.aspectratio) {\n\n      if (props.resizemode?.toLowerCase() !== 'repeat' && props.resizemode?.toLowerCase() !== 'center') {\n        elementToshow = (\n          // * INFO: if any issue arises like freezing of application because of \n          // * rendering large number of images, check the cache policy.\n          <EXPOImage\n            cachePolicy='memory' \n            {...this.getTestProps('picture')}\n            style={[this.styles.picture, shapeStyles.picture, (props.fastload || this.state.imageWidth) ? {opacity: 1} : {opacity: 0} ]}\n            contentFit={this.getContentFit(props.resizemode)}\n            source={source}\n          />\n        );\n      }\n      else {\n        elementToshow =  (\n          <Image\n            {...this.getTestProps('picture')}\n            style={[this.styles.picture, shapeStyles.picture, (props.fastload || this.state.imageWidth) ? {opacity: 1} : {opacity: 0} ]}\n            resizeMode={props.resizemode}\n            source={source}\n          />\n        );   \n    }\n  }\n    return elementToshow;\n  }\n\n  public renderSkeleton(props: WmPictureProps){\n    const imageWidth = this.state.imageWidth;\n    const imageHeight = this.state.imageHeight;\n    const shapeStyles = this.createShape(this.props.shape, imageWidth);\n    const skeletonWidth = this.props.skeletonwidth || this.styles.root?.width || shapeStyles.root?.width || shapeStyles.picture?.width || imageWidth;\n    const skeletonHeight = this.props.skeletonheight || this.styles.root?.height || shapeStyles.root?.height || shapeStyles.picture?.height || imageHeight;\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      borderRadius:  this.props.shape == 'circle' && this.styles.root?.width ? 25 : shapeStyles.picture?.borderRadius || shapeStyles.root?.borderRadius || this.styles.root?.borderRadius || 4,\n      width: skeletonWidth as DimensionValue,\n      height: skeletonHeight as DimensionValue\n    });\n  }\n\n  showImage = (imageElement: any, props: WmPictureProps) => {\n    return imageElement;\n  }\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnaspectratio(): {imageWidth: number, imageHeight: number} | null  {\n      if(this.state.props.aspectratio) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth / parseFloat(this.state.props.aspectratio as string),\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * parseFloat(this.state.props.aspectratio as string),\n          }\n        }\n      }\n      return null\n    }\n    \n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    calculateBasedOnNaturalDimensions(): {imageWidth: number, imageHeight: number} | null {\n      // No need to calculate width & height if the user already passign them explicitly from props.  \n      const widthAndHeightExistsInProps = this.styles.root.width && this.styles.root.height\n      if(!this.state.props.aspectratio && !widthAndHeightExistsInProps) {\n        if(this.state.originalContainerWidth) {\n          return {\n            imageHeight: this.state.originalContainerWidth * this.state.naturalImageHeight / this.state.naturalImageWidth,\n            imageWidth: this.state.originalContainerWidth\n          }\n        } else if(this.state.originalContainerHeight) {\n          return {\n            imageHeight: this.state.originalContainerHeight, \n            imageWidth: this.state.originalContainerHeight * this.state.naturalImageWidth / this.state.naturalImageHeight\n          }\n        }\n      }\n      return null\n    }\n  \n\n  renderWidget(props: WmPictureProps) {\n    let imageWidth = this.state.imageWidth;\n    let imageHeight = this.state.imageHeight;\n\n\n    //TODO: remove the re calculation logic later. Keeping it as an extra safety.  \n    const aspectDimensions = this.calculateBasedOnaspectratio();\n    const naturalDimensions = this.calculateBasedOnNaturalDimensions();\n    if(aspectDimensions) {\n      const dimensions = aspectDimensions as {imageWidth: number, imageHeight: number}\n      imageWidth = dimensions.imageWidth;\n      imageHeight = dimensions.imageHeight\n    } else if(naturalDimensions) {\n      const dimensions = naturalDimensions as {imageWidth: number, imageHeight: number}\n      imageHeight = dimensions.imageHeight\n      imageWidth = dimensions.imageWidth\n    }\n    const shapeStyles = this.createShape(props.shape, imageWidth);\n    this._pictureSource =  this._pictureSource || this.loadImage(props.picturesource);\n    this._picturePlaceHolder = props.fastload ? \n      (this._pictureSource || this._picturePlaceHolder || this.loadImage(props.pictureplaceholder)) :\n      (this._picturePlaceHolder || this.loadImage(props.pictureplaceholder));\n    const imgSrc: any = this._pictureSource || this._picturePlaceHolder;\n    let elementToshow;\n    if (imgSrc) {\n      elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);\n    }\n    return imgSrc && (this.state.naturalImageWidth || props.isSvg || props.aspectratio) ? (\n      <View \n      style={[{\n        width: imageWidth,\n        height: imageHeight\n      }, this.styles.root, shapeStyles.root, shapeStyles.picture]}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n        {this._background}\n      <View style={[{overflow: 'hidden', width: '100%',\n        height: '100%'}]} onLayout={this.onViewLayoutChange}>\n        <Tappable\n          disableTouchEffect={this.state.props.disabletoucheffect}\n          {...this.getTestPropsForAction()}\n          rippleColor={this.styles.root.rippleColor}\n          target={this} styles={{width: imageWidth ? null : '100%', height: imageHeight ? null : '100%'}}>\n          <Animatedview entryanimation={props.animation} delay={props.animationdelay} style={[{\n                height: imageHeight,\n                width: imageWidth,\n                borderRadius: shapeStyles.picture?.borderRadius\n              }]}\n            accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)}}>\n                {this.showImage(elementToshow, props)}\n            </Animatedview>\n          </Tappable>\n        </View>\n      </View>\n    ): null;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/progress-circle/progress-circle.component.js

@@ -26,11 +26,11 @@ export default class WmProgressCircle extends BaseComponent {
     const height = e.nativeEvent.layout.height;
     let radius = this.state.radius;
     if (!width) {
-      radius = height;
+      radius = Math.floor(height);
     } else if (!height) {
-      radius = width;
+      radius = Math.floor(width);
     } else {
-      radius = Math.min(width, height);
+      radius = Math.floor(Math.min(width, height));
     }
     this.handleLayout(e);
     this.updateState({

package/components/basic/progress-circle/progress-circle.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","isNumber","AnimatedCircularProgress","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressCircleProps","DEFAULT_CLASS","WmProgressCircleState","constructor","args","_defineProperty","WmProgressCircle","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","min","handleLayout","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","createElement","_extends","style","root","bind","PROGRESSCIRCLE","getTestPropsForAction","_background","target","disableTouchEffect","disabletoucheffect","fill","progressValue","backgroundWidth","rotation","tintColor","backgroundColor","lineCap","buttStyle","progressCircle","size","alignItems","text","getTestPropsForLabel","title","subtitle","subTitle"],"sources":["progress-circle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { isNumber } from 'lodash';\nimport { AnimatedCircularProgress } from 'react-native-circular-progress';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmProgressCircleProps from './progress-circle.props';\nimport { DEFAULT_CLASS, WmProgressCircleStyles } from './progress-circle.styles';\n\n\nexport class WmProgressCircleState extends BaseComponentState<WmProgressCircleProps> {\n  radius = 10;\n}\n\nexport default class WmProgressCircle extends BaseComponent<WmProgressCircleProps, WmProgressCircleState, WmProgressCircleStyles> {\n\n  constructor(props: WmProgressCircleProps) {\n    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());\n  }\n\n  onLayout(e: LayoutChangeEvent) {\n    const width = e.nativeEvent.layout.width;\n    const height = e.nativeEvent.layout.height;\n    let radius = this.state.radius;\n    if (!width) {\n      radius = height;\n    } else if (!height) {\n      radius = width;\n    } else {\n      radius = Math.min(width, height);\n    }\n    \n    this.handleLayout(e)\n\n    this.updateState({\n      radius: radius\n    } as WmProgressCircleState);\n  }\n\n  renderWidget(props: WmProgressCircleProps) {\n    let value = 0;\n    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {\n      value = (+props.datavalue - (+props.minvalue)) / (+props.maxvalue - (+props.minvalue)) * 100;\n    }\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);\n    const showText = props.captionplacement !== 'hidden';\n    return (\n    <View style={styles.root} onLayout={this.onLayout.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props)} {...this.getTestPropsForAction('progresscircle')}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <AnimatedCircularProgress\n          fill={value}\n          width={styles.progressValue.height}\n          backgroundWidth={styles.progressValue.height}\n          rotation={0}\n          tintColor={styles.progressValue.backgroundColor}\n          lineCap={styles.progressValue.buttStyle || \"butt\"}\n          backgroundColor={styles.progressCircle.backgroundColor}\n          size={this.state.radius}>\n            {(fill: any) => (<View style={{alignItems: 'center'}}>\n                          <Text style={styles.text} {...this.getTestPropsForLabel('title')}>{ showText ? props.title || value : '' }</Text>\n                          {showText && props.subtitle ? (<Text style={styles.subTitle} {...this.getTestPropsForLabel('subtitle')}>{ props.subtitle }</Text>) : null}\n                        </View>)}  \n        </AnimatedCircularProgress>\n      </Tappable>\n    </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","isNumber","AnimatedCircularProgress","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressCircleProps","DEFAULT_CLASS","WmProgressCircleState","constructor","args","_defineProperty","WmProgressCircle","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","floor","min","handleLayout","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","createElement","_extends","style","root","bind","PROGRESSCIRCLE","getTestPropsForAction","_background","target","disableTouchEffect","disabletoucheffect","fill","progressValue","backgroundWidth","rotation","tintColor","backgroundColor","lineCap","buttStyle","progressCircle","size","alignItems","text","getTestPropsForLabel","title","subtitle","subTitle"],"sources":["progress-circle.component.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, View, Text } from 'react-native';\nimport { isNumber } from 'lodash';\nimport { AnimatedCircularProgress } from 'react-native-circular-progress';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmProgressCircleProps from './progress-circle.props';\nimport { DEFAULT_CLASS, WmProgressCircleStyles } from './progress-circle.styles';\n\n\nexport class WmProgressCircleState extends BaseComponentState<WmProgressCircleProps> {\n  radius = 10;\n}\n\nexport default class WmProgressCircle extends BaseComponent<WmProgressCircleProps, WmProgressCircleState, WmProgressCircleStyles> {\n\n  constructor(props: WmProgressCircleProps) {\n    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());\n  }\n\n  onLayout(e: LayoutChangeEvent) {\n    const width = e.nativeEvent.layout.width;\n    const height = e.nativeEvent.layout.height;\n    let radius = this.state.radius;\n    if (!width) {\n      radius = Math.floor(height);\n    } else if (!height) {\n      radius = Math.floor(width);\n    } else {\n      radius = Math.floor(Math.min(width, height));\n    }\n    \n    this.handleLayout(e)\n\n    this.updateState({\n      radius: radius\n    } as WmProgressCircleState);\n  }\n\n  renderWidget(props: WmProgressCircleProps) {\n    let value = 0;\n    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {\n      value = (+props.datavalue - (+props.minvalue)) / (+props.maxvalue - (+props.minvalue)) * 100;\n    }\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);\n    const showText = props.captionplacement !== 'hidden';\n    return (\n    <View style={styles.root} onLayout={this.onLayout.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props)} {...this.getTestPropsForAction('progresscircle')}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <AnimatedCircularProgress\n          fill={value}\n          width={styles.progressValue.height}\n          backgroundWidth={styles.progressValue.height}\n          rotation={0}\n          tintColor={styles.progressValue.backgroundColor}\n          lineCap={styles.progressValue.buttStyle || \"butt\"}\n          backgroundColor={styles.progressCircle.backgroundColor}\n          size={this.state.radius}>\n            {(fill: any) => (<View style={{alignItems: 'center'}}>\n                          <Text style={styles.text} {...this.getTestPropsForLabel('title')}>{ showText ? props.title || value : '' }</Text>\n                          {showText && props.subtitle ? (<Text style={styles.subTitle} {...this.getTestPropsForLabel('subtitle')}>{ props.subtitle }</Text>) : null}\n                        </View>)}  \n        </AnimatedCircularProgress>\n      </Tappable>\n    </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -51,7 +51,7 @@ export default class WmSearch extends BaseDatasetComponent {
         const position = {};
         this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {
           position.left = px;
-          position.top = py + height;
+          Platform.OS === 'ios' ? position.top = py : position.top = py + height;
           this.updateState({
             position: position
           }, resolve);
@@ -303,11 +303,12 @@ export default class WmSearch extends BaseDatasetComponent {
     return createSkeleton(this.theme, this.styles.skeleton, rootStyle);
   }
   renderSearchBar() {
-    var _this$state$dataItems;
+    var _foundationStyle$root, _this$state$dataItems;
     const props = this.state.props;
     let opts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
     opts[valueExpr] = this.state.props.query || '';
+    const foundationStyle = this.theme.getStyle('app-input');
     return (
       /*#__PURE__*/
       /*
@@ -323,7 +324,7 @@ export default class WmSearch extends BaseDatasetComponent {
       }, /*#__PURE__*/React.createElement(View, {
         style: this.styles.searchInputWrapper
       }, /*#__PURE__*/React.createElement(TextInput, _extends({
-        style: [this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && ((_this$state$dataItems = this.state.dataItems) === null || _this$state$dataItems === void 0 ? void 0 : _this$state$dataItems.length) > 0 ? this.styles.focusedText : null],
+        style: this.state.props.type === 'autocomplete' ? [(_foundationStyle$root = foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root) !== null && _foundationStyle$root !== void 0 ? _foundationStyle$root : {}, this.theme.mergeStyle(this.styles.text, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.text), this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.invalid), this.isFocused ? this.theme.mergeStyle(this.styles.focusedText, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled) : {}] : [this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && ((_this$state$dataItems = this.state.dataItems) === null || _this$state$dataItems === void 0 ? void 0 : _this$state$dataItems.length) > 0 ? this.styles.focusedText : null],
         ref: ref => {
           this.widgetRef = ref;
           // @ts-ignore

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

@@ -1 +1 @@
-{"version":3,"names":["React","Keyboard","Platform","Text","TextInput","View","ScrollView","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","AccessibilityWidgetType","getAccessibilityProps","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","AssetProvider","createSkeleton","WmSearchState","constructor","args","_defineProperty","top","left","WmSearch","props","Promise","resolve","position","view","measure","x","y","width","height","px","py","updateState","value","isDefaultQuery","prevQuery","state","query","searchon","result","data","updateFilteredData","validate","datavalue","setTimeout","invokeEvent","undefined","proxy","invokeEventCallback","computePosition","then","isOpened","dataProvider","clearSearch","hide","dataItems","map","item","selected","type","queryText","_filteredData","filterOptions","entries","filteredData","minchars","length","_this$dataProvider","searchkey","updateRequired","init","invokeVariable","response","dataSet","setDataItems","filter","dataObject","isFocused","styles","modal","display","showPopover","focus","_this$widgetRef","widgetRef","onChange","debouncetime","timer","clearTimeout","handleChange","invokeChange","e","OS","cursor","target","selectionStart","onFocus","disabled","readonly","_this$state$props$que","onBlur","triggerValidation","prepareModalOptions","content","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSkeleton","rootStyle","searchInputWrapper","root","text","theme","skeleton","renderSearchBar","_this$state$dataItems","opts","valueExpr","createElement","style","ref","onLayout","_extends","isValid","invalid","focusedText","selectionEnd","getTestPropsForInput","SEARCH","placeholderTextColor","placeholderText","color","placeholder","autoFocus","autofocus","editable","onChangeText","bind","nativeEvent","layout","showclear","onTap","id","getTestId","clearButton","iconclass","clearsearchiconclass","showSearchIcon","searchButton","searchiconclass","reset","renderSearchItem","index","imageStyles","imagewidth","getTestProps","disableTouchEffect","disabletoucheffect","searchItem","template","renderitempartial","Fragment","name","picturesource","imgSrc","getTestPropsForLabel","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","setTemplate","partialName","renderWidget","event","handleLayout","rootWrapper","showModal","maxHeight","contentContainerStyle","dropDownContent","loadAsset","key","limit","caption","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Keyboard, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker/app-rn-runtime/components/basic/search/local-data-provider';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\nimport { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  template: string = \"\";\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        position.top = py + height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused && filteredData.length > 0 ) {\n      if(this.styles.modal.display !== \"none\"){\n       this.showPopover && this.showPopover();\n      }\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  handleChange = (value: any) => {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      if (value === prevQuery) {\n        return;\n      }\n    }\n    setTimeout(() => {\n      if (this.props.invokeEvent) {\n        this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n      }\n       this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n    }, 300);\n  }\n\n  onChange(value: any) {\n    if(this.state.props.debouncetime && this.state.props.debouncetime > 0) {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.handleChange(value)\n      }, this.state.props.debouncetime)\n    } else {\n      this.handleChange(value);\n    }\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (\n      !(this.state.props.disabled || this.state.props.readonly) &&\n      this.state.props.type === 'autocomplete'\n    ) {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n  \n    const rootStyle = {\n      ...this.styles.searchInputWrapper, \n      ...this.styles.root, \n      ...this.styles.text\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, rootStyle)\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={[this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {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            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {(props.showclear && !(this.state.props.disabled || this.state.props.readonly)) && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   id={this.getTestId('clear')}\n            styles={this.styles.clearButton} iconclass={props.clearsearchiconclass || 'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  id={this.getTestId('search')}\n          iconclass={props.searchiconclass || props.iconclass} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)} {...this.getTestProps(`action${index}`)} disableTouchEffect={this.state.props.disabletoucheffect}>\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          <WmPicture id={this.getTestId(`picture${index}`)} styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n          </>)}\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmSearchState);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View\n        onLayout={(event) => this.handleLayout(event)}\n        style={[this.styles.rootWrapper]}\n      >\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    <AssetProvider value={this.loadAsset}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                    </AssetProvider>\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Keyboard","Platform","Text","TextInput","View","ScrollView","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","AccessibilityWidgetType","getAccessibilityProps","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","AssetProvider","createSkeleton","WmSearchState","constructor","args","_defineProperty","top","left","WmSearch","props","Promise","resolve","position","view","measure","x","y","width","height","px","py","OS","updateState","value","isDefaultQuery","prevQuery","state","query","searchon","result","data","updateFilteredData","validate","datavalue","setTimeout","invokeEvent","undefined","proxy","invokeEventCallback","computePosition","then","isOpened","dataProvider","clearSearch","hide","dataItems","map","item","selected","type","queryText","_filteredData","filterOptions","entries","filteredData","minchars","length","_this$dataProvider","searchkey","updateRequired","init","invokeVariable","response","dataSet","setDataItems","filter","dataObject","isFocused","styles","modal","display","showPopover","focus","_this$widgetRef","widgetRef","onChange","debouncetime","timer","clearTimeout","handleChange","invokeChange","e","cursor","target","selectionStart","onFocus","disabled","readonly","_this$state$props$que","onBlur","triggerValidation","prepareModalOptions","content","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSkeleton","rootStyle","searchInputWrapper","root","text","theme","skeleton","renderSearchBar","_foundationStyle$root","_this$state$dataItems","opts","valueExpr","foundationStyle","getStyle","createElement","style","ref","onLayout","_extends","mergeStyle","isValid","invalid","focusedText","focused","selectionEnd","getTestPropsForInput","SEARCH","placeholderTextColor","placeholderText","color","placeholder","autoFocus","autofocus","editable","onChangeText","bind","nativeEvent","layout","showclear","onTap","id","getTestId","clearButton","iconclass","clearsearchiconclass","showSearchIcon","searchButton","searchiconclass","reset","renderSearchItem","index","imageStyles","imagewidth","getTestProps","disableTouchEffect","disabletoucheffect","searchItem","template","renderitempartial","Fragment","name","picturesource","imgSrc","getTestPropsForLabel","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","setTemplate","partialName","renderWidget","event","handleLayout","rootWrapper","showModal","maxHeight","contentContainerStyle","dropDownContent","loadAsset","key","limit","caption","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Keyboard, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker/app-rn-runtime/components/basic/search/local-data-provider';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\nimport { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  template: string = \"\";\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        Platform.OS === 'ios' ? position.top = py : position.top = py+ height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused && filteredData.length > 0 ) {\n      if(this.styles.modal.display !== \"none\"){\n       this.showPopover && this.showPopover();\n      }\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  handleChange = (value: any) => {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      if (value === prevQuery) {\n        return;\n      }\n    }\n    setTimeout(() => {\n      if (this.props.invokeEvent) {\n        this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n      }\n       this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n    }, 300);\n  }\n\n  onChange(value: any) {\n    if(this.state.props.debouncetime && this.state.props.debouncetime > 0) {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.handleChange(value)\n      }, this.state.props.debouncetime)\n    } else {\n      this.handleChange(value);\n    }\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (\n      !(this.state.props.disabled || this.state.props.readonly) &&\n      this.state.props.type === 'autocomplete'\n    ) {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n  \n    const rootStyle = {\n      ...this.styles.searchInputWrapper, \n      ...this.styles.root, \n      ...this.styles.text\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, rootStyle)\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    const foundationStyle = this.theme.getStyle('app-input');\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={ this.state.props.type === 'autocomplete' ? \n            [foundationStyle?.root ?? {}, this.theme.mergeStyle(this.styles.text, foundationStyle?.text),\n            this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n            this.isFocused ? this.theme.mergeStyle(this.styles.focusedText, foundationStyle?.focused) : {},\n            this.state.props.disabled ? this.theme.mergeStyle(foundationStyle?.disabled) : {}] : \n            [this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {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            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {(props.showclear && !(this.state.props.disabled || this.state.props.readonly)) && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   id={this.getTestId('clear')}\n            styles={this.styles.clearButton} iconclass={props.clearsearchiconclass || 'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  id={this.getTestId('search')}\n          iconclass={props.searchiconclass || props.iconclass} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)} {...this.getTestProps(`action${index}`)} disableTouchEffect={this.state.props.disabletoucheffect}>\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          <WmPicture id={this.getTestId(`picture${index}`)} styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n          </>)}\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmSearchState);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View\n        onLayout={(event) => this.handleLayout(event)}\n        style={[this.styles.rootWrapper]}\n      >\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    <AssetProvider value={this.loadAsset}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                    </AssetProvider>\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/accordion/accordion.component.js

@@ -82,10 +82,10 @@ export default class WmAccordion extends BaseComponent {
     var _item$props$subheadin;
     const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;
     const isExpanded = this.state.isExpanded[index];
-    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon);
+    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon, isExpanded ? this.styles.activeTitleIcon : null);
     const subheading = (_item$props$subheadin = item.props.subheading) !== null && _item$props$subheadin !== void 0 ? _item$props$subheadin : item.props.description;
     return item.props.show != false ? /*#__PURE__*/React.createElement(View, {
-      style: this.styles.pane,
+      style: this.styles.pane || null,
       key: item.props.title,
       onLayout: event => this.handleLayout(event)
     }, /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
@@ -107,7 +107,7 @@ export default class WmAccordion extends BaseComponent {
     }, this._showSkeleton ? /*#__PURE__*/React.createElement(WmLabel, {
       showskeleton: true,
       styles: {
-        root: [this.styles.text, this.styles.heading]
+        root: [this.styles.text, this.styles.header]
       },
       caption: isDefined(item.props.title) ? item.props.title : 'Title'
     }) : /*#__PURE__*/React.createElement(Text, _extends({

package/components/container/accordion/accordion.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","createSkeleton","WmLabel","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","i","accordionPanes","findIndex","t","paneId","newIndex","push","toggle","state","defaultpaneindex","removeAccordionPane","index","splice","expand","accordionName","name","collapse","getExpandCollapseIconClass","isExpanded","useChevron","expandedIcon","collapsedIcon","expandedIconClass","collapsedIconClass","expandCollapseIcon","item","showBadge","showIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","_item$props$subheadin","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","subheading","description","show","pane","key","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","text","heading","caption","activeHeaderTitle","accessibilityRole","expandedId","collapseId","expandedPane","collapsed","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","setState","invokeEventCallback","proxy","componentDidMount","getBackground","_background","renderSkeleton","children","showskeletonchildren","_this$props","skeletonStyles","skeleton","opacity","map","renderWidget","_this$styles$skeleton"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport {  DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => {\n      return t.paneId === accordionPane.paneId});\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      accordionPane.paneId = `accordionPane${this.newIndex++}`;\n      this.accordionPanes.push(accordionPane);\n    }\n    this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  removeAccordionPane(accordionPane: WmAccordionpane){\n    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n    if (index >= 0) {\n      this.accordionPanes.splice(index, 1); \n      this.newIndex--;\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  private getExpandCollapseIconClass(isExpanded: boolean, useChevron: boolean, expandedIcon?: string, collapsedIcon?: string): string {\n    const expandedIconClass = expandedIcon || (useChevron ? 'wi wi-chevron-down' : 'wi wi-minus');\n    const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');\n    return isExpanded ? expandedIconClass : collapsedIconClass;\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge: null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n      \n    const expandedIconOverride = this.state.props.expandediconclass;\n    const collapsedIconOverride = this.state.props.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);\n    \n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon)\n    const subheading = item.props.subheading ?? item.props.description;\n    return item.props.show != false ? (\n      <View \n        style={this.styles.pane} \n        key={item.props.title}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          {item.props.iconclass ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            {this._showSkeleton ? \n             <WmLabel \n               showskeleton={true}\n               styles={{\n                root: [\n                  this.styles.text,\n                  this.styles.heading\n                ]\n              }} \n              caption={isDefined(item.props.title) ? item.props.title : 'Title'}/> :  \n             <Text \n                style={[\n                  this.styles.text,\n                  this.styles.heading,\n                  isExpanded ? this.styles.activeHeaderTitle : {}]}\n                  {...this.getTestPropsForAction(`header${index}_title`)}\n                  accessibilityRole='header'>\n                    {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            } \n            {subheading ? \n              (this._showSkeleton ? \n              <WmLabel \n                styles={{root: this.styles.subheading}} \n                showskeleton={true} \n                caption={subheading} /> : \n              <Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>\n                  {subheading}\n               </Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n    if (expand && this.state.isExpanded[expandedId - 1] && !expandedPane?.state.collapsed\n        || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane?.state.collapsed) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  } \n  \n  public renderSkeleton(props: WmAccordionProps): React.ReactNode {\n    const accordionpanes = props.children;\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n           {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton?.root\n    } : this.styles.root\n    return (\n        <View style={styles}>\n          {this.getBackground()}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","createSkeleton","WmLabel","WmAccordionState","constructor","args","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","i","accordionPanes","findIndex","t","paneId","newIndex","push","toggle","state","defaultpaneindex","removeAccordionPane","index","splice","expand","accordionName","name","collapse","getExpandCollapseIconClass","isExpanded","useChevron","expandedIcon","collapsedIcon","expandedIconClass","collapsedIconClass","expandCollapseIcon","item","showBadge","showIcon","widgetProps","badge","badgevalue","undefined","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","expandedIconOverride","expandediconclass","collapsedIconOverride","collapsediconclass","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","_item$props$subheadin","showIconOnLeft","leftToggleIcon","root","width","titleIconStyles","titleIcon","activeTitleIcon","subheading","description","show","pane","key","title","onLayout","event","handleLayout","getTestPropsForAction","header","firstHeader","length","lastHeader","activeHeader","onPress","bind","flex","justifyContent","_showSkeleton","showskeleton","text","caption","heading","activeHeaderTitle","accessibilityRole","expandedId","collapseId","expandedPane","collapsed","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","setState","invokeEventCallback","proxy","componentDidMount","getBackground","_background","renderSkeleton","children","showskeletonchildren","_this$props","skeletonStyles","skeleton","opacity","map","renderWidget","_this$styles$skeleton"],"sources":["accordion.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { isArray } from 'lodash';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAccordionProps from './accordion.props';\nimport {  DEFAULT_CLASS, WmAccordionStyles } from './accordion.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmAccordionpane from './accordionpane/accordionpane.component';\nimport { isDefined } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\n\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\n}\n\n\nexport default class WmAccordion extends BaseComponent<WmAccordionProps, WmAccordionState, WmAccordionStyles> {\n  public accordionPanes = [] as WmAccordionpane[];\n  private newIndex = 0;\n\n  constructor(props: WmAccordionProps) {\n    super(props, DEFAULT_CLASS, new WmAccordionProps(), new WmAccordionState());\n  }\n\n  addAccordionPane(accordionPane: WmAccordionpane) {\n    const i = this.accordionPanes.findIndex(t => {\n      return t.paneId === accordionPane.paneId});\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      accordionPane.paneId = `accordionPane${this.newIndex++}`;\n      this.accordionPanes.push(accordionPane);\n    }\n    this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  removeAccordionPane(accordionPane: WmAccordionpane){\n    const index = this.accordionPanes.findIndex(t => t.paneId === accordionPane.paneId);\n    if (index >= 0) {\n      this.accordionPanes.splice(index, 1);\n      this.newIndex--;\n    }\n  }\n\n  expand(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, true);\n  }\n\n  collapse(accordionName: string) {\n    const i = this.accordionPanes.findIndex(t => t.props.name === accordionName);\n    this.toggle(i + 1, false);\n  }\n\n  private getExpandCollapseIconClass(isExpanded: boolean, useChevron: boolean, expandedIcon?: string, collapsedIcon?: string): string {\n    const expandedIconClass = expandedIcon || (useChevron ? 'wi wi-chevron-down' : 'wi wi-minus');\n    const collapsedIconClass = collapsedIcon || (useChevron ? 'wi wi-chevron-up' : 'wi wi-plus');\n    return isExpanded ? expandedIconClass : collapsedIconClass;\n  }\n\n  expandCollapseIcon(item: any, index: number, showBadge = true, showIcon = true, useChevron = true, isExpanded = false) {\n    const widgetProps = item.props;\n    //@ts-ignore\n    const badge = showBadge && widgetProps.badgevalue != undefined ? (\n      <Badge style={[\n        this.styles.badge,\n        isExpanded ? this.styles.activeBadge : null,\n        this.styles[widgetProps.badgetype || 'default']]}\n        {...this.getTestProps('badge'+index)}>\n        {widgetProps.badgevalue}\n      </Badge>): null;\n\n    const expandedIconOverride = this.state.props.expandediconclass;\n    const collapsedIconOverride = this.state.props.collapsediconclass;\n    const iconclass = this.getExpandCollapseIconClass(isExpanded, useChevron, expandedIconOverride, collapsedIconOverride);\n\n    return (<View style={{flexDirection: 'row'}}>\n            {badge}\n            {showIcon ? (\n              <WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.theme.mergeStyle({}, this.styles.icon, isExpanded ? this.styles.activeIcon : null)}\n              name={'expand_collapse_icon'}\n              iconclass={iconclass}></WmIcon>): null}\n          </View>);\n  }\n\n  renderAccordionpane(item: any, index: any, accordionpanes: any[] = []) {\n    const showIconOnLeft = this.styles.leftToggleIcon.root.width !== undefined;\n    const isExpanded = this.state.isExpanded[index];\n    const titleIconStyles = this.theme.mergeStyle(this.styles.icon, this.styles.titleIcon, isExpanded ? this.styles.activeTitleIcon : null);\n    const subheading = item.props.subheading ?? item.props.description;\n    return item.props.show != false ? (\n      <View\n        style={this.styles.pane || null}\n        key={item.props.title}\n        onLayout={(event) => this.handleLayout(event)}\n      >\n        <TouchableOpacity key={'accordionpane_' + (index + 1)}\n              {...this.getTestPropsForAction(`header${index}`)}\n              style={[this.styles.header,\n                index === 0 ? this.styles.firstHeader: null,\n                index === accordionpanes.length - 1 && !isExpanded ? this.styles.lastHeader: null,\n                isExpanded ? this.styles.activeHeader : {}]}\n                onPress={this.toggle.bind(this, index + 1, !isExpanded)}>\n          {this.expandCollapseIcon(item, index, false, showIconOnLeft, true, isExpanded)}\n          {item.props.iconclass ? <WmIcon id={this.getTestId('icon')} styles={titleIconStyles} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            {this._showSkeleton ?\n             <WmLabel\n               showskeleton={true}\n               styles={{\n                root: [\n                  this.styles.text,\n                  this.styles.header\n                ]\n              }}\n              caption={isDefined(item.props.title) ? item.props.title : 'Title'}/> :\n             <Text\n                style={[\n                  this.styles.text,\n                  this.styles.heading,\n                  isExpanded ? this.styles.activeHeaderTitle : {}]}\n                  {...this.getTestPropsForAction(`header${index}_title`)}\n                  accessibilityRole='header'>\n                    {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            }\n            {subheading ?\n              (this._showSkeleton ?\n              <WmLabel\n                styles={{root: this.styles.subheading}}\n                showskeleton={true}\n                caption={subheading} /> :\n              <Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>\n                  {subheading}\n               </Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    ): null;\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\n    if (expand && this.state.isExpanded[expandedId - 1] && !expandedPane?.state.collapsed\n        || !expand && this.state.isExpanded[collapseId - 1] === false && expandedPane?.state.collapsed) {\n        return;\n    }\n    if (collapseId < 0 && this.state.props.closeothers) {\n      collapseId = this.state.lastExpandedIndex;\n    }\n    const collapsedPane = this.accordionPanes[collapseId -1];\n    collapsedPane?.hide();\n    Promise.resolve().then(() => {\n      expandedPane?.show();\n      this.setState((state) => {\n        if (collapseId > 0 && collapsedPane) {\n          state.isExpanded[collapseId - 1] = false;\n        }\n        if (expandedId > 0 && expandedPane) {\n          state.isExpanded[expandedId - 1] = true;\n        }\n        return {\n          lastExpandedIndex: expandedId,\n          isExpanded: [...state.isExpanded]\n        };\n      }, () => {\n        this.invokeEventCallback('onChange', [{},\n          this.proxy,\n          expandedId - 1,\n          collapseId ? collapseId - 1 : null,\n          expandedPane && expandedPane.props.name,\n          collapsedPane && collapsedPane.props.name]);\n        });\n    }, () => {});\n  }\n\n  public componentDidMount(): void {\n      super.componentDidMount();\n      this.toggle(this.state.props.defaultpaneindex + 1);\n  }\n\n  protected getBackground(): React.JSX.Element | null {\n    return this._showSkeleton ? null : this._background\n  }\n\n  public renderSkeleton(props: WmAccordionProps): React.ReactNode {\n    const accordionpanes = props.children;\n      if(!props.showskeletonchildren) {\n        const skeletonStyles: WmSkeletonStyles = this.props?.styles?.skeleton || { root: {}, text: {}  } as WmSkeletonStyles\n        return createSkeleton(this.theme, skeletonStyles, {\n          ...this.styles.root\n        }, (<View style={[this.styles.root, { opacity: 0 }]}>\n           {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>))\n      }\n      return null;\n    }\n\n\n  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    const styles = this._showSkeleton ? {\n      ...this.styles.root,\n      ...this.styles.skeleton?.root\n    } : this.styles.root\n    return (\n        <View style={styles}>\n          {this.getBackground()}\n            {accordionpanes\n              ? isArray(accordionpanes) && accordionpanes.length\n                ? accordionpanes.map((item: any, index: any) => this.renderAccordionpane(item, index, accordionpanes))\n                : this.renderAccordionpane(accordionpanes, 0)\n              : null}\n        </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/container/accordion/accordion.styles.js

@@ -42,7 +42,9 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     activeHeaderTitle: {
       color: themeVariables.accordionActiveHeaderTextColor
     },
-    subheading: {},
+    subheading: {
+      color: themeVariables.accordionTitleColor
+    },
     icon: {
       root: {
         alignSelf: 'auto',
@@ -91,6 +93,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.transparent
     },
     titleIcon: {},
+    activeTitleIcon: {},
     default: {},
     success: {
       backgroundColor: themeVariables.labelSuccessColor