@wavemaker/app-rn-runtime 12.0.0-next.45752 → 12.0.0-next.47809

package/components/advanced/carousel/carousel.props.js

@@ -0,0 +1,23 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmCarouselProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "type", 'static');
+    _defineProperty(this, "animation", 'auto');
+    _defineProperty(this, "animationinterval", 3);
+    _defineProperty(this, "controls", 'both');
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "itemkey", null);
+    _defineProperty(this, "renderSlide", void 0);
+    _defineProperty(this, "enablegestures", true);
+    _defineProperty(this, "maxnoofdots", 5);
+    _defineProperty(this, "showskeletonchildren", false);
+    _defineProperty(this, "threshold", 5);
+    _defineProperty(this, "stopatlast", false);
+  }
+}
+//# sourceMappingURL=carousel.props.js.map

package/components/advanced/carousel/carousel.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCarouselProps","constructor","args","_defineProperty"],"sources":["carousel.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmCarouselProps extends BaseProps {\n  dataset: any = null;\n  type?: 'static' | 'dynamic' = 'static';\n  animation?: 'auto' | 'none' = 'auto';\n  animationinterval?: number = 3;\n  controls?: 'both' | 'none' | 'navs' | 'indicators' = 'both';\n  children? = null as any;\n  itemkey?: ($item: any, $index: any) => any = null as any;\n  renderSlide?: ($item: any, $index: number, carousel: any) => React.ReactNode;\n  enablegestures  = true;\n  maxnoofdots = 5;\n  showskeletonchildren?: boolean = false;\n  threshold: number = 5;\n  stopatlast: boolean = false;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACtC,IAAI;IAAAA,eAAA,eACW,QAAQ;IAAAA,eAAA,oBACR,MAAM;IAAAA,eAAA,4BACP,CAAC;IAAAA,eAAA,mBACuB,MAAM;IAAAA,eAAA,mBAC/C,IAAI;IAAAA,eAAA,kBAC6B,IAAI;IAAAA,eAAA;IAAAA,eAAA,yBAE/B,IAAI;IAAAA,eAAA,sBACR,CAAC;IAAAA,eAAA,+BACkB,KAAK;IAAAA,eAAA,oBAClB,CAAC;IAAAA,eAAA,qBACC,KAAK;EAAA;AAC7B","ignoreList":[]}

package/components/advanced/carousel/carousel.styles.js

@@ -0,0 +1,179 @@
+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-carousel';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const btn = {
+    height: 48,
+    width: 48,
+    borderRadius: 48,
+    borderColor: themeVariables.transparent,
+    borderWidth: 1,
+    justifyContent: 'center'
+  };
+  const defaultStyles = defineStyles({
+    root: {
+      position: 'relative',
+      rippleColor: themeVariables.transparent
+    },
+    text: {},
+    slide: {
+      width: '100%',
+      overflow: 'hidden',
+      paddingHorizontal: 16,
+      transform: [{
+        scale: 0.8
+      }]
+    },
+    firstSlide: {},
+    lastSlide: {},
+    activeSlide: {},
+    btnPanel: {
+      position: 'absolute',
+      top: '50%',
+      marginTop: -64,
+      height: 64,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      width: '100%'
+    },
+    prevBtn: {
+      root: {
+        marginLeft: 12,
+        ...btn,
+        backgroundColor: themeVariables.carouselPrevBgColor,
+        rippleColor: themeVariables.transparent
+      },
+      text: {
+        fontSize: 32
+      },
+      icon: {
+        color: themeVariables.carouselPrevBtnColor
+      }
+    },
+    nextBtn: {
+      root: {
+        marginRight: 12,
+        ...btn,
+        backgroundColor: themeVariables.carouselPrevBgColor,
+        rippleColor: themeVariables.transparent
+      },
+      text: {
+        fontSize: 32
+      },
+      icon: {
+        color: themeVariables.carouselNextBtnColor
+      }
+    },
+    dotsWrapperStyle: {
+      opacity: 1,
+      backgroundColor: themeVariables.carouselDotWrapperBgColor,
+      paddingTop: 4,
+      paddingBottom: 4,
+      overflow: 'hidden'
+    },
+    dotsContainerStyle: {
+      alignItems: 'center'
+    },
+    activeDotStyle: {
+      backgroundColor: themeVariables.carouselActiveDotColor,
+      opacity: 1
+    },
+    dotStyle: {
+      width: 10,
+      height: 10,
+      opacity: 0.6,
+      borderRadius: 5,
+      marginLeft: 4,
+      marginRight: 4,
+      backgroundColor: themeVariables.carouselDotColor
+    },
+    skeleton: {
+      root: {
+        width: '100%'
+      },
+      text: {}
+    },
+    dotSkeleton: {
+      root: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        opacity: 1,
+        backgroundColor: themeVariables.skeletonAnimatedBgColor
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', {
+    prevBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    },
+    nextBtn: {
+      root: {
+        transform: [{
+          rotateY: '180deg'
+        }]
+      }
+    }
+  });
+  addStyle('app-carousel-1', '', {
+    btnPanel: {
+      top: '100%'
+    },
+    prevBtn: {
+      root: {
+        borderRadius: 6
+      }
+    },
+    nextBtn: {
+      root: {
+        borderRadius: 6
+      }
+    }
+  });
+  addStyle('app-carousel-2', '', {
+    btnPanel: {
+      backgroundColor: themeVariables.defaultColorF,
+      width: '100%',
+      top: '100%',
+      right: 0,
+      padding: 8,
+      justifyContent: 'flex-end'
+    },
+    dotsWrapperStyle: {
+      alignSelf: 'flex-start',
+      justifyContent: 'flex-start'
+    },
+    activeDotStyle: {
+      backgroundColor: themeVariables.primaryColor
+    },
+    dotStyle: {
+      backgroundColor: themeVariables.primaryColor
+    },
+    prevBtn: {
+      root: {
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderColor: themeVariables.primaryColor
+      },
+      icon: {
+        color: themeVariables.primaryColor
+      }
+    },
+    nextBtn: {
+      root: {
+        marginLeft: 8,
+        backgroundColor: 'rgba(255, 255, 255, 0.1)',
+        borderColor: themeVariables.primaryColor
+      },
+      icon: {
+        color: themeVariables.primaryColor
+      }
+    }
+  });
+});
+//# sourceMappingURL=carousel.styles.js.map

package/components/advanced/carousel/carousel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","btn","height","width","borderRadius","borderColor","transparent","borderWidth","justifyContent","defaultStyles","root","position","rippleColor","text","slide","overflow","paddingHorizontal","transform","scale","firstSlide","lastSlide","activeSlide","btnPanel","top","marginTop","flexDirection","alignItems","prevBtn","marginLeft","backgroundColor","carouselPrevBgColor","fontSize","icon","color","carouselPrevBtnColor","nextBtn","marginRight","carouselNextBtnColor","dotsWrapperStyle","opacity","carouselDotWrapperBgColor","paddingTop","paddingBottom","dotsContainerStyle","activeDotStyle","carouselActiveDotColor","dotStyle","carouselDotColor","skeleton","dotSkeleton","skeletonAnimatedBgColor","rotateY","defaultColorF","right","padding","alignSelf","primaryColor"],"sources":["carousel.styles.ts"],"sourcesContent":["import { ViewStyle } from 'react-native';\nimport 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 { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmCarouselStyles = BaseStyles & {\n    btnPanel: AllStyle,\n    prevBtn: WmIconStyles,\n    slide: AllStyle,\n    firstSlide: AllStyle,\n    lastSlide: AllStyle,\n    activeSlide: AllStyle,\n    nextBtn: WmIconStyles,\n    dotsWrapperStyle: AllStyle,\n    dotsContainerStyle:AllStyle,\n    dotStyle: AllStyle,\n    activeDotStyle: AllStyle,\n    skeleton: WmSkeletonStyles\n    dotSkeleton: WmSkeletonStyles\n};\nexport const DEFAULT_CLASS = 'app-carousel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const btn: ViewStyle = {\n        height: 48,\n        width: 48,\n        borderRadius: 48,\n        borderColor: themeVariables.transparent,\n        borderWidth: 1,\n        justifyContent: 'center'\n    };\n    const defaultStyles: WmCarouselStyles = defineStyles({\n        root: {\n            position: 'relative',\n            rippleColor: themeVariables.transparent\n        },\n        text: {},\n        slide: {\n            width: '100%',\n            overflow: 'hidden',\n            paddingHorizontal: 16,\n            transform: [\n                {\n                    scale: 0.8\n                }\n            ]\n        },\n        firstSlide: {},\n        lastSlide: {},\n        activeSlide: {},\n        btnPanel: {\n            position: 'absolute',\n            top: '50%',\n            marginTop: -64,\n            height: 64,\n            flexDirection: 'row',\n            alignItems: 'center',\n            justifyContent: 'space-between',\n            width: '100%'\n        },\n        prevBtn : {\n            root: {\n                marginLeft: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselPrevBtnColor\n            }\n        } as WmIconStyles,\n        nextBtn : {\n            root: {\n                marginRight: 12,\n                ...btn,\n                backgroundColor: themeVariables.carouselPrevBgColor,\n                rippleColor: themeVariables.transparent\n            },\n            text: {\n                fontSize: 32\n            },\n            icon : {\n                color: themeVariables.carouselNextBtnColor\n            }\n        } as WmIconStyles,\n        dotsWrapperStyle:{\n            opacity: 1,\n            backgroundColor: themeVariables.carouselDotWrapperBgColor,\n            paddingTop: 4,\n            paddingBottom: 4,\n            overflow: 'hidden',\n        },\n        dotsContainerStyle:{\n            alignItems: 'center'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.carouselActiveDotColor,\n            opacity: 1,\n        },\n        dotStyle: {\n            width: 10,\n            height: 10,\n            opacity: 0.6,\n            borderRadius: 5,\n            marginLeft: 4,\n            marginRight: 4,\n            backgroundColor: themeVariables.carouselDotColor\n        },\n        skeleton: {\n            root: {\n                width: '100%',\n            },\n            text: {}\n        } as any as WmSkeletonStyles,\n        dotSkeleton: {\n            root: {\n                width: 10,\n                height: 10,\n                borderRadius: 5,\n                opacity: 1,\n                backgroundColor: themeVariables.skeletonAnimatedBgColor    \n            }\n        } as any as WmSkeletonStyles\n    } as WmCarouselStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-rtl', '', {\n        prevBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        },\n        nextBtn : {\n            root:{\n                transform: [{rotateY: '180deg'}]\n            }\n        }\n    });\n\n    addStyle('app-carousel-1', '', {\n        btnPanel: {\n            top: '100%'\n        },\n        prevBtn: {\n            root: {\n                borderRadius: 6\n            }\n        },\n        nextBtn: {\n            root: {\n                borderRadius: 6\n            }\n        }\n    } as any as WmCarouselStyles);\n\n    addStyle('app-carousel-2', '', {\n        btnPanel: {\n            backgroundColor: themeVariables.defaultColorF,\n            width: '100%',\n            top: '100%',\n            right: 0,\n            padding: 8,\n            justifyContent: 'flex-end'\n        },\n        dotsWrapperStyle:{\n            alignSelf: 'flex-start',\n            justifyContent: 'flex-start'\n        },\n        activeDotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        dotStyle: {\n            backgroundColor: themeVariables.primaryColor,\n        },\n        prevBtn: {\n            root: {\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        },\n        nextBtn: {\n            root: {\n                marginLeft: 8,\n                backgroundColor: 'rgba(255, 255, 255, 0.1)',\n                borderColor: themeVariables.primaryColor,\n            },\n            icon : {\n                color: themeVariables.primaryColor\n            }\n        }\n    } as any as WmCarouselStyles);\n});"],"mappings":"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","ignoreList":[]}

package/components/advanced/customwidgetcontainer/customwidgetcontainer.component.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmCustomWidgetContainerProps from './customwidgetcontainer.props';
+import { DEFAULT_CLASS } from './customwidgetcontainer.styles';
+export class WmCustomWidgetContainerState extends BaseComponentState {}
+export default class WmCustomWidgetContainer extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmCustomWidgetContainerProps(), new WmCustomWidgetContainerState());
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+  }
+}
+//# sourceMappingURL=customwidgetcontainer.component.js.map

package/components/advanced/customwidgetcontainer/customwidgetcontainer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmCustomWidgetContainerProps","DEFAULT_CLASS","WmCustomWidgetContainerState","WmCustomWidgetContainer","constructor","props","renderWidget","createElement","Fragment","children"],"sources":["customwidgetcontainer.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCustomWidgetContainerProps from './customwidgetcontainer.props';\nimport { DEFAULT_CLASS, WmCustomWidgetContainerStyles } from './customwidgetcontainer.styles';\n\nexport class WmCustomWidgetContainerState extends BaseComponentState<WmCustomWidgetContainerProps> {}\n\nexport default class WmCustomWidgetContainer extends BaseComponent<WmCustomWidgetContainerProps, WmCustomWidgetContainerState, WmCustomWidgetContainerStyles> {\n\n  constructor(props: WmCustomWidgetContainerProps) {\n    super(props, DEFAULT_CLASS, new WmCustomWidgetContainerProps(), new WmCustomWidgetContainerState());\n  }\n\n  renderWidget(props: WmCustomWidgetContainerProps) {\n    return (\n      <>\n        {props.children}\n      </>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,4BAA4B,MAAM,+BAA+B;AACxE,SAASC,aAAa,QAAuC,gCAAgC;AAE7F,OAAO,MAAMC,4BAA4B,SAASH,kBAAkB,CAA+B;AAEnG,eAAe,MAAMI,uBAAuB,SAASL,aAAa,CAA4F;EAE5JM,WAAWA,CAACC,KAAmC,EAAE;IAC/C,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,4BAA4B,CAAC,CAAC,EAAE,IAAIE,4BAA4B,CAAC,CAAC,CAAC;EACrG;EAEAI,YAAYA,CAACD,KAAmC,EAAE;IAChD,oBACER,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAW,QAAA,QACGH,KAAK,CAACI,QACP,CAAC;EAEP;AACF","ignoreList":[]}

package/components/advanced/customwidgetcontainer/customwidgetcontainer.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmCustomWidgetContainerProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+  }
+}
+//# sourceMappingURL=customwidgetcontainer.props.js.map

package/components/advanced/customwidgetcontainer/customwidgetcontainer.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmCustomWidgetContainerProps","constructor","args","_defineProperty"],"sources":["customwidgetcontainer.props.ts"],"sourcesContent":["import { BaseProps } from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport default class WmCustomWidgetContainerProps extends BaseProps {\n    children: any[] = null as any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,4BAA4B,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC9C,IAAI;EAAA;AAC1B","ignoreList":[]}

package/components/advanced/customwidgetcontainer/customwidgetcontainer.styles.js

@@ -0,0 +1,14 @@
+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-CustomWidgetContainer';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    skeleton: {
+      root: {}
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=customwidgetcontainer.styles.js.map

package/components/advanced/customwidgetcontainer/customwidgetcontainer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","skeleton"],"sources":["customwidgetcontainer.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmCustomWidgetContainerStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-CustomWidgetContainer';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles = defineStyles<WmCustomWidgetContainerStyles>({\n        root: {},\n        text: {},\n        skeleton: {\n            root: {\n            }\n        } as WmSkeletonStyles\n    });\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,2BAA2B;AACxDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAa,GAAGL,YAAY,CAAgC;IAC9DM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNF,IAAI,EAAE,CACN;IACJ;EACJ,CAAC,CAAC;EACFF,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/advanced/login/login.component.js

@@ -0,0 +1,40 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, View } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLoginProps from './login.props';
+import { DEFAULT_CLASS } from './login.styles';
+export class WmLoginState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "errorMsg", '');
+  }
+}
+export default class WmLogin extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLoginProps());
+  }
+  onLoginSuccess(response) {}
+  onLoginError(error) {
+    this.updateState({
+      errorMsg: error === null || error === void 0 ? void 0 : error.message
+    });
+  }
+  doLogin(formData) {
+    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root,
+      onLayout: event => this.handleLayout(event)
+    }, this._background, this.state.errorMsg && props.showerror && /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('error'), {
+      style: this.styles.errorMsgStyles
+    }), this.state.errorMsg), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.formStyles
+    }, props.children));
+  }
+}
+//# sourceMappingURL=login.component.js.map

package/components/advanced/login/login.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","BaseComponent","BaseComponentState","WmLoginProps","DEFAULT_CLASS","WmLoginState","constructor","args","_defineProperty","WmLogin","props","onLoginSuccess","response","onLoginError","error","updateState","errorMsg","message","doLogin","formData","onLogin","bind","renderWidget","createElement","style","styles","root","onLayout","event","handleLayout","_background","state","showerror","_extends","getTestPropsForLabel","errorMsgStyles","formStyles","children"],"sources":["login.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLoginProps from './login.props';\nimport { DEFAULT_CLASS, WmLoginStyles } from './login.styles';\nimport { AxiosError, AxiosResponse } from 'axios';\n\nexport class WmLoginState extends BaseComponentState<WmLoginProps> {\n  errorMsg = '';\n}\n\nexport default class WmLogin extends BaseComponent<WmLoginProps, WmLoginState, WmLoginStyles> {\n  constructor(props: WmLoginProps) {\n    super(props, DEFAULT_CLASS, new WmLoginProps());\n  }\n\n  onLoginSuccess(response: AxiosResponse) {\n  }\n\n  onLoginError(error: AxiosError) {\n    this.updateState({errorMsg: error?.message} as WmLoginState);\n  }\n\n  doLogin(formData: any) {\n    this.props.onLogin(formData, this.onLoginSuccess.bind(this), this.onLoginError.bind(this));\n  }\n\n  renderWidget(props: WmLoginProps) {\n    return (\n    <View \n      style={this.styles.root}\n      onLayout={(event) => this.handleLayout(event)}\n    >\n      {this._background}\n      {(this.state.errorMsg && props.showerror) && <Text {...this.getTestPropsForLabel('error')} style={this.styles.errorMsgStyles}>{this.state.errorMsg}</Text>}\n      <View style={this.styles.formStyles}>{props.children}</View>\n    </View>); \n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,YAAY,MAAM,eAAe;AACxC,SAASC,aAAa,QAAuB,gBAAgB;AAG7D,OAAO,MAAMC,YAAY,SAASH,kBAAkB,CAAe;EAAAI,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACtD,EAAE;EAAA;AACf;AAEA,eAAe,MAAMC,OAAO,SAASR,aAAa,CAA4C;EAC5FK,WAAWA,CAACI,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,YAAY,CAAC,CAAC,CAAC;EACjD;EAEAQ,cAAcA,CAACC,QAAuB,EAAE,CACxC;EAEAC,YAAYA,CAACC,KAAiB,EAAE;IAC9B,IAAI,CAACC,WAAW,CAAC;MAACC,QAAQ,EAAEF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG;IAAO,CAAiB,CAAC;EAC9D;EAEAC,OAAOA,CAACC,QAAa,EAAE;IACrB,IAAI,CAACT,KAAK,CAACU,OAAO,CAACD,QAAQ,EAAE,IAAI,CAACR,cAAc,CAACU,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAACR,YAAY,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;EAC5F;EAEAC,YAAYA,CAACZ,KAAmB,EAAE;IAChC,oBACAZ,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MACHwB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MACxBC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAE7C,IAAI,CAACE,WAAW,EACf,IAAI,CAACC,KAAK,CAACf,QAAQ,IAAIN,KAAK,CAACsB,SAAS,iBAAKlC,KAAA,CAAAyB,aAAA,CAACxB,IAAI,EAAAkC,QAAA,KAAK,IAAI,CAACC,oBAAoB,CAAC,OAAO,CAAC;MAAEV,KAAK,EAAE,IAAI,CAACC,MAAM,CAACU;IAAe,IAAE,IAAI,CAACJ,KAAK,CAACf,QAAe,CAAC,eAC1JlB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE,IAAI,CAACC,MAAM,CAACW;IAAW,GAAE1B,KAAK,CAAC2B,QAAe,CACvD,CAAC;EACT;AACF","ignoreList":[]}

package/components/advanced/login/login.props.js

@@ -0,0 +1,13 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmLoginProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "onLogin", () => {});
+    _defineProperty(this, "showerror", true);
+  }
+}
+//# sourceMappingURL=login.props.js.map

package/components/advanced/login/login.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmLoginProps","constructor","args","_defineProperty"],"sources":["login.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmLoginProps extends BaseProps {\n    children: any;\n    onLogin: Function = () => {};\n    showerror: boolean = true;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,YAAY,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,kBAE5B,MAAM,CAAC,CAAC;IAAAA,eAAA,oBACP,IAAI;EAAA;AAC7B","ignoreList":[]}

package/components/advanced/network-info-toaster/network-info-toaster.component.js

@@ -0,0 +1,118 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import NetworkService from '@wavemaker/app-rn-runtime/core/network.service';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { ToastConsumer } from '@wavemaker/app-rn-runtime/core/toast.service';
+import WmNetworkInfoToasterProps from './network-info-toaster.props';
+import { DEFAULT_CLASS } from './network-info-toaster.styles';
+import { isEqual } from 'lodash-es';
+export class WmNetworkInfoToasterState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "newtworkState", {});
+    _defineProperty(this, "showToast", false);
+  }
+}
+export default class WmNetworkInfoToaster extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());
+    _defineProperty(this, "options", {});
+    _defineProperty(this, "_close", null);
+    this.updateState({
+      newtworkState: NetworkService.getState(),
+      showToast: !NetworkService.isConnected()
+    });
+    this.cleanup.push(NetworkService.notifier.subscribe('onNetworkStateChange', networkState => {
+      if (!isEqual(networkState, this.state.newtworkState)) {
+        this.updateState({
+          newtworkState: networkState,
+          showToast: true
+        });
+      }
+    }));
+  }
+  getToastContent() {
+    var _this$props$appLocale;
+    if (!((_this$props$appLocale = this.props.appLocale) !== null && _this$props$appLocale !== void 0 && _this$props$appLocale.messages)) {
+      return null;
+    }
+    if (this.state.newtworkState.isConnected) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+        style: this.styles.action,
+        onPress: () => this._close()
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
+    }
+    if (this.state.newtworkState.isConnecting) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING));
+    }
+    if (this.state.newtworkState.isServiceAvailable) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+        style: this.styles.action,
+        onPress: () => this._close()
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionSeparator
+      }, "|"), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('connect'), {
+        style: this.styles.action
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE)));
+    }
+    if (!this.state.newtworkState.isNetworkAvailable) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: this.styles.root
+      }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+        style: this.styles.text
+      }), this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+        style: this.styles.action,
+        onPress: () => this._close()
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: this.styles.actionText
+      }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('msg'), {
+      style: this.styles.text
+    }), this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE), /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction('close'), {
+      style: this.styles.action,
+      onPress: () => this._close()
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.actionText
+    }, this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO)));
+  }
+  renderWidget(props) {
+    this.options.content = this.getToastContent();
+    this.options.onClose = () => {
+      this._close = null;
+      this.updateState({
+        showToast: false
+      });
+    };
+    return this.options.content && this.state.showToast ? /*#__PURE__*/React.createElement(ToastConsumer, null, toastService => {
+      this._close = () => toastService.hideToast(this.options);
+      toastService.showToast(this.options);
+      return null;
+    }) : null;
+  }
+}
+//# sourceMappingURL=network-info-toaster.component.js.map

package/components/advanced/network-info-toaster/network-info-toaster.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","TouchableOpacity","View","NetworkService","BaseComponent","BaseComponentState","ToastConsumer","WmNetworkInfoToasterProps","DEFAULT_CLASS","isEqual","WmNetworkInfoToasterState","constructor","args","_defineProperty","WmNetworkInfoToaster","props","updateState","newtworkState","getState","showToast","isConnected","cleanup","push","notifier","subscribe","networkState","state","getToastContent","_this$props$appLocale","appLocale","messages","createElement","style","styles","root","_background","_extends","getTestPropsForLabel","text","MESSAGE_SERVICE_CONNECTED","getTestPropsForAction","action","onPress","_close","actionText","LABEL_HIDE_NETWORK_INFO","isConnecting","MESSAGE_SERVICE_CONNECTING","isServiceAvailable","MESSAGE_SERVICE_AVAILABLE","actionSeparator","LABEL_CONNECT_TO_SERVICE","isNetworkAvailable","MESSAGE_NETWORK_NOT_AVAILABLE","MESSAGE_SERVICE_NOT_AVAILABLE","renderWidget","options","content","onClose","toastService","hideToast"],"sources":["network-info-toaster.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity, View } from 'react-native';\nimport NetworkService, { NetworkState } from '@wavemaker/app-rn-runtime/core/network.service';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ToastConsumer, ToastOptions, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmNetworkInfoToasterProps from './network-info-toaster.props';\nimport { DEFAULT_CLASS, WmNetworkInfoToasterStyles } from './network-info-toaster.styles';\nimport { isEqual } from 'lodash-es';\n\nexport class WmNetworkInfoToasterState extends BaseComponentState<WmNetworkInfoToasterProps> {\n  newtworkState = {} as NetworkState;\n  showToast = false;\n}\n\nexport default class WmNetworkInfoToaster extends BaseComponent<WmNetworkInfoToasterProps, WmNetworkInfoToasterState, WmNetworkInfoToasterStyles> {\n  options = {} as ToastOptions;\n  private _close: Function = null as any;\n\n  constructor(props: WmNetworkInfoToasterProps) {\n    super(props, DEFAULT_CLASS, new WmNetworkInfoToasterProps(), new WmNetworkInfoToasterState());\n    this.updateState({\n      newtworkState: NetworkService.getState(),\n      showToast: !NetworkService.isConnected()\n    } as WmNetworkInfoToasterState);\n    this.cleanup.push(\n      NetworkService.notifier.subscribe('onNetworkStateChange', (networkState: NetworkState) => {\n        if (!isEqual(networkState, this.state.newtworkState)) {\n          this.updateState({\n            newtworkState: networkState,\n            showToast: true\n          } as WmNetworkInfoToasterState);\n        }\n      }\n    ));\n  }\n\n  getToastContent() {\n    if (!this.props.appLocale?.messages) {\n      return null;\n    }\n    if (this.state.newtworkState.isConnected) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTED}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (this.state.newtworkState.isConnecting) { \n      return (\n        <View style={this.styles.root}>\n          {this._background}\n          <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_CONNECTING}</Text>\n        </View>);\n    }\n    if (this.state.newtworkState.isServiceAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_AVAILABLE}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n          <Text style={this.styles.actionSeparator}>|</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('connect')} style={this.styles.action}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_CONNECT_TO_SERVICE}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    if (!this.state.newtworkState.isNetworkAvailable) { \n      return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_NETWORK_NOT_AVAILABLE}</Text>\n        <TouchableOpacity {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n    }\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <Text {...this.getTestPropsForLabel('msg')} style={this.styles.text}>{this.props.appLocale.messages.MESSAGE_SERVICE_NOT_AVAILABLE}</Text>\n        <TouchableOpacity  {...this.getTestPropsForAction('close')} style={this.styles.action} onPress={() => this._close()}>\n          <Text style={this.styles.actionText}>{this.props.appLocale.messages.LABEL_HIDE_NETWORK_INFO}</Text>\n        </TouchableOpacity>\n      </View>);\n  }\n\n  renderWidget(props: WmNetworkInfoToasterProps) {\n    this.options.content = this.getToastContent();\n    this.options.onClose = () => {\n      this._close = null as any;\n      this.updateState({\n        showToast : false\n      } as WmNetworkInfoToasterState);\n    };\n    return this.options.content && this.state.showToast ? (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this._close = () => toastService.hideToast(this.options);\n          toastService.showToast(this.options)\n          return null;\n        }}\n      </ToastConsumer>\n    ) : null; \n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/advanced/network-info-toaster/network-info-toaster.props.js

@@ -0,0 +1,11 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+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 WmNetworkInfoToasterProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "appLocale", {});
+  }
+}
+//# sourceMappingURL=network-info-toaster.props.js.map