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

package/components/navigation/popover/popover.styles.js

@@ -0,0 +1,99 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Dimensions } from 'react-native';
+export const DEFAULT_CLASS = 'app-popover';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      padding: 8,
+      alignSelf: 'flex-start'
+    },
+    text: {},
+    title: {
+      backgroundColor: themeVariables.popoverTitleBackgroundColor,
+      padding: 12,
+      color: themeVariables.popoverTitleColor,
+      fontSize: 16,
+      fontFamily: themeVariables.baseFont
+    },
+    link: {
+      root: {},
+      text: {
+        paddingRight: 8
+      }
+    },
+    popover: {
+      backgroundColor: themeVariables.popoverBackgroundColor,
+      maxWidth: 640,
+      borderTopLeftRadius: 28,
+      borderTopRightRadius: 28
+    },
+    popoverContent: {
+      root: {
+        flex: 1
+      }
+    },
+    modal: {},
+    modalContent: {
+      borderTopLeftRadius: 28,
+      borderTopRightRadius: 28
+    },
+    draghandleicon: {
+      root: {
+        alignSelf: 'center'
+      },
+      text: {
+        fontSize: 32
+      },
+      icon: {
+        color: 'var(--wm-color-surface-variant-black)',
+        padding: 0,
+        opacity: 0.4
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('app-popover-action-sheet', '', {
+    modal: {
+      backgroundColor: 'rgba(0, 0, 0, 0.3)'
+    },
+    popover: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      right: 0,
+      width: '100%',
+      minHeight: 240,
+      elevation: 4,
+      maxHeight: Dimensions.get('window').height - 120
+    },
+    modalContent: {
+      position: 'absolute',
+      bottom: 0,
+      width: '100%',
+      ...BASE_THEME.getStyle('elevate1').root,
+      shadowOffset: {
+        width: 0,
+        height: 0
+      },
+      shadowOpacity: 0.6,
+      shadowRadius: 10,
+      justifyContent: 'flex-end'
+    }
+  });
+  addStyle('popover-dropdown', '', {
+    modal: {
+      backgroundColor: 'transparent'
+    },
+    popover: {
+      backgroundColor: themeVariables.transparent
+    },
+    modalContent: {
+      borderRadius: 6,
+      position: 'absolute',
+      ...BASE_THEME.getStyle('elevate4').root,
+      shadowRadius: 8
+    }
+  });
+});
+//# sourceMappingURL=popover.styles.js.map

package/components/navigation/popover/popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","Dimensions","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","alignSelf","text","title","backgroundColor","popoverTitleBackgroundColor","color","popoverTitleColor","fontSize","fontFamily","baseFont","link","paddingRight","popover","popoverBackgroundColor","maxWidth","borderTopLeftRadius","borderTopRightRadius","popoverContent","flex","modal","modalContent","draghandleicon","icon","opacity","position","bottom","left","right","width","minHeight","elevation","maxHeight","get","height","getStyle","shadowOffset","shadowOpacity","shadowRadius","justifyContent","transparent","borderRadius"],"sources":["popover.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 { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmContainerStyles } from '@wavemaker/app-rn-runtime/components/container/container.styles';\nimport { Dimensions } from 'react-native';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmPopoverStyles = BaseStyles & {\n    link: WmAnchorStyles,\n    popover: AllStyle,\n    popoverContent : WmContainerStyles,\n    modal: AllStyle,\n    modalContent: AllStyle,\n    title: AllStyle,\n    draghandleicon:WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-popover';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPopoverStyles = defineStyles({\n        root: {\n            padding: 8,\n            alignSelf: 'flex-start'\n        },\n        text: {},\n        title: {\n            backgroundColor: themeVariables.popoverTitleBackgroundColor,\n            padding: 12,\n            color: themeVariables.popoverTitleColor,\n            fontSize: 16,\n            fontFamily: themeVariables.baseFont\n        },\n        link: {\n            root:{\n            },\n            text:{\n                paddingRight: 8\n            }\n        } as WmAnchorStyles,\n        popover: {\n            backgroundColor: themeVariables.popoverBackgroundColor,\n            maxWidth: 640,\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28        \n        },\n        popoverContent : {\n            root: {\n                flex: 1\n            }\n        } as WmContainerStyles,\n        modal: {},\n        modalContent: {\n            borderTopLeftRadius: 28,\n            borderTopRightRadius: 28\n        },\n        draghandleicon : {\n            root: {alignSelf:'center',},\n            text: {\n            fontSize: 32\n            },\n            icon : {\n                color: 'var(--wm-color-surface-variant-black)',\n                padding: 0,\n                opacity:0.4\n            }\n            } as WmIconStyles,\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-popover-action-sheet', '', {\n        modal: {\n            backgroundColor: 'rgba(0, 0, 0, 0.3)',\n        },\n        popover: {\n            position: \"absolute\",\n            bottom: 0,\n            left: 0,\n            right: 0,\n            width: '100%',\n            minHeight: 240,\n            elevation: 4,\n            maxHeight: Dimensions.get('window').height - 120\n        },\n        modalContent: {\n            position: 'absolute',\n            bottom: 0,\n            width: '100%',\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowOffset: {\n                width: 0,\n                height: 0\n            },\n            shadowOpacity: 0.6,\n            shadowRadius: 10,\n            justifyContent: 'flex-end'\n        }\n    } as any as WmPopoverStyles);\n    addStyle('popover-dropdown', '', {\n        modal: {\n            backgroundColor: 'transparent',\n        },\n        popover: {\n            backgroundColor: themeVariables.transparent\n        },\n        modalContent: {\n            borderRadius: 6,\n            position: 'absolute',\n            ...BASE_THEME.getStyle('elevate4').root,\n            shadowRadius: 8\n        }\n    } as WmPopoverStyles);\n});"],"mappings":"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","ignoreList":[]}

package/components/page/content/content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","DEFAULT_CLASS","WmContentState","WmContent","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["content.component.tsx"],"sourcesContent":["import React from 'react';\nimport { KeyboardAvoidingView, Platform, View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nimport WmContentProps from './content.props';\nimport { DEFAULT_CLASS, WmContentStyles } from './content.styles';\n\nexport class WmContentState extends BaseComponentState<WmContentProps> {\n\n}\n\nexport default class WmContent extends BaseComponent<WmContentProps, WmContentState, WmContentStyles> {\n\n  constructor(props: WmContentProps) {\n    super(props, DEFAULT_CLASS, );\n  }\n  \n  renderWidget(props: WmContentProps) {\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {props.children}\n      </View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyCC,IAAI,QAAQ,cAAc;AACnE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAIjG,SAASC,aAAa,QAAyB,kBAAkB;AAEjE,OAAO,MAAMC,cAAc,SAASF,kBAAkB,CAAiB;AAIvE,eAAe,MAAMG,SAAS,SAASJ,aAAa,CAAkD;EAEpGK,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,EAAEJ,aAAe,CAAC;EAC/B;EAEAK,YAAYA,CAACD,KAAqB,EAAE;IAClC,oBACER,KAAA,CAAAU,aAAA,CAACT,IAAI;MAACU,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,EAChBN,KAAK,CAACO,QACH,CAAC;EAEX;AACF","ignoreList":[]}

package/components/page/left-panel/left-panel.component.js

@@ -0,0 +1,65 @@
+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 { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmLeftPanelProps from './left-panel.props';
+import { DEFAULT_CLASS } from './left-panel.styles';
+import { ScrollView } from 'react-native-gesture-handler';
+import { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+export class WmLeftPanelState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isPartialLoaded", false);
+  }
+}
+export default class WmLeftPanel extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmLeftPanelProps());
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+  }
+  onPartialLoad() {
+    this.invokeEventCallback('onLoad', [null, this]);
+  }
+  renderContent(props) {
+    if (props.renderPartial) {
+      if (!this.state.isPartialLoaded) {
+        setTimeout(() => {
+          this.updateState({
+            isPartialLoaded: true
+          });
+        });
+      }
+      return props.renderPartial(props, this.onPartialLoad.bind(this));
+    }
+    return props.children;
+  }
+  renderWidget(props) {
+    return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      var _this$appConfig;
+      const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;
+      const isEdgeToEdgeApp = !!((_this$appConfig = this.appConfig) !== null && _this$appConfig !== void 0 && (_this$appConfig = _this$appConfig.edgeToEdgeConfig) !== null && _this$appConfig !== void 0 && _this$appConfig.isEdgeToEdgeApp);
+      const stylesWithFs = isEdgeToEdgeApp ? {
+        paddingTop: (paddingTopVal || 0) + ((insets === null || insets === void 0 ? void 0 : insets.top) || 0)
+      } : {};
+      return /*#__PURE__*/React.createElement(FixedViewContainer, null, /*#__PURE__*/React.createElement(ScrollView, {
+        onScroll: event => {
+          this.notify('scroll', [event]);
+        },
+        scrollEventThrottle: 48,
+        contentContainerStyle: [this.styles.root, {
+          width: "100%",
+          maxWidth: "100%"
+        }, stylesWithFs]
+      }, this._background, this.renderContent(props)));
+    });
+  }
+}
+//# sourceMappingURL=left-panel.component.js.map

package/components/page/left-panel/left-panel.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmLeftPanelProps","DEFAULT_CLASS","ScrollView","FixedViewContainer","SafeAreaInsetsContext","injector","WmLeftPanelState","constructor","args","_defineProperty","WmLeftPanel","props","get","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","createElement","Consumer","insets","top","bottom","left","right","_this$appConfig","paddingTopVal","styles","root","paddingTop","padding","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","stylesWithFs","onScroll","event","notify","scrollEventThrottle","contentContainerStyle","width","maxWidth","_background"],"sources":["left-panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLeftPanelProps from './left-panel.props';\nimport { DEFAULT_CLASS, WmLeftPanelStyles } from './left-panel.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\nexport class WmLeftPanelState extends BaseComponentState<WmLeftPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmLeftPanel extends BaseComponent<WmLeftPanelProps, WmLeftPanelState, WmLeftPanelStyles> {\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n  \n  constructor(props: WmLeftPanelProps) {\n    super(props, DEFAULT_CLASS, new WmLeftPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmLeftPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmLeftPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmLeftPanelProps) {\n    return (\n      <SafeAreaInsetsContext.Consumer>{(insets = { top: 0, bottom: 0, left: 0, right: 0 })=>{\n        const paddingTopVal = this.styles.root.paddingTop || this.styles.root.padding;\n        const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n        const stylesWithFs = isEdgeToEdgeApp ? {paddingTop: (paddingTopVal || 0) as number + (insets?.top || 0) as number} : {}\n       return (\n        <FixedViewContainer>\n          <ScrollView \n            onScroll={(event) => {this.notify('scroll', [event])}}\n            scrollEventThrottle={48}\n            contentContainerStyle={[this.styles.root, {width: \"100%\", maxWidth: \"100%\"},stylesWithFs]}>\n            {this._background}\n            {this.renderContent(props)}\n          </ScrollView>\n        </FixedViewContainer>)\n      }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,kBAAkB,QAAQ,qDAAqD;AACxF,SAASC,qBAAqB,QAAQ,gCAAgC;AACtE,OAAOC,QAAQ,MAAM,yCAAyC;AAG9D,OAAO,MAAMC,gBAAgB,SAASP,kBAAkB,CAAmB;EAAAQ,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,0BACvD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAASZ,aAAa,CAAwD;EAG5GS,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;IAACS,eAAA,oBAHlCJ,QAAQ,CAACO,GAAG,CAAY,YAAY,CAAC;EAIzD;EAEAC,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACJ,KAAuB,EAAE;IACrC,IAAIA,KAAK,CAACK,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAqB,CAAC;QACxB,CAAC,CAAC;MACJ;MACA,OAAOP,KAAK,CAACK,aAAa,CAACL,KAAK,EAAE,IAAI,CAACE,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOV,KAAK,CAACW,QAAQ;EACvB;EAEAC,YAAYA,CAACZ,KAAuB,EAAE;IACpC,oBACEd,KAAA,CAAA2B,aAAA,CAACpB,qBAAqB,CAACqB,QAAQ,QAAE,CAACC,MAAM,GAAG;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE,CAAC;MAAEC,IAAI,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAC,KAAG;MAAA,IAAAC,eAAA;MACpF,MAAMC,aAAa,GAAG,IAAI,CAACC,MAAM,CAACC,IAAI,CAACC,UAAU,IAAI,IAAI,CAACF,MAAM,CAACC,IAAI,CAACE,OAAO;MAC7E,MAAMC,eAAe,GAAG,CAAC,GAAAN,eAAA,GAAC,IAAI,CAACO,SAAS,cAAAP,eAAA,gBAAAA,eAAA,GAAdA,eAAA,CAAgBQ,gBAAgB,cAAAR,eAAA,eAAhCA,eAAA,CAAkCM,eAAe;MAC3E,MAAMG,YAAY,GAAGH,eAAe,GAAG;QAACF,UAAU,EAAE,CAACH,aAAa,IAAI,CAAC,KAAe,CAAAN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEC,GAAG,KAAI,CAAC;MAAW,CAAC,GAAG,CAAC,CAAC;MACxH,oBACC9B,KAAA,CAAA2B,aAAA,CAACrB,kBAAkB,qBACjBN,KAAA,CAAA2B,aAAA,CAACtB,UAAU;QACTuC,QAAQ,EAAGC,KAAK,IAAK;UAAC,IAAI,CAACC,MAAM,CAAC,QAAQ,EAAE,CAACD,KAAK,CAAC,CAAC;QAAA,CAAE;QACtDE,mBAAmB,EAAE,EAAG;QACxBC,qBAAqB,EAAE,CAAC,IAAI,CAACZ,MAAM,CAACC,IAAI,EAAE;UAACY,KAAK,EAAE,MAAM;UAAEC,QAAQ,EAAE;QAAM,CAAC,EAACP,YAAY;MAAE,GACzF,IAAI,CAACQ,WAAW,EAChB,IAAI,CAACjC,aAAa,CAACJ,KAAK,CACf,CACM,CAAC;IACvB,CACgC,CAAC;EAErC;AACF","ignoreList":[]}

package/components/page/left-panel/left-panel.props.js

@@ -0,0 +1,12 @@
+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 WmLeftPanelProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", void 0);
+    _defineProperty(this, "renderPartial", void 0);
+  }
+}
+//# sourceMappingURL=left-panel.props.js.map

package/components/page/page-content/page-content.component.js

@@ -0,0 +1,142 @@
+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, { createRef } from 'react';
+import { KeyboardAvoidingView, Platform, View } from 'react-native';
+import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmPageContentProps from './page-content.props';
+import { DEFAULT_CLASS } from './page-content.styles';
+import { ScrollView } from 'react-native-gesture-handler';
+import WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+export class WmPageContentState extends BaseComponentState {}
+export default class WmPageContent extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPageContentProps());
+    _defineProperty(this, "scrollRef", void 0);
+    _defineProperty(this, "previousScrollPosition", 0);
+    _defineProperty(this, "handleScroll", event => {
+      const scrollPosition = event.nativeEvent.contentOffset.y;
+      if (Math.abs(scrollPosition - this.previousScrollPosition) >= 8 && scrollPosition >= 0) {
+        const e = event;
+        if (scrollPosition > this.previousScrollPosition) {
+          e.scrollDirection = 1;
+          this.invokeEventCallback('onSwipeup', [null, this.proxy]);
+        } else if (scrollPosition === this.previousScrollPosition) {
+          e.scrollDirection = 0;
+        } else {
+          e.scrollDirection = -1;
+          this.invokeEventCallback('onSwipedown', [null, this.proxy]);
+        }
+        this.previousScrollPosition = scrollPosition;
+        this.notify('scroll', [e]);
+      }
+    });
+    this.hideMode = HideMode.DONOT_ADD_TO_DOM;
+    this.scrollRef = /*#__PURE__*/createRef();
+    this.subscribe('scrollToPosition', args => {
+      this.scrollTo(args);
+    });
+    this.subscribe('scrollToEnd', () => {
+      var _this$scrollRef;
+      (_this$scrollRef = this.scrollRef) === null || _this$scrollRef === void 0 || _this$scrollRef.current.scrollToEnd();
+    });
+  }
+  scrollTo(position) {
+    var _this$scrollRef2;
+    (_this$scrollRef2 = this.scrollRef) === null || _this$scrollRef2 === void 0 || (_this$scrollRef2 = _this$scrollRef2.current) === null || _this$scrollRef2 === void 0 || _this$scrollRef2.scrollTo({
+      x: position.x,
+      y: position.y,
+      Animated: true
+    });
+  }
+  renderSkeleton(props) {
+    if (this.props.skeletonanimationresource) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: [{
+          width: '100%'
+        }, this.styles.root]
+      }, /*#__PURE__*/React.createElement(WmLottie, {
+        styles: {
+          content: {
+            ...this.styles.root,
+            ...this.styles.skeleton.root
+          }
+        },
+        source: this.props.skeletonanimationresource,
+        loop: true,
+        autoplay: true,
+        speed: this.props.skeletonanimationspeed
+      }));
+    }
+    return null;
+  }
+  renderWidget(props) {
+    const showScrollbar = this.styles.root.scrollbarColor != 'transparent';
+    const borderRadiusStyles = {
+      borderRadius: this.styles.root.borderRadius,
+      borderTopLeftRadius: this.styles.root.borderTopLeftRadius,
+      borderTopRightRadius: this.styles.root.borderTopRightRadius,
+      borderBottomLeftRadius: this.styles.root.borderBottomLeftRadius,
+      borderBottomRightRadius: this.styles.root.borderBottomRightRadius
+    };
+    return props.scrollable || isWebPreviewMode() ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        height: '100%',
+        width: '100%',
+        ...borderRadiusStyles,
+        backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor
+      }
+    }, this._background, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      const keyboardOffset = props.consumenotch ? (insets === null || insets === void 0 ? void 0 : insets.bottom) || 0 : 0;
+      const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;
+      return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+        keyboardVerticalOffset: verticalOffset,
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(ScrollView, {
+        keyboardShouldPersistTaps: props.keyboardpersisttaps,
+        testID: this.getTestId("page_content_scrollview"),
+        ref: this.scrollRef,
+        contentContainerStyle: [this.styles.root, {
+          backgroundColor: 'transparent'
+        }],
+        showsVerticalScrollIndicator: showScrollbar,
+        onScroll: this.handleScroll,
+        alwaysBounceVertical: false,
+        alwaysBounceHorizontal: false,
+        bounces: false,
+        scrollEventThrottle: 48
+      }, props.children));
+    })) : /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.root, {
+        backgroundColor: this._showSkeleton ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor
+      }]
+    }, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      const keyboardOffset = props.consumenotch ? (insets === null || insets === void 0 ? void 0 : insets.bottom) || 0 : 0;
+      const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;
+      return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : undefined,
+        keyboardVerticalOffset: verticalOffset,
+        style: {
+          flex: 1
+        }
+      }, this._background, props.children);
+    }));
+  }
+}
+//# sourceMappingURL=page-content.component.js.map

package/components/page/page-content/page-content.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createRef","KeyboardAvoidingView","Platform","View","isWebPreviewMode","HideMode","BaseComponent","BaseComponentState","WmPageContentProps","DEFAULT_CLASS","ScrollView","WmLottie","SafeAreaInsetsContext","WmPageContentState","WmPageContent","constructor","props","_defineProperty","event","scrollPosition","nativeEvent","contentOffset","y","Math","abs","previousScrollPosition","e","scrollDirection","invokeEventCallback","proxy","notify","hideMode","DONOT_ADD_TO_DOM","scrollRef","subscribe","args","scrollTo","_this$scrollRef","current","scrollToEnd","position","_this$scrollRef2","x","Animated","renderSkeleton","skeletonanimationresource","createElement","style","width","styles","root","content","skeleton","source","loop","autoplay","speed","skeletonanimationspeed","renderWidget","showScrollbar","scrollbarColor","borderRadiusStyles","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","scrollable","height","backgroundColor","_showSkeleton","_background","Consumer","insets","top","bottom","left","right","keyboardOffset","consumenotch","verticalOffset","OS","keyboardverticaloffset","behavior","undefined","keyboardVerticalOffset","flex","keyboardShouldPersistTaps","keyboardpersisttaps","testID","getTestId","ref","contentContainerStyle","showsVerticalScrollIndicator","onScroll","handleScroll","alwaysBounceVertical","alwaysBounceHorizontal","bounces","scrollEventThrottle","children"],"sources":["page-content.component.tsx"],"sourcesContent":["import React, { createRef, RefObject } from 'react';\nimport { KeyboardAvoidingView, Platform, View, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageContentProps from './page-content.props';\nimport { DEFAULT_CLASS, WmPageContentStyles } from './page-content.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmLottie from '@wavemaker/app-rn-runtime/components/basic/lottie/lottie.component';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nexport class WmPageContentState extends BaseComponentState<WmPageContentProps> {}\n\nexport interface CustomScrollEvent {\n  scrollDirection: number;\n}\n\nexport default class WmPageContent extends BaseComponent<WmPageContentProps, WmPageContentState, WmPageContentStyles> {\n  private scrollRef: RefObject<any>;\n  private previousScrollPosition: number = 0;\n\n  constructor(props: WmPageContentProps) {\n    super(props, DEFAULT_CLASS, new WmPageContentProps());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.scrollRef = createRef();\n\n    this.subscribe('scrollToPosition', (args: any) => {\n      this.scrollTo(args);\n    });\n\n    this.subscribe('scrollToEnd', () => {\n      this.scrollRef?.current.scrollToEnd();\n    });\n  }\n\n  public scrollTo(position: {x: number, y: number}){\n    this.scrollRef?.current?.scrollTo({\n      x: position.x,\n      y: position.y,\n      Animated: true\n    });\n  }\n\n  private handleScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {\n    const scrollPosition = event.nativeEvent.contentOffset.y;\n    if(Math.abs(scrollPosition - this.previousScrollPosition) >= 8 && scrollPosition >=0){\n      const e = event as unknown as CustomScrollEvent;\n      if (scrollPosition > this.previousScrollPosition) {\n        e.scrollDirection = 1;\n        this.invokeEventCallback('onSwipeup', [null, this.proxy]);\n      } else if (scrollPosition === this.previousScrollPosition) {\n        e.scrollDirection = 0;\n      } else {\n        e.scrollDirection = -1;\n        this.invokeEventCallback('onSwipedown', [null, this.proxy]);\n      }\n      this.previousScrollPosition = scrollPosition;\n      this.notify('scroll', [e]);\n    }\n  };\n\n  public renderSkeleton(props: WmPageContentProps): React.ReactNode {\n    if(this.props.skeletonanimationresource) {\n      return <View style={[{width: '100%'}, this.styles.root]}>\n       <WmLottie styles={{ content: {...this.styles.root, ...this.styles.skeleton.root} }} source={this.props.skeletonanimationresource} loop={true} autoplay={true} speed={this.props.skeletonanimationspeed}/>\n      </View>\n    } \n    return null;\n  }  \n\n  renderWidget(props: WmPageContentProps) {\n    const showScrollbar = (this.styles.root as any).scrollbarColor != 'transparent';\n    const borderRadiusStyles = {\n  borderRadius: this.styles.root.borderRadius,\n  borderTopLeftRadius: this.styles.root.borderTopLeftRadius,\n  borderTopRightRadius: this.styles.root.borderTopRightRadius,\n  borderBottomLeftRadius: this.styles.root.borderBottomLeftRadius,\n  borderBottomRightRadius: this.styles.root.borderBottomRightRadius,\n};\n    return (props.scrollable || isWebPreviewMode()) ? (\n      <View style={{height: '100%', width: '100%',\n         ...borderRadiusStyles,\n       backgroundColor: this._showSkeleton && this.styles.skeleton.root.backgroundColor ? this.styles.skeleton.root.backgroundColor : this.styles.root.backgroundColor\n      \n       }}>\n        {this._background}\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                <ScrollView \n                  keyboardShouldPersistTaps={props.keyboardpersisttaps}\n                  testID={this.getTestId(\"page_content_scrollview\")}\n                  ref={this.scrollRef}\n                  contentContainerStyle={[this.styles.root, {backgroundColor: 'transparent'}]}\n                  showsVerticalScrollIndicator={showScrollbar}\n                  onScroll={this.handleScroll}\n                  alwaysBounceVertical={false}\n                  alwaysBounceHorizontal={false}\n                  bounces={false}\n                  scrollEventThrottle={48}>\n                  {props.children}\n                </ScrollView>\n              </KeyboardAvoidingView>\n            )}}\n        </SafeAreaInsetsContext.Consumer>\n      </View>      \n    ) : (\n      <View style={[this.styles.root,\n          {backgroundColor: this._showSkeleton ?\n            this.styles.skeleton.root.backgroundColor : \n            this.styles.root.backgroundColor}]}>\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            const keyboardOffset = props.consumenotch ? (insets?.bottom || 0) : 0;\n            const verticalOffset = Platform.OS === 'ios' ? keyboardOffset + props.keyboardverticaloffset : keyboardOffset;\n            return (\n              <KeyboardAvoidingView\n                behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n                keyboardVerticalOffset={verticalOffset}\n                style={{ flex: 1 }}>\n                {this._background}\n                {props.children}\n              </KeyboardAvoidingView>\n            )}}\n        </SafeAreaInsetsContext.Consumer>\n      </View>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/components/page/page-content/page-content.props.js

@@ -0,0 +1,17 @@
+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 { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';
+export default class WmPageContentProps extends SkeletonAnimationProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", null);
+    _defineProperty(this, "scrollable", true);
+    _defineProperty(this, "onSwipeup", null);
+    _defineProperty(this, "onSwipedown", null);
+    _defineProperty(this, "keyboardverticaloffset", 100);
+    _defineProperty(this, "keyboardpersisttaps", 'never');
+    _defineProperty(this, "consumenotch", true);
+  }
+}
+//# sourceMappingURL=page-content.props.js.map

package/components/page/page-content/page-content.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SkeletonAnimationProps","WmPageContentProps","constructor","args","_defineProperty"],"sources":["page-content.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { SkeletonAnimationProps } from '@wavemaker/app-rn-runtime/runtime/base-fragment.component';\n\nexport default class WmPageContentProps extends SkeletonAnimationProps {\n    children: any[] = null as any;\n    scrollable: boolean = true;\n    onSwipeup?: Function = null as any;  \n    onSwipedown?: Function = null as any;\n    keyboardverticaloffset: number = 100;\n    keyboardpersisttaps: 'never'| 'always' | 'handled' = 'never';\n    consumenotch: boolean = true;\n}"],"mappings":";;;AACA,SAASA,sBAAsB,QAAQ,2DAA2D;AAElG,eAAe,MAAMC,kBAAkB,SAASD,sBAAsB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBACjD,IAAI;IAAAA,eAAA,qBACA,IAAI;IAAAA,eAAA,oBACH,IAAI;IAAAA,eAAA,sBACF,IAAI;IAAAA,eAAA,iCACI,GAAG;IAAAA,eAAA,8BACiB,OAAO;IAAAA,eAAA,uBACpC,IAAI;EAAA;AAChC","ignoreList":[]}

package/components/page/page-content/page-content.styles.js

@@ -0,0 +1,20 @@
+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-page-content';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      padding: 8,
+      backgroundColor: themeVariables.pageContentBgColor,
+      minHeight: '100%'
+    },
+    text: {},
+    skeleton: {
+      root: {
+        height: themeVariables.maxModalHeight
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=page-content.styles.js.map

package/components/page/page-content/page-content.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","backgroundColor","pageContentBgColor","minHeight","text","skeleton","height","maxModalHeight"],"sources":["page-content.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 '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmPageContentStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-page-content';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPageContentStyles = defineStyles({\n        root: {\n            padding: 8,\n            backgroundColor: themeVariables.pageContentBgColor,\n            minHeight: '100%'\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: themeVariables.maxModalHeight\n            }\n        } as any as WmSkeletonStyles\n    });\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,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE;MACFC,OAAO,EAAE,CAAC;MACVC,eAAe,EAAEL,cAAc,CAACM,kBAAkB;MAClDC,SAAS,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNN,IAAI,EAAE;QACFO,MAAM,EAAEV,cAAc,CAACW;MAC3B;IACJ;EACJ,CAAC,CAAC;EAEFV,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}

package/components/page/page.component.js

@@ -0,0 +1,82 @@
+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 { PanResponder, ScrollView, View, StatusBar, Platform } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { DEFAULT_CLASS } from './page.styles';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+import { StickyViewContainer } from '@wavemaker/app-rn-runtime/core/sticky-container.component';
+import { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+export class WmPageState extends BaseComponentState {}
+export default class WmPage extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS);
+    _defineProperty(this, "scrollRef", void 0);
+    _defineProperty(this, "previousScrollPosition", 0);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    _defineProperty(this, "panResponder", PanResponder.create({
+      onStartShouldSetPanResponderCapture: e => {
+        this.notify('globaltouch', [e]);
+        return false;
+      }
+    }));
+    _defineProperty(this, "onScroll", event => {
+      const scrollPosition = event.nativeEvent.contentOffset.y;
+      const scrollDelta = Math.abs(scrollPosition - this.previousScrollPosition);
+      if (scrollPosition >= 0) {
+        const e = event;
+        if (scrollPosition > this.previousScrollPosition) {
+          e.scrollDirection = 1;
+        } else if (scrollPosition === this.previousScrollPosition) {
+          e.scrollDirection = 0;
+        } else {
+          e.scrollDirection = -1;
+        }
+        e.scrollDelta = scrollDelta;
+        this.previousScrollPosition = scrollPosition;
+        this.notify('scroll', [e]);
+      }
+    });
+    this.scrollRef = /*#__PURE__*/React.createRef();
+  }
+  scrollTo(position) {
+    var _this$scrollRef;
+    (_this$scrollRef = this.scrollRef) === null || _this$scrollRef === void 0 || (_this$scrollRef = _this$scrollRef.current) === null || _this$scrollRef === void 0 || _this$scrollRef.scrollTo({
+      x: position.x,
+      y: position.y,
+      Animated: true
+    });
+  }
+  renderWidget(props) {
+    var _this$appConfig;
+    const isEdgeToEdgeApp = !!((_this$appConfig = this.appConfig) !== null && _this$appConfig !== void 0 && (_this$appConfig = _this$appConfig.edgeToEdgeConfig) !== null && _this$appConfig !== void 0 && _this$appConfig.isEdgeToEdgeApp);
+    return /*#__PURE__*/React.createElement(StickyViewContainer, null, /*#__PURE__*/React.createElement(FixedViewContainer, null, isEdgeToEdgeApp && Platform.OS === "android" ? /*#__PURE__*/React.createElement(StatusBar, {
+      barStyle: props.barstyle
+    }) : null, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      return props.scrollable ? /*#__PURE__*/React.createElement(ScrollView, _extends({
+        ref: this.scrollRef
+      }, this.panResponder.panHandlers, {
+        style: [{
+          width: '100%',
+          height: '100%',
+          paddingTop: !(props !== null && props !== void 0 && props.hasappnavbar) && isEdgeToEdgeApp ? insets === null || insets === void 0 ? void 0 : insets.top : 0
+        }, this.styles.root],
+        onScroll: this.onScroll,
+        scrollEventThrottle: 16
+      }), this._background, props.children) : /*#__PURE__*/React.createElement(View, {
+        style: [{
+          paddingTop: !(props !== null && props !== void 0 && props.hasappnavbar) && isEdgeToEdgeApp ? insets === null || insets === void 0 ? void 0 : insets.top : 0
+        }, this.styles.root]
+      }, this._background, props.children);
+    })));
+  }
+}
+//# sourceMappingURL=page.component.js.map

package/components/page/page.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PanResponder","ScrollView","View","StatusBar","Platform","BaseComponent","BaseComponentState","DEFAULT_CLASS","SafeAreaInsetsContext","StickyViewContainer","FixedViewContainer","injector","WmPageState","WmPage","constructor","props","_defineProperty","get","create","onStartShouldSetPanResponderCapture","e","notify","event","scrollPosition","nativeEvent","contentOffset","y","scrollDelta","Math","abs","previousScrollPosition","scrollDirection","scrollRef","createRef","scrollTo","position","_this$scrollRef","current","x","Animated","renderWidget","_this$appConfig","isEdgeToEdgeApp","appConfig","edgeToEdgeConfig","createElement","OS","barStyle","barstyle","Consumer","insets","top","bottom","left","right","scrollable","_extends","ref","panResponder","panHandlers","style","width","height","paddingTop","hasappnavbar","styles","root","onScroll","scrollEventThrottle","_background","children"],"sources":["page.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PanResponder, ScrollView, View, NativeSyntheticEvent,  NativeScrollEvent ,StatusBar, Platform} from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmPageProps from './page.props';\nimport { DEFAULT_CLASS, WmPageStyles } from './page.styles';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\nimport { StickyViewContainer } from '@wavemaker/app-rn-runtime/core/sticky-container.component';\nimport { FixedViewContainer } from '@wavemaker/app-rn-runtime/core/fixed-view.component';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\nexport class WmPageState extends BaseComponentState<WmPageProps> {}\n\ninterface CustomScrollEvent {\n  scrollDirection: number;\n  scrollDelta: number;\n}\n\n\nexport default class WmPage extends BaseComponent<WmPageProps, WmPageState, WmPageStyles> {\n  private scrollRef: React.RefObject<any>;\n  private previousScrollPosition: number = 0;\n  private appConfig = injector.get<AppConfig>('APP_CONFIG');\n\n  panResponder = PanResponder.create({\n    onStartShouldSetPanResponderCapture: (e) => {\n      this.notify('globaltouch', [e]);\n      return false;\n    },\n  });\n  constructor(props: WmPageProps) {\n    super(props, DEFAULT_CLASS, );\n    this.scrollRef = React.createRef();\n  }\n\n  private onScroll = (event: NativeSyntheticEvent<NativeScrollEvent>)=>{\n    const scrollPosition = event.nativeEvent.contentOffset.y;\n    const scrollDelta = Math.abs(scrollPosition - this.previousScrollPosition)  \n    if(scrollPosition >=0){\n      const e = event as unknown as CustomScrollEvent;\n      if (scrollPosition > this.previousScrollPosition) {\n        e.scrollDirection = 1;\n      } else if (scrollPosition === this.previousScrollPosition) {\n        e.scrollDirection = 0;\n      } else {\n        e.scrollDirection = -1;\n      }\n      e.scrollDelta = scrollDelta;\n      this.previousScrollPosition = scrollPosition;\n      this.notify('scroll', [e]);\n    }\n  }\n\n  public scrollTo(position: {x: number, y: number}){\n    this.scrollRef?.current?.scrollTo({\n      x: position.x,\n      y: position.y,\n      Animated: true\n    });\n  }\n\n  renderWidget(props: WmPageProps) {\n\n    const isEdgeToEdgeApp = !!this.appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n    return (\n      <StickyViewContainer>\n        <FixedViewContainer>\n        {isEdgeToEdgeApp && Platform.OS ===\"android\" ? <StatusBar barStyle={props.barstyle}/> : null}\n        <SafeAreaInsetsContext.Consumer>\n          {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n            return props.scrollable ? \n            <ScrollView\n              ref={this.scrollRef}\n              {...this.panResponder.panHandlers}\n              style={[{ width:'100%', height:'100%', paddingTop : !props?.hasappnavbar && isEdgeToEdgeApp ? insets?.top : 0 }, this.styles.root]}\n              onScroll={this.onScroll}\n              scrollEventThrottle={16}\n            >\n              {this._background}\n              {props.children}\n            </ScrollView> : \n            <View style={[{paddingTop : !props?.hasappnavbar && isEdgeToEdgeApp ? insets?.top : 0 },this.styles.root]}> \n              {this._background}\n              {props.children}\n            </View>\n          }}\n        </SafeAreaInsetsContext.Consumer>\n        </FixedViewContainer>\n     </StickyViewContainer>\n    ); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/page/page.props.js

@@ -0,0 +1,14 @@
+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 WmPageProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", []);
+    _defineProperty(this, "scrollable", false);
+    _defineProperty(this, "hasappnavbar", true);
+    _defineProperty(this, "barstyle", 'default');
+  }
+}
+//# sourceMappingURL=page.props.js.map

package/components/page/page.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmPageProps","constructor","args","_defineProperty"],"sources":["page.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nexport default class WmPageProps extends BaseProps{\n  children: any[] = [];\n  scrollable: boolean = false;\n  hasappnavbar:boolean = true;\n  barstyle:'default'|'dark-content'|'light-content' = 'default';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AACzE,eAAe,MAAMC,WAAW,SAASD,SAAS;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC9B,EAAE;IAAAA,eAAA,qBACE,KAAK;IAAAA,eAAA,uBACJ,IAAI;IAAAA,eAAA,mBACyB,SAAS;EAAA;AAC/D","ignoreList":[]}

package/components/page/page.styles.js

@@ -0,0 +1,24 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Dimensions } from 'react-native';
+export const DEFAULT_CLASS = 'app-page';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'column',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      position: 'absolute'
+    },
+    text: {},
+    skeleton: {
+      root: {
+        height: Dimensions.get('window').height
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+});
+//# sourceMappingURL=page.styles.js.map

package/components/page/page.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","Dimensions","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","top","left","right","bottom","position","text","skeleton","height","get"],"sources":["page.styles.ts"],"sourcesContent":["import BASE_THEME, { NamedStyles } from '@wavemaker/app-rn-runtime/styles/theme';\n\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../basic/skeleton/skeleton.styles';\nimport { Dimensions } from 'react-native';\n\nexport type WmPageStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-page';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPageStyles = defineStyles({\n        root: {\n            flexDirection: 'column',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            position: 'absolute'\n        },\n        text: {},\n        skeleton: {\n            root: {\n                height: Dimensions.get('window').height\n            }\n        } as WmSkeletonStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAuB,wCAAwC;AAEhF,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,SAASC,UAAU,QAAQ,cAAc;AAMzC,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA2B,GAAGN,YAAY,CAAC;IAC7CO,IAAI,EAAE;MACFC,aAAa,EAAE,QAAQ;MACvBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,QAAQ,EAAE;IACd,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,QAAQ,EAAE;MACNR,IAAI,EAAE;QACFS,MAAM,EAAEf,UAAU,CAACgB,GAAG,CAAC,QAAQ,CAAC,CAACD;MACrC;IACJ;EACJ,CAAC,CAAC;EAEFX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC","ignoreList":[]}