@wavemaker/app-rn-runtime 11.8.5-patch.3 → 11.8.5-rc.187

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

@@ -0,0 +1,156 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { 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';
+import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmLabelState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "parts", []);
+  }
+}
+export default class WmLabel extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLabelProps(), new WmLabelState());
+  }
+  getAsterisk() {
+    return /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.asterisk
+    }, "*");
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case "caption":
+        this.updateState({
+          parts: this.parseCaption(String($new))
+        });
+        break;
+    }
+  }
+  getMultilineSkeleton(width, height) {
+    const styles = {
+      borderRadius: 4,
+      marginBottom: 10,
+      height: height
+    };
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...styles,
+      width: width,
+      height: height
+    });
+  }
+  parseCaption(caption) {
+    if (!caption) {
+      return [];
+    }
+    caption += '';
+    caption = caption.replace(/\s*\(\s*\$event,\s*\$widget\s*\)\s*/, '');
+    caption = caption.replace(/\(\s*\)/, '(#/__EMPTY__)');
+    const pattern = /\[([^\]]+)\]\(([^)]*)\)/g;
+    const linkRegex = /^(((http|https):\/\/)|javascript:|#).+$/;
+    const captionSplit = caption.split(pattern);
+    let parts = [];
+    for (let i = 0; i < captionSplit.length; i++) {
+      const isLink = linkRegex.test(captionSplit[i]);
+      let part = {};
+      const isNextTextALink = linkRegex.test(captionSplit[i + 1]);
+      if (isLink) {
+        var _captionSplit;
+        part.text = (_captionSplit = captionSplit[i - 1]) !== null && _captionSplit !== void 0 ? _captionSplit : '';
+        part.link = captionSplit[i] === '#/__EMPTY__' ? '' : captionSplit[i];
+      } else {
+        part.text = isNextTextALink ? "" : captionSplit[i];
+      }
+      ;
+      if (part.text) {
+        parts.push(part);
+      }
+    }
+    return parts;
+  }
+  renderSkeleton(props) {
+    let skeletonWidth, skeletonHeight;
+    if (this.props.skeletonwidth == "0") {
+      skeletonWidth = 0;
+    } else {
+      var _this$styles$root;
+      skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
+    }
+    if (this.props.skeletonheight == "0") {
+      skeletonHeight = 0;
+    } else {
+      var _this$styles$root2;
+      skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || this.styles.text.fontSize;
+    }
+    if (this.props.multilineskeleton) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: {
+          width: skeletonWidth
+        }
+      }, this.getMultilineSkeleton('100%', skeletonHeight), this.getMultilineSkeleton('70%', skeletonHeight), this.getMultilineSkeleton('40%', skeletonHeight));
+    } else {
+      return createSkeleton(this.theme, this.styles.skeleton, {
+        ...this.styles.root,
+        width: skeletonWidth,
+        height: skeletonHeight
+      });
+    }
+  }
+  renderWidget(props) {
+    const linkStyles = this.theme.mergeStyle({
+      text: this.styles.text
+    }, this.styles.link);
+    return !isNil(props.caption) ? /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => {
+      var _this$state$parts, _this$state$parts2;
+      return /*#__PURE__*/React.createElement(Tappable, {
+        target: this
+      }, /*#__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') : {}, getAccessibilityProps(AccessibilityWidgetType.LABEL, props), {
+        numberOfLines: props.nooflines,
+        ellipsizeMode: "tail"
+      }), ((_this$state$parts = this.state.parts) === null || _this$state$parts === void 0 ? void 0 : _this$state$parts.length) === 1 ? toString(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}` : `caption_${index}`), {
+          selectable: this.styles.text.userSelect === 'text',
+          onPress: () => {
+            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]);
+          }
+          // {...getAccessibilityProps(AccessibilityWidgetType.LABEL, props)}
+        }), toString(part.text));
+      }), props.required && this.getAsterisk()));
+    })) : null;
+  }
+}
+//# sourceMappingURL=label.component.js.map

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

@@ -0,0 +1,24 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmLabelProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "caption", 'Label');
+    _defineProperty(this, "required", null);
+    _defineProperty(this, "isValid", true);
+    _defineProperty(this, "wrap", true);
+    _defineProperty(this, "nooflines", undefined);
+    _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/lottie/lottie.component.js

@@ -0,0 +1,136 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import axios from 'axios';
+import { Platform, View } from 'react-native';
+import LottieView from 'lottie-react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLottieProps from './lottie.props';
+import { DEFAULT_CLASS } from './lottie.styles';
+export class WmLottieState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animationData", void 0);
+    _defineProperty(this, "isCompleted", false);
+  }
+}
+export default class WmLottie extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLottieProps(), new WmLottieState());
+    _defineProperty(this, "lottie", /*#__PURE__*/React.createRef());
+  }
+  play() {
+    if (this.lottie.current) {
+      if (this.state.isCompleted) {
+        this.reset();
+      } else {
+        this.lottie.current.play();
+        this.invokeEventCallback('onPlay', [null, this.proxy]);
+      }
+    }
+  }
+  pause() {
+    if (this.lottie.current) {
+      this.lottie.current.pause();
+      this.invokeEventCallback('onPause', [null, this.proxy]);
+    }
+  }
+  reset() {
+    if (this.lottie.current) {
+      if (this.lottie.current.reset) {
+        this.lottie.current.reset();
+        this.lottie.current.play();
+      } else if (this.lottie.current.goToAndPlay) {
+        this.lottie.current.goToAndPlay(0);
+      } else {
+        return;
+      }
+      this.invokeEventCallback('onPlay', [null, this.proxy]);
+      this.updateState({
+        isCompleted: false
+      });
+    }
+  }
+  onReady() {
+    this.invokeEventCallback('onReady', [null, this.proxy]);
+    if (this.state.props.autoplay) {
+      this.invokeEventCallback('onPlay', [null, this.proxy]);
+    }
+  }
+  loadAnimationData() {
+    if (this.state.animationData || !this.loadAsset) {
+      return;
+    }
+    if (Platform.OS == 'web') {
+      const url = this.loadAsset(this.state.props.source);
+      axios.get(url).then(({
+        data
+      }) => {
+        this.updateState({
+          animationData: data
+        }, () => this.onReady());
+      });
+    } else {
+      this.updateState({
+        animationData: this.loadAsset(this.state.props.source)
+      }, () => this.onReady());
+    }
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'src':
+        this.loadAnimationData();
+        break;
+      case 'loop':
+        if (this.initialized && !this.state.isCompleted && ($new || this.state.props.autoplay)) {
+          setTimeout(() => this.reset(), 200);
+        }
+        break;
+    }
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.loadAnimationData();
+  }
+  renderWebLottie(props) {
+    const Lottie = require('react-lottie-player');
+    return /*#__PURE__*/React.createElement(Lottie, {
+      animationData: this.state.animationData,
+      ref: this.lottie,
+      loop: props.loop,
+      play: props.autoplay,
+      speed: props.speed,
+      style: this.styles.content,
+      onComplete: () => {
+        this.updateState({
+          isCompleted: true
+        });
+        this.invokeEventCallback('onComplete', [null, this.proxy]);
+      }
+    });
+  }
+  renderNativeLottie(props) {
+    return /*#__PURE__*/React.createElement(LottieView, {
+      source: this.state.animationData,
+      ref: this.lottie,
+      autoPlay: props.autoplay,
+      speed: props.speed,
+      loop: props.loop,
+      style: this.styles.content,
+      onAnimationFinish: () => {
+        this.updateState({
+          isCompleted: true
+        });
+        this.invokeEventCallback('onComplete', [null, this.proxy]);
+      }
+    });
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, this.state.animationData ? Platform.OS == 'web' ? this.renderWebLottie(props) : this.renderNativeLottie(props) : null);
+  }
+}
+//# sourceMappingURL=lottie.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","axios","Platform","View","LottieView","BaseComponent","BaseComponentState","WmLottieProps","DEFAULT_CLASS","WmLottieState","constructor","args","_defineProperty","WmLottie","props","createRef","play","lottie","current","state","isCompleted","reset","invokeEventCallback","proxy","pause","goToAndPlay","updateState","onReady","autoplay","loadAnimationData","animationData","loadAsset","OS","url","source","get","then","data","onPropertyChange","name","$new","$old","initialized","setTimeout","componentDidMount","renderWebLottie","Lottie","require","createElement","ref","loop","speed","style","styles","content","onComplete","renderNativeLottie","autoPlay","onAnimationFinish","renderWidget","root","_background"],"sources":["lottie.component.tsx"],"sourcesContent":["import React from 'react';\nimport axios from 'axios';\nimport { Platform, View } from 'react-native';\nimport LottieView from 'lottie-react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLottieProps from './lottie.props';\nimport { DEFAULT_CLASS, WmLottieStyles } from './lottie.styles';\n\nexport class WmLottieState extends BaseComponentState<WmLottieProps> {\n  animationData: any;\n  isCompleted = false;\n}\n\nexport default class WmLottie extends BaseComponent<WmLottieProps, WmLottieState, WmLottieStyles> {\n\n  private lottie = React.createRef<LottieView>();\n\n  constructor(props: WmLottieProps) {\n    super(props, DEFAULT_CLASS, new WmLottieProps(), new WmLottieState());\n  }\n  \n  play() {\n    if (this.lottie.current) {\n      if (this.state.isCompleted) {\n        this.reset();\n      } else {\n        this.lottie.current.play();\n        this.invokeEventCallback('onPlay', [null, this.proxy]);\n      }\n    }\n  }\n\n  pause() {\n    if (this.lottie.current) {\n      this.lottie.current.pause();\n      this.invokeEventCallback('onPause', [null, this.proxy]);\n    }\n  }\n\n  reset() {\n    if (this.lottie.current) {\n      if (this.lottie.current.reset) {\n        this.lottie.current.reset();\n        this.lottie.current.play();\n      } else if((this.lottie.current as any).goToAndPlay) {\n        (this.lottie.current as any).goToAndPlay(0);\n      } else {\n        return;\n      }\n      this.invokeEventCallback('onPlay', [null, this.proxy]);\n      this.updateState({\n        isCompleted: false\n      } as WmLottieState);\n    }\n    \n  }\n\n  private onReady() {\n    this.invokeEventCallback('onReady', [null, this.proxy]);\n    if (this.state.props.autoplay) {\n      this.invokeEventCallback('onPlay', [null, this.proxy]);\n    }\n  }\n\n  private loadAnimationData() {\n    if (this.state.animationData || ! this.loadAsset) {\n      return;\n    }\n    if (Platform.OS == 'web') {\n      const url = this.loadAsset(this.state.props.source) as string;\n      axios.get(url).then(({data}) => {\n        this.updateState({\n          animationData: data\n        } as WmLottieState, () => this.onReady());\n      });\n    } else {\n      this.updateState({\n        animationData: this.loadAsset(this.state.props.source)\n      } as WmLottieState, () => this.onReady());\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'src':\n        this.loadAnimationData();\n        break;\n      case 'loop':\n        if (this.initialized && \n          !this.state.isCompleted && \n          ($new || this.state.props.autoplay)) {\n          setTimeout(() => this.reset(), 200);\n        }\n        break;\n    }\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.loadAnimationData();\n  }\n\n  private renderWebLottie(props: WmLottieProps) {\n    const Lottie = require('react-lottie-player');\n    return (<Lottie \n      animationData={this.state.animationData}\n      ref= {this.lottie}\n      loop={props.loop}\n      play={props.autoplay}\n      speed={props.speed}\n      style={this.styles.content}\n      onComplete={() => {\n        this.updateState({\n          isCompleted: true\n        } as WmLottieState);\n        this.invokeEventCallback('onComplete', [null, this.proxy]);\n      }}/>);\n  }\n\n  private renderNativeLottie(props: WmLottieProps) {\n    return (\n      <LottieView\n          source={this.state.animationData}\n          ref= {this.lottie}\n          autoPlay={props.autoplay}\n          speed={props.speed}\n          loop={props.loop}\n          style={this.styles.content}\n          onAnimationFinish={() => {\n            this.updateState({\n              isCompleted: true\n            } as WmLottieState);\n            this.invokeEventCallback('onComplete', [null, this.proxy]);\n          }}\n        />\n    );\n  }\n\n  renderWidget(props: WmLottieProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {this.state.animationData ? \n          (Platform.OS == 'web' ?  this.renderWebLottie(props) : this.renderNativeLottie(props)) \n          : null \n        }\n      </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmLottieProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "speed", 1);
+    _defineProperty(this, "autoplay", false);
+    _defineProperty(this, "loop", false);
+    _defineProperty(this, "source", '');
+  }
+}
+//# sourceMappingURL=lottie.props.js.map

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

@@ -0,0 +1,78 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View, Text } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmMessageProps from './message.props';
+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',
+  'warning': 'wm-sl-l sl-alarm-bell',
+  'error': 'fa fa-times-circle',
+  'info': 'wi wi-info',
+  'loading': 'fa fa-spinner fa-spin'
+};
+const DEFAULT_TITLE = {
+  'success': 'Success',
+  'warning': 'Warning',
+  'error': 'Error',
+  'info': 'Info',
+  'loading': 'Processing'
+};
+export default class WmMessage extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmMessageProps());
+    _defineProperty(this, "close", () => {
+      this.updateState({
+        props: {
+          show: false
+        }
+      }, () => this.invokeEventCallback('onClose', [null, this]));
+    });
+  }
+  showMessage() {
+    this.updateState({
+      props: {
+        show: true
+      }
+    });
+  }
+  hideMessage() {
+    this.updateState({
+      props: {
+        show: false
+      }
+    });
+  }
+  renderWidget(props) {
+    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);
+    return /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: styles.root
+    }, this._background, /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('icon'),
+      iconclass: props.type && MESSAGE_ICONS[props.type],
+      styles: styles.icon
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.message
+    }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('title'), {
+      style: styles.title
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
+      style: styles.text
+    }, getAccessibilityProps(AccessibilityWidgetType.MESSAGE, props)), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
+      id: this.getTestId('close'),
+      iconclass: "wi wi-close",
+      styles: styles.closeBtn,
+      onTap: this.close
+    }));
+  }
+}
+//# sourceMappingURL=message.component.js.map

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

@@ -0,0 +1,21 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmMessageProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", 'fadeIn');
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "variant", 'dark');
+    _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);
+  }
+}
+//# sourceMappingURL=message.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmMessageProps","constructor","args","_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  animationdelay?: number = null as any;\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,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC/B,QAAQ;IAAAA,eAAA,yBACH,IAAI;IAAAA,eAAA,gBACb,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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmModalProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "animationType", 'slide');
+  }
+}
+//# sourceMappingURL=modal.props.js.map