@wavemaker/app-rn-runtime 11.7.1-next.NULL → 11.7.1-rc.162

app-rn-runtime/components/advanced/webview/webview.props.js

@@ -10,7 +10,7 @@ export default class WmWebviewProps extends BaseProps {
     _defineProperty(this, "onLoad", null);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", "none");
+    _defineProperty(this, "accessibilityrole", void 0);
   }
 }
 //# sourceMappingURL=webview.props.js.map

app-rn-runtime/components/advanced/webview/webview.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmWebviewProps","constructor","arguments","_defineProperty","undefined"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmWebview from './webview.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmWebviewProps extends BaseProps {\n  src: string = null as any;\n  incognito? = false;\n  onLoad?: ($event: any, $widget: WmWebview) => void = null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"none\";\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,cACtC,IAAI;IAAAA,eAAA,oBACL,KAAK;IAAAA,eAAA,iBACmC,IAAI;IAAAA,eAAA,6BAC3BC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;EAAA;AAChD"}
+{"version":3,"names":["BaseProps","WmWebviewProps","constructor","arguments","_defineProperty","undefined"],"sources":["webview.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmWebview from './webview.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmWebviewProps extends BaseProps {\n  src: string = null as any;\n  incognito? = false;\n  onLoad?: ($event: any, $widget: WmWebview) => void = null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAIzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,cACtC,IAAI;IAAAA,eAAA,oBACL,KAAK;IAAAA,eAAA,iBACmC,IAAI;IAAAA,eAAA,6BAC3BC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B"}

app-rn-runtime/components/basic/anchor/anchor.component.js

@@ -50,6 +50,7 @@ export default class WmAnchor extends BaseComponent {
     const icon = (iconclass || iconurl) && /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon'),
       styles: this.styles.icon,
+      hint: props === null || props === void 0 ? void 0 : props.hint,
       name: name + '_icon',
       iconclass: iconclass,
       iconurl: iconurl,

app-rn-runtime/components/basic/anchor/anchor.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","AccessibilityWidgetType","getAccessibilityProps","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","iconclass","iconurl","name","iconheight","iconmargin","iconwidth","badgevalue","icon","text","color","createElement","id","getTestId","badge","undefined","style","entryanimation","animation","justifyContent","_extends","getTestPropsForAction","flexDirection","iconposition","_background","caption","getTestPropsForLabel","ANCHOR","numberOfLines","nooflines"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n      const {\n        iconclass,\n        iconurl,\n        name,\n        iconheight,\n        iconmargin,\n        iconwidth,\n        badgevalue,\n      } = props;\n     \n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n\n    const icon = (iconclass || iconurl) && (\n      <WmIcon\n        id={this.getTestId('icon')}\n        styles={this.styles.icon} \n        name={name + '_icon'}\n        iconclass={iconclass}\n        iconurl={iconurl}\n        iconheight={iconheight}\n        iconmargin={iconmargin}\n        iconwidth={iconwidth}\n      />\n    );    \n    //@ts-ignore\n    const badge = badgevalue != undefined ? (<Badge style={this.styles.badge}>{badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable {...this.getTestPropsForAction()} target={this} styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text style={this.styles.text}\n              {...this.getTestPropsForLabel('caption')} \n              {...getAccessibilityProps(AccessibilityWidgetType.ANCHOR, props)}\n              numberOfLines={props.nooflines}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","Badge","BaseComponent","BaseComponentState","Tappable","WmIcon","encodeUrl","AccessibilityWidgetType","getAccessibilityProps","NavigationServiceConsumer","WmAnchorProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmAnchorState","WmAnchor","constructor","props","onTap","navigationService","e","state","hyperlink","link","encodeurl","openUrl","target","invokeEventCallback","proxy","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","iconclass","iconurl","name","iconheight","iconmargin","iconwidth","badgevalue","icon","text","color","createElement","id","getTestId","hint","badge","undefined","style","entryanimation","animation","justifyContent","_extends","getTestPropsForAction","flexDirection","iconposition","_background","caption","getTestPropsForLabel","ANCHOR","numberOfLines","nooflines"],"sources":["anchor.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Badge } from 'react-native-paper';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { TapEvent, Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { encodeUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\n\nimport WmAnchorProps from './anchor.props';\nimport { DEFAULT_CLASS, WmAnchorStyles } from './anchor.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmAnchorState extends BaseComponentState<WmAnchorProps> {\n\n}\n\nexport default class WmAnchor extends BaseComponent<WmAnchorProps, WmAnchorState, WmAnchorStyles> {\n\n  constructor(props: WmAnchorProps) {\n    super(props, DEFAULT_CLASS, new WmAnchorProps());\n  }\n\n  onTap(navigationService: NavigationService, e: TapEvent) {\n    const props = this.state.props;\n    if (props.hyperlink) {\n      const link = props.encodeurl ? encodeUrl(props.hyperlink) : props.hyperlink;\n      navigationService.openUrl(link, {\n        target: this.state.props.target\n      });\n    }\n    this.invokeEventCallback('onTap', [e, this.proxy]);\n  }\n\n  public renderSkeleton(props: WmAnchorProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: this.props.skeletonwidth || this.styles.root.width,\n      height: this.props.skeletonheight || this.styles.root.height\n    });\n  }\n\n  renderWidget(props: WmAnchorProps) {\n      const {\n        iconclass,\n        iconurl,\n        name,\n        iconheight,\n        iconmargin,\n        iconwidth,\n        badgevalue,\n      } = props;\n     \n    if (this.styles.icon && this.styles.icon.text) {\n      this.styles.icon.text.color = this.styles.text.color;\n    }\n\n    const icon = (iconclass || iconurl) && (\n      <WmIcon\n        id={this.getTestId('icon')}\n        styles={this.styles.icon} \n        hint={props?.hint}\n        name={name + '_icon'}\n        iconclass={iconclass}\n        iconurl={iconurl}\n        iconheight={iconheight}\n        iconmargin={iconmargin}\n        iconwidth={iconwidth}\n      />\n    );    \n    //@ts-ignore\n    const badge = badgevalue != undefined ? (<Badge style={this.styles.badge}>{badgevalue}</Badge>): null;\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService: NavigationService) =>\n          (<Animatedview entryanimation={props.animation} style={{width: this.styles.root.width, height: this.styles.root.height, justifyContent: 'center'}}>\n            <Tappable {...this.getTestPropsForAction()} target={this} styles={[this.styles.root, this.styles.root.width && this.styles.root.height ? { width: '100%', height: '100%'} : null, {flexDirection: props.iconposition === 'top' ? 'column': 'row'}]}\n              onTap={props.hyperlink || props.onTap ? (e: TapEvent) => this.onTap(navigationService, e) : undefined}>\n              {this._background}\n              {props.iconposition === 'top' && icon}\n              {props.iconposition === 'left' && icon}\n              {props.caption ? (<Text style={this.styles.text}\n              {...this.getTestPropsForLabel('caption')} \n              {...getAccessibilityProps(AccessibilityWidgetType.ANCHOR, props)}\n              numberOfLines={props.nooflines}>{props.caption}</Text>) : null}\n              {props.iconposition === 'right' && icon}\n              {badge}\n            </Tappable>\n          </Animatedview>)\n      }\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/button/button.component.js

@@ -19,6 +19,7 @@ export default class WmButton extends BaseComponent {
     let {
       iconclass,
       iconurl,
+      hint,
       name,
       iconsize,
       iconheight,
@@ -26,6 +27,7 @@ export default class WmButton extends BaseComponent {
       iconwidth
     } = _ref;
     return iconclass || iconurl ? /*#__PURE__*/React.createElement(WmIcon, _extends({}, this.getTestPropsForLabel('icon'), {
+      hint: hint,
       styles: this.styles.icon,
       name: `${name}_icon`,
       iconclass: iconclass,
@@ -58,10 +60,11 @@ export default class WmButton extends BaseComponent {
         paddingLeft: 0,
         paddingRight: 0,
         overflow: 'hidden'
-      }],
-      accessibilityProps: {
-        ...getAccessibilityProps(AccessibilityWidgetType.BUTTON, props)
-      }
+      }]
+      // accessibilityProps={{...getAccessibilityProps(
+      //   AccessibilityWidgetType.BUTTON,
+      //   props
+      // )}}
     }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
       styles: {
         paddingTop: this.styles.root.paddingTop,
@@ -73,7 +76,11 @@ export default class WmButton extends BaseComponent {
       },
       rippleColor: this.styles.root.rippleColor,
       target: this
-    }, this.getTestPropsForAction()), /*#__PURE__*/React.createElement(View, {
+    }, this.getTestPropsForAction(), {
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.BUTTON, props)
+      }
+    }), /*#__PURE__*/React.createElement(View, {
       style: [this.styles.content, {
         flexDirection: props.iconposition === 'top' ? 'column' : 'row'
       }]

app-rn-runtime/components/basic/button/button.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","_ref","iconclass","iconurl","name","iconsize","iconheight","iconmargin","iconwidth","createElement","_extends","getTestPropsForLabel","styles","icon","prepareBadge","style","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","Fragment","entryanimation","animation","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","accessibilityProps","BUTTON","_background","justifyContent","rippleColor","target","getTestPropsForAction","content","flexDirection","iconposition","caption","text","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          {...this.getTestPropsForLabel('icon')}\n          styles={this.styles.icon} \n          name={`${name}_icon`} \n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl} \n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width)as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <>\n      <Animatedview entryanimation={props.animation}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden'\n          }\n        ]}\n        accessibilityProps={{...getAccessibilityProps(\n          AccessibilityWidgetType.BUTTON,\n          props\n        )}}\n        >\n        {this._background}\n        <Tappable\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            height: '100%',\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n                // accessibilityLabel={`${props.caption}`}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","Badge","WmButtonProps","DEFAULT_CLASS","WmIcon","Animatedview","createSkeleton","AccessibilityWidgetType","getAccessibilityProps","WmButtonState","WmButton","constructor","props","prepareIcon","_ref","iconclass","iconurl","hint","name","iconsize","iconheight","iconmargin","iconwidth","createElement","_extends","getTestPropsForLabel","styles","icon","prepareBadge","style","badge","badgevalue","renderSkeleton","prop","theme","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","Fragment","entryanimation","animation","paddingTop","paddingBottom","paddingLeft","paddingRight","overflow","_background","justifyContent","rippleColor","target","getTestPropsForAction","accessibilityProps","BUTTON","content","flexDirection","iconposition","caption","text","importantForAccessibility"],"sources":["button.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Badge } from 'react-native-paper';\n\nimport WmButtonProps from './button.props';\nimport { DEFAULT_CLASS, WmButtonStyles } from './button.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { createSkeleton } from '../skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmButtonState extends BaseComponentState<WmButtonProps> {\n\n}\n\nexport default class WmButton extends BaseComponent<WmButtonProps, WmButtonState, WmButtonStyles> {\n\n  constructor(props: WmButtonProps) {\n    super(props, DEFAULT_CLASS, new WmButtonProps());\n  }\n\n  private prepareIcon({\n    iconclass,\n    iconurl,\n    hint,\n    name,\n    iconsize,\n    iconheight,\n    iconmargin,\n    iconwidth,\n  }: any) {\n    return iconclass || iconurl\n      ? (<WmIcon\n          {...this.getTestPropsForLabel('icon')}\n          hint={hint}\n          styles={this.styles.icon} \n          name={`${name}_icon`} \n          iconclass={iconclass}\n          iconsize={iconsize}\n          iconurl={iconurl} \n          iconheight={iconheight}\n          iconmargin={iconmargin}\n          iconwidth={iconwidth}\n        />): null;\n  }\n\n  private prepareBadge(props: any) {\n    //@ts-ignore\n    return (<Badge style={this.styles.badge}>{props.badgevalue}</Badge>);\n  }\n\n  public renderSkeleton(prop: WmButtonProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width)as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtonProps) {\n    return (\n      <>\n      <Animatedview entryanimation={props.animation}\n        style={[\n          this.styles.root,\n          {\n            paddingTop: 0,\n            paddingBottom: 0,\n            paddingLeft: 0,\n            paddingRight: 0,\n            overflow: 'hidden'\n          }\n        ]}\n        // accessibilityProps={{...getAccessibilityProps(\n        //   AccessibilityWidgetType.BUTTON,\n        //   props\n        // )}}\n        >\n        {this._background}\n        <Tappable\n          styles={{\n            paddingTop: this.styles.root.paddingTop,\n            paddingBottom: this.styles.root.paddingBottom,\n            paddingLeft: this.styles.root.paddingLeft,\n            paddingRight: this.styles.root.paddingRight,\n            height: '100%',\n            justifyContent: 'center',\n          }}\n          rippleColor = {this.styles.root.rippleColor}\n          target={this}\n          {...this.getTestPropsForAction()}\n          accessibilityProps={{...getAccessibilityProps(\n            AccessibilityWidgetType.BUTTON,\n            props\n          )}}>\n          <View\n            style={[\n              this.styles.content,\n              { flexDirection: props.iconposition === 'top' ? 'column' : 'row' }\n            ]}>\n            {props.iconposition === 'top' && this.prepareIcon(props)}\n            {props.iconposition === 'left' && this.prepareIcon(props)}\n            {props.caption ? (\n              <Text\n                style={this.styles.text}\n                {...this.getTestPropsForLabel('caption')}\n                importantForAccessibility={'no'}\n                // accessibilityLabel={`${props.caption}`}\n              >\n                {props.caption}\n              </Text>\n            ) : null}\n            {props.iconposition === 'right' && this.prepareIcon(props)}\n          </View>\n        </Tappable>\n      </Animatedview>\n      {props.badgevalue && this.prepareBadge(props)}\n      </>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/icon/icon.component.js

@@ -230,7 +230,9 @@ export default class WmIcon extends BaseComponent {
     } else {
       this.stopAnimation = true;
     }
-    return /*#__PURE__*/React.createElement(View, getAccessibilityProps(AccessibilityWidgetType.ICON, this.props), iconJsx);
+    return /*#__PURE__*/React.createElement(View
+    // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}
+    , null, iconJsx);
   }
   renderWidget(props) {
     let icon = this.renderIcon(props);
@@ -238,12 +240,17 @@ export default class WmIcon extends BaseComponent {
     return /*#__PURE__*/React.createElement(Tappable, _extends({
       target: this,
       rippleColor: this.styles.root.rippleColor
-    }, this.getTestPropsForAction()), /*#__PURE__*/React.createElement(Animatedview, {
+    }, this.getTestPropsForAction(), {
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.ICON, props)
+      }
+    }), /*#__PURE__*/React.createElement(Animatedview, {
       entryanimation: props.animation,
       style: this.styles.root,
       iterationCount: iterationCount
     }, this._background, props.iconposition === 'left' && icon || null, props.caption && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
-      style: this.styles.text
+      style: this.styles.text,
+      accessibilityRole: props !== null && props !== void 0 && props.accessibilityrole ? props === null || props === void 0 ? void 0 : props.accessibilityrole : 'text'
     }), props.caption) || null, props.iconposition === 'right' && icon || null));
   }
 }

app-rn-runtime/components/basic/icon/icon.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Easing","Text","Image","View","FontAwesome","BaseComponent","BaseComponentState","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","arguments","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeleton","root","width","skeletonwidth","iconsize","height","skeletonheight","getElementToShow","iconSrc","iconmargin","iconheight","iconwidth","elementToshow","source","uri","testID","getTestId","margin","loadIcon","iconImage","loadAsset","iconImageSrc","renderIcon","iconJsx","_iconSource","iconurl","state","text","color","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","opacity","ICON","renderWidget","iterationCount","iterationcount","parseInt","undefined","_extends","target","rippleColor","getTestPropsForAction","entryanimation","_background","iconposition","caption","getTestPropsForLabel"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text, Image, View } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils'; \nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n  isFontAwesome: boolean;\n  isWavIcon: boolean;\n  isStreamlineLightIcon: boolean;\n  isStreamlineRegularIcon: boolean;\n  type: string;\n  rotate: string;\n  size: number;\n  animation: string;\n}\n\nconst ICON_SIZES = new Map([\n  ['fa-lg', 24],\n  ['fa-2x', 36],\n  ['fa-3x', 48],\n  ['fa-4x', 60],\n  ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n  ['fa-rotate-90', '90deg'],\n  ['fa-rotate-180', '180deg'],\n  ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n  public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n  spinValue = new Animated.Value(0);\n  pulseValue = new Animated.Value(0);\n  public stopAnimation = true; \n  private _iconSource = null as any;\n\n  constructor(props: WmIconProps) {\n    super(props, DEFAULT_CLASS, new WmIconProps());\n  }\n\n  getIconDef(iconClass: string): IconDef {\n    const iconDef = {\n      rotate: '0'\n    } as IconDef;\n    const splits = iconClass.split(' ');\n    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n    if (iconDef.isFontAwesome) {\n      iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineLightIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineRegularIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else {\n      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n      iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n    }\n    if (iconClass.indexOf('fa-spin') >= 0) {\n      iconDef.animation = 'spin';\n    } else if (iconClass.indexOf('fa-pulse') >= 0) {\n      iconDef.animation = 'pulse';\n    }\n    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n    return iconDef;\n  }\n\n  private spin () {\n    if (this.stopAnimation) {\n      return;\n    }\n    this.spinValue.setValue(0);\n    Animated.timing(\n      this.spinValue,\n      {\n        toValue: 1,\n        duration: 1000,\n        easing: Easing.linear,\n        useNativeDriver: true\n      }\n    ).start(() => this.spin());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.spin();\n  }\n\n  componentWillUnmount(): void {\n      super.componentWillUnmount();\n      this.stopAnimation = true;\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'iconclass':\n        $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n        break;\n    }\n  }\n\n  private getCustomIcon(props: WmIconProps, style: any) {\n    const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n    const customIconContent = customIcon?.content;\n    if (customIconContent) {\n      delete customIcon.content;\n      return (<Text\n        style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n          {decodeURIComponent(customIconContent)}\n      </Text>);\n    }\n    return null;\n  }\n\n  public renderSkeleton(props: WmIconProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  getElementToShow(props: WmIconProps, iconSrc: any) {\n\n    const { iconmargin, iconheight, iconwidth } = props;\n    let width, height;\n    let elementToshow, source;\n\n    if (iconwidth) width = iconwidth;\n    else if (iconheight) width = iconheight;\n    else width = 12;\n    if (iconheight) height = iconheight;\n    else if (iconwidth) height = iconwidth;\n    else height = 12;\n\n    if (isFullPathUrl(iconSrc)) {\n      source = {\n        uri: iconSrc\n      };\n    } else {\n      source = iconSrc;\n    }\n    elementToshow = <Image testID={this.getTestId('icon')}\n      style={{\n        margin: iconmargin ?? 0,\n        height: height,\n        width: width\n      }}\n      source={source}/>;\n    return elementToshow;\n  }\n\n  loadIcon(iconImage: string | undefined) {\n    if (!iconImage || !this.loadAsset) {\n      return null;\n    }\n    const iconImageSrc = this.loadAsset(iconImage);\n    if (iconImageSrc && typeof iconImageSrc !== 'function') {\n      return iconImageSrc;\n    }\n    return null;\n  }\n\n  renderIcon(props: WmIconProps) {\n    let iconJsx = null;\n    this._iconSource =  this._iconSource || this.loadIcon(props.iconurl);\n    const iconSrc: any = this._iconSource \n    if (iconSrc) {\n      return this.getElementToShow(props, iconSrc);\n    }\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    const { root, text, icon } = this.styles;\n    const style = [{ color: root.color || text.color },\n    icon,\n    { transform: [{ rotate: iconDef.rotate }] }];\n\n    const customIcon = this.getCustomIcon(props, style);\n    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n    if (props.show && iconDef && iconDef.isFontAwesome) {\n      //@ts-ignore type information is not matching\n      iconJsx = (<FontAwesome name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n          {customIcon}\n        </FontAwesome>);\n    } else if (props.show && iconDef) {\n      let WMCustomIcon = WavIcon as unknown;\n      if (iconDef.isStreamlineLightIcon) {\n        WMCustomIcon = StreamlineLightIcon;\n      } else if (iconDef.isStreamlineRegularIcon) {\n        WMCustomIcon = StreamlineRegularIcon;\n      } else if (!iconDef.isWavIcon && !customIcon && !this.styles.icon?.fontFamily) {\n        return null;\n      }\n      //@ts-ignore type information is not matching\n      iconJsx = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (iconJsx && iconDef.animation === 'spin') {\n      const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n      const animation = { transform: [{ rotate }] };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else if (iconJsx && iconDef.animation === 'pulse') {\n      const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n      const animation = { opacity: opacity };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return (\n      <View\n        {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}\n      >\n        {iconJsx}\n      </View>\n    );\n  }\n\n  renderWidget(props: WmIconProps) {\n    let icon = this.renderIcon(props);\n    let iterationCount: any = props.iterationcount ? (props.iterationcount != 'infinite' ? parseInt(props.iterationcount): 'infinite') : undefined;\n    return (\n      <Tappable target={this} rippleColor = {this.styles.root.rippleColor} {...this.getTestPropsForAction()}>  \n        <Animatedview entryanimation={props.animation} style={this.styles.root} iterationCount={iterationCount}>\n          {this._background}\n          {(props.iconposition === 'left' && icon) || null}\n          {(props.caption && (<Text {...this.getTestPropsForLabel('caption')}style={this.styles.text}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Animated","Easing","Text","Image","View","FontAwesome","BaseComponent","BaseComponentState","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","arguments","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeleton","root","width","skeletonwidth","iconsize","height","skeletonheight","getElementToShow","iconSrc","iconmargin","iconheight","iconwidth","elementToshow","source","uri","testID","getTestId","margin","loadIcon","iconImage","loadAsset","iconImageSrc","renderIcon","iconJsx","_iconSource","iconurl","state","text","color","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","opacity","renderWidget","iterationCount","iterationcount","parseInt","undefined","_extends","target","rippleColor","getTestPropsForAction","accessibilityProps","ICON","entryanimation","_background","iconposition","caption","getTestPropsForLabel","accessibilityRole","accessibilityrole"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text, Image, View } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils'; \nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n  isFontAwesome: boolean;\n  isWavIcon: boolean;\n  isStreamlineLightIcon: boolean;\n  isStreamlineRegularIcon: boolean;\n  type: string;\n  rotate: string;\n  size: number;\n  animation: string;\n}\n\nconst ICON_SIZES = new Map([\n  ['fa-lg', 24],\n  ['fa-2x', 36],\n  ['fa-3x', 48],\n  ['fa-4x', 60],\n  ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n  ['fa-rotate-90', '90deg'],\n  ['fa-rotate-180', '180deg'],\n  ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n  public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n  spinValue = new Animated.Value(0);\n  pulseValue = new Animated.Value(0);\n  public stopAnimation = true; \n  private _iconSource = null as any;\n\n  constructor(props: WmIconProps) {\n    super(props, DEFAULT_CLASS, new WmIconProps());\n  }\n\n  getIconDef(iconClass: string): IconDef {\n    const iconDef = {\n      rotate: '0'\n    } as IconDef;\n    const splits = iconClass.split(' ');\n    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n    if (iconDef.isFontAwesome) {\n      iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineLightIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineRegularIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else {\n      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n      iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n    }\n    if (iconClass.indexOf('fa-spin') >= 0) {\n      iconDef.animation = 'spin';\n    } else if (iconClass.indexOf('fa-pulse') >= 0) {\n      iconDef.animation = 'pulse';\n    }\n    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n    return iconDef;\n  }\n\n  private spin () {\n    if (this.stopAnimation) {\n      return;\n    }\n    this.spinValue.setValue(0);\n    Animated.timing(\n      this.spinValue,\n      {\n        toValue: 1,\n        duration: 1000,\n        easing: Easing.linear,\n        useNativeDriver: true\n      }\n    ).start(() => this.spin());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.spin();\n  }\n\n  componentWillUnmount(): void {\n      super.componentWillUnmount();\n      this.stopAnimation = true;\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'iconclass':\n        $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n        break;\n    }\n  }\n\n  private getCustomIcon(props: WmIconProps, style: any) {\n    const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n    const customIconContent = customIcon?.content;\n    if (customIconContent) {\n      delete customIcon.content;\n      return (<Text\n        style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n          {decodeURIComponent(customIconContent)}\n      </Text>);\n    }\n    return null;\n  }\n\n  public renderSkeleton(props: WmIconProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  getElementToShow(props: WmIconProps, iconSrc: any) {\n\n    const { iconmargin, iconheight, iconwidth } = props;\n    let width, height;\n    let elementToshow, source;\n\n    if (iconwidth) width = iconwidth;\n    else if (iconheight) width = iconheight;\n    else width = 12;\n    if (iconheight) height = iconheight;\n    else if (iconwidth) height = iconwidth;\n    else height = 12;\n\n    if (isFullPathUrl(iconSrc)) {\n      source = {\n        uri: iconSrc\n      };\n    } else {\n      source = iconSrc;\n    }\n    elementToshow = <Image testID={this.getTestId('icon')}\n      style={{\n        margin: iconmargin ?? 0,\n        height: height,\n        width: width\n      }}\n      source={source}/>;\n    return elementToshow;\n  }\n\n  loadIcon(iconImage: string | undefined) {\n    if (!iconImage || !this.loadAsset) {\n      return null;\n    }\n    const iconImageSrc = this.loadAsset(iconImage);\n    if (iconImageSrc && typeof iconImageSrc !== 'function') {\n      return iconImageSrc;\n    }\n    return null;\n  }\n\n  renderIcon(props: WmIconProps) {\n    let iconJsx = null;\n    this._iconSource =  this._iconSource || this.loadIcon(props.iconurl);\n    const iconSrc: any = this._iconSource \n    if (iconSrc) {\n      return this.getElementToShow(props, iconSrc);\n    }\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    const { root, text, icon } = this.styles;\n    const style = [{ color: root.color || text.color },\n    icon,\n    { transform: [{ rotate: iconDef.rotate }] }];\n\n    const customIcon = this.getCustomIcon(props, style);\n    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n    if (props.show && iconDef && iconDef.isFontAwesome) {\n      //@ts-ignore type information is not matching\n      iconJsx = (<FontAwesome name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n          {customIcon}\n        </FontAwesome>);\n    } else if (props.show && iconDef) {\n      let WMCustomIcon = WavIcon as unknown;\n      if (iconDef.isStreamlineLightIcon) {\n        WMCustomIcon = StreamlineLightIcon;\n      } else if (iconDef.isStreamlineRegularIcon) {\n        WMCustomIcon = StreamlineRegularIcon;\n      } else if (!iconDef.isWavIcon && !customIcon && !this.styles.icon?.fontFamily) {\n        return null;\n      }\n      //@ts-ignore type information is not matching\n      iconJsx = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (iconJsx && iconDef.animation === 'spin') {\n      const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n      const animation = { transform: [{ rotate }] };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else if (iconJsx && iconDef.animation === 'pulse') {\n      const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n      const animation = { opacity: opacity };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{iconJsx}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return (\n      <View\n        // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}\n      >\n        {iconJsx}\n      </View>\n    );\n  }\n\n  renderWidget(props: WmIconProps) {\n    let icon = this.renderIcon(props);\n    let iterationCount: any = props.iterationcount ? (props.iterationcount != 'infinite' ? parseInt(props.iterationcount): 'infinite') : undefined;\n    return (\n      <Tappable target={this} rippleColor = {this.styles.root.rippleColor} {...this.getTestPropsForAction()} accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.ICON, props)}}>  \n        <Animatedview entryanimation={props.animation} style={this.styles.root} iterationCount={iterationCount}>\n          {this._background}\n          {(props.iconposition === 'left' && icon) || null}\n          {(props.caption && (<Text {...this.getTestPropsForLabel('caption')}style={this.styles.text} accessibilityRole={props?.accessibilityrole ? props?.accessibilityrole : 'text'}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAkBC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,IAAI,QAAQ,cAAc;AAClF,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,aAAa,QAAQ,sCAAsC;AACpE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAC3D,OAAOC,OAAO,MAAM,6BAA6B;AACjD,OAAOC,mBAAmB,MAAM,yDAAyD;AACzF,OAAOC,qBAAqB,MAAM,6DAA6D;AAC/F,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAAqBC,cAAc,QAAQ,gCAAgC;AAa3E,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAAC,CACzB,CAAC,OAAO,EAAE,EAAE,CAAC,EACb,CAAC,OAAO,EAAE,EAAE,CAAC,EACb,CAAC,OAAO,EAAE,EAAE,CAAC,EACb,CAAC,OAAO,EAAE,EAAE,CAAC,EACb,CAAC,OAAO,EAAE,EAAE,CAAC,CACd,CAAC;AAEF,MAAMC,cAAc,GAAG,IAAID,GAAG,CAAC,CAC7B,CAAC,cAAc,EAAE,OAAO,CAAC,EACzB,CAAC,eAAe,EAAE,QAAQ,CAAC,EAC3B,CAAC,eAAe,EAAE,QAAQ,CAAC,CAC5B,CAAC;AAEF,OAAO,MAAME,WAAW,SAASf,kBAAkB,CAAc;EAAAgB,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAC9C,CAAC,CAAC;EAAA;AACrB;AAEA,eAAe,MAAMC,MAAM,SAASpB,aAAa,CAAyC;EAMxFiB,WAAWA,CAACI,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEf,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;IAACc,eAAA,oBANrC,IAAIzB,QAAQ,CAAC4B,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,qBACpB,IAAIzB,QAAQ,CAAC4B,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,wBACX,IAAI;IAAAA,eAAA,sBACL,IAAI;EAI1B;EAEAI,UAAUA,CAACC,SAAiB,EAAW;IACrC,MAAMC,OAAO,GAAG;MACdC,MAAM,EAAE;IACV,CAAY;IACZ,MAAMC,MAAM,GAAGH,SAAS,CAACI,KAAK,CAAC,GAAG,CAAC;IACnCH,OAAO,CAACI,aAAa,GAAG,CAAC,CAACF,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,CAAC;IACtDN,OAAO,CAACO,qBAAqB,GAAG,CAAC,CAACL,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,KAAK,SAAS,CAAC;IACnEN,OAAO,CAACQ,uBAAuB,GAAG,CAAC,CAACN,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,KAAK,SAAS,CAAC;IACrE,IAAIN,OAAO,CAACI,aAAa,EAAE;MAAA,IAAAK,YAAA;MACzBT,OAAO,CAACU,IAAI,GAAG,EAAAD,YAAA,GAAAP,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACK,UAAU,CAAC,KAAK,CAAC,CAAC,cAAAF,YAAA,uBAArCA,YAAA,CAAuCG,SAAS,CAAC,CAAC,CAAC,KAAI,EAAE;IAC1E,CAAC,MAAM,IAAIZ,OAAO,CAACO,qBAAqB,EAAE;MAAA,IAAAM,aAAA;MACxCb,OAAO,CAACU,IAAI,GAAG,EAAAG,aAAA,GAAAX,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACK,UAAU,CAAC,KAAK,CAAC,CAAC,cAAAE,aAAA,uBAArCA,aAAA,CAAuCD,SAAS,CAAC,CAAC,CAAC,KAAI,EAAE;IAC1E,CAAC,MAAM,IAAIZ,OAAO,CAACQ,uBAAuB,EAAE;MAAA,IAAAM,aAAA;MAC1Cd,OAAO,CAACU,IAAI,GAAG,EAAAI,aAAA,GAAAZ,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACK,UAAU,CAAC,KAAK,CAAC,CAAC,cAAAG,aAAA,uBAArCA,aAAA,CAAuCF,SAAS,CAAC,CAAC,CAAC,KAAI,EAAE;IAC1E,CAAC,MAAM;MAAA,IAAAG,aAAA;MACLf,OAAO,CAACgB,SAAS,GAAG,CAAChB,OAAO,CAACI,aAAa,IAAI,CAAC,CAACF,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,CAAC;MAC5EN,OAAO,CAACU,IAAI,GAAIV,OAAO,CAACgB,SAAS,MAAAD,aAAA,GAAIb,MAAM,CAACG,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACK,UAAU,CAAC,KAAK,CAAC,CAAC,cAAAI,aAAA,uBAArCA,aAAA,CAAuCH,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE;IACjG;IACA,IAAIb,SAAS,CAACkB,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;MACrCjB,OAAO,CAACkB,SAAS,GAAG,MAAM;IAC5B,CAAC,MAAM,IAAInB,SAAS,CAACkB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;MAC7CjB,OAAO,CAACkB,SAAS,GAAG,OAAO;IAC7B;IACAlB,OAAO,CAACmB,IAAI,GAAGjB,MAAM,CAACkB,GAAG,CAACd,CAAC,IAAIlB,UAAU,CAACiC,GAAG,CAACf,CAAC,CAAC,CAAC,CAACD,IAAI,CAACC,CAAC,IAAI,CAAC,CAACA,CAAC,CAAC,IAAI,EAAE;IACtEN,OAAO,CAACC,MAAM,GAAGC,MAAM,CAACkB,GAAG,CAACd,CAAC,IAAIhB,cAAc,CAAC+B,GAAG,CAACf,CAAC,CAAC,CAAC,CAACD,IAAI,CAACC,CAAC,IAAI,CAAC,CAACA,CAAC,CAAC,IAAI,MAAM;IAChF,OAAON,OAAO;EAChB;EAEQsB,IAAIA,CAAA,EAAI;IACd,IAAI,IAAI,CAACC,aAAa,EAAE;MACtB;IACF;IACA,IAAI,CAACC,SAAS,CAACC,QAAQ,CAAC,CAAC,CAAC;IAC1BxD,QAAQ,CAACyD,MAAM,CACb,IAAI,CAACF,SAAS,EACd;MACEG,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,MAAM,EAAE3D,MAAM,CAAC4D,MAAM;MACrBC,eAAe,EAAE;IACnB,CACF,CAAC,CAACC,KAAK,CAAC,MAAM,IAAI,CAACV,IAAI,CAAC,CAAC,CAAC;EAC5B;EAEAW,iBAAiBA,CAAA,EAAG;IAClB,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACX,IAAI,CAAC,CAAC;EACb;EAEAY,oBAAoBA,CAAA,EAAS;IACzB,KAAK,CAACA,oBAAoB,CAAC,CAAC;IAC5B,IAAI,CAACX,aAAa,GAAG,IAAI;EAC7B;EAEAY,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,QAAOF,IAAI;MACT,KAAK,WAAW;QACdC,IAAI,IAAI,IAAI,CAACE,WAAW,CAAC;UAACvC,OAAO,EAAE,IAAI,CAACF,UAAU,CAACuC,IAAI;QAAC,CAAgB,CAAC;QACzE;IACJ;EACF;EAEQG,aAAaA,CAAC5C,KAAkB,EAAE6C,KAAU,EAAE;IAAA,IAAAC,oBAAA;IACpD,MAAMC,UAAU,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAAH,oBAAA,OAAI,CAACE,KAAK,CAACE,QAAQ,CAAC,CAAAlD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEmD,SAAS,KAAI,EAAE,CAAC,cAAAL,oBAAA,uBAA3CA,oBAAA,CAA6CM,IAAI,KAAI,IAAI,CAACC,MAAM,CAACD,IAAI,CAAC;IACnH,MAAME,iBAAiB,GAAGP,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEQ,OAAO;IAC7C,IAAID,iBAAiB,EAAE;MACrB,OAAOP,UAAU,CAACQ,OAAO;MACzB,oBAAQnF,KAAA,CAAAoF,aAAA,CAACjF,IAAI;QACXsE,KAAK,EAAE,CAACA,KAAK,EAAEE,UAAU,CAACU,UAAU,GAAG;UAACA,UAAU,EAAEV,UAAU,CAACU;QAAU,CAAC,GAAE,IAAI;MAAE,GAC/EC,kBAAkB,CAACJ,iBAAiB,CACnC,CAAC;IACT;IACA,OAAO,IAAI;EACb;EAEOK,cAAcA,CAAC3D,KAAkB,EAAE;IACxC,OAAOT,cAAc,CAAC,IAAI,CAACyD,KAAK,EAAE,IAAI,CAACK,MAAM,CAACO,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACP,MAAM,CAACQ,IAAI;MACnBC,KAAK,EAAG,IAAI,CAAC9D,KAAK,CAAC+D,aAAa,IAAI,IAAI,CAAC/D,KAAK,CAACgE,QAAQ,IAAI,IAAI,CAACX,MAAM,CAACQ,IAAI,CAACC,KAAwB;MACpGG,MAAM,EAAG,IAAI,CAACjE,KAAK,CAACkE,cAAc,IAAI,IAAI,CAAClE,KAAK,CAACgE,QAAQ,IAAI,IAAI,CAACX,MAAM,CAACQ,IAAI,CAACI;IAChF,CAAC,CAAC;EACJ;EAEAE,gBAAgBA,CAACnE,KAAkB,EAAEoE,OAAY,EAAE;IAEjD,MAAM;MAAEC,UAAU;MAAEC,UAAU;MAAEC;IAAU,CAAC,GAAGvE,KAAK;IACnD,IAAI8D,KAAK,EAAEG,MAAM;IACjB,IAAIO,aAAa,EAAEC,MAAM;IAEzB,IAAIF,SAAS,EAAET,KAAK,GAAGS,SAAS,CAAC,KAC5B,IAAID,UAAU,EAAER,KAAK,GAAGQ,UAAU,CAAC,KACnCR,KAAK,GAAG,EAAE;IACf,IAAIQ,UAAU,EAAEL,MAAM,GAAGK,UAAU,CAAC,KAC/B,IAAIC,SAAS,EAAEN,MAAM,GAAGM,SAAS,CAAC,KAClCN,MAAM,GAAG,EAAE;IAEhB,IAAIpF,aAAa,CAACuF,OAAO,CAAC,EAAE;MAC1BK,MAAM,GAAG;QACPC,GAAG,EAAEN;MACP,CAAC;IACH,CAAC,MAAM;MACLK,MAAM,GAAGL,OAAO;IAClB;IACAI,aAAa,gBAAGpG,KAAA,CAAAoF,aAAA,CAAChF,KAAK;MAACmG,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MACpD/B,KAAK,EAAE;QACLgC,MAAM,EAAER,UAAU,IAAI,CAAC;QACvBJ,MAAM,EAAEA,MAAM;QACdH,KAAK,EAAEA;MACT,CAAE;MACFW,MAAM,EAAEA;IAAO,CAAC,CAAC;IACnB,OAAOD,aAAa;EACtB;EAEAM,QAAQA,CAACC,SAA6B,EAAE;IACtC,IAAI,CAACA,SAAS,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;MACjC,OAAO,IAAI;IACb;IACA,MAAMC,YAAY,GAAG,IAAI,CAACD,SAAS,CAACD,SAAS,CAAC;IAC9C,IAAIE,YAAY,IAAI,OAAOA,YAAY,KAAK,UAAU,EAAE;MACtD,OAAOA,YAAY;IACrB;IACA,OAAO,IAAI;EACb;EAEAC,UAAUA,CAAClF,KAAkB,EAAE;IAC7B,IAAImF,OAAO,GAAG,IAAI;IAClB,IAAI,CAACC,WAAW,GAAI,IAAI,CAACA,WAAW,IAAI,IAAI,CAACN,QAAQ,CAAC9E,KAAK,CAACqF,OAAO,CAAC;IACpE,MAAMjB,OAAY,GAAG,IAAI,CAACgB,WAAW;IACrC,IAAIhB,OAAO,EAAE;MACX,OAAO,IAAI,CAACD,gBAAgB,CAACnE,KAAK,EAAEoE,OAAO,CAAC;IAC9C;IACA,MAAMhE,OAAO,GAAG,IAAI,CAACkF,KAAK,CAAClF,OAAO;IAClC,IAAI,CAACA,OAAO,EAAE;MACZ,OAAO,IAAI;IACb;IACA,MAAM;MAAEyD,IAAI;MAAE0B,IAAI;MAAEnC;IAAK,CAAC,GAAG,IAAI,CAACC,MAAM;IACxC,MAAMR,KAAK,GAAG,CAAC;MAAE2C,KAAK,EAAE3B,IAAI,CAAC2B,KAAK,IAAID,IAAI,CAACC;IAAM,CAAC,EAClDpC,IAAI,EACJ;MAAEqC,SAAS,EAAE,CAAC;QAAEpF,MAAM,EAAED,OAAO,CAACC;MAAO,CAAC;IAAE,CAAC,CAAC;IAE5C,MAAM0C,UAAU,GAAG,IAAI,CAACH,aAAa,CAAC5C,KAAK,EAAE6C,KAAK,CAAC;IACnD,MAAM6C,QAAQ,GAAG1F,KAAK,CAACgE,QAAQ,IAAI,IAAI,CAACX,MAAM,CAACQ,IAAI,CAAC8B,QAAQ,IAAI,IAAI,CAACtC,MAAM,CAACkC,IAAI,CAACI,QAAQ,IAAIvF,OAAO,CAACmB,IAAI;IACzG,IAAIvB,KAAK,CAAC4F,IAAI,IAAIxF,OAAO,IAAIA,OAAO,CAACI,aAAa,EAAE;MAClD;MACA2E,OAAO,gBAAI/G,KAAA,CAAAoF,aAAA,CAAC9E,WAAW;QAAC8D,IAAI,EAAEO,UAAU,GAAG,EAAE,GAAG3C,OAAO,CAACU,IAAK;QAC3D+B,KAAK,EAAEA,KAAM;QACbtB,IAAI,EAAEmE;MAAS,GACZ3C,UACU,CAAE;IACnB,CAAC,MAAM,IAAI/C,KAAK,CAAC4F,IAAI,IAAIxF,OAAO,EAAE;MAAA,IAAAyF,iBAAA;MAChC,IAAIC,YAAY,GAAG5G,OAAkB;MACrC,IAAIkB,OAAO,CAACO,qBAAqB,EAAE;QACjCmF,YAAY,GAAG3G,mBAAmB;MACpC,CAAC,MAAM,IAAIiB,OAAO,CAACQ,uBAAuB,EAAE;QAC1CkF,YAAY,GAAG1G,qBAAqB;MACtC,CAAC,MAAM,IAAI,CAACgB,OAAO,CAACgB,SAAS,IAAI,CAAC2B,UAAU,IAAI,GAAA8C,iBAAA,GAAC,IAAI,CAACxC,MAAM,CAACD,IAAI,cAAAyC,iBAAA,eAAhBA,iBAAA,CAAkBpC,UAAU,GAAE;QAC7E,OAAO,IAAI;MACb;MACA;MACA0B,OAAO,GAAGW,YAAY,gBAAI1H,KAAA,CAAAoF,aAAA,CAACsC,YAAY;QAACtD,IAAI,EAAEO,UAAU,GAAG,EAAE,GAAG3C,OAAO,CAACU,IAAK;QAC3E+B,KAAK,EAAEA,KAAM;QACbtB,IAAI,EAAEmE;MAAS,GACd3C,UACW,CAAC,GAAI,IAAI;IACzB;IACA,IAAIoC,OAAO,IAAI/E,OAAO,CAACkB,SAAS,KAAK,MAAM,EAAE;MAC3C,MAAMjB,MAAM,GAAG,IAAI,CAACuB,SAAS,CAACmE,WAAW,CAAC;QAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;MAAC,CAAC,CAAC;MACjG,MAAM3E,SAAS,GAAG;QAAEmE,SAAS,EAAE,CAAC;UAAEpF;QAAO,CAAC;MAAE,CAAC;MAC7C,IAAI,CAACsB,aAAa,GAAG,KAAK;MAC1B,oBAAQvD,KAAA,CAAAoF,aAAA,CAACnF,QAAQ,CAACI,IAAI;QAACoE,KAAK,EAAEvB;MAAU,GAAE6D,OAAuB,CAAC;IACpE,CAAC,MAAM,IAAIA,OAAO,IAAI/E,OAAO,CAACkB,SAAS,KAAK,OAAO,EAAE;MACnD,MAAM4E,OAAO,GAAG,IAAI,CAACtE,SAAS,CAACmE,WAAW,CAAC;QAAEC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QAAEC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC;MAAC,CAAC,CAAC;MACtF,MAAM3E,SAAS,GAAG;QAAE4E,OAAO,EAAEA;MAAQ,CAAC;MACtC,IAAI,CAACvE,aAAa,GAAG,KAAK;MAC1B,oBAAQvD,KAAA,CAAAoF,aAAA,CAACnF,QAAQ,CAACI,IAAI;QAACoE,KAAK,EAAEvB;MAAU,GAAE6D,OAAuB,CAAC;IACpE,CAAC,MAAM;MACL,IAAI,CAACxD,aAAa,GAAG,IAAI;IAC3B;IACA,oBACEvD,KAAA,CAAAoF,aAAA,CAAC/E;IACC;IAAA,QAEC0G,OACG,CAAC;EAEX;EAEAgB,YAAYA,CAACnG,KAAkB,EAAE;IAC/B,IAAIoD,IAAI,GAAG,IAAI,CAAC8B,UAAU,CAAClF,KAAK,CAAC;IACjC,IAAIoG,cAAmB,GAAGpG,KAAK,CAACqG,cAAc,GAAIrG,KAAK,CAACqG,cAAc,IAAI,UAAU,GAAGC,QAAQ,CAACtG,KAAK,CAACqG,cAAc,CAAC,GAAE,UAAU,GAAIE,SAAS;IAC9I,oBACEnI,KAAA,CAAAoF,aAAA,CAACnE,QAAQ,EAAAmH,QAAA;MAACC,MAAM,EAAE,IAAK;MAACC,WAAW,EAAI,IAAI,CAACrD,MAAM,CAACQ,IAAI,CAAC6C;IAAY,GAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,kBAAkB,EAAE;QAAC,GAAG7H,qBAAqB,CAACD,uBAAuB,CAAC+H,IAAI,EAAE7G,KAAK;MAAC;IAAE,iBACzL5B,KAAA,CAAAoF,aAAA,CAAClE,YAAY;MAACwH,cAAc,EAAE9G,KAAK,CAACsB,SAAU;MAACuB,KAAK,EAAE,IAAI,CAACQ,MAAM,CAACQ,IAAK;MAACuC,cAAc,EAAEA;IAAe,GACpG,IAAI,CAACW,WAAW,EACf/G,KAAK,CAACgH,YAAY,KAAK,MAAM,IAAI5D,IAAI,IAAK,IAAI,EAC9CpD,KAAK,CAACiH,OAAO,iBAAK7I,KAAA,CAAAoF,aAAA,CAACjF,IAAI,EAAAiI,QAAA,KAAK,IAAI,CAACU,oBAAoB,CAAC,SAAS,CAAC;MAACrE,KAAK,EAAE,IAAI,CAACQ,MAAM,CAACkC,IAAK;MAAC4B,iBAAiB,EAAEnH,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEoH,iBAAiB,GAAGpH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEoH,iBAAiB,GAAG;IAAO,IAAEpH,KAAK,CAACiH,OAAc,CAAE,IAAK,IAAI,EAC3MjH,KAAK,CAACgH,YAAY,KAAK,OAAO,IAAI5D,IAAI,IAAK,IACjC,CACN,CAAC;EAEf;AACF"}

app-rn-runtime/components/basic/icon/icon.props.js

@@ -20,7 +20,7 @@ export default class WmIconProps extends BaseProps {
     _defineProperty(this, "iconmargin", null);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", 'none');
+    _defineProperty(this, "accessibilityrole", void 0);
   }
 }
 //# sourceMappingURL=icon.props.js.map

app-rn-runtime/components/basic/icon/icon.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmIconProps","constructor","arguments","_defineProperty","undefined"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmIconProps extends BaseProps {\n  animation?: string = null as any;\n  iterationcount?: any;\n  iconclass?: string = 'wm-sl-l sl-user';\n  iconposition? = 'left';\n  caption? = '';\n  iconsize? = 0;\n  onTap?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'none';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEJ,iBAAiB;IAAAA,eAAA,uBACtB,MAAM;IAAAA,eAAA,kBACX,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEa,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,kBACV,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;EAAA;AAChD"}
+{"version":3,"names":["BaseProps","WmIconProps","constructor","arguments","_defineProperty","undefined"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmIconProps extends BaseProps {\n  animation?: string = null as any;\n  iterationcount?: any;\n  iconclass?: string = 'wm-sl-l sl-user';\n  iconposition? = 'left';\n  caption? = '';\n  iconsize? = 0;\n  onTap?: Function;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  iconurl?: string = null as any;\n  iconheight?: number = null as any;\n  iconwidth?: number = null as any;\n  iconmargin?: number = null as any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,WAAW,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEJ,iBAAiB;IAAAA,eAAA,uBACtB,MAAM;IAAAA,eAAA,kBACX,EAAE;IAAAA,eAAA,mBACD,CAAC;IAAAA,eAAA;IAAAA,eAAA,yBAEa,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,kBACV,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE3B"}

app-rn-runtime/components/basic/label/label.component.js

@@ -112,7 +112,7 @@ export default class WmLabel extends BaseComponent {
           flexWrap: "wrap",
           textAlign: this.styles.text.textAlign
         }
-      }, this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}, {
+      }, this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}, getAccessibilityProps(AccessibilityWidgetType.LABEL, props), {
         numberOfLines: props.nooflines,
         ellipsizeMode: "tail"
       }), ((_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.length) === 1 ? this.state.props.caption : (_this$state$parts2 = this.state.parts) === null || _this$state$parts2 === void 0 ? void 0 : _this$state$parts2.map((part, index) => {
@@ -135,7 +135,8 @@ export default class WmLabel extends BaseComponent {
             }
             this.invokeEventCallback('onTap', [null, this.proxy]);
           }
-        }, getAccessibilityProps(AccessibilityWidgetType.LABEL, props)), toString(part.text), props.required && this.getAsterisk());
+          // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}
+        }), toString(part.text), props.required && this.getAsterisk());
       })));
     })) : null;
   }

app-rn-runtime/components/basic/label/label.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","constructor","arguments","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","replace","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","text","link","push","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","fontSize","multilineskeleton","renderWidget","linkStyles","mergeStyle","entryanimation","animation","_background","navigationService","_this$state$parts","_this$state$parts2","target","_extends","state","flexWrap","textAlign","getTestPropsForLabel","numberOfLines","nooflines","ellipsizeMode","map","index","key","isValid","color","selectable","userSelect","onPress","startsWith","openUrl","eventName","substring","invokeEventCallback","proxy","LABEL","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ntype PartType = {\n  text?: string,\n  link?: string,\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n  parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n  }\n\n  private getAsterisk () {\n    return <Text style={this.styles.asterisk}>*</Text>;\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n\n    switch(name) {\n      case \"caption\":\n        this.updateState({\n          parts: this.parseCaption($new)\n        } as WmLabelState);\n        break;\n    }\n  }\n  private getMultilineSkeleton(width: any, height: any) {\n    const styles = {\n      borderRadius:4,\n      marginBottom: 10,\n      height: height\n    };\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...styles,\n      width: width,\n      height: height\n    });\n  }\n\n  parseCaption(caption: string) {\n    if (!caption) {\n      return [];\n    }\n    caption += '';\n    caption = caption.replace(/\\s*\\(\\s*\\$event,\\s*\\$widget\\s*\\)\\s*/, '');\n    caption = caption.replace(/\\(\\s*\\)/, '(#/__EMPTY__)');\n    const pattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n    const linkRegex = /^(((http|https):\\/\\/)|javascript:|#).+$/;\n    const captionSplit = caption.split(pattern);\n\n    let parts = [];\n\n    for (let i = 0; i < captionSplit.length; i++) {\n      const isLink = linkRegex.test(captionSplit[i]);\n      let part: PartType = {};\n      \n      const isNextTextALink = linkRegex.test(captionSplit[i + 1]);\n      if (isLink) {\n        part.text = captionSplit[i - 1] ?? '';\n        part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];\n      } else {\n        part.text = isNextTextALink ? \"\" : captionSplit[i];\n      };\n\n      if (part.text) {\n        parts.push(part);\n      }\n    }\n\n    return parts;\n  }\n\n  public renderSkeleton(props: WmLabelProps){\n    const skeletonWidth = this.props.skeletonwidth || this.styles.root?.width;\n    const skeletonHeight = this.props.skeletonheight || this.styles.root?.height || this.styles.text.fontSize;\n    if(this.props.multilineskeleton) {\n      return (<View style={{\n        width: skeletonWidth as DimensionValue\n      }}>\n        {this.getMultilineSkeleton('100%', skeletonHeight)}\n        {this.getMultilineSkeleton('70%', skeletonHeight)}\n        {this.getMultilineSkeleton('40%', skeletonHeight)}\n      </View>)\n    }\n    else{\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n        width: skeletonWidth as DimensionValue,\n        height: skeletonHeight as DimensionValue\n      });  \n    }\n  }\n\n  renderWidget(props: WmLabelProps) {\n    const linkStyles = this.theme.mergeStyle({text: this.styles.text}, this.styles.link);\n    return !isNil(props.caption) ? (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        {this._background}\n        <NavigationServiceConsumer>\n        {(navigationService: NavigationService) => {\n          return (<Tappable target={this}>\n            <Text style={ this.state.parts.length <= 1 ? this.styles.text : {flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}}\n              {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n              numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n              {this.state.parts?.length === 1 ? this.state.props.caption : this.state.parts?.map((part, index) => {\n                const isLink = !isNil(part.link);\n                return (\n                  <Text\n                    key={`part_${index}`}\n                    style={[\n                      this.styles.text,\n                      isLink ? this.styles.link.text : null,\n                      props.isValid ? null : { color: 'red'}\n                    ]}\n                    {...this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`)}\n                    selectable={this.styles.text.userSelect === 'text'}\n                    onPress={() => {\n                      if (part.link) { \n                        if (part.link.startsWith('http:')\n                          || part.link.startsWith('https:')\n                          || part.link.startsWith('#')) {\n                          navigationService.openUrl(part.link, '_blank');\n                        } else if (part.link.startsWith('javascript:')) {\n                          const eventName = part.link.substring(11);\n                          this.invokeEventCallback(eventName, [null, this.proxy]);\n                        }\n                      }\n                      this.invokeEventCallback('onTap', [null, this.proxy]);\n                    }}\n                    {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n                  >\n                    {toString(part.text)}\n                    {props.required && this.getAsterisk()}\n                  </Text>\n                );\n              })}\n            </Text>\n          </Tappable>)}}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAA4BC,yBAAyB,QAAQ,mDAAmD;AAChH,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAC7D,SAASC,KAAK,EAAEC,QAAQ,QAAQ,WAAW;AAC3C,SAASC,YAAY,QAAQ,mEAAmE;AAChG,SAAqBC,cAAc,QAAQ,gCAAgC;AAO3E,OAAO,MAAMC,YAAY,SAASX,kBAAkB,CAAe;EAAAY,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,gBAC7C,EAAE;EAAA;AACxB;AAEA,eAAe,MAAMC,OAAO,SAAShB,aAAa,CAA4C;EAE5Fa,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,EAAE,IAAIM,YAAY,CAAC,CAAC,CAAC;EACrE;EAEQM,WAAWA,CAAA,EAAI;IACrB,oBAAOrB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;MAACsB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAS,GAAC,GAAO,CAAC;EACpD;EAEOC,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAQ;IAChE,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IAExC,QAAOF,IAAI;MACT,KAAK,SAAS;QACZ,IAAI,CAACG,WAAW,CAAC;UACfC,KAAK,EAAE,IAAI,CAACC,YAAY,CAACJ,IAAI;QAC/B,CAAiB,CAAC;QAClB;IACJ;EACF;EACQK,oBAAoBA,CAACC,KAAU,EAAEC,MAAW,EAAE;IACpD,MAAMX,MAAM,GAAG;MACbY,YAAY,EAAC,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBF,MAAM,EAAEA;IACV,CAAC;IACD,OAAOrB,cAAc,CAAC,IAAI,CAACwB,KAAK,EAAE,IAAI,CAACd,MAAM,CAACe,QAAQ,EAAE;MACtD,GAAGf,MAAM;MACTU,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA;IACV,CAAC,CAAC;EACJ;EAEAH,YAAYA,CAACQ,OAAe,EAAE;IAC5B,IAAI,CAACA,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IACAA,OAAO,IAAI,EAAE;IACbA,OAAO,GAAGA,OAAO,CAACC,OAAO,CAAC,qCAAqC,EAAE,EAAE,CAAC;IACpED,OAAO,GAAGA,OAAO,CAACC,OAAO,CAAC,SAAS,EAAE,eAAe,CAAC;IACrD,MAAMC,OAAO,GAAG,0BAA0B;IAC1C,MAAMC,SAAS,GAAG,yCAAyC;IAC3D,MAAMC,YAAY,GAAGJ,OAAO,CAACK,KAAK,CAACH,OAAO,CAAC;IAE3C,IAAIX,KAAK,GAAG,EAAE;IAEd,KAAK,IAAIe,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,YAAY,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;MAC5C,MAAME,MAAM,GAAGL,SAAS,CAACM,IAAI,CAACL,YAAY,CAACE,CAAC,CAAC,CAAC;MAC9C,IAAII,IAAc,GAAG,CAAC,CAAC;MAEvB,MAAMC,eAAe,GAAGR,SAAS,CAACM,IAAI,CAACL,YAAY,CAACE,CAAC,GAAG,CAAC,CAAC,CAAC;MAC3D,IAAIE,MAAM,EAAE;QACVE,IAAI,CAACE,IAAI,GAAGR,YAAY,CAACE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;QACrCI,IAAI,CAACG,IAAI,GAAGT,YAAY,CAACE,CAAC,CAAC,KAAK,aAAa,GAAG,EAAE,GAAGF,YAAY,CAACE,CAAC,CAAC;MACtE,CAAC,MAAM;QACLI,IAAI,CAACE,IAAI,GAAGD,eAAe,GAAG,EAAE,GAAGP,YAAY,CAACE,CAAC,CAAC;MACpD;MAAC;MAED,IAAII,IAAI,CAACE,IAAI,EAAE;QACbrB,KAAK,CAACuB,IAAI,CAACJ,IAAI,CAAC;MAClB;IACF;IAEA,OAAOnB,KAAK;EACd;EAEOwB,cAAcA,CAACnC,KAAmB,EAAC;IAAA,IAAAoC,iBAAA,EAAAC,kBAAA;IACxC,MAAMC,aAAa,GAAG,IAAI,CAACtC,KAAK,CAACuC,aAAa,MAAAH,iBAAA,GAAI,IAAI,CAAChC,MAAM,CAACoC,IAAI,cAAAJ,iBAAA,uBAAhBA,iBAAA,CAAkBtB,KAAK;IACzE,MAAM2B,cAAc,GAAG,IAAI,CAACzC,KAAK,CAAC0C,cAAc,MAAAL,kBAAA,GAAI,IAAI,CAACjC,MAAM,CAACoC,IAAI,cAAAH,kBAAA,uBAAhBA,kBAAA,CAAkBtB,MAAM,KAAI,IAAI,CAACX,MAAM,CAAC4B,IAAI,CAACW,QAAQ;IACzG,IAAG,IAAI,CAAC3C,KAAK,CAAC4C,iBAAiB,EAAE;MAC/B,oBAAQhE,KAAA,CAAAsB,aAAA,CAACpB,IAAI;QAACqB,KAAK,EAAE;UACnBW,KAAK,EAAEwB;QACT;MAAE,GACC,IAAI,CAACzB,oBAAoB,CAAC,MAAM,EAAE4B,cAAc,CAAC,EACjD,IAAI,CAAC5B,oBAAoB,CAAC,KAAK,EAAE4B,cAAc,CAAC,EAChD,IAAI,CAAC5B,oBAAoB,CAAC,KAAK,EAAE4B,cAAc,CAC5C,CAAC;IACT,CAAC,MACG;MACF,OAAO/C,cAAc,CAAC,IAAI,CAACwB,KAAK,EAAE,IAAI,CAACd,MAAM,CAACe,QAAQ,EAAE;QACtD,GAAG,IAAI,CAACf,MAAM,CAACoC,IAAI;QACnB1B,KAAK,EAAEwB,aAA+B;QACtCvB,MAAM,EAAE0B;MACV,CAAC,CAAC;IACJ;EACF;EAEAI,YAAYA,CAAC7C,KAAmB,EAAE;IAChC,MAAM8C,UAAU,GAAG,IAAI,CAAC5B,KAAK,CAAC6B,UAAU,CAAC;MAACf,IAAI,EAAE,IAAI,CAAC5B,MAAM,CAAC4B;IAAI,CAAC,EAAE,IAAI,CAAC5B,MAAM,CAAC6B,IAAI,CAAC;IACpF,OAAO,CAAC1C,KAAK,CAACS,KAAK,CAACoB,OAAO,CAAC,gBAC1BxC,KAAA,CAAAsB,aAAA,CAACT,YAAY;MAACuD,cAAc,EAAEhD,KAAK,CAACiD,SAAU;MAAC9C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACoC;IAAK,GACpE,IAAI,CAACU,WAAW,eACjBtE,KAAA,CAAAsB,aAAA,CAAChB,yBAAyB,QACxBiE,iBAAoC,IAAK;MAAA,IAAAC,iBAAA,EAAAC,kBAAA;MACzC,oBAAQzE,KAAA,CAAAsB,aAAA,CAACjB,QAAQ;QAACqE,MAAM,EAAE;MAAK,gBAC7B1E,KAAA,CAAAsB,aAAA,CAACrB,IAAI,EAAA0E,QAAA;QAACpD,KAAK,EAAG,IAAI,CAACqD,KAAK,CAAC7C,KAAK,CAACgB,MAAM,IAAI,CAAC,GAAG,IAAI,CAACvB,MAAM,CAAC4B,IAAI,GAAG;UAACyB,QAAQ,EAAE,MAAM;UAAEC,SAAS,EAAE,IAAI,CAACtD,MAAM,CAAC4B,IAAI,CAAC0B;QAAS;MAAE,GACpH,IAAI,CAACF,KAAK,CAAC7C,KAAK,CAACgB,MAAM,IAAI,CAAC,GAAG,IAAI,CAACgC,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QAC5EC,aAAa,EAAE5D,KAAK,CAAC6D,SAAU;QAACC,aAAa,EAAC;MAAM,IACnD,EAAAV,iBAAA,OAAI,CAACI,KAAK,CAAC7C,KAAK,cAAAyC,iBAAA,uBAAhBA,iBAAA,CAAkBzB,MAAM,MAAK,CAAC,GAAG,IAAI,CAAC6B,KAAK,CAACxD,KAAK,CAACoB,OAAO,IAAAiC,kBAAA,GAAG,IAAI,CAACG,KAAK,CAAC7C,KAAK,cAAA0C,kBAAA,uBAAhBA,kBAAA,CAAkBU,GAAG,CAAC,CAACjC,IAAI,EAAEkC,KAAK,KAAK;QAClG,MAAMpC,MAAM,GAAG,CAACrC,KAAK,CAACuC,IAAI,CAACG,IAAI,CAAC;QAChC,oBACErD,KAAA,CAAAsB,aAAA,CAACrB,IAAI,EAAA0E,QAAA;UACHU,GAAG,EAAG,QAAOD,KAAM,EAAE;UACrB7D,KAAK,EAAE,CACL,IAAI,CAACC,MAAM,CAAC4B,IAAI,EAChBJ,MAAM,GAAG,IAAI,CAACxB,MAAM,CAAC6B,IAAI,CAACD,IAAI,GAAG,IAAI,EACrChC,KAAK,CAACkE,OAAO,GAAG,IAAI,GAAG;YAAEC,KAAK,EAAE;UAAK,CAAC;QACtC,GACE,IAAI,CAACR,oBAAoB,CAAC/B,MAAM,GAAI,QAAOoC,KAAM,EAAC,GAAI,WAAUA,KAAM,EAAC,CAAC;UAC5EI,UAAU,EAAE,IAAI,CAAChE,MAAM,CAAC4B,IAAI,CAACqC,UAAU,KAAK,MAAO;UACnDC,OAAO,EAAEA,CAAA,KAAM;YACb,IAAIxC,IAAI,CAACG,IAAI,EAAE;cACb,IAAIH,IAAI,CAACG,IAAI,CAACsC,UAAU,CAAC,OAAO,CAAC,IAC5BzC,IAAI,CAACG,IAAI,CAACsC,UAAU,CAAC,QAAQ,CAAC,IAC9BzC,IAAI,CAACG,IAAI,CAACsC,UAAU,CAAC,GAAG,CAAC,EAAE;gBAC9BpB,iBAAiB,CAACqB,OAAO,CAAC1C,IAAI,CAACG,IAAI,EAAE,QAAQ,CAAC;cAChD,CAAC,MAAM,IAAIH,IAAI,CAACG,IAAI,CAACsC,UAAU,CAAC,aAAa,CAAC,EAAE;gBAC9C,MAAME,SAAS,GAAG3C,IAAI,CAACG,IAAI,CAACyC,SAAS,CAAC,EAAE,CAAC;gBACzC,IAAI,CAACC,mBAAmB,CAACF,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACG,KAAK,CAAC,CAAC;cACzD;YACF;YACA,IAAI,CAACD,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;UACvD;QAAE,GACExF,qBAAqB,CAACD,uBAAuB,CAAC0F,KAAK,EAAE7E,KAAK,CAAC,GAE9DR,QAAQ,CAACsC,IAAI,CAACE,IAAI,CAAC,EACnBhC,KAAK,CAAC8E,QAAQ,IAAI,IAAI,CAAC7E,WAAW,CAAC,CAChC,CAAC;MAEX,CAAC,CACG,CACE,CAAC;IAAC,CACa,CACf,CAAC,GACb,IAAI;EACV;AACF"}
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","AccessibilityWidgetType","getAccessibilityProps","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","constructor","arguments","_defineProperty","WmLabel","props","getAsterisk","createElement","style","styles","asterisk","onPropertyChange","name","$new","$old","updateState","parts","parseCaption","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","caption","replace","pattern","linkRegex","captionSplit","split","i","length","isLink","test","part","isNextTextALink","text","link","push","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","fontSize","multilineskeleton","renderWidget","linkStyles","mergeStyle","entryanimation","animation","_background","navigationService","_this$state$parts","_this$state$parts2","target","_extends","state","flexWrap","textAlign","getTestPropsForLabel","LABEL","numberOfLines","nooflines","ellipsizeMode","map","index","key","isValid","color","selectable","userSelect","onPress","startsWith","openUrl","eventName","substring","invokeEventCallback","proxy","required"],"sources":["label.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmLabelProps from './label.props';\nimport { DEFAULT_CLASS, WmLabelStyles } from './label.styles';\nimport { isNil, toString } from 'lodash-es';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ntype PartType = {\n  text?: string,\n  link?: string,\n};\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n  parts: PartType[] = []\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());\n  }\n\n  private getAsterisk () {\n    return <Text style={this.styles.asterisk}>*</Text>;\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n\n    switch(name) {\n      case \"caption\":\n        this.updateState({\n          parts: this.parseCaption($new)\n        } as WmLabelState);\n        break;\n    }\n  }\n  private getMultilineSkeleton(width: any, height: any) {\n    const styles = {\n      borderRadius:4,\n      marginBottom: 10,\n      height: height\n    };\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...styles,\n      width: width,\n      height: height\n    });\n  }\n\n  parseCaption(caption: string) {\n    if (!caption) {\n      return [];\n    }\n    caption += '';\n    caption = caption.replace(/\\s*\\(\\s*\\$event,\\s*\\$widget\\s*\\)\\s*/, '');\n    caption = caption.replace(/\\(\\s*\\)/, '(#/__EMPTY__)');\n    const pattern = /\\[([^\\]]+)\\]\\(([^)]*)\\)/g;\n    const linkRegex = /^(((http|https):\\/\\/)|javascript:|#).+$/;\n    const captionSplit = caption.split(pattern);\n\n    let parts = [];\n\n    for (let i = 0; i < captionSplit.length; i++) {\n      const isLink = linkRegex.test(captionSplit[i]);\n      let part: PartType = {};\n      \n      const isNextTextALink = linkRegex.test(captionSplit[i + 1]);\n      if (isLink) {\n        part.text = captionSplit[i - 1] ?? '';\n        part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];\n      } else {\n        part.text = isNextTextALink ? \"\" : captionSplit[i];\n      };\n\n      if (part.text) {\n        parts.push(part);\n      }\n    }\n\n    return parts;\n  }\n\n  public renderSkeleton(props: WmLabelProps){\n    const skeletonWidth = this.props.skeletonwidth || this.styles.root?.width;\n    const skeletonHeight = this.props.skeletonheight || this.styles.root?.height || this.styles.text.fontSize;\n    if(this.props.multilineskeleton) {\n      return (<View style={{\n        width: skeletonWidth as DimensionValue\n      }}>\n        {this.getMultilineSkeleton('100%', skeletonHeight)}\n        {this.getMultilineSkeleton('70%', skeletonHeight)}\n        {this.getMultilineSkeleton('40%', skeletonHeight)}\n      </View>)\n    }\n    else{\n      return createSkeleton(this.theme, this.styles.skeleton, {\n        ...this.styles.root,\n        width: skeletonWidth as DimensionValue,\n        height: skeletonHeight as DimensionValue\n      });  \n    }\n  }\n\n  renderWidget(props: WmLabelProps) {\n    const linkStyles = this.theme.mergeStyle({text: this.styles.text}, this.styles.link);\n    return !isNil(props.caption) ? (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        {this._background}\n        <NavigationServiceConsumer>\n        {(navigationService: NavigationService) => {\n          return (<Tappable target={this}>\n            <Text style={ this.state.parts.length <= 1 ? this.styles.text : {flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}}\n              {...this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}}\n              {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n              numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n              {this.state.parts?.length === 1 ? this.state.props.caption : this.state.parts?.map((part, index) => {\n                const isLink = !isNil(part.link);\n                return (\n                  <Text\n                    key={`part_${index}`}\n                    style={[\n                      this.styles.text,\n                      isLink ? this.styles.link.text : null,\n                      props.isValid ? null : { color: 'red'}\n                    ]}\n                    {...this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`)}\n                    selectable={this.styles.text.userSelect === 'text'}\n                    onPress={() => {\n                      if (part.link) { \n                        if (part.link.startsWith('http:')\n                          || part.link.startsWith('https:')\n                          || part.link.startsWith('#')) {\n                          navigationService.openUrl(part.link, '_blank');\n                        } else if (part.link.startsWith('javascript:')) {\n                          const eventName = part.link.substring(11);\n                          this.invokeEventCallback(eventName, [null, this.proxy]);\n                        }\n                      }\n                      this.invokeEventCallback('onTap', [null, this.proxy]);\n                    }}\n                    // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}\n                  >\n                    {toString(part.text)}\n                    {props.required && this.getAsterisk()}\n                  </Text>\n                );\n              })}\n            </Text>\n          </Tappable>)}}\n        </NavigationServiceConsumer>\n      </Animatedview>\n    ) : null;\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/video/video.props.js

@@ -19,7 +19,7 @@ export default class WmVideoProps extends BaseProps {
     _defineProperty(this, "webmformat", null);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", 'none');
+    _defineProperty(this, "accessibilityrole", void 0);
   }
 }
 //# sourceMappingURL=video.props.js.map

app-rn-runtime/components/basic/video/video.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmVideoProps","constructor","arguments","_defineProperty","undefined"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'none';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACrC,KAAK;IAAAA,eAAA,mBACL,KAAK;IAAAA,eAAA,eACT,KAAK;IAAAA,eAAA,oBACQ,IAAI;IAAAA,eAAA,gBAChB,KAAK;IAAAA,eAAA,oBACO,IAAI;IAAAA,eAAA,uBACT,IAAI;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,sBACf,+CAA+C;IAAAA,eAAA,uBAC9C,MAAM;IAAAA,eAAA,8BACC,8CAA8C;IAAAA,eAAA,qBAC/C,IAAI;IAAAA,eAAA,6BACKC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;EAAA;AAClD"}
+{"version":3,"names":["BaseProps","WmVideoProps","constructor","arguments","_defineProperty","undefined"],"sources":["video.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmVideoProps extends BaseProps {\n    autoplay = false;\n    controls = false;\n    loop = false;\n    mp4format: string = null as any;\n    muted = false;\n    oggformat: string = null as any;\n    subtitlelang = 'en';\n    subtitlesource: string = null as any;\n    videoposter = 'resources/images/imagelists/default-image.png';\n    videopreload = 'none';\n    videosupportmessage = 'Your browser does not support the video tag.';\n    webmformat: string = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,mBACrC,KAAK;IAAAA,eAAA,mBACL,KAAK;IAAAA,eAAA,eACT,KAAK;IAAAA,eAAA,oBACQ,IAAI;IAAAA,eAAA,gBAChB,KAAK;IAAAA,eAAA,oBACO,IAAI;IAAAA,eAAA,uBACT,IAAI;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,sBACf,+CAA+C;IAAAA,eAAA,uBAC9C,MAAM;IAAAA,eAAA,8BACC,8CAA8C;IAAAA,eAAA,qBAC/C,IAAI;IAAAA,eAAA,6BACKC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;EAAA;AAE7B"}

app-rn-runtime/components/chart/basechart.props.js

@@ -60,7 +60,8 @@ export default class BaseChartComponentProps extends BaseProps {
     _defineProperty(this, "tooltipcenteroffsety", undefined);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", 'none');
+    _defineProperty(this, "accessibilityrole", void 0);
+    _defineProperty(this, "renderitempartial", void 0);
   }
 }
 //# sourceMappingURL=basechart.props.js.map

app-rn-runtime/components/chart/basechart.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseChartComponentProps","constructor","arguments","_defineProperty","undefined"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class BaseChartComponentProps extends BaseProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  iconclass = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance?: number = undefined;\n  xaxislabeldistance?: number = undefined;\n  offsetxaxis?: number = undefined;\n  offsetyaxis?: number = undefined;\n  customcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: 'percent' | 'value' | 'key-value' | 'key' = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: 'inside' | 'outside' | 'hide' = 'outside';\n  tooltips: boolean = false;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = 'Min';\n  xdomain: string = 'Min';\n  labelangle: number = 0;\n  xtickexpr?: (item: any, index: number, length: number) => any;\n  ytickexpr?: (item: any, index: number, length: number) => any;\n  hidegridxaxis: boolean = false;\n  hidegridyaxis: boolean = false;\n  autoadjustlabels: boolean = false;\n  tooltiporientation : 'top' | 'bottom' | 'left' |'right' = 'top';\n  tooltipwidth?: number = undefined;\n  tooltipheight?: number = undefined;\n  tooltippointerlength?: number = undefined;\n  tooltippointerwidth?: number = undefined;\n  tooltipcenteroffsetx?: number = undefined;\n  tooltipcenteroffsety?: number = undefined;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'none';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,uBACtC,EAAE;IAAAA,eAAA,uBACF,EAAE;IAAAA,eAAA,oBACb,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEC,EAAE;IAAAA,eAAA,gBACD,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,gBACP,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,wBACM,KAAK;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,6BACWC,SAAS;IAAAD,eAAA,6BACTC,SAAS;IAAAD,eAAA,sBAChBC,SAAS;IAAAD,eAAA,sBACTC,SAAS;IAAAD,eAAA,uBACO,EAAE;IAAAA,eAAA,uBAClB,CAAC;IAAAA,eAAA,4BACI,CAAC;IAAAA,eAAA,oBAC0B,SAAS;IAAAA,eAAA,qBAC5C,EAAE;IAAAA,eAAA,gBACN,EAAE;IAAAA,eAAA,sBACN,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,wBACb,eAAe;IAAAA,eAAA,uBACR,EAAE;IAAAA,eAAA,oBACL,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA,qBACkB,SAAS;IAAAA,eAAA,mBACjC,KAAK;IAAAA,eAAA,wBACD,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,KAAK;IAAAA,eAAA,kBACL,KAAK;IAAAA,eAAA,qBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGG,KAAK;IAAAA,eAAA,wBACL,KAAK;IAAAA,eAAA,2BACF,KAAK;IAAAA,eAAA,6BACyB,KAAK;IAAAA,eAAA,uBACvCC,SAAS;IAAAD,eAAA,wBACRC,SAAS;IAAAD,eAAA,+BACFC,SAAS;IAAAD,eAAA,8BACVC,SAAS;IAAAD,eAAA,+BACRC,SAAS;IAAAD,eAAA,+BACTC,SAAS;IAAAD,eAAA,6BACXC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;EAAA;AAChD"}
+{"version":3,"names":["BaseProps","BaseChartComponentProps","constructor","arguments","_defineProperty","undefined"],"sources":["basechart.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class BaseChartComponentProps extends BaseProps {\n  xaxisdatakey: string = '';\n  yaxisdatakey: string = '';\n  iconclass = '';\n  dataset: any;\n  type: string = '';\n  title: string = '';\n  subheading: string = '';\n  theme: string = '';\n  xaxislabel: string = '';\n  xunits: string = '';\n  staggerlabels: boolean = false;\n  yaxislabel: string = '';\n  yunits: string = '';\n  yaxislabeldistance?: number = undefined;\n  xaxislabeldistance?: number = undefined;\n  offsetxaxis?: number = undefined;\n  offsetyaxis?: number = undefined;\n  customcolors: string | Array<string> = '';\n  legendheight: number = 0;\n  labellegendheight: number = 0;\n  labeltype: 'percent' | 'value' | 'key-value' | 'key' = 'percent';\n  bubblesize: string= '';\n  shape: string = '';\n  loadingicon='fa fa-circle-o-notch fa-pulse';\n  loadingdatamsg = 'Loading...';\n  nodatamessage = 'No data found';\n  offsetbottom: number = 50;\n  offsettop: number = 70;\n  offsetleft: number = 65;\n  offsetright: number = 25;\n  showlegend: string = 'top';\n  showlabels: 'inside' | 'outside' | 'hide' = 'outside';\n  tooltips: boolean = false;\n  interpolation: string = 'linear';\n  highlightpoints: boolean = false;\n  showvalues: boolean = false;\n  showyaxis: boolean = true;\n  showxaxis: boolean = true;\n  ydomain: string = 'Min';\n  xdomain: string = 'Min';\n  labelangle: number = 0;\n  xtickexpr?: (item: any, index: number, length: number) => any;\n  ytickexpr?: (item: any, index: number, length: number) => any;\n  hidegridxaxis: boolean = false;\n  hidegridyaxis: boolean = false;\n  autoadjustlabels: boolean = false;\n  tooltiporientation : 'top' | 'bottom' | 'left' |'right' = 'top';\n  tooltipwidth?: number = undefined;\n  tooltipheight?: number = undefined;\n  tooltippointerlength?: number = undefined;\n  tooltippointerwidth?: number = undefined;\n  tooltipcenteroffsetx?: number = undefined;\n  tooltipcenteroffsety?: number = undefined;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,uBAAuB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,uBACtC,EAAE;IAAAA,eAAA,uBACF,EAAE;IAAAA,eAAA,oBACb,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEC,EAAE;IAAAA,eAAA,gBACD,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,gBACP,EAAE;IAAAA,eAAA,qBACG,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,wBACM,KAAK;IAAAA,eAAA,qBACT,EAAE;IAAAA,eAAA,iBACN,EAAE;IAAAA,eAAA,6BACWC,SAAS;IAAAD,eAAA,6BACTC,SAAS;IAAAD,eAAA,sBAChBC,SAAS;IAAAD,eAAA,sBACTC,SAAS;IAAAD,eAAA,uBACO,EAAE;IAAAA,eAAA,uBAClB,CAAC;IAAAA,eAAA,4BACI,CAAC;IAAAA,eAAA,oBAC0B,SAAS;IAAAA,eAAA,qBAC5C,EAAE;IAAAA,eAAA,gBACN,EAAE;IAAAA,eAAA,sBACN,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,wBACb,eAAe;IAAAA,eAAA,uBACR,EAAE;IAAAA,eAAA,oBACL,EAAE;IAAAA,eAAA,qBACD,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,qBACH,KAAK;IAAAA,eAAA,qBACkB,SAAS;IAAAA,eAAA,mBACjC,KAAK;IAAAA,eAAA,wBACD,QAAQ;IAAAA,eAAA,0BACL,KAAK;IAAAA,eAAA,qBACV,KAAK;IAAAA,eAAA,oBACN,IAAI;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,kBACP,KAAK;IAAAA,eAAA,kBACL,KAAK;IAAAA,eAAA,qBACF,CAAC;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,wBAGG,KAAK;IAAAA,eAAA,wBACL,KAAK;IAAAA,eAAA,2BACF,KAAK;IAAAA,eAAA,6BACyB,KAAK;IAAAA,eAAA,uBACvCC,SAAS;IAAAD,eAAA,wBACRC,SAAS;IAAAD,eAAA,+BACFC,SAAS;IAAAD,eAAA,8BACVC,SAAS;IAAAD,eAAA,+BACRC,SAAS;IAAAD,eAAA,+BACTC,SAAS;IAAAD,eAAA,6BACXC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA;EAAA;AAG3B"}

app-rn-runtime/components/container/accordion/accordion.component.js

@@ -95,7 +95,9 @@ export default class WmAccordion extends BaseComponent {
       }
     }, /*#__PURE__*/React.createElement(Text, _extends({
       style: [this.styles.text, this.styles.heading, isExpanded ? this.styles.activeHeaderTitle : {}]
-    }, this.getTestPropsForAction(`header${index}_title`)), isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? /*#__PURE__*/React.createElement(Text, _extends({
+    }, this.getTestPropsForAction(`header${index}_title`), {
+      accessibilityRole: "header"
+    }), isDefined(item.props.title) ? item.props.title : 'Title'), item.props.description ? /*#__PURE__*/React.createElement(Text, _extends({
       style: this.styles.subheading
     }, this.getTestPropsForAction(`header${index}_description`)), item.props.description) : null), this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)), item);
   }

app-rn-runtime/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","WmAccordionState","constructor","arguments","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","_this$state$isExpande","i","accordionPanes","findIndex","t","title","newIndex","state","isExpanded","find","v","toggle","defaultpaneindex","expand","accordionName","name","collapse","expandCollapseIcon","item","index","showBadge","length","undefined","showIcon","useChevron","widgetProps","badge","badgevalue","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","pane","key","getTestPropsForAction","header","firstHeader","lastHeader","activeHeader","onPress","bind","flex","justifyContent","text","heading","activeHeaderTitle","description","subheading","expandedId","collapseId","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","expandedPane","show","setState","invokeEventCallback","proxy","componentDidMount","renderWidget","children","_background","map"],"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\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\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 => t.props.title === accordionPane.props.title);\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      this.accordionPanes[this.newIndex++] = accordionPane;\n    }\n    if (!(this.state.isExpanded?.find((v) => v))) {\n      this.toggle(this.state.props.defaultpaneindex + 1);\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  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    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\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    return (\n      <View style={this.styles.pane} key={item.props.title}>\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 styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            <Text style={[\n              this.styles.text,\n              this.styles.heading,\n              isExpanded ? this.styles.activeHeaderTitle : {}]}\n              {...this.getTestPropsForAction(`header${index}_title`)}>\n                {isDefined(item.props.title) ? item.props.title : 'Title'}\n            </Text>\n            {item.props.description ? \n              (<Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>{item.props.description}</Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    );\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    if (expand && this.state.isExpanded[expandedId - 1]\n        || !expand && this.state.isExpanded[collapseId - 1] === false) {\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      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\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  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    return (\n        <View style={this.styles.root}>\n          {this._background}\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":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAC3D,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,OAAO,QAAQ,QAAQ;AAEhC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AACrE,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,SAASC,SAAS,QAAQ,sCAAsC;AAEhE,OAAO,MAAMC,gBAAgB,SAASL,kBAAkB,CAAmB;EAAAM,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,4BACrD,CAAC,CAAC;IAAAA,eAAA,qBACT,EAAE;EAAA;AACjB;AAEA,eAAe,MAAMC,WAAW,SAASV,aAAa,CAAwD;EAI5GO,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,EAAE,IAAII,gBAAgB,CAAC,CAAC,CAAC;IAACG,eAAA,yBAJtD,EAAE;IAAAA,eAAA,mBACP,CAAC;EAIpB;EAEAG,gBAAgBA,CAACC,aAA8B,EAAE;IAAA,IAAAC,qBAAA;IAC/C,MAAMC,CAAC,GAAG,IAAI,CAACC,cAAc,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACP,KAAK,CAACQ,KAAK,KAAKN,aAAa,CAACF,KAAK,CAACQ,KAAK,CAAC;IACzF,IAAIJ,CAAC,IAAI,CAAC,EAAE;MACV,IAAI,CAACC,cAAc,CAACD,CAAC,CAAC,GAAGF,aAAa;IACxC,CAAC,MAAM;MACL,IAAI,CAACG,cAAc,CAAC,IAAI,CAACI,QAAQ,EAAE,CAAC,GAAGP,aAAa;IACtD;IACA,IAAI,GAAAC,qBAAA,GAAE,IAAI,CAACO,KAAK,CAACC,UAAU,cAAAR,qBAAA,eAArBA,qBAAA,CAAuBS,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAAC,CAAC,EAAE;MAC5C,IAAI,CAACC,MAAM,CAAC,IAAI,CAACJ,KAAK,CAACV,KAAK,CAACe,gBAAgB,GAAG,CAAC,CAAC;IACpD;EACF;EAEAC,MAAMA,CAACC,aAAqB,EAAE;IAC5B,MAAMb,CAAC,GAAG,IAAI,CAACC,cAAc,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACP,KAAK,CAACkB,IAAI,KAAKD,aAAa,CAAC;IAC5E,IAAI,CAACH,MAAM,CAACV,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;EAC1B;EAEAe,QAAQA,CAACF,aAAqB,EAAE;IAC9B,MAAMb,CAAC,GAAG,IAAI,CAACC,cAAc,CAACC,SAAS,CAACC,CAAC,IAAIA,CAAC,CAACP,KAAK,CAACkB,IAAI,KAAKD,aAAa,CAAC;IAC5E,IAAI,CAACH,MAAM,CAACV,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC;EAC3B;EAEAgB,kBAAkBA,CAACC,IAAS,EAAEC,KAAa,EAA4E;IAAA,IAA1EC,SAAS,GAAA1B,SAAA,CAAA2B,MAAA,QAAA3B,SAAA,QAAA4B,SAAA,GAAA5B,SAAA,MAAG,IAAI;IAAA,IAAE6B,QAAQ,GAAA7B,SAAA,CAAA2B,MAAA,QAAA3B,SAAA,QAAA4B,SAAA,GAAA5B,SAAA,MAAG,IAAI;IAAA,IAAE8B,UAAU,GAAA9B,SAAA,CAAA2B,MAAA,QAAA3B,SAAA,QAAA4B,SAAA,GAAA5B,SAAA,MAAG,IAAI;IAAA,IAAEc,UAAU,GAAAd,SAAA,CAAA2B,MAAA,QAAA3B,SAAA,QAAA4B,SAAA,GAAA5B,SAAA,MAAG,KAAK;IACnH,MAAM+B,WAAW,GAAGP,IAAI,CAACrB,KAAK;IAC9B;IACA,MAAM6B,KAAK,GAAGN,SAAS,IAAIK,WAAW,CAACE,UAAU,IAAIL,SAAS,gBAC5D1C,KAAA,CAAAgD,aAAA,CAAC5C,KAAK,EAAA6C,QAAA;MAACC,KAAK,EAAE,CACZ,IAAI,CAACC,MAAM,CAACL,KAAK,EACjBlB,UAAU,GAAG,IAAI,CAACuB,MAAM,CAACC,WAAW,GAAE,IAAI,EAC1C,IAAI,CAACD,MAAM,CAACN,WAAW,CAACQ,SAAS,IAAI,SAAS,CAAC;IAAE,GAC7C,IAAI,CAACC,YAAY,CAAC,OAAO,GAACf,KAAK,CAAC,GACnCM,WAAW,CAACE,UACR,CAAC,GAAG,IAAI;IACjB,IAAIQ,SAAS,GAAG,IAAI;IACpB,IAAIX,UAAU,EAAE;MACdW,SAAS,GAAG3B,UAAU,GAAG,oBAAoB,GAAG,kBAAkB;IACpE,CAAC,MAAM;MACL2B,SAAS,GAAG3B,UAAU,GAAG,aAAa,GAAG,YAAY;IACvD;IACA,oBAAQ5B,KAAA,CAAAgD,aAAA,CAAC7C,IAAI;MAAC+C,KAAK,EAAE;QAACM,aAAa,EAAE;MAAK;IAAE,GACnCV,KAAK,EACLH,QAAQ,gBACP3C,KAAA,CAAAgD,aAAA,CAACtC,MAAM;MACP+C,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,GAAGnB,KAAK,CAAE;MACnCY,MAAM,EAAE,IAAI,CAACQ,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,CAACT,MAAM,CAACU,IAAI,EAAEjC,UAAU,GAAG,IAAI,CAACuB,MAAM,CAACW,UAAU,GAAG,IAAI,CAAE;MAChG3B,IAAI,EAAE,sBAAuB;MAC7BoB,SAAS,EAAEA;IAAU,CAAS,CAAC,GAAG,IAChC,CAAC;EACf;EAEAQ,mBAAmBA,CAACzB,IAAS,EAAEC,KAAU,EAA8B;IAAA,IAA5ByB,cAAqB,GAAAlD,SAAA,CAAA2B,MAAA,QAAA3B,SAAA,QAAA4B,SAAA,GAAA5B,SAAA,MAAG,EAAE;IACnE,MAAMmD,cAAc,GAAG,IAAI,CAACd,MAAM,CAACe,cAAc,CAACC,IAAI,CAACC,KAAK,KAAK1B,SAAS;IAC1E,MAAMd,UAAU,GAAG,IAAI,CAACD,KAAK,CAACC,UAAU,CAACW,KAAK,CAAC;IAC/C,oBACEvC,KAAA,CAAAgD,aAAA,CAAC7C,IAAI;MAAC+C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACkB,IAAK;MAACC,GAAG,EAAEhC,IAAI,CAACrB,KAAK,CAACQ;IAAM,gBACnDzB,KAAA,CAAAgD,aAAA,CAAC9C,gBAAgB,EAAA+C,QAAA;MAACqB,GAAG,EAAE,gBAAgB,IAAI/B,KAAK,GAAG,CAAC;IAAE,GAC5C,IAAI,CAACgC,qBAAqB,CAAE,SAAQhC,KAAM,EAAC,CAAC;MAChDW,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACqB,MAAM,EACxBjC,KAAK,KAAK,CAAC,GAAG,IAAI,CAACY,MAAM,CAACsB,WAAW,GAAE,IAAI,EAC3ClC,KAAK,KAAKyB,cAAc,CAACvB,MAAM,GAAG,CAAC,IAAI,CAACb,UAAU,GAAG,IAAI,CAACuB,MAAM,CAACuB,UAAU,GAAE,IAAI,EACjF9C,UAAU,GAAG,IAAI,CAACuB,MAAM,CAACwB,YAAY,GAAG,CAAC,CAAC,CAAE;MAC5CC,OAAO,EAAE,IAAI,CAAC7C,MAAM,CAAC8C,IAAI,CAAC,IAAI,EAAEtC,KAAK,GAAG,CAAC,EAAE,CAACX,UAAU;IAAE,IAC7D,IAAI,CAACS,kBAAkB,CAACC,IAAI,EAAEC,KAAK,EAAE,KAAK,EAAE0B,cAAc,EAAE,IAAI,EAAErC,UAAU,CAAC,EAC7EU,IAAI,CAACrB,KAAK,CAACsC,SAAS,gBAAGvD,KAAA,CAAAgD,aAAA,CAACtC,MAAM;MAACyC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACU,IAAK;MAAC1B,IAAI,EAAEG,IAAI,CAACrB,KAAK,CAACkB,IAAI,GAAG,OAAQ;MAACoB,SAAS,EAAEjB,IAAI,CAACrB,KAAK,CAACsC;IAAU,CAAS,CAAC,GAAE,IAAI,eAC3IvD,KAAA,CAAAgD,aAAA,CAAC7C,IAAI;MAAC+C,KAAK,EAAE;QAACM,aAAa,EAAE,QAAQ;QAAEsB,IAAI,EAAE,CAAC;QAAEC,cAAc,EAAE;MAAQ;IAAE,gBACxE/E,KAAA,CAAAgD,aAAA,CAAC/C,IAAI,EAAAgD,QAAA;MAACC,KAAK,EAAE,CACX,IAAI,CAACC,MAAM,CAAC6B,IAAI,EAChB,IAAI,CAAC7B,MAAM,CAAC8B,OAAO,EACnBrD,UAAU,GAAG,IAAI,CAACuB,MAAM,CAAC+B,iBAAiB,GAAG,CAAC,CAAC;IAAE,GAC7C,IAAI,CAACX,qBAAqB,CAAE,SAAQhC,KAAM,QAAO,CAAC,GACnD5B,SAAS,CAAC2B,IAAI,CAACrB,KAAK,CAACQ,KAAK,CAAC,GAAGa,IAAI,CAACrB,KAAK,CAACQ,KAAK,GAAG,OAChD,CAAC,EACNa,IAAI,CAACrB,KAAK,CAACkE,WAAW,gBACpBnF,KAAA,CAAAgD,aAAA,CAAC/C,IAAI,EAAAgD,QAAA;MAACC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACiC;IAAW,GAC/B,IAAI,CAACb,qBAAqB,CAAE,SAAQhC,KAAM,cAAa,CAAC,GAAGD,IAAI,CAACrB,KAAK,CAACkE,WAAkB,CAAC,GAAI,IACjG,CAAC,EACN,IAAI,CAAC9C,kBAAkB,CAACC,IAAI,EAAEC,KAAK,EAAE,IAAI,EAAE,CAAC0B,cAAc,EAAE,IAAI,EAAErC,UAAU,CAC7D,CAAC,EAClBU,IACG,CAAC;EAEX;EAEAP,MAAMA,CAACQ,KAAa,EAAiB;IAAA,IAAfN,MAAM,GAAAnB,SAAA,CAAA2B,MAAA,QAAA3B,SAAA,QAAA4B,SAAA,GAAA5B,SAAA,MAAG,IAAI;IACjC,IAAIuE,UAAU,GAAGpD,MAAM,GAAGM,KAAK,GAAG,CAAC,CAAC;IACpC,IAAI+C,UAAU,GAAGrD,MAAM,GAAG,CAAC,CAAC,GAAGM,KAAK;IACpC,IAAIN,MAAM,IAAI,IAAI,CAACN,KAAK,CAACC,UAAU,CAACyD,UAAU,GAAG,CAAC,CAAC,IAC5C,CAACpD,MAAM,IAAI,IAAI,CAACN,KAAK,CAACC,UAAU,CAAC0D,UAAU,GAAG,CAAC,CAAC,KAAK,KAAK,EAAE;MAC/D;IACJ;IACA,IAAIA,UAAU,GAAG,CAAC,IAAI,IAAI,CAAC3D,KAAK,CAACV,KAAK,CAACsE,WAAW,EAAE;MAClDD,UAAU,GAAG,IAAI,CAAC3D,KAAK,CAAC6D,iBAAiB;IAC3C;IACA,MAAMC,aAAa,GAAG,IAAI,CAACnE,cAAc,CAACgE,UAAU,GAAE,CAAC,CAAC;IACxDG,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEC,IAAI,CAAC,CAAC;IACrBC,OAAO,CAACC,OAAO,CAAC,CAAC,CAACC,IAAI,CAAC,MAAM;MAC3B,MAAMC,YAAY,GAAGT,UAAU,GAAG,IAAI,CAAC/D,cAAc,CAAC+D,UAAU,GAAG,CAAC,CAAC,GAAE,IAAI;MAC3ES,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEC,IAAI,CAAC,CAAC;MACpB,IAAI,CAACC,QAAQ,CAAErE,KAAK,IAAK;QACvB,IAAI2D,UAAU,GAAG,CAAC,IAAIG,aAAa,EAAE;UACnC9D,KAAK,CAACC,UAAU,CAAC0D,UAAU,GAAG,CAAC,CAAC,GAAG,KAAK;QAC1C;QACA,IAAID,UAAU,GAAG,CAAC,IAAIS,YAAY,EAAE;UAClCnE,KAAK,CAACC,UAAU,CAACyD,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI;QACzC;QACA,OAAO;UACLG,iBAAiB,EAAEH,UAAU;UAC7BzD,UAAU,EAAE,CAAC,GAAGD,KAAK,CAACC,UAAU;QAClC,CAAC;MACH,CAAC,EAAE,MAAM;QACP,IAAI,CAACqE,mBAAmB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,EACtC,IAAI,CAACC,KAAK,EACVb,UAAU,GAAG,CAAC,EACdC,UAAU,GAAGA,UAAU,GAAG,CAAC,GAAG,IAAI,EAClCQ,YAAY,IAAIA,YAAY,CAAC7E,KAAK,CAACkB,IAAI,EACvCsD,aAAa,IAAIA,aAAa,CAACxE,KAAK,CAACkB,IAAI,CAAC,CAAC;MAC7C,CAAC,CAAC;IACN,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;EACd;EAEOgE,iBAAiBA,CAAA,EAAS;IAC7B,KAAK,CAACA,iBAAiB,CAAC,CAAC;IACzB,IAAI,CAACpE,MAAM,CAAC,IAAI,CAACJ,KAAK,CAACV,KAAK,CAACe,gBAAgB,GAAG,CAAC,CAAC;EACtD;EAEAoE,YAAYA,CAACnF,KAAuB,EAAE;IACpC,MAAM+C,cAAc,GAAG/C,KAAK,CAACoF,QAAQ;IACrC,MAAMhB,UAAU,GAAG,IAAI,CAAC1D,KAAK,CAAC6D,iBAAiB,IAAI,CAAC;IACpD,oBACIxF,KAAA,CAAAgD,aAAA,CAAC7C,IAAI;MAAC+C,KAAK,EAAE,IAAI,CAACC,MAAM,CAACgB;IAAK,GAC3B,IAAI,CAACmC,WAAW,EACdtC,cAAc,GACX3D,OAAO,CAAC2D,cAAc,CAAC,IAAIA,cAAc,CAACvB,MAAM,GAC9CuB,cAAc,CAACuC,GAAG,CAAC,CAACjE,IAAS,EAAEC,KAAU,KAAK,IAAI,CAACwB,mBAAmB,CAACzB,IAAI,EAAEC,KAAK,EAAEyB,cAAc,CAAC,CAAC,GACpG,IAAI,CAACD,mBAAmB,CAACC,cAAc,EAAE,CAAC,CAAC,GAC7C,IACF,CAAC;EAEb;AACF"}
+{"version":3,"names":["React","Text","TouchableOpacity","View","Badge","isArray","BaseComponent","BaseComponentState","WmAccordionProps","DEFAULT_CLASS","WmIcon","isDefined","WmAccordionState","constructor","arguments","_defineProperty","WmAccordion","props","addAccordionPane","accordionPane","_this$state$isExpande","i","accordionPanes","findIndex","t","title","newIndex","state","isExpanded","find","v","toggle","defaultpaneindex","expand","accordionName","name","collapse","expandCollapseIcon","item","index","showBadge","length","undefined","showIcon","useChevron","widgetProps","badge","badgevalue","createElement","_extends","style","styles","activeBadge","badgetype","getTestProps","iconclass","flexDirection","id","getTestId","theme","mergeStyle","icon","activeIcon","renderAccordionpane","accordionpanes","showIconOnLeft","leftToggleIcon","root","width","pane","key","getTestPropsForAction","header","firstHeader","lastHeader","activeHeader","onPress","bind","flex","justifyContent","text","heading","activeHeaderTitle","accessibilityRole","description","subheading","expandedId","collapseId","closeothers","lastExpandedIndex","collapsedPane","hide","Promise","resolve","then","expandedPane","show","setState","invokeEventCallback","proxy","componentDidMount","renderWidget","children","_background","map"],"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\nexport class WmAccordionState extends BaseComponentState<WmAccordionProps> {\n  lastExpandedIndex = -1;\n  isExpanded = [] as boolean[];\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 => t.props.title === accordionPane.props.title);\n    if (i >= 0) {\n      this.accordionPanes[i] = accordionPane;\n    } else {\n      this.accordionPanes[this.newIndex++] = accordionPane;\n    }\n    if (!(this.state.isExpanded?.find((v) => v))) {\n      this.toggle(this.state.props.defaultpaneindex + 1);\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  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    let iconclass = null;\n    if (useChevron) {\n      iconclass = isExpanded ? 'wi wi-chevron-down' : 'wi wi-chevron-up';\n    } else {\n      iconclass = isExpanded ? 'wi wi-minus' : 'wi wi-plus';\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    return (\n      <View style={this.styles.pane} key={item.props.title}>\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 styles={this.styles.icon} name={item.props.name + '_icon'} iconclass={item.props.iconclass}></WmIcon>: null}\n          <View style={{flexDirection: 'column', flex: 1, justifyContent: 'center'}}>\n            <Text 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            {item.props.description ? \n              (<Text style={this.styles.subheading}\n                {...this.getTestPropsForAction(`header${index}_description`)}>{item.props.description}</Text>) : null }\n          </View>\n          {this.expandCollapseIcon(item, index, true, !showIconOnLeft, true, isExpanded)}\n        </TouchableOpacity>\n        {item}\n      </View>\n    );\n  }\n\n  toggle(index: number, expand = true) {\n    let expandedId = expand ? index : -1;\n    let collapseId = expand ? -1 : index;\n    if (expand && this.state.isExpanded[expandedId - 1]\n        || !expand && this.state.isExpanded[collapseId - 1] === false) {\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      const expandedPane = expandedId ? this.accordionPanes[expandedId - 1]: null;\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  renderWidget(props: WmAccordionProps) {\n    const accordionpanes = props.children;\n    const expandedId = this.state.lastExpandedIndex || 0;\n    return (\n        <View style={this.styles.root}>\n          {this._background}\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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"}

app-rn-runtime/components/container/panel/panel.component.js

@@ -72,7 +72,8 @@ export default class WmPanel extends BaseComponent {
     const props = this.state.props;
     return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(`header`), {
       style: [this.styles.header],
-      onPress: this.onPanelPress.bind(this)
+      onPress: this.onPanelPress.bind(this),
+      accessibilityRole: "header"
     }), props.iconclass || props.iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
       styles: this.styles.icon,
       name: props.name + '_icon',