@wavemaker/app-rn-runtime 11.4.3-next.30202 → 11.4.3-patch.1

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

@@ -1,195 +0,0 @@
-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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
-import { Animated, Easing, Text } from 'react-native';
-import { FontAwesome } from '@expo/vector-icons';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmIconProps from './icon.props';
-import { DEFAULT_CLASS } from './icon.styles';
-import WavIcon from './wavicon/wavicon.component';
-import StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';
-import StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
-import { createSkeleton } from '../skeleton/skeleton.component';
-const ICON_SIZES = new Map([['fa-lg', 24], ['fa-2x', 36], ['fa-3x', 48], ['fa-4x', 60], ['fa-5x', 72]]);
-const ICON_ROTATTION = new Map([['fa-rotate-90', '90deg'], ['fa-rotate-180', '180deg'], ['fa-rotate-270', '270deg']]);
-export class WmIconState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "iconDef", {});
-  }
-}
-export default class WmIcon extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmIconProps());
-    _defineProperty(this, "spinValue", new Animated.Value(0));
-    _defineProperty(this, "pulseValue", new Animated.Value(0));
-    _defineProperty(this, "stopAnimation", true);
-  }
-  getIconDef(iconClass) {
-    const iconDef = {
-      rotate: '0'
-    };
-    const splits = iconClass.split(' ');
-    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');
-    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');
-    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');
-    if (iconDef.isFontAwesome) {
-      var _splits$find;
-      iconDef.type = ((_splits$find = splits.find(v => v.startsWith('fa-'))) === null || _splits$find === void 0 ? void 0 : _splits$find.substring(3)) || '';
-    } else if (iconDef.isStreamlineLightIcon) {
-      var _splits$find2;
-      iconDef.type = ((_splits$find2 = splits.find(v => v.startsWith('sl-'))) === null || _splits$find2 === void 0 ? void 0 : _splits$find2.substring(3)) || '';
-    } else if (iconDef.isStreamlineRegularIcon) {
-      var _splits$find3;
-      iconDef.type = ((_splits$find3 = splits.find(v => v.startsWith('sl-'))) === null || _splits$find3 === void 0 ? void 0 : _splits$find3.substring(3)) || '';
-    } else {
-      var _splits$find4;
-      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');
-      iconDef.type = iconDef.isWavIcon && ((_splits$find4 = splits.find(v => v.startsWith('wi-'))) === null || _splits$find4 === void 0 ? void 0 : _splits$find4.substring(3)) || '';
-    }
-    if (iconClass.indexOf('fa-spin') >= 0) {
-      iconDef.animation = 'spin';
-    } else if (iconClass.indexOf('fa-pulse') >= 0) {
-      iconDef.animation = 'pulse';
-    }
-    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;
-    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';
-    return iconDef;
-  }
-  spin() {
-    if (this.stopAnimation) {
-      return;
-    }
-    this.spinValue.setValue(0);
-    Animated.timing(this.spinValue, {
-      toValue: 1,
-      duration: 1000,
-      easing: Easing.linear,
-      useNativeDriver: true
-    }).start(() => this.spin());
-  }
-  componentDidMount() {
-    super.componentDidMount();
-    this.spin();
-  }
-  componentWillUnmount() {
-    super.componentWillUnmount();
-    this.stopAnimation = true;
-  }
-  onPropertyChange(name, $new, $old) {
-    super.onPropertyChange(name, $new, $old);
-    switch (name) {
-      case 'iconclass':
-        $new && this.updateState({
-          iconDef: this.getIconDef($new)
-        });
-        break;
-    }
-  }
-  getCustomIcon(props, style) {
-    var _this$theme$getStyle;
-    const customIcon = this.theme.mergeStyle({}, ((_this$theme$getStyle = this.theme.getStyle((props === null || props === void 0 ? void 0 : props.iconclass) || '')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.icon) || this.styles.icon);
-    const customIconContent = customIcon === null || customIcon === void 0 ? void 0 : customIcon.content;
-    if (customIconContent) {
-      delete customIcon.content;
-      return /*#__PURE__*/React.createElement(Text, {
-        style: [style, customIcon.fontFamily ? {
-          fontFamily: customIcon.fontFamily
-        } : null]
-      }, decodeURIComponent(customIconContent));
-    }
-    return null;
-  }
-  renderSkeleton(props) {
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: this.props.skeletonwidth || this.props.iconsize || this.styles.root.width,
-      height: this.props.skeletonheight || this.props.iconsize || this.styles.root.height
-    });
-  }
-  renderIcon(props) {
-    const iconDef = this.state.iconDef;
-    if (!iconDef) {
-      return null;
-    }
-    let icon = null;
-    const style = [{
-      color: this.styles.root.color || this.styles.text.color
-    }, this.styles.icon, {
-      transform: [{
-        rotate: iconDef.rotate
-      }]
-    }];
-    const customIcon = this.getCustomIcon(props, style);
-    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;
-    if (props.show && iconDef && iconDef.isFontAwesome) {
-      //@ts-ignore type information is not matching
-      icon = /*#__PURE__*/React.createElement(FontAwesome, {
-        name: customIcon ? '' : iconDef.type,
-        style: style,
-        size: iconSize
-      }, customIcon);
-    } else if (props.show && iconDef) {
-      var _this$styles$icon;
-      let WMCustomIcon = WavIcon;
-      if (iconDef.isStreamlineLightIcon) {
-        WMCustomIcon = StreamlineLightIcon;
-      } else if (iconDef.isStreamlineRegularIcon) {
-        WMCustomIcon = StreamlineRegularIcon;
-      } else if (!iconDef.isWavIcon && !((_this$styles$icon = this.styles.icon) !== null && _this$styles$icon !== void 0 && _this$styles$icon.fontFamily)) {
-        return null;
-      }
-      //@ts-ignore type information is not matching
-      icon = WMCustomIcon ? /*#__PURE__*/React.createElement(WMCustomIcon, {
-        name: customIcon ? '' : iconDef.type,
-        style: style,
-        size: iconSize
-      }, customIcon) : null;
-    }
-    if (icon && iconDef.animation === 'spin') {
-      const rotate = this.spinValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: ['0deg', '360deg']
-      });
-      const animation = {
-        transform: [{
-          rotate
-        }]
-      };
-      this.stopAnimation = false;
-      return /*#__PURE__*/React.createElement(Animated.View, {
-        style: animation
-      }, icon);
-    } else if (icon && iconDef.animation === 'pulse') {
-      const opacity = this.spinValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0, 1]
-      });
-      const animation = {
-        opacity: opacity
-      };
-      this.stopAnimation = false;
-      return /*#__PURE__*/React.createElement(Animated.View, {
-        style: animation
-      }, icon);
-    } else {
-      this.stopAnimation = true;
-    }
-    return icon;
-  }
-  renderWidget(props) {
-    let icon = this.renderIcon(props);
-    return /*#__PURE__*/React.createElement(Tappable, {
-      target: this
-    }, /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      style: this.styles.root
-    }, this._background, props.iconposition === 'left' && icon || null, props.caption && /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.text
-    }, props.caption) || null, props.iconposition === 'right' && icon || null));
-  }
-}
-//# sourceMappingURL=icon.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Animated","Easing","Text","FontAwesome","BaseComponent","BaseComponentState","WmIconProps","DEFAULT_CLASS","WavIcon","StreamlineLightIcon","StreamlineRegularIcon","Tappable","Animatedview","createSkeleton","ICON_SIZES","Map","ICON_ROTATTION","WmIconState","constructor","arguments","_defineProperty","WmIcon","props","Value","getIconDef","iconClass","iconDef","rotate","splits","split","isFontAwesome","find","v","isStreamlineLightIcon","isStreamlineRegularIcon","_splits$find","type","startsWith","substring","_splits$find2","_splits$find3","_splits$find4","isWavIcon","indexOf","animation","size","map","get","spin","stopAnimation","spinValue","setValue","timing","toValue","duration","easing","linear","useNativeDriver","start","componentDidMount","componentWillUnmount","onPropertyChange","name","$new","$old","updateState","getCustomIcon","style","_this$theme$getStyle","customIcon","theme","mergeStyle","getStyle","iconclass","icon","styles","customIconContent","content","createElement","fontFamily","decodeURIComponent","renderSkeleton","skeleton","root","width","skeletonwidth","iconsize","height","skeletonheight","renderIcon","state","color","text","transform","iconSize","fontSize","show","_this$styles$icon","WMCustomIcon","interpolate","inputRange","outputRange","View","opacity","renderWidget","target","entryanimation","_background","iconposition","caption"],"sources":["icon.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, DimensionValue, Easing, Text } from 'react-native';\nimport { FontAwesome } from '@expo/vector-icons';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmIconProps from './icon.props';\nimport { DEFAULT_CLASS, WmIconStyles } from './icon.styles';\nimport WavIcon from './wavicon/wavicon.component';\nimport StreamlineLightIcon from './streamline-light-icon/streamline-light-icon.component';\nimport StreamlineRegularIcon from './streamline-regular-icon/streamline-regular-icon.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\ninterface IconDef {\n  isFontAwesome: boolean;\n  isWavIcon: boolean;\n  isStreamlineLightIcon: boolean;\n  isStreamlineRegularIcon: boolean;\n  type: string;\n  rotate: string;\n  size: number;\n  animation: string;\n}\n\nconst ICON_SIZES = new Map([\n  ['fa-lg', 24],\n  ['fa-2x', 36],\n  ['fa-3x', 48],\n  ['fa-4x', 60],\n  ['fa-5x', 72]\n]);\n\nconst ICON_ROTATTION = new Map([\n  ['fa-rotate-90', '90deg'],\n  ['fa-rotate-180', '180deg'],\n  ['fa-rotate-270', '270deg']\n]);\n\nexport class WmIconState extends BaseComponentState<WmIconProps> {\n  public iconDef = {} as IconDef;\n}\n\nexport default class WmIcon extends BaseComponent<WmIconProps, WmIconState, WmIconStyles> {\n  spinValue = new Animated.Value(0);\n  pulseValue = new Animated.Value(0);\n  public stopAnimation = true; \n\n  constructor(props: WmIconProps) {\n    super(props, DEFAULT_CLASS, new WmIconProps());\n  }\n\n  getIconDef(iconClass: string): IconDef {\n    const iconDef = {\n      rotate: '0'\n    } as IconDef;\n    const splits = iconClass.split(' ');\n    iconDef.isFontAwesome = !!splits.find(v => v === 'fa');\n    iconDef.isStreamlineLightIcon = !!splits.find(v => v === 'wm-sl-l');\n    iconDef.isStreamlineRegularIcon = !!splits.find(v => v === 'wm-sl-r');\n    if (iconDef.isFontAwesome) {\n      iconDef.type = splits.find(v => v.startsWith('fa-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineLightIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else if (iconDef.isStreamlineRegularIcon) {\n      iconDef.type = splits.find(v => v.startsWith('sl-'))?.substring(3) || '';\n    } else {\n      iconDef.isWavIcon = !iconDef.isFontAwesome && !!splits.find(v => v === 'wi');\n      iconDef.type = (iconDef.isWavIcon && splits.find(v => v.startsWith('wi-'))?.substring(3)) || '';\n    }\n    if (iconClass.indexOf('fa-spin') >= 0) {\n      iconDef.animation = 'spin';\n    } else if (iconClass.indexOf('fa-pulse') >= 0) {\n      iconDef.animation = 'pulse';\n    }\n    iconDef.size = splits.map(v => ICON_SIZES.get(v)).find(v => !!v) || 12;\n    iconDef.rotate = splits.map(v => ICON_ROTATTION.get(v)).find(v => !!v) || '0deg';\n    return iconDef;\n  }\n\n  private spin () {\n    if (this.stopAnimation) {\n      return;\n    }\n    this.spinValue.setValue(0);\n    Animated.timing(\n      this.spinValue,\n      {\n        toValue: 1,\n        duration: 1000,\n        easing: Easing.linear,\n        useNativeDriver: true\n      }\n    ).start(() => this.spin());\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.spin();\n  }\n\n  componentWillUnmount(): void {\n      super.componentWillUnmount();\n      this.stopAnimation = true;\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'iconclass':\n        $new && this.updateState({iconDef: this.getIconDef($new)} as WmIconState);\n        break;\n    }\n  }\n\n  private getCustomIcon(props: WmIconProps, style: any) {\n    const customIcon = this.theme.mergeStyle({}, this.theme.getStyle(props?.iconclass || '')?.icon || this.styles.icon);\n    const customIconContent = customIcon?.content;\n    if (customIconContent) {\n      delete customIcon.content;\n      return (<Text\n        style={[style, customIcon.fontFamily ? {fontFamily: customIcon.fontFamily}: null]}>\n          {decodeURIComponent(customIconContent)}\n      </Text>);\n    }\n    return null;\n  }\n\n  public renderSkeleton(props: WmIconProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.props.iconsize || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.props.iconsize || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderIcon(props: WmIconProps) {\n    const iconDef = this.state.iconDef;\n    if (!iconDef) {\n      return null;\n    }\n    let icon = null;\n    const style = [{\n      color: this.styles.root.color || this.styles.text.color\n    }, this.styles.icon, {transform: [{rotate: iconDef.rotate}]}];\n    const customIcon = this.getCustomIcon(props, style);\n    const iconSize = props.iconsize || this.styles.root.fontSize || this.styles.text.fontSize || iconDef.size;\n    if (props.show && iconDef && iconDef.isFontAwesome) {\n      //@ts-ignore type information is not matching\n      icon = (<FontAwesome name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n          {customIcon}\n        </FontAwesome>);\n    } else if (props.show && iconDef) {\n      let WMCustomIcon = WavIcon as unknown;\n      if (iconDef.isStreamlineLightIcon) {\n        WMCustomIcon = StreamlineLightIcon;\n      } else if (iconDef.isStreamlineRegularIcon) {\n        WMCustomIcon = StreamlineRegularIcon;\n      } else if (!iconDef.isWavIcon && !this.styles.icon?.fontFamily) {\n        return null;\n      }\n      //@ts-ignore type information is not matching\n      icon = WMCustomIcon ? (<WMCustomIcon name={customIcon ? '' : iconDef.type}\n        style={style}\n        size={iconSize}>\n        {customIcon}\n      </WMCustomIcon>) : null;\n    }\n    if (icon && iconDef.animation === 'spin') {\n      const rotate = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg']});\n      const animation = { transform: [{ rotate }] };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{icon}</Animated.View>);\n    } else if (icon && iconDef.animation === 'pulse') {\n      const opacity = this.spinValue.interpolate({ inputRange: [0, 1], outputRange: [0, 1]});\n      const animation = { opacity: opacity };\n      this.stopAnimation = false;\n      return (<Animated.View style={animation}>{icon}</Animated.View>);\n    } else {\n      this.stopAnimation = true;\n    }\n    return icon;\n  }\n\n  renderWidget(props: WmIconProps) {\n    let icon = this.renderIcon(props);\n    return (\n      <Tappable target={this}>\n        <Animatedview entryanimation={props.animation} style={this.styles.root}>\n          {this._background}\n          {(props.iconposition === 'left' && icon) || null}\n          {(props.caption && (<Text style={this.styles.text}>{props.caption}</Text>)) || null}\n          {(props.iconposition === 'right' && icon) || null}\n        </Animatedview>\n      </Tappable>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,65 +0,0 @@
-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 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 {}
-export default class WmLabel extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmLabelProps());
-  }
-  getAsterisk() {
-    return /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.asterisk
-    }, "*");
-  }
-  getMultilineSkeleton(width, height) {
-    const styles = {
-      borderRadius: 4,
-      marginBottom: 10,
-      height: height
-    };
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...styles,
-      width: width,
-      height: height
-    });
-  }
-  renderSkeleton(props) {
-    var _this$styles$root, _this$styles$root2;
-    const skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width);
-    const 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) {
-    return !isNil(props.caption) ? /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      style: this.styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
-      target: this
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: [this.styles.text, {
-        color: props.isValid === false ? 'red' : this.styles.text.color
-      }],
-      numberOfLines: props.wrap ? undefined : 1,
-      selectable: this.styles.text.userSelect === 'text'
-    }, toString(props.caption), props.required && this.getAsterisk()))) : null;
-  }
-}
-//# sourceMappingURL=label.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","Tappable","WmLabelProps","DEFAULT_CLASS","isNil","toString","Animatedview","createSkeleton","WmLabelState","WmLabel","constructor","props","getAsterisk","createElement","style","styles","asterisk","getMultilineSkeleton","width","height","borderRadius","marginBottom","theme","skeleton","renderSkeleton","_this$styles$root","_this$styles$root2","skeletonWidth","skeletonwidth","root","skeletonHeight","skeletonheight","text","fontSize","multilineskeleton","renderWidget","caption","entryanimation","animation","_background","target","color","isValid","numberOfLines","wrap","undefined","selectable","userSelect","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';\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';\nimport { totalMonths } from 'react-native-paper-dates/lib/typescript/Date/dateUtils';\n\nexport class WmLabelState extends BaseComponentState<WmLabelProps> {\n\n}\n\nexport default class WmLabel extends BaseComponent<WmLabelProps, WmLabelState, WmLabelStyles> {\n\n  constructor(props: WmLabelProps) {\n    super(props, DEFAULT_CLASS, new WmLabelProps());\n  }\n\n  private getAsterisk () {\n    return <Text style={this.styles.asterisk}>*</Text>;\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  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    return !isNil(props.caption)? (\n      <Animatedview entryanimation={props.animation} style={this.styles.root}>\n        {this._background}\n        <Tappable target={this}>\n            <Text\n              style={[this.styles.text, \n                {color: props.isValid === false ? 'red' : this.styles.text.color}]}\n              numberOfLines={props.wrap ? undefined : 1}\n              selectable={this.styles.text.userSelect === 'text'}>\n              {toString(props.caption)}\n              {props.required && this.getAsterisk()}\n            </Text>\n        </Tappable>\n      </Animatedview>\n    ): null;\n  }\n}\n"],"mappings":"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"}

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

@@ -1,122 +0,0 @@
-import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
-import { deepCopy } from '@wavemaker/app-rn-runtime/core/utils';
-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: {},
-    text: {
-      fontSize: 16,
-      color: themeVariables.labelDefaultColor
-    },
-    asterisk: {
-      color: themeVariables.labelAsteriskColor,
-      marginLeft: 2
-    },
-    skeleton: {
-      root: {
-        width: '100%',
-        height: 16,
-        borderRadius: 4
-      }
-    }
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle(DEFAULT_CLASS + '-rtl', '', {
-    root: {
-      flexDirection: 'row',
-      textAlign: 'right'
-    }
-  });
-  const getLabelStyles = (color, textColor) => {
-    return {
-      root: {
-        backgroundColor: color,
-        paddingLeft: 32,
-        paddingTop: 16,
-        paddingRight: 32,
-        paddingBottom: 16,
-        borderRadius: 6
-      },
-      text: {
-        color: textColor,
-        fontWeight: 'bold'
-      }
-    };
-  };
-  addStyle('label-danger', '', getLabelStyles(themeVariables.labelDangerColor, themeVariables.labelDangerContrastColor));
-  addStyle('label-default', '', getLabelStyles(themeVariables.labelDefaultColor, themeVariables.labelDefaultContrastColor));
-  addStyle('label-info', '', getLabelStyles(themeVariables.labelInfoColor, themeVariables.labelInfoContrastColor));
-  addStyle('label-primary', '', getLabelStyles(themeVariables.labelPrimaryColor, themeVariables.labelPrimaryContrastColor));
-  addStyle('label-success', '', getLabelStyles(themeVariables.labelSuccessColor, themeVariables.labelSuccessContrastColor));
-  addStyle('label-warning', '', getLabelStyles(themeVariables.labelWarningColor, themeVariables.labelWarningContrastColor));
-  addStyle('label-test', '', getLabelStyles('yellow', 'red'));
-  addStyle('label-test1', '', getLabelStyles('blue', 'orange'));
-  const getTextStyles = color => {
-    return {
-      text: {
-        color: color
-      }
-    };
-  };
-  addStyle('text-danger', '', getTextStyles(themeVariables.labelTextDangerColor));
-  addStyle('text-info', '', getTextStyles(themeVariables.labelTextInfoColor));
-  addStyle('text-primary', '', getTextStyles(themeVariables.labelTextPrimaryColor));
-  addStyle('text-success', '', getTextStyles(themeVariables.labelTextSuccessColor));
-  addStyle('text-warning', '', getTextStyles(themeVariables.labelTextWarningColor));
-  addStyle('text-center', '', {
-    root: {
-      textAlign: 'center'
-    }
-  });
-  addStyle('text-left', '', {
-    root: {
-      textAlign: 'left'
-    }
-  });
-  addStyle('text-right', '', {
-    root: {
-      textAlign: 'right'
-    }
-  });
-  const getHeadingStyles = (fontSize, overrides) => {
-    return deepCopy({
-      text: {
-        fontWeight: '400',
-        fontSize: fontSize,
-        margin: 4,
-        color: themeVariables.labelHeaderColor
-      }
-    }, overrides);
-  };
-  addStyle('h1', '', getHeadingStyles(themeVariables.heading1FontSize, {
-    text: {
-      fontWeight: 'bold'
-    }
-  }));
-  addStyle('h2', '', getHeadingStyles(themeVariables.heading2FontSize, {
-    text: {
-      fontWeight: '500'
-    }
-  }));
-  addStyle('h3', '', getHeadingStyles(themeVariables.heading3FontSize));
-  addStyle('h4', '', getHeadingStyles(themeVariables.heading4FontSize));
-  addStyle('h5', '', getHeadingStyles(themeVariables.heading5FontSize));
-  addStyle('h6', '', getHeadingStyles(themeVariables.heading6FontSize));
-  addStyle('media-heading', '', {
-    text: {
-      fontSize: 16
-    }
-  });
-  addStyle('text-muted', '', {
-    text: {
-      color: themeVariables.labelTextMutedColor
-    }
-  });
-  addStyle('p', '', {
-    text: {
-      fontSize: 12
-    }
-  });
-});
-//# sourceMappingURL=label.styles.js.map

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

@@ -1 +0,0 @@
-{"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","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';\n\nexport type WmLabelStyles = BaseStyles & {\n  asterisk: AllStyle,\n  skeleton: WmSkeletonStyles \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  });\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

@@ -1,73 +0,0 @@
-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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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';
-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,
-      style: styles.root
-    }, this._background, /*#__PURE__*/React.createElement(WmIcon, {
-      iconclass: props.type && MESSAGE_ICONS[props.type],
-      styles: styles.icon
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.message
-    }, /*#__PURE__*/React.createElement(Text, {
-      style: styles.title
-    }, props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, {
-      style: styles.text
-    }, props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
-      iconclass: "wi wi-close",
-      styles: styles.closeBtn,
-      onTap: this.close
-    }));
-  }
-}
-//# sourceMappingURL=message.component.js.map

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

@@ -1 +0,0 @@
-{"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","iconclass","icon","message","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        iconclass={props.type && MESSAGE_ICONS[props.type]}\n        styles={styles.icon}></WmIcon>\n      <View style={styles.message}>\n        <Text style={styles.title}>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text style={styles.text}>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\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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"}