@wavemaker/app-rn-runtime 12.0.0-next.142016 → 12.0.0-next.25480

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

@@ -1,113 +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); }
-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 { Badge } from 'react-native-paper';
-import WmButtonProps from './button.props';
-import { DEFAULT_CLASS } from './button.styles';
-import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
-import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
-import { createSkeleton } from '../skeleton/skeleton.component';
-import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
-export class WmButtonState extends BaseComponentState {}
-export default class WmButton extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmButtonProps());
-  }
-  prepareIcon({
-    iconclass,
-    iconurl,
-    hint,
-    name,
-    iconsize,
-    iconheight,
-    iconmargin,
-    iconwidth
-  }) {
-    return iconclass || iconurl ? /*#__PURE__*/React.createElement(WmIcon, {
-      id: this.getTestId('icon'),
-      hint: hint,
-      styles: this.styles.icon,
-      name: `${name}_icon`,
-      iconclass: iconclass,
-      iconsize: iconsize,
-      iconurl: iconurl,
-      iconheight: iconheight,
-      iconmargin: iconmargin,
-      iconwidth: iconwidth
-    }) : null;
-  }
-  prepareBadge(props) {
-    //@ts-ignore
-    return /*#__PURE__*/React.createElement(Badge, _extends({
-      style: this.styles.badge
-    }, this.getTestProps('badge')), props.badgevalue);
-  }
-  renderSkeleton(prop) {
-    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);
-    }
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: skeletonWidth,
-      height: skeletonHeight
-    });
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Animatedview, {
-      entryanimation: props.animation,
-      delay: props.animationdelay,
-      style: [this.styles.root, {
-        paddingTop: 0,
-        paddingBottom: 0,
-        paddingLeft: 0,
-        paddingRight: 0,
-        overflow: 'hidden',
-        flexDirection: 'column'
-      }, this.styles.root.height == "100%" ? {
-        flex: 1
-      } : {}]
-      // accessibilityProps={{...getAccessibilityProps(
-      //   AccessibilityWidgetType.BUTTON,
-      //   props
-      // )}}
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({
-      styles: {
-        paddingTop: this.styles.root.paddingTop,
-        paddingBottom: this.styles.root.paddingBottom,
-        paddingLeft: this.styles.root.paddingLeft,
-        paddingRight: this.styles.root.paddingRight,
-        width: '100%',
-        height: this.styles.root.height ? '100%' : null,
-        justifyContent: 'center'
-      },
-      rippleColor: this.styles.root.rippleColor,
-      target: this
-    }, this.getTestPropsForAction(), {
-      accessibilityProps: {
-        ...getAccessibilityProps(AccessibilityWidgetType.BUTTON, props)
-      }
-    }), /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.content, {
-        flexDirection: props.iconposition === 'top' ? 'column' : 'row'
-      }]
-    }, props.iconposition === 'top' && this.prepareIcon(props), props.iconposition === 'left' && this.prepareIcon(props), props.caption ? /*#__PURE__*/React.createElement(Text, _extends({
-      style: this.styles.text
-    }, this.getTestPropsForLabel('caption'), {
-      importantForAccessibility: 'no'
-      // accessibilityLabel={`${props.caption}`}
-    }), props.caption) : null, props.iconposition === 'right' && this.prepareIcon(props)))), props.badgevalue && this.prepareBadge(props));
-  }
-}
-//# sourceMappingURL=button.component.js.map

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

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

app-rn-runtime/components/basic/button/button.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 WmButtonProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "animation", null);
-    _defineProperty(this, "animationdelay", null);
-    _defineProperty(this, "caption", null);
-    _defineProperty(this, "badgevalue", null);
-    _defineProperty(this, "iconclass", null);
-    _defineProperty(this, "iconposition", 'left');
-    _defineProperty(this, "onTap", null);
-    _defineProperty(this, "iconsize", 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", "button");
-  }
-}
-//# sourceMappingURL=button.props.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BaseProps","WmButtonProps","constructor","args","_defineProperty","undefined"],"sources":["button.props.ts"],"sourcesContent":["import {AccessibilityRole} from 'react-native';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmButtonProps extends BaseProps {\n    animation?: string = null as any;\n    animationdelay?: number = null as any;\n    caption?: string = null as any;\n    badgevalue?: string = null as any;\n    iconclass?: string = null as any;\n    iconposition? = 'left';\n    onTap?: Function = null as any;\n    iconsize?:number = 0;\n    skeletonheight?: string = null as any;\n    skeletonwidth?: string = null as any;\n    iconurl?: string = null as any;\n    iconheight?: number = null as any;\n    iconwidth?: number = null as any;\n    iconmargin?: number = null as any;\n    accessibilitylabel?: string = undefined;\n    hint?: string = undefined;\n    accessibilityrole?: AccessibilityRole = \"button\";\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBAC5B,IAAI;IAAAA,eAAA,yBACC,IAAI;IAAAA,eAAA,kBACX,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,uBACT,MAAM;IAAAA,eAAA,gBACH,IAAI;IAAAA,eAAA,mBACJ,CAAC;IAAAA,eAAA,yBACM,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,kBACV,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,oBACL,IAAI;IAAAA,eAAA,qBACH,IAAI;IAAAA,eAAA,6BACIC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,QAAQ;EAAA;AACpD","ignoreList":[]}

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

@@ -1,132 +0,0 @@
-import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
-import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
-export const DEFAULT_CLASS = 'app-button';
-BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  const defaultStyles = defineStyles({
-    root: {
-      minHeight: 40,
-      borderRadius: 32,
-      paddingTop: 12,
-      paddingBottom: 12,
-      paddingLeft: 24,
-      paddingRight: 24,
-      alignSelf: 'flex-start',
-      rippleColor: themeVariables.rippleColor
-    },
-    content: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    text: {
-      fontSize: 14,
-      fontFamily: themeVariables.baseFont,
-      fontWeight: '500',
-      textAlign: 'center',
-      textTransform: 'capitalize'
-    },
-    badge: {
-      backgroundColor: themeVariables.buttonBadgeBackgroundColor,
-      color: themeVariables.buttonBadgeTextColor,
-      alignSelf: 'flex-end',
-      position: 'relative',
-      bottom: 60,
-      marginRight: 18,
-      borderWidth: 1,
-      borderStyle: 'solid'
-    },
-    icon: {
-      root: {
-        alignSelf: 'auto',
-        paddingLeft: -8,
-        paddingRight: -8
-      },
-      text: {
-        paddingRight: themeVariables.buttonTextPadding,
-        fontSize: 16
-      }
-    },
-    skeleton: {
-      root: {
-        width: 96,
-        height: 48,
-        borderRadius: 4
-      }
-    }
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle(DEFAULT_CLASS + '-disabled', '', {
-    root: {
-      opacity: 0.5
-    }
-  });
-  const getButtonStyles = (bgColor, color, borderColor = bgColor) => {
-    return {
-      root: {
-        borderWidth: 1,
-        borderColor: borderColor,
-        borderStyle: 'solid',
-        backgroundColor: bgColor
-      },
-      text: {
-        color: color
-      },
-      badge: {
-        backgroundColor: color,
-        color: bgColor,
-        borderColor: bgColor
-      },
-      icon: {
-        text: {
-          color: color
-        }
-      }
-    };
-  };
-  const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor);
-  const buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor);
-  linkBtnStyle.root.paddingVertical = 4;
-  linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;
-  linkBtnStyle.text.textDecorationLine = 'underline';
-  linkBtnStyle.text.textDecorationStyle = 'solid';
-  addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));
-  addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));
-  addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));
-  addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));
-  addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));
-  addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));
-  addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));
-  addStyle('btn-link', '', linkBtnStyle);
-  addStyle('btn-only-label', '', buttonWithOnlyLabel);
-  addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));
-  addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));
-  addStyle('fab-btn', 'btn-primary', {
-    root: {
-      ...BASE_THEME.getStyle('elevate2').root,
-      position: 'fixed',
-      bottom: 160,
-      right: 48,
-      width: 56,
-      height: 56,
-      borderRadius: 56,
-      justifyContent: 'center',
-      alignItems: 'center'
-    },
-    text: {
-      marginLeft: 0,
-      marginRight: 0
-    },
-    icon: {
-      icon: {
-        fontSize: 24
-      }
-    }
-  });
-  addStyle('mini-fab-btn', 'fab-btn', {
-    root: {
-      width: 40,
-      height: 40
-    }
-  });
-});
-//# sourceMappingURL=button.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","borderRadius","paddingTop","paddingBottom","paddingLeft","paddingRight","alignSelf","rippleColor","content","flexDirection","alignItems","justifyContent","text","fontSize","fontFamily","baseFont","fontWeight","textAlign","textTransform","badge","backgroundColor","buttonBadgeBackgroundColor","color","buttonBadgeTextColor","position","bottom","marginRight","borderWidth","borderStyle","icon","buttonTextPadding","skeleton","width","height","opacity","getButtonStyles","bgColor","borderColor","linkBtnStyle","buttonLinkColor","buttonLinkTextColor","buttonWithOnlyLabel","paddingVertical","textDecorationColor","textDecorationLine","textDecorationStyle","buttonDefaultColor","buttonDefaultTextColor","buttonBorderColor","buttonInfoColor","buttonInfoTextColor","buttonPrimaryColor","buttonPrimaryTextColor","buttonSecondaryColor","buttonSecondaryTextColor","buttonDangerColor","buttonDangerTextColor","buttonSuccessColor","buttonSuccessTextColor","buttonWarningColor","buttonWarningTextColor","buttonDarkColor","buttonDarkTextColor","buttonLightColor","buttonLightTextColor","getStyle","right","marginLeft"],"sources":["button.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../icon/icon.styles';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmButtonStyles = BaseStyles & {\n  content: AllStyle,\n  badge: AllStyle,\n  icon: WmIconStyles,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-button';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmButtonStyles = defineStyles<WmButtonStyles>({\n      root: {\n          minHeight: 40,\n          borderRadius: 32,\n          paddingTop: 12,\n          paddingBottom: 12,\n          paddingLeft: 24,\n          paddingRight: 24,\n          alignSelf: 'flex-start',\n          rippleColor: themeVariables.rippleColor\n      },\n      content: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center'\n      },\n      text: {\n        fontSize: 14,\n        fontFamily: themeVariables.baseFont,\n        fontWeight: '500',\n        textAlign: 'center',\n        textTransform: 'capitalize',\n      },\n      badge: {\n        backgroundColor: themeVariables.buttonBadgeBackgroundColor,\n        color: themeVariables.buttonBadgeTextColor,\n        alignSelf: 'flex-end',\n        position: 'relative',\n        bottom: 60 ,\n        marginRight: 18,\n        borderWidth: 1,\n        borderStyle: 'solid',\n      },\n      icon: {\n        root : {\n          alignSelf: 'auto',\n          paddingLeft: -8,\n          paddingRight: -8\n        },\n        text: {\n          paddingRight: themeVariables.buttonTextPadding,\n          fontSize: 16\n        }\n      } as WmIconStyles,\n      skeleton: {\n        root: {\n          width: 96,\n          height: 48,\n          borderRadius: 4\n        }\n      } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      opacity: 0.5\n    }\n  });\n\n  const getButtonStyles = (bgColor: string, color: string, borderColor = bgColor) => {\n    return {\n      root: {\n        borderWidth: 1,\n        borderColor: borderColor,\n        borderStyle: 'solid',\n        backgroundColor: bgColor\n      },\n      text: {\n        color: color\n      },\n      badge: {\n        backgroundColor: color,\n        color: bgColor,\n        borderColor: bgColor\n      },\n      icon: {\n        text: {\n          color: color\n        }\n      }\n    } as WmButtonStyles;\n  }\n\n  const linkBtnStyle = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\nconst buttonWithOnlyLabel = getButtonStyles(themeVariables.buttonLinkColor, themeVariables.buttonLinkTextColor );\n\n  linkBtnStyle.root.paddingVertical = 4;\n  linkBtnStyle.text.textDecorationColor = themeVariables.buttonLinkTextColor;\n  linkBtnStyle.text.textDecorationLine = 'underline';\n  linkBtnStyle.text.textDecorationStyle = 'solid';\n\n  addStyle('btn-default', '', getButtonStyles(themeVariables.buttonDefaultColor, themeVariables.buttonDefaultTextColor, themeVariables.buttonBorderColor));\n  addStyle('btn-info', '', getButtonStyles(themeVariables.buttonInfoColor, themeVariables.buttonInfoTextColor));\n  addStyle('btn-primary', '', getButtonStyles(themeVariables.buttonPrimaryColor, themeVariables.buttonPrimaryTextColor));\n  addStyle('btn-secondary', '', getButtonStyles(themeVariables.buttonSecondaryColor, themeVariables.buttonSecondaryTextColor, themeVariables.buttonSecondaryTextColor));\n  addStyle('btn-danger', '', getButtonStyles(themeVariables.buttonDangerColor, themeVariables.buttonDangerTextColor));\n  addStyle('btn-success', '', getButtonStyles(themeVariables.buttonSuccessColor, themeVariables.buttonSuccessTextColor));\n  addStyle('btn-warning', '', getButtonStyles(themeVariables.buttonWarningColor, themeVariables.buttonWarningTextColor));\n  addStyle('btn-link', '', linkBtnStyle);\n  addStyle('btn-only-label', '', buttonWithOnlyLabel);\n  addStyle('btn-dark', '', getButtonStyles(themeVariables.buttonDarkColor, themeVariables.buttonDarkTextColor));\n  addStyle('btn-light', '', getButtonStyles(themeVariables.buttonLightColor, themeVariables.buttonLightTextColor));\n  addStyle('fab-btn', 'btn-primary', {\n    root : {\n      ...BASE_THEME.getStyle('elevate2').root,\n      position: 'fixed' as any,\n      bottom: 160,\n      right: 48,\n      width: 56,\n      height: 56,\n      borderRadius: 56,\n      justifyContent: 'center',\n      alignItems: 'center'\n    },\n    text: {\n      marginLeft: 0,\n      marginRight: 0\n    },\n    icon: {\n      icon: {\n        fontSize: 24\n      }\n    } as WmIconStyles\n  } as WmButtonStyles);\n  addStyle('mini-fab-btn', 'fab-btn', {\n    root : {\n      width: 40,\n      height: 40\n    }\n  } as WmButtonStyles);\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmButtongroupProps from './buttongroup.props';
-import { DEFAULT_CLASS } from './buttongroup.styles';
-import { createSkeleton } from '../skeleton/skeleton.component';
-export class WmButtongroupState extends BaseComponentState {}
-export default class WmButtongroup extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmButtongroupProps());
-  }
-  renderSkeleton(props) {
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: this.props.skeletonwidth || this.styles.root.width,
-      height: this.props.skeletonheight || this.styles.root.height
-    });
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.root, {
-        flexDirection: props.vertical ? 'column' : 'row'
-      }]
-    }, this._background, props.children);
-  }
-}
-//# sourceMappingURL=buttongroup.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmButtongroupProps","DEFAULT_CLASS","createSkeleton","WmButtongroupState","WmButtongroup","constructor","props","renderSkeleton","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","createElement","style","flexDirection","vertical","_background","children"],"sources":["buttongroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmButtongroupProps from './buttongroup.props';\nimport { DEFAULT_CLASS, WmButtongroupStyles } from './buttongroup.styles';\nimport WmSkeleton, { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmButtongroupState extends BaseComponentState<WmButtongroupProps> {}\n\nexport default class WmButtongroup extends BaseComponent<WmButtongroupProps, WmButtongroupState, WmButtongroupStyles> {\n\n  constructor(props: WmButtongroupProps) {\n    super(props, DEFAULT_CLASS, new WmButtongroupProps());\n  }\n\n  public renderSkeleton(props: WmButtongroupProps){\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmButtongroupProps) {\n    return (\n      <View style={[this.styles.root, {flexDirection: props.vertical ? 'column': 'row'}]}>\n        {this._background}\n        {props.children}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAQ,cAAc;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,qBAAqB;AACpD,SAASC,aAAa,QAA6B,sBAAsB;AACzE,SAAqBC,cAAc,QAAQ,gCAAgC;AAE3E,OAAO,MAAMC,kBAAkB,SAASJ,kBAAkB,CAAqB;AAE/E,eAAe,MAAMK,aAAa,SAASN,aAAa,CAA8D;EAEpHO,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEOO,cAAcA,CAACD,KAAyB,EAAC;IAC9C,OAAOJ,cAAc,CAAC,IAAI,CAACM,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAG,IAAI,CAACN,KAAK,CAACO,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAwB;MAC7EE,MAAM,EAAG,IAAI,CAACR,KAAK,CAACS,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACzD,CAAC,CAAC;EACJ;EAEAE,YAAYA,CAACV,KAAyB,EAAE;IACtC,oBACEV,KAAA,CAAAqB,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE,CAAC,IAAI,CAACT,MAAM,CAACE,IAAI,EAAE;QAACQ,aAAa,EAAEb,KAAK,CAACc,QAAQ,GAAG,QAAQ,GAAE;MAAK,CAAC;IAAE,GAChF,IAAI,CAACC,WAAW,EAChBf,KAAK,CAACgB,QACH,CAAC;EAEX;AACF","ignoreList":[]}

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

@@ -1,14 +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 WmButtongroupProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "children", void 0);
-    _defineProperty(this, "vertical", null);
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
-  }
-}
-//# sourceMappingURL=buttongroup.props.js.map

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

@@ -1,25 +0,0 @@
-import React from 'react';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmCustomProps from './custom.props';
-import { DEFAULT_CLASS } from './custom.styles';
-import { View } from 'react-native';
-import { createSkeleton } from '../skeleton/skeleton.component';
-export class WmCustomState extends BaseComponentState {}
-export default class WmCustom extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmCustomProps(), new WmCustomState());
-  }
-  renderSkeleton(prop) {
-    return createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: this.props.skeletonwidth || this.styles.root.width,
-      height: this.props.skeletonheight || this.styles.root.height
-    });
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this._background, props.renderview(props));
-  }
-}
-//# sourceMappingURL=custom.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmCustomProps","DEFAULT_CLASS","View","createSkeleton","WmCustomState","WmCustom","constructor","props","renderSkeleton","prop","theme","styles","skeleton","root","width","skeletonwidth","height","skeletonheight","renderWidget","createElement","style","_background","renderview"],"sources":["custom.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCustomProps from './custom.props';\nimport { DEFAULT_CLASS, WmCustomStyles } from './custom.styles';\nimport { DimensionValue, Text, View } from 'react-native';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\n\nexport class WmCustomState extends BaseComponentState<WmCustomProps> { }\n\nexport default class WmCustom extends BaseComponent<WmCustomProps, WmCustomState, WmCustomStyles> {\n\n  constructor(props: WmCustomProps) {\n    super(props, DEFAULT_CLASS, new WmCustomProps(), new WmCustomState());\n  }\n\n  public renderSkeleton(prop: WmCustomProps) {\n    return createSkeleton(this.theme, this.styles.skeleton, {\n      ...this.styles.root,\n      width: (this.props.skeletonwidth || this.styles.root.width) as DimensionValue,\n      height: (this.props.skeletonheight || this.styles.root.height) as DimensionValue\n    });\n  }\n\n  renderWidget(props: WmCustomProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {props.renderview(props)}\n      </View>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAA+BC,IAAI,QAAQ,cAAc;AACzD,SAASC,cAAc,QAAQ,gCAAgC;AAG/D,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;AAErE,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAEhGQ,WAAWA,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,EAAE,IAAII,aAAa,CAAC,CAAC,CAAC;EACvE;EAEOI,cAAcA,CAACC,IAAmB,EAAE;IACzC,OAAON,cAAc,CAAC,IAAI,CAACO,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,QAAQ,EAAE;MACtD,GAAG,IAAI,CAACD,MAAM,CAACE,IAAI;MACnBC,KAAK,EAAG,IAAI,CAACP,KAAK,CAACQ,aAAa,IAAI,IAAI,CAACJ,MAAM,CAACE,IAAI,CAACC,KAAwB;MAC7EE,MAAM,EAAG,IAAI,CAACT,KAAK,CAACU,cAAc,IAAI,IAAI,CAACN,MAAM,CAACE,IAAI,CAACG;IACzD,CAAC,CAAC;EACJ;EAEAE,YAAYA,CAACX,KAAoB,EAAE;IACjC,oBACEV,KAAA,CAAAsB,aAAA,CAACjB,IAAI;MAACkB,KAAK,EAAE,IAAI,CAACT,MAAM,CAACE;IAAK,GAC3B,IAAI,CAACQ,WAAW,EAChBd,KAAK,CAACe,UAAU,CAACf,KAAK,CACnB,CAAC;EAEX;AACF","ignoreList":[]}

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

@@ -1,16 +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 WmCustomProps extends BaseProps {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "renderview", () => {
-      return null;
-    });
-    _defineProperty(this, "children", null);
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
-  }
-}
-//# sourceMappingURL=custom.props.js.map