@wavemaker/app-rn-runtime 11.6.1-rc.5499 → 11.7.0-dev.2

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

@@ -1,76 +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(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, {
-      id: this.getTestId('icon'),
-      iconclass: props.type && MESSAGE_ICONS[props.type],
-      styles: styles.icon
-    }), /*#__PURE__*/React.createElement(View, {
-      style: styles.message
-    }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('title'), {
-      style: styles.title
-    }), props.title || DEFAULT_TITLE[props.type || '']), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('caption'), {
-      style: styles.text
-    }), props.caption)), props.hideclose ? null : /*#__PURE__*/React.createElement(WmButton, {
-      id: this.getTestId('close'),
-      iconclass: "wi wi-close",
-      styles: styles.closeBtn,
-      onTap: this.close
-    }));
-  }
-}
-//# sourceMappingURL=message.component.js.map

app-rn-runtime/components/basic/message/message.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","id","getTestId","iconclass","icon","message","_extends","getTestPropsForLabel","title","text","caption","hideclose","closeBtn","onTap","close"],"sources":["message.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmMessageProps from './message.props';\nimport { DEFAULT_CLASS, WmMessageStyles } from './message.styles';\nimport WmIcon from '../icon/icon.component';\nimport WmButton from '../button/button.component';\nimport { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';\n\nexport class WmMessageState extends BaseComponentState<WmMessageProps> {}\n\nconst MESSAGE_ICONS = {\n  'success': 'wm-sl-l sl-check',\n  'warning': 'wm-sl-l sl-alarm-bell',\n  'error': 'fa fa-times-circle',\n  'info': 'wi wi-info',\n  'loading': 'fa fa-spinner fa-spin'\n};\n\nconst DEFAULT_TITLE = {\n  'success': 'Success',\n  'warning': 'Warning',\n  'error': 'Error',\n  'info': 'Info',\n  'loading': 'Processing'\n} as any;\n\nexport default class WmMessage extends BaseComponent<WmMessageProps, WmMessageState, WmMessageStyles> {\n\n  constructor(props: WmMessageProps) {\n    super(props, DEFAULT_CLASS, new WmMessageProps());\n  }\n\n  showMessage() {\n    this.updateState({\n      props: {\n        show: true\n      }\n    } as WmMessageState);\n  }\n\n  hideMessage() {\n    this.updateState({\n      props: {\n        show: false\n      }\n    } as WmMessageState);\n  }\n\n  close = () => {\n    this.updateState({props: {\n      show : false\n    }}, () => this.invokeEventCallback('onClose', [null, this]));\n  }\n\n  renderWidget(props: WmMessageProps) {\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`${props.type}-${props.variant}-message`), this.styles);\n    return (<Animatedview entryanimation={props.animation} style={styles.root}>\n      {this._background}\n      <WmIcon\n        id={this.getTestId('icon')}\n        iconclass={props.type && MESSAGE_ICONS[props.type]}\n        styles={styles.icon}></WmIcon>\n      <View style={styles.message}>\n        <Text {...this.getTestPropsForLabel('title')} style={styles.title}>{props.title || DEFAULT_TITLE[props.type || '']}</Text>\n        <Text {...this.getTestPropsForLabel('caption')} style={styles.text}>{props.caption}</Text>\n      </View>\n      {props.hideclose ? null : (\n        <WmButton\n          id={this.getTestId('close')}\n          iconclass=\"wi wi-close\"\n          styles={styles.closeBtn}\n          onTap={this.close}></WmButton>\n      )}\n    </Animatedview>);\n  }\n}\n"],"mappings":"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"}

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

@@ -1,17 +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 { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmMessageProps extends BaseProps {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "animation", 'fadeIn');
-    _defineProperty(this, "title", '');
-    _defineProperty(this, "variant", 'dark');
-    _defineProperty(this, "caption", 'Message');
-    _defineProperty(this, "type", 'success');
-    _defineProperty(this, "hideclose", false);
-    _defineProperty(this, "onClose", void 0);
-  }
-}
-//# sourceMappingURL=message.props.js.map

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

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

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

@@ -1,115 +0,0 @@
-import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
-import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
-import { Platform } from 'react-native';
-export const DEFAULT_CLASS = 'app-message';
-BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  const defaultStyles = defineStyles({
-    root: {
-      flexDirection: 'row',
-      paddingTop: 8,
-      paddingBottom: 8,
-      paddingLeft: 8,
-      paddingRight: 8,
-      borderRadius: 6,
-      alignItems: 'center',
-      borderWidth: 1,
-      borderStyle: 'solid'
-    },
-    message: {
-      flex: 1,
-      flexDirection: 'column',
-      justifyContent: 'flex-start',
-      alignContent: 'center',
-      paddingLeft: 16
-    },
-    title: {
-      fontWeight: 'bold',
-      fontSize: 14,
-      paddingBottom: 4
-    },
-    text: {
-      fontSize: 12
-    },
-    icon: {
-      root: {
-        alignItems: 'flex-start',
-        fontSize: 20
-      }
-    },
-    closeBtn: {
-      root: {
-        paddingHorizontal: 0,
-        paddingRight: 8,
-        alignSelf: 'center'
-      },
-      icon: {
-        text: {
-          fontSize: 16
-        }
-      }
-    }
-  });
-  const getStyle = function (bgColor, closeBtnColor, iconcolor, textcolor, titleColor) {
-    let borderColor = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : themeVariables.transparent;
-    return {
-      root: {
-        backgroundColor: bgColor,
-        borderColor: borderColor
-      },
-      message: {
-        color: textcolor
-      },
-      title: {
-        color: titleColor
-      },
-      text: {
-        color: textcolor
-      },
-      icon: {
-        root: {
-          color: iconcolor
-        }
-      },
-      closeBtn: {
-        icon: {
-          root: {
-            color: closeBtnColor
-          }
-        }
-      }
-    };
-  };
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
-    title: {
-      textAlign: 'right'
-    },
-    text: {
-      textAlign: 'right'
-    },
-    message: {
-      paddingRight: 16
-    }
-  } : {
-    title: {
-      textAlign: 'left'
-    },
-    text: {
-      textAlign: 'left'
-    },
-    message: {
-      paddingRight: 16
-    }
-  });
-  addStyle('success-dark-message', '', getStyle(themeVariables.messageSuccessColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));
-  addStyle('error-dark-message', '', getStyle(themeVariables.messageErrorColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));
-  addStyle('warning-dark-message', '', getStyle(themeVariables.messageWarningColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));
-  addStyle('info-dark-message', '', getStyle(themeVariables.messageInfoColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));
-  addStyle('loading-dark-message', '', getStyle(themeVariables.messageLoadingColor, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF, themeVariables.defaultColorF));
-  addStyle('success-light-message', '', getStyle(themeVariables.defaultColorF, themeVariables.defaultColor6, themeVariables.messageSuccessColor, themeVariables.defaultColor6, themeVariables.defaultColor1, themeVariables.defaultColorD));
-  addStyle('error-light-message', '', getStyle(themeVariables.defaultColorF, themeVariables.defaultColor6, themeVariables.messageErrorColor, themeVariables.defaultColor6, themeVariables.defaultColor1, themeVariables.defaultColorD));
-  addStyle('warning-light-message', '', getStyle(themeVariables.defaultColorF, themeVariables.defaultColor6, themeVariables.messageWarningColor, themeVariables.defaultColor6, themeVariables.defaultColor1, themeVariables.defaultColorD));
-  addStyle('info-light-message', '', getStyle(themeVariables.defaultColorF, themeVariables.defaultColor6, themeVariables.messageInfoColor, themeVariables.defaultColor6, themeVariables.defaultColor1, themeVariables.defaultColorD));
-  addStyle('loading-light-message', '', getStyle(themeVariables.defaultColorF, themeVariables.defaultColor6, themeVariables.messageLoadingColor, themeVariables.defaultColor6, themeVariables.defaultColor1, themeVariables.defaultColorD));
-});
-//# sourceMappingURL=message.styles.js.map

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

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

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

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

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

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

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

@@ -1,18 +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 { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmPictureProps extends BaseProps {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "animation", null);
-    _defineProperty(this, "picturesource", null);
-    _defineProperty(this, "pictureplaceholder", null);
-    _defineProperty(this, "shape", null);
-    _defineProperty(this, "isSvg", null);
-    _defineProperty(this, "resizemode", 'stretch');
-    _defineProperty(this, "skeletonheight", null);
-    _defineProperty(this, "skeletonwidth", null);
-  }
-}
-//# sourceMappingURL=picture.props.js.map

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

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

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

@@ -1,41 +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-picture';
-BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  const defaultStyles = defineStyles({
-    root: {
-      overflow: 'hidden'
-    },
-    text: {},
-    picture: {
-      width: '100%',
-      height: '100%'
-    },
-    skeleton: {
-      root: {
-        width: '100%',
-        height: 128
-      }
-    }
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle('rounded-image', '', {
-    picture: {
-      borderRadius: 6
-    }
-  });
-  addStyle('thumbnail-image', '', {
-    root: {
-      backgroundColor: themeVariables.pictureThumbBgColor,
-      borderWidth: 1,
-      borderStyle: 'solid',
-      borderColor: themeVariables.pictureThumbBorderColor,
-      borderRadius: 6,
-      paddingTop: 8,
-      paddingBottom: 8,
-      paddingLeft: 8,
-      paddingRight: 8
-    }
-  });
-});
-//# sourceMappingURL=picture.styles.js.map

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

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

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

@@ -1,37 +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 { View } from 'react-native';
-import { ProgressBar } from 'react-native-paper';
-import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import WmProgressBarProps from './progress-bar.props';
-import { DEFAULT_CLASS } from './progress-bar.styles';
-export class WmProgressBarState extends BaseComponentState {}
-export default class WmProgressBar extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmProgressBarProps());
-  }
-  renderWidget(props) {
-    let value = (props.datavalue - props.minvalue) / (props.maxvalue - props.minvalue);
-    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.root
-    }, this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
-      target: this,
-      styles: {
-        root: {
-          width: '100%',
-          height: '100%'
-        }
-      }
-    }), /*#__PURE__*/React.createElement(ProgressBar, {
-      testID: this.getTestId('progressbar'),
-      progress: value,
-      color: styles.progressValue.color,
-      style: [styles.progressBar, {
-        height: styles.root.height || styles.progressBar.height
-      }]
-    })));
-  }
-}
-//# sourceMappingURL=progress-bar.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","ProgressBar","Tappable","BaseComponent","BaseComponentState","WmProgressBarProps","DEFAULT_CLASS","WmProgressBarState","WmProgressBar","constructor","props","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","createElement","style","root","_background","_extends","getTestPropsForAction","target","width","height","testID","getTestId","progress","color","progressValue","progressBar"],"sources":["progress-bar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ProgressBar } from 'react-native-paper';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmProgressBarProps from './progress-bar.props';\nimport { DEFAULT_CLASS, WmProgressBarStyles } from './progress-bar.styles';\n\nexport class WmProgressBarState extends BaseComponentState<WmProgressBarProps> {}\n\nexport default class WmProgressBar extends BaseComponent<WmProgressBarProps, WmProgressBarState, WmProgressBarStyles> {\n\n  constructor(props: WmProgressBarProps) {\n    super(props, DEFAULT_CLASS, new WmProgressBarProps());\n  }\n\n  renderWidget(props: WmProgressBarProps) {\n    let value = (props.datavalue - props.minvalue) / (props.maxvalue - props.minvalue);\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);\n    return (\n    <View style={styles.root}>\n      {this._background}\n      <Tappable {...this.getTestPropsForAction()} target={this} styles={{root:{width: '100%', height: '100%'}}}>\n        <ProgressBar\n          testID={this.getTestId('progressbar')}\n          progress={value}\n          color={styles.progressValue.color}\n          style={[styles.progressBar, {height: styles.root.height || styles.progressBar.height}]}></ProgressBar>\n      </Tappable>\n    </View>); \n  }\n\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAM,YAAYA,CAACD,KAAyB,EAAE;IACtC,IAAIE,KAAK,GAAG,CAACF,KAAK,CAACG,SAAS,GAAGH,KAAK,CAACI,QAAQ,KAAKJ,KAAK,CAACK,QAAQ,GAAGL,KAAK,CAACI,QAAQ,CAAC;IAClF,MAAME,MAAM,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,IAAI,CAACD,KAAK,CAACE,QAAQ,CAAE,OAAMT,KAAK,CAACU,IAAK,eAAc,CAAC,EAAE,IAAI,CAACJ,MAAM,CAAC;IACxG,oBACAjB,KAAA,CAAAsB,aAAA,CAACrB,IAAI;MAACsB,KAAK,EAAEN,MAAM,CAACO;IAAK,GACtB,IAAI,CAACC,WAAW,eACjBzB,KAAA,CAAAsB,aAAA,CAACnB,QAAQ,EAAAuB,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,MAAM,EAAE,IAAK;MAACX,MAAM,EAAE;QAACO,IAAI,EAAC;UAACK,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE;QAAM;MAAC;IAAE,iBACvG9B,KAAA,CAAAsB,aAAA,CAACpB,WAAW;MACV6B,MAAM,EAAE,IAAI,CAACC,SAAS,CAAC,aAAa,CAAE;MACtCC,QAAQ,EAAEpB,KAAM;MAChBqB,KAAK,EAAEjB,MAAM,CAACkB,aAAa,CAACD,KAAM;MAClCX,KAAK,EAAE,CAACN,MAAM,CAACmB,WAAW,EAAE;QAACN,MAAM,EAAEb,MAAM,CAACO,IAAI,CAACM,MAAM,IAAIb,MAAM,CAACmB,WAAW,CAACN;MAAM,CAAC;IAAE,CAAc,CAC/F,CACN,CAAC;EACT;AAEF"}

app-rn-runtime/components/basic/progress-bar/progress-bar.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(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 { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
-export default class WmProgressBarProps extends BaseProps {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "type", 'default');
-    _defineProperty(this, "datavalue", 30);
-    _defineProperty(this, "minvalue", 0);
-    _defineProperty(this, "maxvalue", 100);
-  }
-}
-//# sourceMappingURL=progress-bar.props.js.map

app-rn-runtime/components/basic/progress-bar/progress-bar.props.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["BaseProps","WmProgressBarProps","constructor","arguments","_defineProperty"],"sources":["progress-bar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmProgressBarProps extends BaseProps {\n  type: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  datavalue: number = 30;\n  minvalue: number = 0;\n  maxvalue: number = 100;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eACK,SAAS;IAAAA,eAAA,oBAClD,EAAE;IAAAA,eAAA,mBACH,CAAC;IAAAA,eAAA,mBACD,GAAG;EAAA;AACxB"}