npm - @wavemaker/app-rn-runtime - Versions diffs - 11.7.0-next.24863 → 11.7.0-next.26327 - Mend

@wavemaker/app-rn-runtime 11.7.0-next.24863 → 11.7.0-next.26327

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (288) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmIconProps","constructor","arguments","_defineProperty"],"sources":["icon.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\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}\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;EAAA;~~AAC/B~~"}
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"}

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

@@ -7,6 +7,7 @@ import { Text, View } from 'react-native';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 import WmLabelProps from './label.props';
 import { DEFAULT_CLASS } from './label.styles';
 import { isNil, toString } from 'lodash-es';
@@ -54,9 +55,10 @@ export default class WmLabel extends BaseComponent {
       return [];
     }
     caption += '';
+    caption = caption.replace(/\s*\(\s*\$event,\s*\$widget\s*\)\s*/, '');
     caption = caption.replace(/\(\s*\)/, '(#/__EMPTY__)');
     const pattern = /\[([^\]]+)\]\(([^)]*)\)/g;
-    const linkRegex = /^(((http|https):\/\/)|#)[^ "]+$/;
+    const linkRegex = /^(((http|https):\/\/)|javascript:|#).+$/;
     const captionSplit = caption.split(pattern);
     let parts = [];
     for (let i = 0; i < captionSplit.length; i++) {
@@ -102,30 +104,38 @@ export default class WmLabel extends BaseComponent {
       entryanimation: props.animation,
       style: this.styles.root
     }, this._background, /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => {
-      var _this$state$parts;
+      var _this$state$parts, _this$state$parts2;
       return /*#__PURE__*/React.createElement(Tappable, {
         target: this
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: {
+      }, /*#__PURE__*/React.createElement(Text, _extends({
+        style: this.state.parts.length <= 1 ? this.styles.text : {
           flexWrap: "wrap",
           textAlign: this.styles.text.textAlign
-        },
+        }
+      }, this.state.parts.length <= 1 ? this.getTestPropsForLabel('caption') : {}, {
         numberOfLines: props.nooflines,
         ellipsizeMode: "tail"
-      }, (_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.map((part, index) => {
+      }), ((_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) => {
         const isLink = !isNil(part.link);
         return /*#__PURE__*/React.createElement(Text, _extends({
           key: `part_${index}`,
           style: [this.styles.text, isLink ? this.styles.link.text : null, props.isValid ? null : {
             color: 'red'
           }]
-        }, this.getTestPropsForLabel(isLink ? `link_${index}` : `${index}`), {
-          selectable: this.styles.text.userSelect === 'text'
-        }, part.link ? {
+        }, this.getTestPropsForLabel(isLink ? `link_${index}` : `caption_${index}`), {
+          selectable: this.styles.text.userSelect === 'text',
           onPress: () => {
-            part.link && navigationService.openUrl(part.link, '_blank');
+            if (part.link) {
+              if (part.link.startsWith('http:') || part.link.startsWith('https:') || part.link.startsWith('#')) {
+                navigationService.openUrl(part.link, '_blank');
+              } else if (part.link.startsWith('javascript:')) {
+                const eventName = part.link.substring(11);
+                this.invokeEventCallback(eventName, [null, this.proxy]);
+              }
+            }
+            this.invokeEventCallback('onTap', [null, this.proxy]);
           }
-        } : {}), 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","NavigationServiceConsumer","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","target","flexWrap","textAlign","numberOfLines","nooflines","ellipsizeMode","state","map","index","_extends","key","isValid","color","getTestPropsForLabel","selectable","userSelect","onPress","openUrl","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';\n\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\$/, '(#/__EMPTY__)');\n const pattern = /\\[([^\\]]+)\\]\$([^)]*)\$/g;\n const linkRegex = /^(((http\|https):\\/\\/)\|#)[^ \"]+$/;\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={{flexWrap: \"wrap\", textAlign: this.styles.text.textAlign}} numberOfLines={props.nooflines} ellipsizeMode=\"tail\">\n {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}` : `${index}`)}\n selectable={this.styles.text.userSelect === 'text'}\n {...part.link ? {\n onPress: () => {\n part.link && navigationService.openUrl(part.link, '_blank');\n }\n }: {}}\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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"}
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":"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"}

app-rn-runtime/components/basic/label/label.props.js CHANGED Viewed

@@ -14,6 +14,10 @@ export default class WmLabelProps extends BaseProps {
     _defineProperty(this, "skeletonheight", null);
     _defineProperty(this, "skeletonwidth", null);
     _defineProperty(this, "multilineskeleton", false);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'text');
+    _defineProperty(this, "onTap", null);
   }
 }
 //# sourceMappingURL=label.props.js.map

app-rn-runtime/components/basic/label/label.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmLabelProps","constructor","arguments","_defineProperty","undefined"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLabelProps extends BaseProps {\n animation?: string = null as any;\n caption?: string = 'Label';\n required?: boolean = null as any;\n isValid?: boolean = true;\n wrap?: boolean = true;\n nooflines?: any = undefined;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n multilineskeleton?: boolean = false;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,kBACN,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,oBACHC,SAAS;IAAAD,eAAA,yBACD,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;EAAA;~~AACvC~~"}
1	+ {"version":3,"names":["BaseProps","WmLabelProps","constructor","arguments","_defineProperty","undefined"],"sources":["label.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmLabelProps extends BaseProps {\n animation?: string = null as any;\n caption?: string = 'Label';\n required?: boolean = null as any;\n isValid?: boolean = true;\n wrap?: boolean = true;\n nooflines?: any = undefined;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n multilineskeleton?: boolean = false;\n accessibilitylabel?: string = undefined;\n hint?: string = undefined;\n accessibilityrole?: AccessibilityRole = 'text';\n onTap?: Function = null as any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC3B,IAAI;IAAAA,eAAA,kBACN,OAAO;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,kBACL,IAAI;IAAAA,eAAA,eACP,IAAI;IAAAA,eAAA,oBACHC,SAAS;IAAAD,eAAA,yBACD,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,4BACC,KAAK;IAAAA,eAAA,6BACLC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,gBAC3B,IAAI;EAAA;AAC3B"}

app-rn-runtime/components/basic/label/label.styles.js CHANGED Viewed

@@ -4,7 +4,9 @@ import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
 export const DEFAULT_CLASS = 'app-label';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
-    root: {},
+    root: {
+      alignSelf: 'flex-start'
+    },
     text: {
       fontSize: 16,
       color: themeVariables.labelDefaultColor

app-rn-runtime/components/basic/label/label.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","flexDirection","textAlign","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n asterisk: AllStyle,\n skeleton: WmSkeletonStyles \n link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLabelStyles = defineStyles({\n root: {\n },\n text: {\n fontSize: 16,\n color: themeVariables.labelDefaultColor\n },\n asterisk: {\n color: themeVariables.labelAsteriskColor,\n marginLeft: 2\n },\n skeleton: {\n root:{\n width: '100%',\n height: 16,\n borderRadius: 4\n }\n } as any as WmSkeletonStyles,\n link: {\n text: {\n textDecorationLine: 'underline'\n }\n } as WmAnchorStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', {\n root : {\n flexDirection: 'row',\n textAlign: 'right'\n }\n });\n const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n return {\n root: {\n backgroundColor: color,\n paddingLeft: 32,\n paddingTop: 16,\n paddingRight: 32,\n paddingBottom: 16,\n borderRadius: 6\n },\n text: {\n color: textColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles;\n };\n\n addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n\n const getTextStyles = (color: string) => {\n return {\n text: {\n color: color\n }\n } as WmLabelStyles;\n };\n\n addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n addStyle('text-center', '', {\n root: {\n textAlign: 'center'\n }\n } as WmLabelStyles);\n addStyle('text-left', '', {\n root: {\n textAlign: 'left'\n }\n } as WmLabelStyles);\n addStyle('text-right', '', {\n root: {\n textAlign: 'right'\n }\n } as WmLabelStyles);\n\n\n const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n return deepCopy({\n text: {\n fontWeight: '400',\n fontSize: fontSize,\n margin: 4,\n color: themeVariables.labelHeaderColor\n }\n } as WmLabelStyles, overrides);\n };\n addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n addStyle('media-heading', '', {\n text : {\n fontSize: 16\n }\n } as WmLabelStyles);\n addStyle('text-muted', '', {\n text : {\n color: themeVariables.labelTextMutedColor\n }\n } as WmLabelStyles);\n addStyle('p', '', {\n text : {\n fontSize: 12\n }\n } as WmLabelStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAqB,wCAAwC;AAC9E,SAASC,QAAQ,QAAQ,sCAAsC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,OAAO,MAAMC,aAAa,GAAG,WAAW;AACxCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA4B,GAAGL,YAAY,CAAC;IAC9CM,IAAI,EAAE,~~CACN~~,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,~~EAAEN~~,cAAc,~~CAACO~~;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRF,KAAK,~~EAAEN~~,cAAc,~~CAACS~~,kBAAkB;MACxCC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;~~MACRR~~,IAAI,EAAC;~~QACHS~~,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF,CAA4B;IAC5BC,IAAI,EAAE;MACJX,IAAI,EAAE;QACJY,kBAAkB,EAAE;MACtB;IACF;EACJ,CAAC,CAAC;~~EAEFf~~,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCK,IAAI,EAAG;~~MACLc~~,aAAa,EAAE,KAAK;MACpBC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,MAAMC,cAAc,GAAGA,CAACb,KAAa,EAAEc,SAAiB,KAAoB;IAC1E,OAAO;~~MACLjB~~,IAAI,EAAE;~~QACJkB~~,eAAe,EAAEf,KAAK;QACtBgB,WAAW,EAAE,EAAE;QACfC,UAAU,EAAE,EAAE;QACdC,YAAY,EAAE,EAAE;QAChBC,aAAa,EAAE,EAAE;QACjBX,YAAY,EAAE;MAChB,CAAC;MACDV,IAAI,EAAE;QACJE,KAAK,EAAEc,SAAS;QAChBM,UAAU,EAAE;MACd;IACF,CAAC;EACH,CAAC;~~EAEDzB~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEkB~~,cAAc,~~CAACnB~~,cAAc,~~CAAC2B~~,gBAAgB,~~EAAE3B~~,cAAc,~~CAAC4B~~,wBAAwB,CAAC,CAAC;~~EACtH3B~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEkB~~,cAAc,~~CAACnB~~,cAAc,~~CAACO~~,iBAAiB,~~EAAEP~~,cAAc,~~CAAC6B~~,yBAAyB,CAAC,CAAC;~~EACzH5B~~,QAAQ,CAAC,YAAY,EAAE,EAAE,~~EAAEkB~~,cAAc,~~CAACnB~~,cAAc,~~CAAC8B~~,cAAc,~~EAAE9B~~,cAAc,~~CAAC+B~~,sBAAsB,CAAC,CAAC;~~EAChH9B~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEkB~~,cAAc,~~CAACnB~~,cAAc,~~CAACgC~~,iBAAiB,~~EAAEhC~~,cAAc,~~CAACiC~~,yBAAyB,CAAC,CAAC;~~EACzHhC~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEkB~~,cAAc,~~CAACnB~~,cAAc,~~CAACkC~~,iBAAiB,~~EAAElC~~,cAAc,~~CAACmC~~,yBAAyB,CAAC,CAAC;~~EACzHlC~~,QAAQ,CAAC,eAAe,EAAE,EAAE,~~EAAEkB~~,cAAc,~~CAACnB~~,cAAc,~~CAACoC~~,iBAAiB,~~EAAEpC~~,cAAc,~~CAACqC~~,yBAAyB,CAAC,CAAC;~~EACzHpC~~,QAAQ,CAAC,YAAY,EAAE,EAAE,~~EAAEkB~~,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;~~EAC3DlB~~,QAAQ,CAAC,aAAa,EAAE,EAAE,~~EAAEkB~~,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;EAE7D,MAAMmB,aAAa,GAAIhC,KAAa,IAAK;IACvC,OAAO;MACLF,IAAI,EAAE;QACJE,KAAK,EAAEA;MACT;IACF,CAAC;EACH,CAAC;~~EAEDL~~,QAAQ,CAAC,aAAa,EAAE,EAAE,~~EAAEqC~~,aAAa,~~CAACtC~~,cAAc,~~CAACuC~~,oBAAoB,CAAC,CAAC;EAC/~~EtC~~,QAAQ,CAAC,WAAW,EAAE,EAAE,~~EAAEqC~~,aAAa,~~CAACtC~~,cAAc,~~CAACwC~~,kBAAkB,CAAC,CAAC;~~EAC3EvC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEqC~~,aAAa,~~CAACtC~~,cAAc,~~CAACyC~~,qBAAqB,CAAC,CAAC;~~EACjFxC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEqC~~,aAAa,~~CAACtC~~,cAAc,~~CAAC0C~~,qBAAqB,CAAC,CAAC;~~EACjFzC~~,QAAQ,CAAC,cAAc,EAAE,EAAE,~~EAAEqC~~,aAAa,~~CAACtC~~,cAAc,~~CAAC2C~~,qBAAqB,CAAC,CAAC;~~EACjF1C~~,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IAC1BE,IAAI,EAAE;~~MACJe~~,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;~~EACnBjB~~,QAAQ,CAAC,WAAW,EAAE,EAAE,EAAE;IACxBE,IAAI,EAAE;~~MACJe~~,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;~~EACnBjB~~,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;IACzBE,IAAI,EAAE;~~MACJe~~,SAAS,EAAE;IACb;EACF,CAAkB,CAAC;EAGnB,MAAM0B,gBAAgB,GAAGA,CAACvC,QAAgB,EAAEwC,SAAyB,KAAK;IACxE,~~OAAOjD~~,QAAQ,CAAC;~~MACdQ~~,IAAI,EAAE;QACJsB,UAAU,EAAE,KAAK;QACjBrB,QAAQ,EAAEA,QAAQ;QAClByC,MAAM,EAAE,CAAC;QACTxC,KAAK,~~EAAEN~~,cAAc,~~CAAC+C~~;MACxB;IACF,CAAC,EAAmBF,SAAS,CAAC;EAChC,CAAC;~~EACD5C~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE2C~~,gBAAgB,~~CAAC5C~~,cAAc,~~CAACgD~~,gBAAgB,EAAE;IAAC5C,IAAI,EAAE;MAACsB,UAAU,EAAE;IAAM;EAAC,CAAkB,CAAC,CAAC;~~EACpHzB~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE2C~~,gBAAgB,~~CAAC5C~~,cAAc,~~CAACiD~~,gBAAgB,EAAE;IAAC7C,IAAI,EAAE;MAACsB,UAAU,EAAE;IAAK;EAAC,CAAkB,CAAC,CAAC;~~EACnHzB~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE2C~~,gBAAgB,~~CAAC5C~~,cAAc,~~CAACkD~~,gBAAgB,CAAC,CAAC;~~EACrEjD~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE2C~~,gBAAgB,~~CAAC5C~~,cAAc,~~CAACmD~~,gBAAgB,CAAC,CAAC;~~EACrElD~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE2C~~,gBAAgB,~~CAAC5C~~,cAAc,~~CAACoD~~,gBAAgB,CAAC,CAAC;~~EACrEnD~~,QAAQ,CAAC,IAAI,EAAE,EAAE,~~EAAE2C~~,gBAAgB,~~CAAC5C~~,cAAc,~~CAACqD~~,gBAAgB,CAAC,CAAC;~~EACrEpD~~,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;~~IAC5BG~~,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;~~EACnBJ~~,QAAQ,CAAC,YAAY,EAAE,EAAE,EAAE;~~IACzBG~~,IAAI,EAAG;MACLE,KAAK,~~EAAEN~~,cAAc,~~CAACsD~~;IACxB;EACF,CAAkB,CAAC;~~EACnBrD~~,QAAQ,CAAC,GAAG,EAAE,EAAE,EAAE;~~IAChBG~~,IAAI,EAAG;MACLC,QAAQ,EAAE;IACZ;EACF,CAAkB,CAAC;AACrB,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","deepCopy","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","alignSelf","text","fontSize","color","labelDefaultColor","asterisk","labelAsteriskColor","marginLeft","skeleton","width","height","borderRadius","link","textDecorationLine","flexDirection","textAlign","getLabelStyles","textColor","backgroundColor","paddingLeft","paddingTop","paddingRight","paddingBottom","fontWeight","labelDangerColor","labelDangerContrastColor","labelDefaultContrastColor","labelInfoColor","labelInfoContrastColor","labelPrimaryColor","labelPrimaryContrastColor","labelSuccessColor","labelSuccessContrastColor","labelWarningColor","labelWarningContrastColor","getTextStyles","labelTextDangerColor","labelTextInfoColor","labelTextPrimaryColor","labelTextSuccessColor","labelTextWarningColor","getHeadingStyles","overrides","margin","labelHeaderColor","heading1FontSize","heading2FontSize","heading3FontSize","heading4FontSize","heading5FontSize","heading6FontSize","labelTextMutedColor"],"sources":["label.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\nimport { WmAnchorStyles } from '../anchor/anchor.styles';\n\nexport type WmLabelStyles = BaseStyles & {\n asterisk: AllStyle,\n skeleton: WmSkeletonStyles \n link: WmAnchorStyles\n};\n\nexport const DEFAULT_CLASS = 'app-label';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmLabelStyles = defineStyles({\n root: {\n alignSelf: 'flex-start'\n },\n text: {\n fontSize: 16,\n color: themeVariables.labelDefaultColor\n },\n asterisk: {\n color: themeVariables.labelAsteriskColor,\n marginLeft: 2\n },\n skeleton: {\n root:{\n width: '100%',\n height: 16,\n borderRadius: 4\n }\n } as any as WmSkeletonStyles,\n link: {\n text: {\n textDecorationLine: 'underline'\n }\n } as WmAnchorStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', {\n root : {\n flexDirection: 'row',\n textAlign: 'right'\n }\n });\n const getLabelStyles = (color: string, textColor: string): WmLabelStyles => {\n return {\n root: {\n backgroundColor: color,\n paddingLeft: 32,\n paddingTop: 16,\n paddingRight: 32,\n paddingBottom: 16,\n borderRadius: 6\n },\n text: {\n color: textColor,\n fontWeight: 'bold'\n }\n } as WmLabelStyles;\n };\n\n addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));\n addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));\n addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));\n addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));\n addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));\n addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));\n addStyle('label-test', '', getLabelStyles('yellow', 'red'));\n addStyle('label-test1', '', getLabelStyles('blue', 'orange'));\n\n const getTextStyles = (color: string) => {\n return {\n text: {\n color: color\n }\n } as WmLabelStyles;\n };\n\n addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));\n addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));\n addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));\n addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));\n addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));\n addStyle('text-center', '', {\n root: {\n textAlign: 'center'\n }\n } as WmLabelStyles);\n addStyle('text-left', '', {\n root: {\n textAlign: 'left'\n }\n } as WmLabelStyles);\n addStyle('text-right', '', {\n root: {\n textAlign: 'right'\n }\n } as WmLabelStyles);\n\n\n const getHeadingStyles = (fontSize: number, overrides?: WmLabelStyles) => {\n return deepCopy({\n text: {\n fontWeight: '400',\n fontSize: fontSize,\n margin: 4,\n color: themeVariables.labelHeaderColor\n }\n } as WmLabelStyles, overrides);\n };\n addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {text: {fontWeight: 'bold'}} as WmLabelStyles));\n addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {text: {fontWeight: '500'}} as WmLabelStyles));\n addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));\n addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));\n addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));\n addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));\n addStyle('media-heading', '', {\n text : {\n fontSize: 16\n }\n } as WmLabelStyles);\n addStyle('text-muted', '', {\n text : {\n color: themeVariables.labelTextMutedColor\n }\n } as WmLabelStyles);\n addStyle('p', '', {\n text : {\n fontSize: 12\n }\n } as WmLabelStyles);\n});\n"],"mappings":"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"}

app-rn-runtime/components/basic/message/message.component.js CHANGED Viewed

@@ -10,6 +10,7 @@ import { DEFAULT_CLASS } from './message.styles';
 import WmIcon from '../icon/icon.component';
 import WmButton from '../button/button.component';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 export class WmMessageState extends BaseComponentState {}
 const MESSAGE_ICONS = {
   'success': 'wm-sl-l sl-check',
@@ -63,9 +64,9 @@ export default class WmMessage extends BaseComponent {
       style: styles.message
     }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('title'), {
       style: styles.title
-    }), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
       style: styles.text
-    }), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
       id: this.getTestId('close'),
       iconclass: "wi wi-close",
       styles: styles.closeBtn,

app-rn-runtime/components/basic/message/message.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","style","root","_background","id","getTestId","iconclass","icon","message","_extends","getTestPropsForLabel","title","text","caption","hideclose","closeBtn","onTap","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n 'success': 'wm-sl-l sl-check',\n 'warning': 'wm-sl-l sl-alarm-bell',\n 'error': 'fa fa-times-circle',\n 'info': 'wi wi-info',\n 'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n 'success': 'Success',\n 'warning': 'Warning',\n 'error': 'Error',\n 'info': 'Info',\n 'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n constructor(props: WmMessageProps) {\n super(props, DEFAULT_CLASS, new WmMessageProps());\n }\n\n showMessage() {\n this.updateState({\n props: {\n show: true\n }\n } as WmMessageState);\n }\n\n hideMessage() {\n this.updateState({\n props: {\n show: false\n }\n } as WmMessageState);\n }\n\n close = () => {\n this.updateState({props: {\n show : false\n }}, () => this.invokeEventCallback('onClose', [null, this]));\n }\n\n renderWidget(props: WmMessageProps) {\n const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n return (<Animatedview entryanimation={props.animation} style={styles.root}>\n {this._background}\n <WmIcon\n id={this.getTestId('icon')}\n iconclass={props.type && MESSAGE_ICONS[props.type]}\n styles={styles.icon}></WmIcon>\n <View style={styles.message}>\n <Text {...this.getTestPropsForLabel('title')} style={styles.title}>{props.title \|\| DEFAULT_TITLE[props.type \|\| '']}</Text>\n <Text {...this.getTestPropsForLabel('caption')} style={styles.text}>{props.caption}</Text>\n </View>\n {props.hideclose ? null : (\n <WmButton\n id={this.getTestId('close')}\n iconclass=\"wi wi-close\"\n styles={styles.closeBtn}\n onTap={this.close}></WmButton>\n )}\n </Animatedview>);\n }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,cAAc,MAAM,iBAAiB;AAC5C,SAASC,aAAa,QAAyB,kBAAkB;AACjE,OAAOC,MAAM,MAAM,wBAAwB;AAC3C,OAAOC,QAAQ,MAAM,4BAA4B;AACjD,SAASC,YAAY,QAAQ,mEAAmE;~~AAEhG~~,OAAO,MAAMC,cAAc,~~SAASN~~,kBAAkB,CAAiB;AAEvE,~~MAAMO~~,aAAa,GAAG;EACpB,SAAS,EAAE,kBAAkB;EAC7B,SAAS,EAAE,uBAAuB;EAClC,OAAO,EAAE,oBAAoB;EAC7B,MAAM,EAAE,YAAY;EACpB,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,aAAa,GAAG;EACpB,SAAS,EAAE,SAAS;EACpB,SAAS,EAAE,SAAS;EACpB,OAAO,EAAE,OAAO;EAChB,MAAM,EAAE,MAAM;EACd,SAAS,EAAE;AACb,CAAQ;AAER,eAAe,MAAMC,SAAS,~~SAASV~~,aAAa,CAAkD;~~EAEpGW~~,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,~~EAAET~~,aAAa,EAAE,IAAID,cAAc,CAAC,CAAC,CAAC;~~IAACW~~,eAAA,gBAmB5C,MAAM;MACZ,IAAI,CAACC,WAAW,CAAC;QAACF,KAAK,EAAE;UACvBG,IAAI,EAAG;QACT;MAAC,CAAC,EAAE,MAAM,IAAI,CAACC,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;IAC9D,CAAC;EAtBD;EAEAC,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACH,WAAW,CAAC;MACfF,KAAK,EAAE;QACLG,IAAI,EAAE;MACR;IACF,CAAmB,CAAC;EACtB;EAEAG,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACJ,WAAW,CAAC;MACfF,KAAK,EAAE;QACLG,IAAI,EAAE;MACR;IACF,CAAmB,CAAC;EACtB;EAQAI,YAAYA,CAACP,KAAqB,EAAE;IAClC,MAAMQ,MAAM,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,IAAI,CAACD,KAAK,CAACE,QAAQ,CAAE,GAAEX,KAAK,CAACY,IAAK,IAAGZ,KAAK,CAACa,OAAQ,UAAS,CAAC,EAAE,IAAI,CAACL,MAAM,CAAC;IAChH,~~oBAAQvB~~,KAAA,~~CAAA6B~~,aAAA,~~CAACpB~~,YAAY;~~MAACqB~~,cAAc,EAAEf,KAAK,CAACgB,SAAU;MAACC,KAAK,EAAET,MAAM,CAACU;IAAK,GACvE,IAAI,CAACC,WAAW,~~eACjBlC~~,KAAA,~~CAAA6B~~,aAAA,~~CAACtB~~,MAAM;~~MACL4B~~,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,CAAE;MAC3BC,SAAS,EAAEtB,KAAK,CAACY,IAAI,IAAIhB,aAAa,CAACI,KAAK,CAACY,IAAI,CAAE;MACnDJ,MAAM,EAAEA,MAAM,CAACe;IAAK,CAAS,CAAC,~~eAChCtC~~,KAAA,~~CAAA6B~~,aAAA,~~CAAC5B~~,IAAI;~~MAAC+B~~,KAAK,EAAET,MAAM,CAACgB;IAAQ,~~gBAC1BvC~~,KAAA,~~CAAA6B~~,aAAA,~~CAAC3B~~,IAAI,~~EAAAsC~~,QAAA,KAAK,IAAI,CAACC,oBAAoB,CAAC,OAAO,CAAC;MAAET,KAAK,EAAET,MAAM,CAACmB;IAAM,~~IAAE3B~~,KAAK,CAAC2B,KAAK,IAAI9B,aAAa,CAACG,KAAK,CAACY,IAAI,IAAI,EAAE,CAAQ,CAAC,~~eAC1H3B~~,KAAA,~~CAAA6B~~,aAAA,~~CAAC3B~~,IAAI,~~EAAAsC~~,QAAA,KAAK,IAAI,CAACC,oBAAoB,CAAC,SAAS,CAAC;MAAET,KAAK,EAAET,MAAM,~~CAACoB~~;IAAK,~~IAAE5B~~,KAAK,~~CAAC6B~~,OAAc,~~CACrF~~,CAAC,~~EACN7B~~,KAAK,~~CAAC8B~~,SAAS,GAAG,IAAI,~~gBACrB7C~~,KAAA,~~CAAA6B~~,aAAA,~~CAACrB~~,QAAQ;~~MACP2B~~,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,OAAO,CAAE;MAC5BC,SAAS,EAAC,aAAa;MACvBd,MAAM,EAAEA,MAAM,~~CAACuB~~,QAAS;MACxBC,KAAK,EAAE,IAAI,CAACC;IAAM,CAAW,CAErB,CAAC;EACjB;AACF"}
1	+ {"version":3,"names":["React","View","Text","BaseComponent","BaseComponentState","WmMessageProps","DEFAULT_CLASS","WmIcon","WmButton","Animatedview","AccessibilityWidgetType","getAccessibilityProps","WmMessageState","MESSAGE_ICONS","DEFAULT_TITLE","WmMessage","constructor","props","_defineProperty","updateState","show","invokeEventCallback","showMessage","hideMessage","renderWidget","styles","theme","mergeStyle","getStyle","type","variant","createElement","entryanimation","animation","style","root","_background","id","getTestId","iconclass","icon","message","_extends","getTestPropsForLabel","title","MESSAGE","text","caption","hideclose","closeBtn","onTap","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n 'success': 'wm-sl-l sl-check',\n 'warning': 'wm-sl-l sl-alarm-bell',\n 'error': 'fa fa-times-circle',\n 'info': 'wi wi-info',\n 'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n 'success': 'Success',\n 'warning': 'Warning',\n 'error': 'Error',\n 'info': 'Info',\n 'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n constructor(props: WmMessageProps) {\n super(props, DEFAULT_CLASS, new WmMessageProps());\n }\n\n showMessage() {\n this.updateState({\n props: {\n show: true\n }\n } as WmMessageState);\n }\n\n hideMessage() {\n this.updateState({\n props: {\n show: false\n }\n } as WmMessageState);\n }\n\n close = () => {\n this.updateState({props: {\n show : false\n }}, () => this.invokeEventCallback('onClose', [null, this]));\n }\n\n renderWidget(props: WmMessageProps) {\n const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n return (<Animatedview entryanimation={props.animation} style={styles.root}>\n {this._background}\n <WmIcon\n id={this.getTestId('icon')}\n iconclass={props.type && MESSAGE_ICONS[props.type]}\n styles={styles.icon}></WmIcon>\n <View style={styles.message}>\n <Text {...this.getTestPropsForLabel('title')} style={styles.title} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.title \|\| DEFAULT_TITLE[props.type \|\| '']}</Text>\n <Text {...this.getTestPropsForLabel('caption')} style={styles.text} {...getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)}>{props.caption}</Text>\n </View>\n {props.hideclose ? null : (\n <WmButton\n id={this.getTestId('close')}\n iconclass=\"wi wi-close\"\n styles={styles.closeBtn}\n onTap={this.close}></WmButton>\n )}\n </Animatedview>);\n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/message/message.props.js CHANGED Viewed

@@ -11,6 +11,9 @@ export default class WmMessageProps extends BaseProps {
     _defineProperty(this, "caption", 'Message');
     _defineProperty(this, "type", 'success');
     _defineProperty(this, "hideclose", false);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'alert');
     _defineProperty(this, "onClose", void 0);
   }
 }

app-rn-runtime/components/basic/message/message.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmMessageProps","constructor","arguments","_defineProperty"],"sources":["message.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmMessageProps extends BaseProps {\n animation?: string = 'fadeIn';\n title?: string = '';\n variant?: string = 'dark'\n caption? = 'Message';\n type?: 'success' \| 'warning' \| 'error' \| 'info' \| 'loading' = 'success';\n hideclose? = false;\n onClose?: () => void;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,gBACZ,EAAE;IAAAA,eAAA,kBACA,MAAM;IAAAA,eAAA,kBACd,SAAS;IAAAA,eAAA,eAC0C,SAAS;IAAAA,eAAA,oBAC1D,KAAK;IAAAA,eAAA;EAAA;~~AAEpB~~"}
1	+ {"version":3,"names":["BaseProps","WmMessageProps","constructor","arguments","_defineProperty","undefined"],"sources":["message.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmMessageProps extends BaseProps {\n animation?: string = 'fadeIn';\n title?: string = '';\n variant?: string = 'dark'\n caption? = 'Message';\n type?: 'success' \| 'warning' \| 'error' \| 'info' \| 'loading' = 'success';\n hideclose? = false;\n accessibilitylabel?: string = undefined;\n hint?: string = undefined;\n accessibilityrole?: AccessibilityRole = 'alert';\n onClose?: () => void;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,gBACZ,EAAE;IAAAA,eAAA,kBACA,MAAM;IAAAA,eAAA,kBACd,SAAS;IAAAA,eAAA,eAC0C,SAAS;IAAAA,eAAA,oBAC1D,KAAK;IAAAA,eAAA,6BACYC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,OAAO;IAAAA,eAAA;EAAA;AAEjD"}

app-rn-runtime/components/basic/message/message.styles.js CHANGED Viewed

@@ -38,8 +38,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     closeBtn: {
       root: {
+        borderRadius: 0,
+        paddingLeft: 8,
         paddingHorizontal: 0,
-        paddingRight: 8,
+        paddingRight: 0,
         alignSelf: 'center'
       },
       icon: {

app-rn-runtime/components/basic/message/message.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","alignItems","borderWidth","borderStyle","message","flex","justifyContent","alignContent","title","fontWeight","fontSize","text","icon","closeBtn","paddingHorizontal","alignSelf","getStyle","bgColor","closeBtnColor","iconcolor","textcolor","titleColor","borderColor","arguments","length","undefined","transparent","backgroundColor","color","OS","textAlign","messageSuccessColor","defaultColorF","messageErrorColor","messageWarningColor","messageInfoColor","messageLoadingColor","defaultColor6","defaultColor1","defaultColorD"],"sources":["message.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\n\nexport type WmMessageStyles = BaseStyles & {\n message: AllStyle,\n icon: WmIconStyles\n closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-message';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmMessageStyles = defineStyles({\n root: {\n flexDirection: 'row',\n paddingTop: 8,\n paddingBottom: 8,\n paddingLeft: 8,\n paddingRight: 8,\n borderRadius: 6,\n alignItems: 'center',\n borderWidth: 1,\n borderStyle: 'solid'\n },\n message: {\n flex: 1,\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignContent: 'center',\n paddingLeft: 16\n },\n title: {\n fontWeight: 'bold',\n fontSize: 14,\n paddingBottom: 4\n },\n text: {\n fontSize: 12\n },\n icon: {\n root: {\n alignItems: 'flex-start',\n fontSize: 20\n }\n } as WmIconStyles,\n closeBtn: {\n root: {\n paddingHorizontal: 0,\n paddingRight: 8,\n alignSelf: 'center'\n },\n icon: {\n text: {\n fontSize: 16\n }\n }\n } as WmButtonStyles\n }) as WmMessageStyles;\n\n const getStyle = (bgColor: string, \n closeBtnColor: string,\n iconcolor: string,\n textcolor: string,\n titleColor: string,\n borderColor = themeVariables.transparent) => {\n return {\n root: {\n backgroundColor: bgColor,\n borderColor: borderColor\n },\n message: {\n color: textcolor\n },\n title: {\n color: titleColor\n },\n text: {\n color: textcolor\n },\n icon: {\n root: {\n color: iconcolor\n }\n } as WmIconStyles,\n closeBtn: {\n icon: {\n root : {\n color: closeBtnColor,\n }\n }\n } as WmButtonStyles\n } as WmMessageStyles;\n };\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n title:{\n textAlign:'right',\n },\n text:{\n textAlign:'right',\n },\n message:{\n paddingRight: 16\n }\n }:{\n title:{\n textAlign:'left',\n },\n text:{\n textAlign:'left',\n },\n message:{\n paddingRight: 16\n }\n });\n addStyle('success-dark-message', '', getStyle(\n themeVariables.messageSuccessColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n addStyle('error-dark-message', '', getStyle(\n themeVariables.messageErrorColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n addStyle('warning-dark-message', '', getStyle(\n themeVariables.messageWarningColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF\n ));\n addStyle('info-dark-message', '', getStyle(\n themeVariables.messageInfoColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n addStyle('loading-dark-message', '', getStyle(\n themeVariables.messageLoadingColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n\n\n addStyle('success-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageSuccessColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('error-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageErrorColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('warning-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageWarningColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('info-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageInfoColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('loading-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageLoadingColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAGxF,SAASC,QAAQ,QAAQ,cAAc;AAQvC,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA8B,GAAGN,YAAY,CAAC;IAChDO,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE;IACjB,CAAC;IACDC,OAAO,EAAE;MACLC,IAAI,EAAE,CAAC;MACPV,aAAa,EAAE,QAAQ;MACvBW,cAAc,EAAE,YAAY;MAC5BC,YAAY,EAAE,QAAQ;MACtBT,WAAW,EAAE;IACjB,CAAC;IACDU,KAAK,EAAE;MACHC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZb,aAAa,EAAE;IACnB,CAAC;IACDc,IAAI,EAAE;MACFD,QAAQ,EAAE;IACd,CAAC;IACDE,IAAI,EAAE;MACFlB,IAAI,EAAE;QACFO,UAAU,EAAE,YAAY;QACxBS,QAAQ,EAAE;MACd;IACJ,CAAiB;IACjBG,QAAQ,EAAE;MACNnB,IAAI,EAAE;QACFoB,iBAAiB,EAAE,CAAC;QACpBf,YAAY,EAAE,CAAC;QACfgB,SAAS,EAAE;MACf,CAAC;MACDH,IAAI,EAAE;QACFD,IAAI,EAAE;UACFD,QAAQ,EAAE;QACd;MACJ;IACJ;EACJ,CAAC,CAAoB;EAErB,MAAMM,QAAQ,GAAG,SAAAA,CAACC,OAAe,EAC7BC,aAAqB,EACrBC,SAAiB,EACjBC,SAAiB,EACjBC,UAAkB,EAC2B;IAAA,IAA7CC,WAAW,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGhC,cAAc,CAACmC,WAAW;IACxC,OAAO;MACHhC,IAAI,EAAE;QACFiC,eAAe,EAAEV,OAAO;QACxBK,WAAW,EAAEA;MACjB,CAAC;MACDlB,OAAO,EAAE;QACLwB,KAAK,EAAER;MACX,CAAC;MACDZ,KAAK,EAAE;QACHoB,KAAK,EAAEP;MACX,CAAC;MACDV,IAAI,EAAE;QACFiB,KAAK,EAAER;MACX,CAAC;MACDR,IAAI,EAAE;QACFlB,IAAI,EAAE;UACFkC,KAAK,EAAET;QACX;MACJ,CAAiB;MACjBN,QAAQ,EAAE;QACND,IAAI,EAAE;UACFlB,IAAI,EAAG;YACHkC,KAAK,EAAEV;UACX;QACJ;MACJ;IACJ,CAAC;EACL,CAAC;EAED1B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAACyC,EAAE,IAAE,KAAK,GAAC;IACpDrB,KAAK,EAAC;MACFsB,SAAS,EAAC;IACd,CAAC;IACDnB,IAAI,EAAC;MACDmB,SAAS,EAAC;IACd,CAAC;IACD1B,OAAO,EAAC;MACJL,YAAY,EAAE;IAClB;EACJ,CAAC,GAAC;IACES,KAAK,EAAC;MACFsB,SAAS,EAAC;IACd,CAAC;IACDnB,IAAI,EAAC;MACDmB,SAAS,EAAC;IACd,CAAC;IACD1B,OAAO,EAAC;MACJL,YAAY,EAAE;IAClB;EACJ,CAAC,CAAC;EACFP,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAEwB,QAAQ,CACzCzB,cAAc,CAACwC,mBAAmB,EAClCxC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aACnB,CAAC,CAAC;EACFxC,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAEwB,QAAQ,CACvCzB,cAAc,CAAC0C,iBAAiB,EAChC1C,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aACnB,CAAC,CAAC;EACFxC,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAEwB,QAAQ,CACzCzB,cAAc,CAAC2C,mBAAmB,EAClC3C,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aACnB,CAAC,CAAC;EACFxC,QAAQ,CAAC,mBAAmB,EAAE,EAAE,EAAEwB,QAAQ,CACtCzB,cAAc,CAAC4C,gBAAgB,EAC/B5C,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aACnB,CAAC,CAAC;EACFxC,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAEwB,QAAQ,CACzCzB,cAAc,CAAC6C,mBAAmB,EAClC7C,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAACyC,aACnB,CAAC,CAAC;EAGFxC,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEwB,QAAQ,CAC1CzB,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAACwC,mBAAmB,EAClCxC,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC+C,aAAa,EAC5B/C,cAAc,CAACgD,aACnB,CAAC,CAAC;EACF/C,QAAQ,CAAC,qBAAqB,EAAE,EAAE,EAAEwB,QAAQ,CACxCzB,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC0C,iBAAiB,EAChC1C,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC+C,aAAa,EAC5B/C,cAAc,CAACgD,aACnB,CAAC,CAAC;EACF/C,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEwB,QAAQ,CAC1CzB,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC2C,mBAAmB,EAClC3C,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC+C,aAAa,EAC5B/C,cAAc,CAACgD,aACnB,CAAC,CAAC;EACF/C,QAAQ,CAAC,oBAAoB,EAAE,EAAE,EAAEwB,QAAQ,CACvCzB,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC4C,gBAAgB,EAC/B5C,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC+C,aAAa,EAC5B/C,cAAc,CAACgD,aACnB,CAAC,CAAC;EACF/C,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEwB,QAAQ,CAC1CzB,cAAc,CAACyC,aAAa,EAC5BzC,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC6C,mBAAmB,EAClC7C,cAAc,CAAC8C,aAAa,EAC5B9C,cAAc,CAAC+C,aAAa,EAC5B/C,cAAc,CAACgD,aACnB,CAAC,CAAC;AACN,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","borderRadius","alignItems","borderWidth","borderStyle","message","flex","justifyContent","alignContent","title","fontWeight","fontSize","text","icon","closeBtn","paddingHorizontal","alignSelf","getStyle","bgColor","closeBtnColor","iconcolor","textcolor","titleColor","borderColor","arguments","length","undefined","transparent","backgroundColor","color","OS","textAlign","messageSuccessColor","defaultColorF","messageErrorColor","messageWarningColor","messageInfoColor","messageLoadingColor","defaultColor6","defaultColor1","defaultColorD"],"sources":["message.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\n\nexport type WmMessageStyles = BaseStyles & {\n message: AllStyle,\n icon: WmIconStyles\n closeBtn: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-message';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmMessageStyles = defineStyles({\n root: {\n flexDirection: 'row',\n paddingTop: 8,\n paddingBottom: 8,\n paddingLeft: 8,\n paddingRight: 8,\n borderRadius: 6,\n alignItems: 'center',\n borderWidth: 1,\n borderStyle: 'solid'\n },\n message: {\n flex: 1,\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignContent: 'center',\n paddingLeft: 16\n },\n title: {\n fontWeight: 'bold',\n fontSize: 14,\n paddingBottom: 4\n },\n text: {\n fontSize: 12\n },\n icon: {\n root: {\n alignItems: 'flex-start',\n fontSize: 20\n }\n } as WmIconStyles,\n closeBtn: {\n root: {\n borderRadius: 0,\n paddingLeft: 8,\n paddingHorizontal: 0,\n paddingRight: 0,\n alignSelf: 'center'\n },\n icon: {\n text: {\n fontSize: 16\n }\n }\n } as WmButtonStyles\n }) as WmMessageStyles;\n\n const getStyle = (bgColor: string, \n closeBtnColor: string,\n iconcolor: string,\n textcolor: string,\n titleColor: string,\n borderColor = themeVariables.transparent) => {\n return {\n root: {\n backgroundColor: bgColor,\n borderColor: borderColor\n },\n message: {\n color: textcolor\n },\n title: {\n color: titleColor\n },\n text: {\n color: textcolor\n },\n icon: {\n root: {\n color: iconcolor\n }\n } as WmIconStyles,\n closeBtn: {\n icon: {\n root : {\n color: closeBtnColor,\n }\n }\n } as WmButtonStyles\n } as WmMessageStyles;\n };\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n title:{\n textAlign:'right',\n },\n text:{\n textAlign:'right',\n },\n message:{\n paddingRight: 16\n }\n }:{\n title:{\n textAlign:'left',\n },\n text:{\n textAlign:'left',\n },\n message:{\n paddingRight: 16\n }\n });\n addStyle('success-dark-message', '', getStyle(\n themeVariables.messageSuccessColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n addStyle('error-dark-message', '', getStyle(\n themeVariables.messageErrorColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n addStyle('warning-dark-message', '', getStyle(\n themeVariables.messageWarningColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF\n ));\n addStyle('info-dark-message', '', getStyle(\n themeVariables.messageInfoColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n addStyle('loading-dark-message', '', getStyle(\n themeVariables.messageLoadingColor,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n themeVariables.defaultColorF,\n ));\n\n\n addStyle('success-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageSuccessColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('error-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageErrorColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('warning-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageWarningColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('info-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageInfoColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n addStyle('loading-light-message', '', getStyle(\n themeVariables.defaultColorF,\n themeVariables.defaultColor6,\n themeVariables.messageLoadingColor,\n themeVariables.defaultColor6,\n themeVariables.defaultColor1,\n themeVariables.defaultColorD\n ));\n});"],"mappings":"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"}

app-rn-runtime/components/basic/picture/picture.component.js CHANGED Viewed

@@ -10,6 +10,7 @@ import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
 import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 import WmPictureProps from './picture.props';
 import { DEFAULT_CLASS } from './picture.styles';
 import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
@@ -123,12 +124,12 @@ export default class WmPicture extends BaseComponent {
       source = imgSrc;
     }
     if (this.state.naturalImageWidth) {
-      elementToshow = /*#__PURE__*/React.createElement(Image, {
+      elementToshow = /*#__PURE__*/React.createElement(Image, _extends({
         testID: this.getTestId('picture'),
         style: [this.styles.picture, shapeStyles.picture],
         resizeMode: props.resizemode,
         source: source
-      });
+      }, getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)));
     }
     return elementToshow;
   }
@@ -171,6 +172,7 @@ export default class WmPicture extends BaseComponent {
       }],
       onLayout: this.onViewLayoutChange
     }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      rippleColor: this.styles.root.rippleColor,
       target: this,
       styles: {
         width: imageWidth ? null : '100%',

app-rn-runtime/components/basic/picture/picture.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Image","View","isNumber","Tappable","BaseComponent","BaseComponentState","ImageSizeEstimator","isFullPathUrl","WmPictureProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmPictureState","constructor","arguments","_defineProperty","WmPicture","props","e","imageWidth","nativeEvent","layout","width","imageHeight","height","styles","root","includes","state","naturalImageHeight","naturalImageWidth","updateState","loadImage","image","loadAsset","imageSrc","default","resolveAssetSource","cancel","getSize","cleanup","splice","indexOf","push","onPropertyChange","name","$new","$old","_pictureSource","_picturePlaceHolder","createShape","shape","picture","borderRadius","theme","getStyle","getElementToShow","imgSrc","shapeStyles","elementToshow","source","imgStyle","resizemode","createElement","uri","testID","getTestId","style","resizeMode","renderSkeleton","_this$styles$root","_shapeStyles$root","_shapeStyles$picture","_this$styles$root2","_shapeStyles$root2","_shapeStyles$picture2","_this$styles$root3","_shapeStyles$picture3","_shapeStyles$root3","_this$styles$root4","skeletonWidth","skeletonwidth","skeletonHeight","skeletonheight","skeleton","renderWidget","_shapeStyles$picture4","picturesource","pictureplaceholder","isSvg","_background","overflow","onLayout","onViewLayoutChange","_extends","getTestPropsForAction","target","entryanimation","animation"],"sources":["picture.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Image, LayoutChangeEvent, View } from 'react-native';\n// import { NumberProp, SvgUri } from 'react-native-svg';\nimport { isNumber, isString } from 'lodash-es';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { isFullPathUrl, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmPictureProps from './picture.props';\nimport { DEFAULT_CLASS, WmPictureStyles } from './picture.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmPictureState extends BaseComponentState<WmPictureProps> {\n naturalImageWidth: number = 0;\n naturalImageHeight: number = 0;\n imageWidth: number = 0;\n imageHeight: number = 0;\n}\n\nexport default class WmPicture extends BaseComponent<WmPictureProps, WmPictureState, WmPictureStyles> {\n\n private _pictureSource = null as any;\n private _picturePlaceHolder = null as any;\n\n constructor(props: WmPictureProps) {\n super(props, DEFAULT_CLASS, new WmPictureProps());\n }\n\n loadImage(image: string \| undefined) {\n if (!image \|\| !this.loadAsset) {\n return null;\n }\n const imageSrc = this.loadAsset(image) as any;\n if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {\n return null;\n }\n if (isNumber(imageSrc)) {\n const {width, height} = Image.resolveAssetSource(imageSrc);\n this.updateState({\n naturalImageWidth: width,\n naturalImageHeight: height\n } as WmPictureState);\n } else if (imageSrc !== null) {\n const cancel = ImageSizeEstimator.getSize(imageSrc, (width: number, height: number) => {\n this.updateState({\n naturalImageWidth: width,\n naturalImageHeight: height\n } as WmPictureState);\n this.cleanup.splice(this.cleanup.indexOf(cancel), 1);\n });\n this.cleanup.push(cancel);\n }\n return imageSrc;\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n switch(name) {\n case 'picturesource':\n this._pictureSource = null;\n case 'pictureplaceholder':\n this._picturePlaceHolder = null;\n break;\n }\n }\n\n onViewLayoutChange = (e: LayoutChangeEvent) => {\n let imageWidth = e.nativeEvent.layout.width;\n let imageHeight = e.nativeEvent.layout.height;\n if (!imageWidth && !imageHeight) {\n return;\n }\n if (!this.styles.root.height\n \|\| (typeof this.styles.root.height === 'string'\n && !this.styles.root.height.includes('%'))) {\n imageHeight = 0;\n }\n if (imageWidth && !imageHeight) {\n imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;\n } else if (imageHeight && !imageWidth) {\n imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;\n }\n this.updateState({\n imageWidth: imageWidth,\n imageHeight: imageHeight\n } as WmPictureState);\n };\n\n createShape(shape: string \| undefined, imageWidth?: number \| string): WmPictureStyles {\n if (shape) {\n switch(shape) {\n case 'circle':\n return {\n picture: {\n borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4\n }\n } as WmPictureStyles;\n case 'rounded' :\n return (this.theme.getStyle('rounded-image') as WmPictureStyles);\n case 'thumbnail' :\n return (this.theme.getStyle('thumbnail-image') as WmPictureStyles);\n }\n }\n return {} as WmPictureStyles;\n }\n\n getElementToShow(props: WmPictureProps, imgSrc: any, shapeStyles: WmPictureStyles) {\n let elementToshow, source;\n if (imgSrc && typeof imgSrc === 'object' && typeof imgSrc?.default === 'function') {\n let imgStyle : any = {};\n if (props.resizemode === 'contain') {\n imgStyle['width'] = '100%';\n imgStyle['height'] = '100%';\n }\n elementToshow = React.createElement(imgSrc?.default, imgStyle);\n //} else if (!isWebPreviewMode() && props.isSvg) {\n // svg from uri\n // elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;\n } else if (isFullPathUrl(imgSrc)) {\n source = {\n uri: imgSrc\n };\n } else {\n source = imgSrc;\n }\n if (this.state.naturalImageWidth) {\n elementToshow = <Image testID={this.getTestId('picture')} style={[this.styles.picture, shapeStyles.picture]} resizeMode={props.resizemode} source={source}/>;\n }\n return elementToshow;\n }\n \n public renderSkeleton(props: WmPictureProps){\n const imageWidth = this.state.imageWidth;\n const imageHeight = this.state.imageHeight;\n const shapeStyles = this.createShape(this.props.shape, imageWidth);\n const skeletonWidth = this.props.skeletonwidth \|\| this.styles.root?.width \|\| shapeStyles.root?.width \|\| shapeStyles.picture?.width \|\| imageWidth; \n const skeletonHeight = this.props.skeletonheight \|\| this.styles.root?.height \|\| shapeStyles.root?.height \|\| shapeStyles.picture?.height \|\| imageHeight;\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n borderRadius: this.props.shape == 'circle' && this.styles.root?.width ? 25 : shapeStyles.picture?.borderRadius \|\| shapeStyles.root?.borderRadius \|\| this.styles.root?.borderRadius \|\| 4,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n });\n }\n\n renderWidget(props: WmPictureProps) {\n const imageWidth = this.state.imageWidth;\n const imageHeight = this.state.imageHeight;\n const shapeStyles = this.createShape(props.shape, imageWidth);\n this._pictureSource = this._pictureSource \|\| this.loadImage(props.picturesource);\n this._picturePlaceHolder = this._picturePlaceHolder \|\| this.loadImage(props.pictureplaceholder);\n const imgSrc: any = this._pictureSource \|\| this._picturePlaceHolder;\n let elementToshow;\n if (imgSrc) {\n elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);\n }\n return imgSrc && (this.state.naturalImageWidth \|\| props.isSvg) ? (\n <View style={[{\n width: imageWidth,\n height: imageHeight\n }, this.styles.root, shapeStyles.root, shapeStyles.picture]}>\n {this._background}\n <View style={[{overflow: 'hidden', width: '100%',\n height: '100%'}]} onLayout={this.onViewLayoutChange}>\n <Tappable \n {...this.getTestPropsForAction()}\n target={this} styles={{width: imageWidth ? null : '100%', height: imageHeight ? null : '100%'}}>\n <Animatedview entryanimation={props.animation} style={[{\n height: imageHeight,\n width: imageWidth,\n borderRadius: shapeStyles.picture?.borderRadius\n }]}>\n {this.state.imageWidth ? elementToshow : null}\n </Animatedview>\n </Tappable>\n </View>\n </View>\n ): null;\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","Image","View","isNumber","Tappable","BaseComponent","BaseComponentState","ImageSizeEstimator","isFullPathUrl","AccessibilityWidgetType","getAccessibilityProps","WmPictureProps","DEFAULT_CLASS","Animatedview","createSkeleton","WmPictureState","constructor","arguments","_defineProperty","WmPicture","props","e","imageWidth","nativeEvent","layout","width","imageHeight","height","styles","root","includes","state","naturalImageHeight","naturalImageWidth","updateState","loadImage","image","loadAsset","imageSrc","default","resolveAssetSource","cancel","getSize","cleanup","splice","indexOf","push","onPropertyChange","name","$new","$old","_pictureSource","_picturePlaceHolder","createShape","shape","picture","borderRadius","theme","getStyle","getElementToShow","imgSrc","shapeStyles","elementToshow","source","imgStyle","resizemode","createElement","uri","_extends","testID","getTestId","style","resizeMode","PICTURE","renderSkeleton","_this$styles$root","_shapeStyles$root","_shapeStyles$picture","_this$styles$root2","_shapeStyles$root2","_shapeStyles$picture2","_this$styles$root3","_shapeStyles$picture3","_shapeStyles$root3","_this$styles$root4","skeletonWidth","skeletonwidth","skeletonHeight","skeletonheight","skeleton","renderWidget","_shapeStyles$picture4","picturesource","pictureplaceholder","isSvg","_background","overflow","onLayout","onViewLayoutChange","getTestPropsForAction","rippleColor","target","entryanimation","animation"],"sources":["picture.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Image, LayoutChangeEvent, View } from 'react-native';\n// import { NumberProp, SvgUri } from 'react-native-svg';\nimport { isNumber, isString } from 'lodash-es';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';\nimport { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmPictureProps from './picture.props';\nimport { DEFAULT_CLASS, WmPictureStyles } from './picture.styles';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmPictureState extends BaseComponentState<WmPictureProps> {\n naturalImageWidth: number = 0;\n naturalImageHeight: number = 0;\n imageWidth: number = 0;\n imageHeight: number = 0;\n}\n\nexport default class WmPicture extends BaseComponent<WmPictureProps, WmPictureState, WmPictureStyles> {\n\n private _pictureSource = null as any;\n private _picturePlaceHolder = null as any;\n\n constructor(props: WmPictureProps) {\n super(props, DEFAULT_CLASS, new WmPictureProps());\n }\n\n loadImage(image: string \| undefined) {\n if (!image \|\| !this.loadAsset) {\n return null;\n }\n const imageSrc = this.loadAsset(image) as any;\n if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {\n return null;\n }\n if (isNumber(imageSrc)) {\n const {width, height} = Image.resolveAssetSource(imageSrc);\n this.updateState({\n naturalImageWidth: width,\n naturalImageHeight: height\n } as WmPictureState);\n } else if (imageSrc !== null) {\n const cancel = ImageSizeEstimator.getSize(imageSrc, (width: number, height: number) => {\n this.updateState({\n naturalImageWidth: width,\n naturalImageHeight: height\n } as WmPictureState);\n this.cleanup.splice(this.cleanup.indexOf(cancel), 1);\n });\n this.cleanup.push(cancel);\n }\n return imageSrc;\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n switch(name) {\n case 'picturesource':\n this._pictureSource = null;\n case 'pictureplaceholder':\n this._picturePlaceHolder = null;\n break;\n }\n }\n\n onViewLayoutChange = (e: LayoutChangeEvent) => {\n let imageWidth = e.nativeEvent.layout.width;\n let imageHeight = e.nativeEvent.layout.height;\n if (!imageWidth && !imageHeight) {\n return;\n }\n if (!this.styles.root.height\n \|\| (typeof this.styles.root.height === 'string'\n && !this.styles.root.height.includes('%'))) {\n imageHeight = 0;\n }\n if (imageWidth && !imageHeight) {\n imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;\n } else if (imageHeight && !imageWidth) {\n imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;\n }\n this.updateState({\n imageWidth: imageWidth,\n imageHeight: imageHeight\n } as WmPictureState);\n };\n\n createShape(shape: string \| undefined, imageWidth?: number \| string): WmPictureStyles {\n if (shape) {\n switch(shape) {\n case 'circle':\n return {\n picture: {\n borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4\n }\n } as WmPictureStyles;\n case 'rounded' :\n return (this.theme.getStyle('rounded-image') as WmPictureStyles);\n case 'thumbnail' :\n return (this.theme.getStyle('thumbnail-image') as WmPictureStyles);\n }\n }\n return {} as WmPictureStyles;\n }\n\n getElementToShow(props: WmPictureProps, imgSrc: any, shapeStyles: WmPictureStyles) {\n let elementToshow, source;\n if (imgSrc && typeof imgSrc === 'object' && typeof imgSrc?.default === 'function') {\n let imgStyle : any = {};\n if (props.resizemode === 'contain') {\n imgStyle['width'] = '100%';\n imgStyle['height'] = '100%';\n }\n elementToshow = React.createElement(imgSrc?.default, imgStyle);\n //} else if (!isWebPreviewMode() && props.isSvg) {\n // svg from uri\n // elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;\n } else if (isFullPathUrl(imgSrc)) {\n source = {\n uri: imgSrc\n };\n } else {\n source = imgSrc;\n }\n if (this.state.naturalImageWidth) {\n elementToshow = (\n <Image\n testID={this.getTestId('picture')}\n style={[this.styles.picture, shapeStyles.picture]}\n resizeMode={props.resizemode}\n source={source}\n {...getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)}\n />\n );\n }\n return elementToshow;\n }\n \n public renderSkeleton(props: WmPictureProps){\n const imageWidth = this.state.imageWidth;\n const imageHeight = this.state.imageHeight;\n const shapeStyles = this.createShape(this.props.shape, imageWidth);\n const skeletonWidth = this.props.skeletonwidth \|\| this.styles.root?.width \|\| shapeStyles.root?.width \|\| shapeStyles.picture?.width \|\| imageWidth; \n const skeletonHeight = this.props.skeletonheight \|\| this.styles.root?.height \|\| shapeStyles.root?.height \|\| shapeStyles.picture?.height \|\| imageHeight;\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n borderRadius: this.props.shape == 'circle' && this.styles.root?.width ? 25 : shapeStyles.picture?.borderRadius \|\| shapeStyles.root?.borderRadius \|\| this.styles.root?.borderRadius \|\| 4,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n });\n }\n\n renderWidget(props: WmPictureProps) {\n const imageWidth = this.state.imageWidth;\n const imageHeight = this.state.imageHeight;\n const shapeStyles = this.createShape(props.shape, imageWidth);\n this._pictureSource = this._pictureSource \|\| this.loadImage(props.picturesource);\n this._picturePlaceHolder = this._picturePlaceHolder \|\| this.loadImage(props.pictureplaceholder);\n const imgSrc: any = this._pictureSource \|\| this._picturePlaceHolder;\n let elementToshow;\n if (imgSrc) {\n elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);\n }\n return imgSrc && (this.state.naturalImageWidth \|\| props.isSvg) ? (\n <View style={[{\n width: imageWidth,\n height: imageHeight\n }, this.styles.root, shapeStyles.root, shapeStyles.picture]}>\n {this._background}\n <View style={[{overflow: 'hidden', width: '100%',\n height: '100%'}]} onLayout={this.onViewLayoutChange}>\n <Tappable \n {...this.getTestPropsForAction()}\n rippleColor={this.styles.root.rippleColor}\n target={this} styles={{width: imageWidth ? null : '100%', height: imageHeight ? null : '100%'}}>\n <Animatedview entryanimation={props.animation} style={[{\n height: imageHeight,\n width: imageWidth,\n borderRadius: shapeStyles.picture?.borderRadius\n }]}>\n {this.state.imageWidth ? elementToshow : null}\n </Animatedview>\n </Tappable>\n </View>\n </View>\n ): null;\n }\n}\n"],"mappings":"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"}

app-rn-runtime/components/basic/picture/picture.props.js CHANGED Viewed

@@ -13,6 +13,9 @@ export default class WmPictureProps extends BaseProps {
     _defineProperty(this, "resizemode", 'stretch');
     _defineProperty(this, "skeletonheight", null);
     _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'image');
   }
 }
 //# sourceMappingURL=picture.props.js.map

app-rn-runtime/components/basic/picture/picture.props.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseProps","WmPictureProps","constructor","arguments","_defineProperty"],"sources":["picture.props.ts"],"sourcesContent":["import { ImageResizeMode } from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPictureProps extends BaseProps {\n animation?: string = null as any;\n picturesource?: string = null as any;\n pictureplaceholder?: string = null as any;\n shape?: string = null as any;\n isSvg?: string = null as any;\n resizemode?: ImageResizeMode = 'stretch' as any;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,wBACA,IAAI;IAAAA,eAAA,6BACC,IAAI;IAAAA,eAAA,gBACjB,IAAI;IAAAA,eAAA,gBACJ,IAAI;IAAAA,eAAA,qBACU,SAAS;IAAAA,eAAA,yBACd,IAAI;IAAAA,eAAA,wBACL,IAAI;EAAA;~~AAC/B~~"}
1	+ {"version":3,"names":["BaseProps","WmPictureProps","constructor","arguments","_defineProperty","undefined"],"sources":["picture.props.ts"],"sourcesContent":["import { AccessibilityRole, ImageResizeMode } from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmPictureProps extends BaseProps {\n animation?: string = null as any;\n picturesource?: string = null as any;\n pictureplaceholder?: string = null as any;\n shape?: string = null as any;\n isSvg?: string = null as any;\n resizemode?: ImageResizeMode = 'stretch' as any;\n skeletonheight?: string = null as any;\n skeletonwidth?: string = null as any;\n accessibilitylabel?: string = undefined;\n hint?: string = undefined;\n accessibilityrole?: AccessibilityRole = 'image';\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,wBACA,IAAI;IAAAA,eAAA,6BACC,IAAI;IAAAA,eAAA,gBACjB,IAAI;IAAAA,eAAA,gBACJ,IAAI;IAAAA,eAAA,qBACU,SAAS;IAAAA,eAAA,yBACd,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,6BACCC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,OAAO;EAAA;AACjD"}

app-rn-runtime/components/basic/picture/picture.styles.js CHANGED Viewed

@@ -4,7 +4,9 @@ export const DEFAULT_CLASS = 'app-picture';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      overflow: 'hidden'
+      overflow: 'hidden',
+      width: 270,
+      rippleColor: themeVariables.transparent
     },
     text: {},
     picture: {

app-rn-runtime/components/basic/picture/picture.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","overflow","~~text~~","~~picture~~","~~width~~","height","skeleton","borderRadius","backgroundColor","pictureThumbBgColor","borderWidth","borderStyle","borderColor","pictureThumbBorderColor","paddingTop","paddingBottom","paddingLeft","paddingRight"],"sources":["picture.styles.ts"],"sourcesContent":["import { ImageStyle } from 'react-native';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmPictureStyles = BaseStyles & {\n picture: ImageStyle,\n skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-picture';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmPictureStyles = defineStyles({\n root: {\n overflow: 'hidden'\n },\n text: {},\n picture: {\n width: '100%',\n height: '100%'\n },\n skeleton: {\n root: {\n width: '100%',\n height: 128\n }\n } as any as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle('rounded-image', '', {\n picture: {\n borderRadius: 6\n }\n } as WmPictureStyles);\n addStyle('thumbnail-image', '', {\n root: {\n backgroundColor: themeVariables.pictureThumbBgColor,\n borderWidth: 1,\n borderStyle: 'solid',\n borderColor: themeVariables.pictureThumbBorderColor,\n borderRadius: 6,\n paddingTop: 8,\n paddingBottom: 8,\n paddingLeft: 8,\n paddingRight: 8\n }\n } as WmPictureStyles);\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAO,wCAAwC;AAChE,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACJC,QAAQ,EAAE;~~IACZ~~,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;~~MACPC~~,KAAK,EAAE,MAAM;~~MACbC~~,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;~~MACRN~~,IAAI,EAAE;~~QACJI~~,KAAK,EAAE,MAAM;~~QACbC~~,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC;~~EAEFP~~,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;~~IAC5BK~~,OAAO,EAAE;~~MACPI~~,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;~~EACrBT~~,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAE;IAC9BE,IAAI,EAAE;~~MACJQ~~,eAAe,~~EAAEX~~,cAAc,~~CAACY~~,mBAAmB;MACnDC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,~~EAAEf~~,cAAc,~~CAACgB~~,uBAAuB;MACnDN,YAAY,EAAE,CAAC;MACfO,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;AACvB,CAAC,CAAC"}
1	+ {"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","overflow","width","rippleColor","transparent","text","picture","height","skeleton","borderRadius","backgroundColor","pictureThumbBgColor","borderWidth","borderStyle","borderColor","pictureThumbBorderColor","paddingTop","paddingBottom","paddingLeft","paddingRight"],"sources":["picture.styles.ts"],"sourcesContent":["import { ImageStyle } from 'react-native';\nimport BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmPictureStyles = BaseStyles & {\n picture: ImageStyle,\n skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-picture';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmPictureStyles = defineStyles({\n root: {\n overflow: 'hidden',\n width: 270,\n rippleColor: themeVariables.transparent\n },\n text: {},\n picture: {\n width: '100%',\n height: '100%'\n },\n skeleton: {\n root: {\n width: '100%',\n height: 128\n }\n } as any as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n addStyle('rounded-image', '', {\n picture: {\n borderRadius: 6\n }\n } as WmPictureStyles);\n addStyle('thumbnail-image', '', {\n root: {\n backgroundColor: themeVariables.pictureThumbBgColor,\n borderWidth: 1,\n borderStyle: 'solid',\n borderColor: themeVariables.pictureThumbBorderColor,\n borderRadius: 6,\n paddingTop: 8,\n paddingBottom: 8,\n paddingLeft: 8,\n paddingRight: 8\n }\n } as WmPictureStyles);\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAO,wCAAwC;AAChE,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACJC,QAAQ,EAAE,QAAQ;MAClBC,KAAK,EAAE,GAAG;MACVC,WAAW,EAAEN,cAAc,CAACO;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACPJ,KAAK,EAAE,MAAM;MACbK,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;MACRR,IAAI,EAAE;QACJE,KAAK,EAAE,MAAM;QACbK,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC;EAEFT,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BQ,OAAO,EAAE;MACPG,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;EACrBX,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAE;IAC9BE,IAAI,EAAE;MACJU,eAAe,EAAEb,cAAc,CAACc,mBAAmB;MACnDC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEjB,cAAc,CAACkB,uBAAuB;MACnDN,YAAY,EAAE,CAAC;MACfO,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;AACvB,CAAC,CAAC"}

app-rn-runtime/components/basic/progress-bar/progress-bar.component.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { View } from 'react-native';
 import { ProgressBar } from 'react-native-paper';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 import WmProgressBarProps from './progress-bar.props';
 import { DEFAULT_CLASS } from './progress-bar.styles';
 export class WmProgressBarState extends BaseComponentState {}
@@ -24,14 +25,13 @@ export default class WmProgressBar extends BaseComponent {
           height: '100%'
         }
       }
-    }), /*#__PURE__*/React.createElement(ProgressBar, {
-      testID: this.getTestId('progressbar'),
+    }), /*#__PURE__*/React.createElement(ProgressBar, _extends({}, getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, props), {
       progress: value,
       color: styles.progressValue.color,
       style: [styles.progressBar, {
         height: styles.root.height || styles.progressBar.height
       }]
-    })));
+    }))));
   }
 }
 //# sourceMappingURL=progress-bar.component.js.map