@wavemaker/app-rn-runtime 12.0.0-next.141219 → 12.0.0-next.141221

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

@@ -1,266 +0,0 @@
-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 { Animated, Easing, Text, Image, View } from 'react-native';
-import { FontAwesome } from '@expo/vector-icons';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-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(...args) {
-    super(...args);
-    _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);
-    _defineProperty(this, "_iconSource", null);
-  }
-  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) {
-    let skeletonWidth = this.props.skeletonwidth || this.props.iconsize || this.styles.root.width;
-    let skeletonHeight = this.props.skeletonheight || this.props.iconsize || this.styles.root.height;
-    if (this.props.skeletonheight == "0") {
-      skeletonWidth = 0;
-    }
-    if (this.props.skeletonheight == "0") {
-      skeletonHeight = 0;
-    }
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: skeletonWidth,
-      height: skeletonHeight
-    });
-  }
-  getElementToShow(props, iconSrc) {
-    const {
-      iconmargin,
-      iconheight,
-      iconwidth
-    } = props;
-    let width, height;
-    let elementToshow, source;
-    if (iconwidth) width = iconwidth;else if (iconheight) width = iconheight;else width = 12;
-    if (iconheight) height = iconheight;else if (iconwidth) height = iconwidth;else height = 12;
-    if (isFullPathUrl(iconSrc)) {
-      source = {
-        uri: iconSrc
-      };
-    } else {
-      source = iconSrc;
-    }
-    elementToshow = /*#__PURE__*/React.createElement(Image, {
-      testID: this.getTestId('icon'),
-      style: {
-        margin: iconmargin !== null && iconmargin !== void 0 ? iconmargin : 0,
-        height: height,
-        width: width
-      },
-      source: source
-    });
-    return elementToshow;
-  }
-  loadIcon(iconImage) {
-    if (!iconImage || !this.loadAsset) {
-      return null;
-    }
-    const iconImageSrc = this.loadAsset(iconImage);
-    if (iconImageSrc && typeof iconImageSrc !== 'function') {
-      return iconImageSrc;
-    }
-    return null;
-  }
-  renderIcon(props) {
-    let iconJsx = null;
-    this._iconSource = this._iconSource || this.loadIcon(props.iconurl);
-    const iconSrc = this._iconSource;
-    if (iconSrc) {
-      return this.getElementToShow(props, iconSrc);
-    }
-    const iconDef = this.state.iconDef;
-    if (!iconDef) {
-      return null;
-    }
-    const {
-      root,
-      text,
-      icon
-    } = this.styles;
-    const style = [{
-      color: root.color || text.color
-    }, 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
-      iconJsx = /*#__PURE__*/React.createElement(FontAwesome, _extends({
-        name: customIcon ? '' : iconDef.type,
-        style: style,
-        size: iconSize
-      }, this.getTestProps('icon')), 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 && !customIcon && !((_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
-      iconJsx = WMCustomIcon ? /*#__PURE__*/React.createElement(WMCustomIcon, _extends({
-        name: customIcon ? '' : iconDef.type,
-        style: style,
-        size: iconSize
-      }, this.getTestProps('icon')), customIcon) : null;
-    }
-    if (iconJsx && 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
-      }, iconJsx);
-    } else if (iconJsx && 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
-      }, iconJsx);
-    } else {
-      this.stopAnimation = true;
-    }
-    return /*#__PURE__*/React.createElement(View
-    // {...getAccessibilityProps(AccessibilityWidgetType.ICON, this.props)}
-    , null, iconJsx);
-  }
-  renderWidget(props) {
-    let icon = this.renderIcon(props);
-    let iterationCount = props.iterationcount ? props.iterationcount != 'infinite' ? parseInt(props.iterationcount) : 'infinite' : undefined;
-    return /*#__PURE__*/React.createElement(Tappable, _extends({
-      target: this,
-      rippleColor: this.styles.root.rippleColor
-    }, this.getTestPropsForAction(), {
-      accessibilityProps: {
-        ...getAccessibilityProps(AccessibilityWidgetType.ICON, props)
-      }
-    }), /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      delay: props.animationdelay,
-      style: this.styles.root,
-      iterationCount: iterationCount
-    }, this._background, props.iconposition === 'left' && icon || null, props.caption && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
-      style: this.styles.text,
-      accessibilityRole: props !== null && props !== void 0 && props.accessibilityrole ? props === null || props === void 0 ? void 0 : props.accessibilityrole : 'text'
-    }), props.caption) || null, props.iconposition === 'right' && icon || null));
-  }
-}
-//# sourceMappingURL=icon.component.js.map

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

@@ -1,27 +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(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 WmIconProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "animation", null);
-    _defineProperty(this, "animationdelay", null);
-    _defineProperty(this, "iterationcount", void 0);
-    _defineProperty(this, "iconclass", 'wm-sl-l sl-user');
-    _defineProperty(this, "iconposition", 'left');
-    _defineProperty(this, "caption", '');
-    _defineProperty(this, "iconsize", 0);
-    _defineProperty(this, "onTap", void 0);
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
-    _defineProperty(this, "iconurl", null);
-    _defineProperty(this, "iconheight", null);
-    _defineProperty(this, "iconwidth", null);
-    _defineProperty(this, "iconmargin", null);
-    _defineProperty(this, "accessibilitylabel", undefined);
-    _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", void 0);
-  }
-}
-//# sourceMappingURL=icon.props.js.map

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

@@ -1,156 +0,0 @@
-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

@@ -1,24 +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(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/label/label.styles.js

@@ -1,129 +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: {
-      alignSelf: 'flex-start'
-    },
-    text: {
-      fontSize: 16,
-      color: themeVariables.labelDefaultColor
-    },
-    asterisk: {
-      color: themeVariables.labelAsteriskColor,
-      marginLeft: 2
-    },
-    skeleton: {
-      root: {
-        width: '100%',
-        height: 16,
-        borderRadius: 4
-      }
-    },
-    link: {
-      text: {
-        textDecorationLine: 'underline'
-      }
-    }
-  });
-  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","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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","ignoreList":[]}