@wavemaker/app-rn-runtime 11.11.7-rc.6211 → 11.12.0-next.28188

package/core/components/sticky-nav.component.js

@@ -0,0 +1,28 @@
+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 { StickyBaseView } from './sticky-base.component';
+import { StickyWrapperContext } from '../sticky-wrapper';
+import Animated from 'react-native-reanimated';
+export class StickyNav extends StickyBaseView {
+  constructor(props) {
+    super(props);
+  }
+  renderView() {
+    return /*#__PURE__*/React.createElement(StickyWrapperContext.Consumer, null, context => {
+      const {
+        stickyNavAnimateStyle
+      } = context || {};
+      return /*#__PURE__*/React.createElement(Animated.View, {
+        style: [stickyNavAnimateStyle],
+        key: `nav-${this.id}`
+      }, this.props.children);
+    });
+  }
+}
+_defineProperty(StickyNav, "defaultProps", {
+  show: true
+});
+_defineProperty(StickyNav, "contextType", StickyWrapperContext);
+//# sourceMappingURL=sticky-nav.component.js.map

package/core/components/sticky-nav.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StickyBaseView","StickyWrapperContext","Animated","StickyNav","constructor","props","renderView","createElement","Consumer","context","stickyNavAnimateStyle","View","style","key","id","children","_defineProperty","show"],"sources":["sticky-nav.component.tsx"],"sourcesContent":["import React from 'react';\nimport { StickyBaseView, StickyBaseViewProps } from './sticky-base.component';\nimport { StickyWrapperContext } from '../sticky-wrapper';\nimport Animated from 'react-native-reanimated';\n\ninterface StickyNavProps extends StickyBaseViewProps {}\n\nexport class StickyNav extends StickyBaseView {\n  static defaultProps = {\n    show: true\n  };\n  static contextType = StickyWrapperContext;\n\n  constructor(props: StickyNavProps) {\n    super(props);\n  }\n\n  renderView() {\n    return <StickyWrapperContext.Consumer>\n      {(context) => {\n        const { stickyNavAnimateStyle } = context || {};\n        return (\n          <Animated.View style={[stickyNavAnimateStyle as any]}\n            key={`nav-${this.id}`}\n          >\n            {this.props.children}\n          </Animated.View>\n        );\n      }}\n    </StickyWrapperContext.Consumer>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAA6B,yBAAyB;AAC7E,SAASC,oBAAoB,QAAQ,mBAAmB;AACxD,OAAOC,QAAQ,MAAM,yBAAyB;AAI9C,OAAO,MAAMC,SAAS,SAASH,cAAc,CAAC;EAM5CI,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,CAAC;EACd;EAEAC,UAAUA,CAAA,EAAG;IACX,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,oBAAoB,CAACO,QAAQ,QACjCC,OAAO,IAAK;MACZ,MAAM;QAAEC;MAAsB,CAAC,GAAGD,OAAO,IAAI,CAAC,CAAC;MAC/C,oBACEV,KAAA,CAAAQ,aAAA,CAACL,QAAQ,CAACS,IAAI;QAACC,KAAK,EAAE,CAACF,qBAAqB,CAAS;QACnDG,GAAG,EAAE,OAAO,IAAI,CAACC,EAAE;MAAG,GAErB,IAAI,CAACT,KAAK,CAACU,QACC,CAAC;IAEpB,CAC6B,CAAC;EAClC;AACF;AAACC,eAAA,CAxBYb,SAAS,kBACE;EACpBc,IAAI,EAAE;AACR,CAAC;AAAAD,eAAA,CAHUb,SAAS,iBAICF,oBAAoB","ignoreList":[]}

package/core/device/av-service.js

@@ -0,0 +1,8 @@
+import React from 'react';
+const AudioContext = /*#__PURE__*/React.createContext(null);
+const VideoContext = /*#__PURE__*/React.createContext(null);
+export const AudioProvider = AudioContext.Provider;
+export const AudioConsumer = AudioContext.Consumer;
+export const VideoProvider = VideoContext.Provider;
+export const VideoConsumer = VideoContext.Consumer;
+//# sourceMappingURL=av-service.js.map

package/core/device/av-service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AudioContext","createContext","VideoContext","AudioProvider","Provider","AudioConsumer","Consumer","VideoProvider","VideoConsumer"],"sources":["av-service.ts"],"sourcesContent":["import React from 'react';\n\nexport interface AudioService {\n  createAudio: (source: any, params: any) => any\n}\nexport interface VideoService {}\nconst AudioContext = React.createContext<AudioService>(null as any);\nconst VideoContext = React.createContext<VideoService>(null as any);\n\nexport const AudioProvider = AudioContext.Provider;\nexport const AudioConsumer = AudioContext.Consumer;\nexport const VideoProvider = VideoContext.Provider;\nexport const VideoConsumer = VideoContext.Consumer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAAe,IAAW,CAAC;AACnE,MAAMC,YAAY,gBAAGH,KAAK,CAACE,aAAa,CAAe,IAAW,CAAC;AAEnE,OAAO,MAAME,aAAa,GAAGH,YAAY,CAACI,QAAQ;AAClD,OAAO,MAAMC,aAAa,GAAGL,YAAY,CAACM,QAAQ;AAClD,OAAO,MAAMC,aAAa,GAAGL,YAAY,CAACE,QAAQ;AAClD,OAAO,MAAMI,aAAa,GAAGN,YAAY,CAACI,QAAQ","ignoreList":[]}

package/core/device/calendar-service.js

@@ -1,2 +1,8 @@
-export {};
+import React from 'react';
+
+// * expo-calendar plugin
+
+const CalendarPluginContext = /*#__PURE__*/React.createContext(null);
+export const CalendarPluginProvider = CalendarPluginContext.Provider;
+export const CalendarPluginConsumer = CalendarPluginContext.Consumer;
 //# sourceMappingURL=calendar-service.js.map

package/core/device/calendar-service.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["calendar-service.ts"],"sourcesContent":["import { Input } from '@wavemaker/app-rn-runtime/variables/device/operation.provider';\n\nexport interface CalendarInput extends Input {\n  eventTitle: string;\n  eventLocation: string;\n  eventNotes: string;\n  eventStart: Date;\n  eventEnd: Date;\n}\n\nexport interface CalendarService {\n  getEvents: (params: CalendarInput) => any;\n  createEvent: (params: CalendarInput) => any;\n  deleteEvent: (params: CalendarInput) => any;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":["React","CalendarPluginContext","createContext","CalendarPluginProvider","Provider","CalendarPluginConsumer","Consumer"],"sources":["calendar-service.ts"],"sourcesContent":["import { Input } from '@wavemaker/app-rn-runtime/variables/device/operation.provider';\nimport React from 'react';\n\nexport interface CalendarInput extends Input {\n  eventTitle: string;\n  eventLocation: string;\n  eventNotes: string;\n  eventStart: Date;\n  eventEnd: Date;\n  calendarPluginService: any;\n  permissionService: any;\n}\n\nexport interface CalendarService {\n  getEvents: (params: CalendarInput) => any;\n  createEvent: (params: CalendarInput) => any;\n  deleteEvent: (params: CalendarInput) => any;\n}\n\n// * expo-calendar plugin\nexport interface CalendarPluginService {\n  getCalendarsAsync: any;\n  getEventsAsync: any;\n  createEventAsync: any;\n  deleteEventAsync: any;\n}\nconst CalendarPluginContext = React.createContext<CalendarPluginService>(null as any);\n\nexport const CalendarPluginProvider = CalendarPluginContext.Provider;\nexport const CalendarPluginConsumer = CalendarPluginContext.Consumer;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;;AAkBzB;;AAOA,MAAMC,qBAAqB,gBAAGD,KAAK,CAACE,aAAa,CAAwB,IAAW,CAAC;AAErF,OAAO,MAAMC,sBAAsB,GAAGF,qBAAqB,CAACG,QAAQ;AACpE,OAAO,MAAMC,sBAAsB,GAAGJ,qBAAqB,CAACK,QAAQ","ignoreList":[]}

package/core/device/camera-service.js

@@ -2,4 +2,10 @@ import React from 'react';
 const CameraContext = /*#__PURE__*/React.createContext(null);
 export const CameraProvider = CameraContext.Provider;
 export const CameraConsumer = CameraContext.Consumer;
+
+// * expo-camera plugin
+
+const CameraPluginContext = /*#__PURE__*/React.createContext(null);
+export const CameraPluginProvider = CameraPluginContext.Provider;
+export const CameraPluginConsumer = CameraPluginContext.Consumer;
 //# sourceMappingURL=camera-service.js.map

package/core/device/camera-service.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CameraContext","createContext","CameraProvider","Provider","CameraConsumer","Consumer"],"sources":["camera-service.ts"],"sourcesContent":["import { Input } from '@wavemaker/app-rn-runtime/variables/device/operation.provider';\nimport React from 'react';\n\nexport interface CameraInput extends Input {\n  allowImageEdit: boolean;\n  imageQuality: number;\n  imageEncodingType: string;\n  imageTargetWidth: number;\n  imageTargetHeight: number;\n}\n\nexport interface CameraService {\n  captureImage: (params: CameraInput) => any\n  captureVideo: () => any;\n}\nconst CameraContext = React.createContext<CameraService>(null as any);\n\nexport const CameraProvider = CameraContext.Provider;\nexport const CameraConsumer = CameraContext.Consumer;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAczB,MAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAAgB,IAAW,CAAC;AAErE,OAAO,MAAMC,cAAc,GAAGF,aAAa,CAACG,QAAQ;AACpD,OAAO,MAAMC,cAAc,GAAGJ,aAAa,CAACK,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","CameraContext","createContext","CameraProvider","Provider","CameraConsumer","Consumer","CameraPluginContext","CameraPluginProvider","CameraPluginConsumer"],"sources":["camera-service.ts"],"sourcesContent":["import { Input } from '@wavemaker/app-rn-runtime/variables/device/operation.provider';\nimport React from 'react';\n\nexport interface CameraInput extends Input {\n  allowImageEdit: boolean;\n  imageQuality: number;\n  imageEncodingType: string;\n  imageTargetWidth: number;\n  imageTargetHeight: number;\n  permissionService: any;\n}\n\nexport interface CameraVideoInput {\n  permissionService: any;\n}\n\nexport interface CameraService {\n  captureImage: (params: CameraInput) => any\n  captureVideo: (params: CameraVideoInput) => any;\n}\nconst CameraContext = React.createContext<CameraService>(null as any);\n\nexport const CameraProvider = CameraContext.Provider;\nexport const CameraConsumer = CameraContext.Consumer;\n\n// * expo-camera plugin\nexport interface CameraPluginService {\n  CameraView: any;\n  Video: any;\n  fsReadAsString: (uri: any, params: any) => any;\n}\nconst CameraPluginContext = React.createContext<CameraPluginService>(null as any);\n\nexport const CameraPluginProvider = CameraPluginContext.Provider;\nexport const CameraPluginConsumer = CameraPluginContext.Consumer;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAmBzB,MAAMC,aAAa,gBAAGD,KAAK,CAACE,aAAa,CAAgB,IAAW,CAAC;AAErE,OAAO,MAAMC,cAAc,GAAGF,aAAa,CAACG,QAAQ;AACpD,OAAO,MAAMC,cAAc,GAAGJ,aAAa,CAACK,QAAQ;;AAEpD;;AAMA,MAAMC,mBAAmB,gBAAGP,KAAK,CAACE,aAAa,CAAsB,IAAW,CAAC;AAEjF,OAAO,MAAMM,oBAAoB,GAAGD,mBAAmB,CAACH,QAAQ;AAChE,OAAO,MAAMK,oBAAoB,GAAGF,mBAAmB,CAACD,QAAQ","ignoreList":[]}

package/core/device/contacts-service.js

@@ -1,2 +1,8 @@
-export {};
+import React from 'react';
+
+// * expo-contacts plugin
+
+const ContactsPluginContext = /*#__PURE__*/React.createContext(null);
+export const ContactsPluginProvider = ContactsPluginContext.Provider;
+export const ContactsPluginConsumer = ContactsPluginContext.Consumer;
 //# sourceMappingURL=contacts-service.js.map

package/core/device/contacts-service.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["contacts-service.ts"],"sourcesContent":["import { Input } from '@wavemaker/app-rn-runtime/variables/device/operation.provider';\n\nexport interface ContactsInput extends Input {\n  contactFilter: string;\n}\n\nexport interface ContactsService {\n  getContacts: (params: ContactsInput) => any;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":["React","ContactsPluginContext","createContext","ContactsPluginProvider","Provider","ContactsPluginConsumer","Consumer"],"sources":["contacts-service.ts"],"sourcesContent":["import { Input } from '@wavemaker/app-rn-runtime/variables/device/operation.provider';\nimport React from 'react';\n\nexport interface ContactsInput extends Input {\n  contactFilter: string;\n  contactsPluginService: any;\n  permissionService: any;\n}\n\nexport interface ContactsService {\n  getContacts: (params: ContactsInput) => any;\n}\n\n// * expo-contacts plugin\nexport interface ContactsPluginService {\n  Fields: any;\n  getContactsAsync: any;\n}\nconst ContactsPluginContext = React.createContext<ContactsPluginService>(null as any);\n\nexport const ContactsPluginProvider = ContactsPluginContext.Provider;\nexport const ContactsPluginConsumer = ContactsPluginContext.Consumer;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;;AAYzB;;AAKA,MAAMC,qBAAqB,gBAAGD,KAAK,CAACE,aAAa,CAAwB,IAAW,CAAC;AAErF,OAAO,MAAMC,sBAAsB,GAAGF,qBAAqB,CAACG,QAAQ;AACpE,OAAO,MAAMC,sBAAsB,GAAGJ,qBAAqB,CAACK,QAAQ","ignoreList":[]}

package/core/device/fileupload-service.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+// * expo-document-picker plugin
+
+const FileUploadPluginContext = /*#__PURE__*/React.createContext(null);
+export const FileUploadPluginProvider = FileUploadPluginContext.Provider;
+export const FileUploadPluginConsumer = FileUploadPluginContext.Consumer;
+//# sourceMappingURL=fileupload-service.js.map

package/core/device/fileupload-service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FileUploadPluginContext","createContext","FileUploadPluginProvider","Provider","FileUploadPluginConsumer","Consumer"],"sources":["fileupload-service.ts"],"sourcesContent":["import React from 'react';\n\n// * expo-document-picker plugin\nexport interface FileUploadPluginService {\n  getDocumentAsync: any;\n}\nconst FileUploadPluginContext = React.createContext<FileUploadPluginService>(null as any);\n\nexport const FileUploadPluginProvider = FileUploadPluginContext.Provider;\nexport const FileUploadPluginConsumer = FileUploadPluginContext.Consumer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB;;AAIA,MAAMC,uBAAuB,gBAAGD,KAAK,CAACE,aAAa,CAA0B,IAAW,CAAC;AAEzF,OAAO,MAAMC,wBAAwB,GAAGF,uBAAuB,CAACG,QAAQ;AACxE,OAAO,MAAMC,wBAAwB,GAAGJ,uBAAuB,CAACK,QAAQ","ignoreList":[]}

package/core/device/location-service.js

@@ -1,2 +1,8 @@
-export {};
+import React from "react";
+
+// * expo-location plugin
+
+const LocationPluginContext = /*#__PURE__*/React.createContext(null);
+export const LocationPluginProvider = LocationPluginContext.Provider;
+export const LocationPluginConsumer = LocationPluginContext.Consumer;
 //# sourceMappingURL=location-service.js.map

package/core/device/location-service.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["location-service.ts"],"sourcesContent":["import {Input} from \"@wavemaker/app-rn-runtime/variables/device/operation.provider\";\n\nexport interface GeoPositionInput extends Input {\n  maximumAge: number;\n  timeout: number;\n  enableHighAccuracy: boolean;\n}\n\nexport interface LocationService {\n  getCurrentGeoPosition: (params: GeoPositionInput) => any;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":["React","LocationPluginContext","createContext","LocationPluginProvider","Provider","LocationPluginConsumer","Consumer"],"sources":["location-service.ts"],"sourcesContent":["import {Input} from \"@wavemaker/app-rn-runtime/variables/device/operation.provider\";\nimport React from \"react\";\n\nexport interface GeoPositionInput extends Input {\n  maximumAge: number;\n  timeout: number;\n  enableHighAccuracy: boolean;\n  permissionService: any;\n  locationPluginService: any;\n}\n\nexport interface LocationService {\n  getCurrentGeoPosition: (params: GeoPositionInput) => any;\n}\n\n// * expo-location plugin\nexport interface LocationPluginService {}\nconst LocationPluginContext = React.createContext<LocationPluginService>(null as any);\n\nexport const LocationPluginProvider = LocationPluginContext.Provider;\nexport const LocationPluginConsumer = LocationPluginContext.Consumer;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;;AAczB;;AAEA,MAAMC,qBAAqB,gBAAGD,KAAK,CAACE,aAAa,CAAwB,IAAW,CAAC;AAErF,OAAO,MAAMC,sBAAsB,GAAGF,qBAAqB,CAACG,QAAQ;AACpE,OAAO,MAAMC,sBAAsB,GAAGJ,qBAAqB,CAACK,QAAQ","ignoreList":[]}

package/core/device/scan-service.js

@@ -2,4 +2,10 @@ import React from 'react';
 const ScanContext = /*#__PURE__*/React.createContext(null);
 export const ScanProvider = ScanContext.Provider;
 export const ScanConsumer = ScanContext.Consumer;
+
+// * scan service plugin
+
+const ScanPluginContext = /*#__PURE__*/React.createContext(null);
+export const ScanPluginProvider = ScanPluginContext.Provider;
+export const ScanPluginConsumer = ScanPluginContext.Consumer;
 //# sourceMappingURL=scan-service.js.map

package/core/device/scan-service.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScanContext","createContext","ScanProvider","Provider","ScanConsumer","Consumer"],"sources":["scan-service.ts"],"sourcesContent":["import {ScanInput} from \"@wavemaker/app-rn-runtime/variables/device/scan/scan.operation\";\nimport React from 'react';\n\nexport interface ScanService {\n  scanBarcode: (params: ScanInput) => any;\n}\nconst ScanContext = React.createContext<ScanService>(null as any);\n\nexport const ScanProvider = ScanContext.Provider;\nexport const ScanConsumer = ScanContext.Consumer;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAKzB,MAAMC,WAAW,gBAAGD,KAAK,CAACE,aAAa,CAAc,IAAW,CAAC;AAEjE,OAAO,MAAMC,YAAY,GAAGF,WAAW,CAACG,QAAQ;AAChD,OAAO,MAAMC,YAAY,GAAGJ,WAAW,CAACK,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","ScanContext","createContext","ScanProvider","Provider","ScanConsumer","Consumer","ScanPluginContext","ScanPluginProvider","ScanPluginConsumer"],"sources":["scan-service.ts"],"sourcesContent":["import {ScanInput} from \"@wavemaker/app-rn-runtime/variables/device/scan/scan.operation\";\nimport React from 'react';\n\nexport interface ScanService {\n  scanBarcode: (params: ScanInput) => any;\n}\nconst ScanContext = React.createContext<ScanService>(null as any);\n\nexport const ScanProvider = ScanContext.Provider;\nexport const ScanConsumer = ScanContext.Consumer;\n\n// * scan service plugin\nexport interface ScanPluginService {\n  CameraView: any;\n}\nconst ScanPluginContext = React.createContext<ScanPluginService>(null as any);\n\nexport const ScanPluginProvider = ScanPluginContext.Provider;\nexport const ScanPluginConsumer = ScanPluginContext.Consumer;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAKzB,MAAMC,WAAW,gBAAGD,KAAK,CAACE,aAAa,CAAc,IAAW,CAAC;AAEjE,OAAO,MAAMC,YAAY,GAAGF,WAAW,CAACG,QAAQ;AAChD,OAAO,MAAMC,YAAY,GAAGJ,WAAW,CAACK,QAAQ;;AAEhD;;AAIA,MAAMC,iBAAiB,gBAAGP,KAAK,CAACE,aAAa,CAAoB,IAAW,CAAC;AAE7E,OAAO,MAAMM,kBAAkB,GAAGD,iBAAiB,CAACH,QAAQ;AAC5D,OAAO,MAAMK,kBAAkB,GAAGF,iBAAiB,CAACD,QAAQ","ignoreList":[]}

package/core/error-boundary.component.js

@@ -2,7 +2,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 * as React from 'react';
-import Fallback from './components/error-fallback.component';
+import Fallback from './components/error-fallback/error-fallback.component';
 import appModalService from '@wavemaker/app-rn-runtime/runtime/services/app-modal.service';
 export default class ErrorBoundary extends React.Component {
   constructor(props) {

package/core/error-boundary.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Fallback","appModalService","ErrorBoundary","Component","constructor","props","_defineProperty","setState","hasError","error","undefined","info","state","getDerivedStateFromError","componentDidCatch","modalsOpened","length","pop","showLastModal","render","_this$state","_this$state2","createElement","resetErrorBoundary","children"],"sources":["error-boundary.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport Fallback from './components/error-fallback.component';\nimport appModalService from '@wavemaker/app-rn-runtime/runtime/services/app-modal.service';\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  info?: any;\n  error?: any;\n}\n\ninterface ErrorBoundaryProps {\n  currentPage?: any;\n  children: React.ReactNode;\n}\n\nexport default class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  \n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  resetErrorBoundary = () => {\n    this.setState({ hasError: false, error: undefined, info: undefined });\n  };\n\n  componentDidCatch(error: any, info: any) {\n    if(error && appModalService.modalsOpened.length > 0){\n      appModalService.modalsOpened.pop();\n      (appModalService as any).showLastModal();\n    }\n    this.setState({ error, info });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return <Fallback error={this.state?.error} info={this.state?.info} resetErrorBoundary={this.resetErrorBoundary} />;\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,uCAAuC;AAC5D,OAAOC,eAAe,MAAM,8DAA8D;AAa1F,eAAe,MAAMC,aAAa,SAASH,KAAK,CAACI,SAAS,CAGxD;EAEAC,WAAWA,CAACC,KAAU,EAAE;IACtB,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,6BAQM,MAAM;MACzB,IAAI,CAACC,QAAQ,CAAC;QAAEC,QAAQ,EAAE,KAAK;QAAEC,KAAK,EAAEC,SAAS;QAAEC,IAAI,EAAED;MAAU,CAAC,CAAC;IACvE,CAAC;IATC,IAAI,CAACE,KAAK,GAAG;MAAEJ,QAAQ,EAAE;IAAM,CAAC;EAClC;EAEA,OAAOK,wBAAwBA,CAACJ,KAAU,EAAE;IAC1C,OAAO;MAAED,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAMAM,iBAAiBA,CAACL,KAAU,EAAEE,IAAS,EAAE;IACvC,IAAGF,KAAK,IAAIR,eAAe,CAACc,YAAY,CAACC,MAAM,GAAG,CAAC,EAAC;MAClDf,eAAe,CAACc,YAAY,CAACE,GAAG,CAAC,CAAC;MACjChB,eAAe,CAASiB,aAAa,CAAC,CAAC;IAC1C;IACA,IAAI,CAACX,QAAQ,CAAC;MAAEE,KAAK;MAAEE;IAAK,CAAC,CAAC;EAChC;EAEAQ,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACP,KAAK,CAACJ,QAAQ,EAAE;MAAA,IAAAY,WAAA,EAAAC,YAAA;MACvB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACtB,QAAQ;QAACS,KAAK,GAAAW,WAAA,GAAE,IAAI,CAACR,KAAK,cAAAQ,WAAA,uBAAVA,WAAA,CAAYX,KAAM;QAACE,IAAI,GAAAU,YAAA,GAAE,IAAI,CAACT,KAAK,cAAAS,YAAA,uBAAVA,YAAA,CAAYV,IAAK;QAACY,kBAAkB,EAAE,IAAI,CAACA;MAAmB,CAAE,CAAC;IACpH;IAEA,OAAO,IAAI,CAAClB,KAAK,CAACmB,QAAQ;EAC5B;AACF","ignoreList":[]}
+{"version":3,"names":["React","Fallback","appModalService","ErrorBoundary","Component","constructor","props","_defineProperty","setState","hasError","error","undefined","info","state","getDerivedStateFromError","componentDidCatch","modalsOpened","length","pop","showLastModal","render","_this$state","_this$state2","createElement","resetErrorBoundary","children"],"sources":["error-boundary.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport Fallback from './components/error-fallback/error-fallback.component';\nimport appModalService from '@wavemaker/app-rn-runtime/runtime/services/app-modal.service';\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  info?: any;\n  error?: any;\n}\n\ninterface ErrorBoundaryProps {\n  currentPage?: any;\n  children: React.ReactNode;\n}\n\nexport default class ErrorBoundary extends React.Component<\n  ErrorBoundaryProps,\n  ErrorBoundaryState\n> {\n  \n  constructor(props: any) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(error: any) {\n    return { hasError: true };\n  }\n\n  resetErrorBoundary = () => {\n    this.setState({ hasError: false, error: undefined, info: undefined });\n  };\n\n  componentDidCatch(error: any, info: any) {\n    if(error && appModalService.modalsOpened.length > 0){\n      appModalService.modalsOpened.pop();\n      (appModalService as any).showLastModal();\n    }\n    this.setState({ error, info });\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return <Fallback error={this.state?.error} info={this.state?.info} resetErrorBoundary={this.resetErrorBoundary} />;\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,sDAAsD;AAC3E,OAAOC,eAAe,MAAM,8DAA8D;AAa1F,eAAe,MAAMC,aAAa,SAASH,KAAK,CAACI,SAAS,CAGxD;EAEAC,WAAWA,CAACC,KAAU,EAAE;IACtB,KAAK,CAACA,KAAK,CAAC;IAACC,eAAA,6BAQM,MAAM;MACzB,IAAI,CAACC,QAAQ,CAAC;QAAEC,QAAQ,EAAE,KAAK;QAAEC,KAAK,EAAEC,SAAS;QAAEC,IAAI,EAAED;MAAU,CAAC,CAAC;IACvE,CAAC;IATC,IAAI,CAACE,KAAK,GAAG;MAAEJ,QAAQ,EAAE;IAAM,CAAC;EAClC;EAEA,OAAOK,wBAAwBA,CAACJ,KAAU,EAAE;IAC1C,OAAO;MAAED,QAAQ,EAAE;IAAK,CAAC;EAC3B;EAMAM,iBAAiBA,CAACL,KAAU,EAAEE,IAAS,EAAE;IACvC,IAAGF,KAAK,IAAIR,eAAe,CAACc,YAAY,CAACC,MAAM,GAAG,CAAC,EAAC;MAClDf,eAAe,CAACc,YAAY,CAACE,GAAG,CAAC,CAAC;MACjChB,eAAe,CAASiB,aAAa,CAAC,CAAC;IAC1C;IACA,IAAI,CAACX,QAAQ,CAAC;MAAEE,KAAK;MAAEE;IAAK,CAAC,CAAC;EAChC;EAEAQ,MAAMA,CAAA,EAAG;IACP,IAAI,IAAI,CAACP,KAAK,CAACJ,QAAQ,EAAE;MAAA,IAAAY,WAAA,EAAAC,YAAA;MACvB,oBAAOtB,KAAA,CAAAuB,aAAA,CAACtB,QAAQ;QAACS,KAAK,GAAAW,WAAA,GAAE,IAAI,CAACR,KAAK,cAAAQ,WAAA,uBAAVA,WAAA,CAAYX,KAAM;QAACE,IAAI,GAAAU,YAAA,GAAE,IAAI,CAACT,KAAK,cAAAS,YAAA,uBAAVA,YAAA,CAAYV,IAAK;QAACY,kBAAkB,EAAE,IAAI,CAACA;MAAmB,CAAE,CAAC;IACpH;IAEA,OAAO,IAAI,CAAClB,KAAK,CAACmB,QAAQ;EAC5B;AACF","ignoreList":[]}

package/core/event-notifier.js

@@ -31,9 +31,10 @@ export default class EventNotifier {
       });
     }
     if (propagate) {
-      if (emitToParent) {
-        var _this$parent;
-        (_this$parent = this.parent) === null || _this$parent === void 0 || _this$parent.notify(event, args, true);
+      var _this$parent;
+      if (this.parent && !!((_this$parent = this.parent) !== null && _this$parent !== void 0 && (_this$parent = _this$parent.children) !== null && _this$parent !== void 0 && _this$parent.length) && emitToParent) {
+        var _this$parent2;
+        (_this$parent2 = this.parent) === null || _this$parent2 === void 0 || _this$parent2.notify(event, args, true);
       } else {
         this.children.forEach(c => {
           c.notify(event, args);

package/core/event-notifier.js.map

@@ -1 +1 @@
-{"version":3,"names":["i","EventNotifier","constructor","_defineProperty","ROOT","setParent","parent","removeFromParent","children","push","notify","event","args","emitToParent","propagate","listeners","find","l","apply","e","console","error","_this$parent","forEach","c","subscribe","fn","eventListeners","findIndex","fni","splice","indexOf","destroy","_EventNotifier"],"sources":["event-notifier.ts"],"sourcesContent":["let i = 1;\nexport default class EventNotifier {\n    public static ROOT = new EventNotifier();\n    public name = '';\n    public id = i++;\n    private listeners = {} as any;\n    private parent: EventNotifier = EventNotifier.ROOT;\n    private children: EventNotifier[] = [];\n\n    setParent(parent: EventNotifier) {\n        if (parent !== this.parent) {\n            this.removeFromParent();\n            this.parent = parent;\n            this.parent.children.push(this);\n        }\n    }\n\n    public notify(event: string, args: any[], emitToParent = false) {\n        let propagate = true;\n        if (this.listeners[event]) {\n            propagate = !this.listeners[event].find((l: Function) => {\n                try {\n                    return (l && l.apply(null, args)) === false;\n                } catch(e) {\n                    console.error(e);\n                }\n                return true;\n            });\n        }\n        if (propagate) {\n            if (emitToParent) {\n                this.parent?.notify(event, args, true);\n            } else {\n                this.children.forEach((c) => {\n                    c.notify(event, args);\n                });\n            }\n        }\n    }\n\n    public subscribe(event: string, fn: Function) {\n        this.listeners[event] = this.listeners[event] || [];\n        this.listeners[event].push(fn);\n        return () => {\n            const eventListeners = this.listeners[event];\n            const i = eventListeners.findIndex((fni: Function) => fni === fn);\n            eventListeners.splice(i, 1);\n        };\n    }\n\n    private removeFromParent() {\n        if (this.parent) {\n            const i = this.parent.children.indexOf(this) || -1;\n            if (i >= 0) {\n                this.parent.children.splice(i, 1);\n            }\n            this.parent = null as any;\n        }\n    }\n\n    public destroy() {\n        this.removeFromParent();\n    }\n}"],"mappings":";;;;AAAA,IAAIA,CAAC,GAAG,CAAC;AACT,eAAe,MAAMC,aAAa,CAAC;EAAAC,YAAA;IAAAC,eAAA,eAEjB,EAAE;IAAAA,eAAA,aACJH,CAAC,EAAE;IAAAG,eAAA,oBACK,CAAC,CAAC;IAAAA,eAAA,iBACUF,aAAa,CAACG,IAAI;IAAAD,eAAA,mBACd,EAAE;EAAA;EAEtCE,SAASA,CAACC,MAAqB,EAAE;IAC7B,IAAIA,MAAM,KAAK,IAAI,CAACA,MAAM,EAAE;MACxB,IAAI,CAACC,gBAAgB,CAAC,CAAC;MACvB,IAAI,CAACD,MAAM,GAAGA,MAAM;MACpB,IAAI,CAACA,MAAM,CAACE,QAAQ,CAACC,IAAI,CAAC,IAAI,CAAC;IACnC;EACJ;EAEOC,MAAMA,CAACC,KAAa,EAAEC,IAAW,EAAEC,YAAY,GAAG,KAAK,EAAE;IAC5D,IAAIC,SAAS,GAAG,IAAI;IACpB,IAAI,IAAI,CAACC,SAAS,CAACJ,KAAK,CAAC,EAAE;MACvBG,SAAS,GAAG,CAAC,IAAI,CAACC,SAAS,CAACJ,KAAK,CAAC,CAACK,IAAI,CAAEC,CAAW,IAAK;QACrD,IAAI;UACA,OAAO,CAACA,CAAC,IAAIA,CAAC,CAACC,KAAK,CAAC,IAAI,EAAEN,IAAI,CAAC,MAAM,KAAK;QAC/C,CAAC,CAAC,OAAMO,CAAC,EAAE;UACPC,OAAO,CAACC,KAAK,CAACF,CAAC,CAAC;QACpB;QACA,OAAO,IAAI;MACf,CAAC,CAAC;IACN;IACA,IAAIL,SAAS,EAAE;MACX,IAAID,YAAY,EAAE;QAAA,IAAAS,YAAA;QACd,CAAAA,YAAA,OAAI,CAAChB,MAAM,cAAAgB,YAAA,eAAXA,YAAA,CAAaZ,MAAM,CAACC,KAAK,EAAEC,IAAI,EAAE,IAAI,CAAC;MAC1C,CAAC,MAAM;QACH,IAAI,CAACJ,QAAQ,CAACe,OAAO,CAAEC,CAAC,IAAK;UACzBA,CAAC,CAACd,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC;QACzB,CAAC,CAAC;MACN;IACJ;EACJ;EAEOa,SAASA,CAACd,KAAa,EAAEe,EAAY,EAAE;IAC1C,IAAI,CAACX,SAAS,CAACJ,KAAK,CAAC,GAAG,IAAI,CAACI,SAAS,CAACJ,KAAK,CAAC,IAAI,EAAE;IACnD,IAAI,CAACI,SAAS,CAACJ,KAAK,CAAC,CAACF,IAAI,CAACiB,EAAE,CAAC;IAC9B,OAAO,MAAM;MACT,MAAMC,cAAc,GAAG,IAAI,CAACZ,SAAS,CAACJ,KAAK,CAAC;MAC5C,MAAMX,CAAC,GAAG2B,cAAc,CAACC,SAAS,CAAEC,GAAa,IAAKA,GAAG,KAAKH,EAAE,CAAC;MACjEC,cAAc,CAACG,MAAM,CAAC9B,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC;EACL;EAEQO,gBAAgBA,CAAA,EAAG;IACvB,IAAI,IAAI,CAACD,MAAM,EAAE;MACb,MAAMN,CAAC,GAAG,IAAI,CAACM,MAAM,CAACE,QAAQ,CAACuB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;MAClD,IAAI/B,CAAC,IAAI,CAAC,EAAE;QACR,IAAI,CAACM,MAAM,CAACE,QAAQ,CAACsB,MAAM,CAAC9B,CAAC,EAAE,CAAC,CAAC;MACrC;MACA,IAAI,CAACM,MAAM,GAAG,IAAW;IAC7B;EACJ;EAEO0B,OAAOA,CAAA,EAAG;IACb,IAAI,CAACzB,gBAAgB,CAAC,CAAC;EAC3B;AACJ;AAAC0B,cAAA,GA9DoBhC,aAAa;AAAAE,eAAA,CAAbF,aAAa,UACT,IAAIA,cAAa,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["i","EventNotifier","constructor","_defineProperty","ROOT","setParent","parent","removeFromParent","children","push","notify","event","args","emitToParent","propagate","listeners","find","l","apply","e","console","error","_this$parent","length","_this$parent2","forEach","c","subscribe","fn","eventListeners","findIndex","fni","splice","indexOf","destroy","_EventNotifier"],"sources":["event-notifier.ts"],"sourcesContent":["let i = 1;\nexport default class EventNotifier {\n    public static ROOT = new EventNotifier();\n    public name = '';\n    public id = i++;\n    private listeners = {} as any;\n    private parent: EventNotifier = EventNotifier.ROOT;\n    private children: EventNotifier[] = [];\n\n    setParent(parent: EventNotifier) {\n        if (parent !== this.parent) {\n            this.removeFromParent();\n            this.parent = parent;\n            this.parent.children.push(this);\n        }\n    }\n\n    public notify(event: string, args: any[], emitToParent = false) {\n        let propagate = true;\n        if (this.listeners[event]) {\n            propagate = !this.listeners[event].find((l: Function) => {\n                try {\n                    return (l && l.apply(null, args)) === false;\n                } catch(e) {\n                    console.error(e);\n                }\n                return true;\n            });\n        }\n        if (propagate) {\n            if (this.parent && !!this.parent?.children?.length && emitToParent) {\n                this.parent?.notify(event, args, true);\n            } else {\n                this.children.forEach((c) => {\n                    c.notify(event, args);\n                });\n            }\n        }\n    }\n\n    public subscribe(event: string, fn: Function) {\n        this.listeners[event] = this.listeners[event] || [];\n        this.listeners[event].push(fn);\n        return () => {\n            const eventListeners = this.listeners[event];\n            const i = eventListeners.findIndex((fni: Function) => fni === fn);\n            eventListeners.splice(i, 1);\n        };\n    }\n\n    private removeFromParent() {\n        if (this.parent) {\n            const i = this.parent.children.indexOf(this) || -1;\n            if (i >= 0) {\n                this.parent.children.splice(i, 1);\n            }\n            this.parent = null as any;\n        }\n    }\n\n    public destroy() {\n        this.removeFromParent();\n    }\n}"],"mappings":"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","ignoreList":[]}

package/core/fixed-view.component.js

@@ -26,7 +26,8 @@ export class FixedView extends React.Component {
         }, /*#__PURE__*/React.createElement(WrapperView, {
           style: [{
             position: 'absolute'
-          }, this.props.style]
+          }, this.props.style],
+          testID: `${this.props.name}-fixed-view`
         }, this.props.children)));
       } else {
         container.remove(this);

package/core/fixed-view.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Animated","ThemeProvider","FixedViewContext","createContext","FixedView","Component","constructor","props","_defineProperty","counter","componentWillUnmount","container","remove","render","WrapperView","animated","cachedComponent","usememo","createElement","Consumer","show","add","value","theme","key","id","style","position","children","Fragment","Date","now","FixedViewContainer","args","Map","c","n","set","setTimeout","setState","delete","Provider","Array","from","values"],"sources":["fixed-view.component.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport { View, ViewStyle, Animated } from \"react-native\";\nimport { Theme, ThemeProvider } from \"../styles/theme\";\n\nconst FixedViewContext = React.createContext<FixedViewContainer>(null as any);\n\nexport interface FixedViewProps {\n    style?: ViewStyle,\n    show?: boolean;\n    theme: Theme;\n    usememo?: boolean;\n    children?: any;\n    animated?: boolean;\n}\n\nexport class FixedView extends React.Component<FixedViewProps> {\n    static defaultProps = {\n        show: true, \n        animated: false\n    };\n    static counter = Date.now();\n    container: FixedViewContainer = null as any;\n    cachedComponent: React.ReactNode;\n    id = FixedView.counter++;\n\n    constructor(props: FixedViewProps) {\n        super(props);\n    }\n\n    componentWillUnmount() {\n        this.container.remove(this);\n    }\n\n    render() {\n        const WrapperView = this.props.animated ? Animated.View : View\n        this.cachedComponent = (this.props.usememo === true && this.cachedComponent ) || (<FixedViewContext.Consumer>\n            {(container) => {\n                this.container = container;\n                if (this.props.show) {\n                    container.add(this, (\n                        <ThemeProvider value={this.props.theme} key={this.id}>\n                            <WrapperView style={[\n                                {position: 'absolute'},\n                                this.props.style]}>\n                                {this.props.children}\n                            </WrapperView>\n                        </ThemeProvider>\n                    ));\n                } else {\n                    container.remove(this);\n                }\n                return <></>;\n            }}\n        </FixedViewContext.Consumer>);\n        return this.cachedComponent;\n    }\n}\n\nexport class FixedViewContainer extends React.Component {\n    children: Map<FixedView, React.ReactNode> = new Map();\n    id = 0;\n\n    add(c: FixedView, n : React.ReactNode) {\n        this.children.set(c, n);\n        setTimeout(() => this.setState({id: ++this.id}));\n    }\n\n    remove(c: FixedView) {\n        this.children.delete(c);\n        setTimeout(() => this.setState({id: ++this.id}));\n    }\n\n    render() {\n        return (\n            <FixedViewContext.Provider value={this}>\n                {(this.props as any).children}\n                {Array.from(this.children.values())}\n            </FixedViewContext.Provider>\n        ) ;\n    }\n};"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Animated","ThemeProvider","FixedViewContext","createContext","FixedView","Component","constructor","props","_defineProperty","counter","componentWillUnmount","container","remove","render","WrapperView","animated","cachedComponent","usememo","createElement","Consumer","show","add","value","theme","key","id","style","position","testID","name","children","Fragment","Date","now","FixedViewContainer","args","Map","c","n","set","setTimeout","setState","delete","Provider","Array","from","values"],"sources":["fixed-view.component.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport { View, ViewStyle, Animated } from \"react-native\";\nimport { Theme, ThemeProvider } from \"../styles/theme\";\n\nconst FixedViewContext = React.createContext<FixedViewContainer>(null as any);\n\nexport interface FixedViewProps {\n    name?: string;\n    style?: ViewStyle,\n    show?: boolean;\n    theme: Theme;\n    usememo?: boolean;\n    children?: any;\n    animated?: boolean;\n}\n\nexport class FixedView extends React.Component<FixedViewProps> {\n    static defaultProps = {\n        show: true, \n        animated: false\n    };\n    static counter = Date.now();\n    container: FixedViewContainer = null as any;\n    cachedComponent: React.ReactNode;\n    id = FixedView.counter++;\n\n    constructor(props: FixedViewProps) {\n        super(props);\n    }\n\n    componentWillUnmount() {\n        this.container.remove(this);\n    }\n\n    render() {\n        const WrapperView = this.props.animated ? Animated.View : View\n        this.cachedComponent = (this.props.usememo === true && this.cachedComponent ) || (<FixedViewContext.Consumer>\n            {(container) => {\n                this.container = container;\n                if (this.props.show) {\n                    container.add(this, (\n                        <ThemeProvider value={this.props.theme} key={this.id}>\n                            <WrapperView style={[\n                                {position: 'absolute'},\n                                this.props.style]}\n                                testID={`${this.props.name}-fixed-view`}\n                            >\n                                {this.props.children}\n                            </WrapperView>\n                        </ThemeProvider>\n                    ));\n                } else {\n                    container.remove(this);\n                }\n                return <></>;\n            }}\n        </FixedViewContext.Consumer>);\n        return this.cachedComponent;\n    }\n}\n\nexport class FixedViewContainer extends React.Component {\n    children: Map<FixedView, React.ReactNode> = new Map();\n    id = 0;\n\n    add(c: FixedView, n : React.ReactNode) {\n        this.children.set(c, n);\n        setTimeout(() => this.setState({id: ++this.id}));\n    }\n\n    remove(c: FixedView) {\n        this.children.delete(c);\n        setTimeout(() => this.setState({id: ++this.id}));\n    }\n\n    render() {\n        return (\n            <FixedViewContext.Provider value={this}>\n                {(this.props as any).children}\n                {Array.from(this.children.values())}\n            </FixedViewContext.Provider>\n        ) ;\n    }\n};"],"mappings":"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","ignoreList":[]}

package/core/responsive.utils.js

@@ -1,6 +1,9 @@
 import _viewPort from './viewport';
-import { DEVICE_BREAK_POINTS, DEVICE_BREAK_POINTS_NATIVE_MOBILE } from '../styles/theme';
-import { Platform } from 'react-native';
+import { getBreakPointValue } from '../styles/theme';
+const parseToNumberValue = name => {
+  return parseInt(getBreakPointValue(name).replace('px', ''));
+};
+
 /**
  * Determines the current responsive breakpoint based on viewport width and pixel ratio
  * @returns The current breakpoint ('xs' | 'sm' | 'md' | 'lg')
@@ -8,11 +11,11 @@ import { Platform } from 'react-native';
  */
 export const getCurrentBreakpoint = () => {
   const width = _viewPort.width;
-  if (width >= (Platform.OS === 'web' ? parseInt(DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE) : parseInt(DEVICE_BREAK_POINTS_NATIVE_MOBILE.MIN_LARGE_DEVICE))) {
+  if (width >= parseToNumberValue('MIN_LARGE_DEVICE')) {
     return 'lg';
-  } else if (width >= (Platform.OS === 'web' ? parseInt(DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE) : parseInt(DEVICE_BREAK_POINTS_NATIVE_MOBILE.MIN_MEDIUM_DEVICE))) {
+  } else if (width >= parseToNumberValue('MIN_MEDIUM_DEVICE')) {
     return 'md';
-  } else if (width >= (Platform.OS === 'web' ? parseInt(DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE) : parseInt(DEVICE_BREAK_POINTS_NATIVE_MOBILE.MIN_SMALL_DEVICE))) {
+  } else if (width >= parseToNumberValue('MIN_SMALL_DEVICE')) {
     return 'sm';
   } else {
     return 'xs';

package/core/responsive.utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_viewPort","DEVICE_BREAK_POINTS","DEVICE_BREAK_POINTS_NATIVE_MOBILE","Platform","getCurrentBreakpoint","width","OS","parseInt","MIN_LARGE_DEVICE","MIN_MEDIUM_DEVICE","MIN_SMALL_DEVICE","getNumberOfColumnsFromResponsiveConfig","responsiveConfig","currentBreakpoint","fallback","_ref","_value","breakpoint","value","fallbackOrder","currentIndex","indexOf","i","fallbackBreakpoint","xs"],"sources":["responsive.utils.ts"],"sourcesContent":["import _viewPort from './viewport';\nimport { DEVICE_BREAK_POINTS, DEVICE_BREAK_POINTS_NATIVE_MOBILE } from '../styles/theme';\nimport { Platform } from 'react-native';\n\nexport type ResponsiveBreakpoint = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type ResponsiveConfig<T> = {\n  xs?: T;\n  sm?: T;\n  md?: T;\n  lg?: T;\n};\n\n/**\n * Determines the current responsive breakpoint based on viewport width and pixel ratio\n * @returns The current breakpoint ('xs' | 'sm' | 'md' | 'lg')\n * \n */\nexport const getCurrentBreakpoint = (): ResponsiveBreakpoint => {\n  const width = _viewPort.width;\n  \n  if (width >= (Platform.OS === 'web' ? parseInt(DEVICE_BREAK_POINTS.MIN_LARGE_DEVICE) : parseInt(DEVICE_BREAK_POINTS_NATIVE_MOBILE.MIN_LARGE_DEVICE))) {\n    return 'lg';\n  } else if (width >= (Platform.OS === 'web' ? parseInt(DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE) : parseInt(DEVICE_BREAK_POINTS_NATIVE_MOBILE.MIN_MEDIUM_DEVICE))) {\n    return 'md';\n  } else if (width >= (Platform.OS === 'web' ? parseInt(DEVICE_BREAK_POINTS.MIN_SMALL_DEVICE) : parseInt(DEVICE_BREAK_POINTS_NATIVE_MOBILE.MIN_SMALL_DEVICE))) {\n    return 'sm';\n  } else {\n    return 'xs';\n  }\n};\n\n/**\n * Gets responsive value for current breakpoint with safe mobile-first fallback\n * The fallback order is: current breakpoint -> smaller breakpoints -> xs (ultimate fallback)\n * \n * @param responsiveConfig Object containing values for each breakpoint (xs, sm, md, lg)\n * @param currentBreakpoint Current breakpoint (optional, will be auto-detected if not provided)\n * @returns The value for current breakpoint or fallback value\n * \n */\nexport const getNumberOfColumnsFromResponsiveConfig = (\n  responsiveConfig: ResponsiveConfig<number>,\n  currentBreakpoint?: ResponsiveBreakpoint,\n  fallback: boolean = false\n): number => {\n  const breakpoint = currentBreakpoint || getCurrentBreakpoint();\n  \n  let value = responsiveConfig[breakpoint];\n  \n  if (!value && fallback) {\n    const fallbackOrder = ['lg', 'md', 'sm', 'xs'];\n    const currentIndex = fallbackOrder.indexOf(breakpoint);\n    \n    for (let i = currentIndex - 1; i >= 0; i--) {\n      const fallbackBreakpoint = fallbackOrder[i] as keyof typeof responsiveConfig;\n      if (responsiveConfig[fallbackBreakpoint]) {\n        value = responsiveConfig[fallbackBreakpoint];\n        break;\n      }\n    }\n  }\n  \n  return value ?? responsiveConfig.xs ?? 1;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,mBAAmB,EAAEC,iCAAiC,QAAQ,iBAAiB;AACxF,SAASC,QAAQ,QAAQ,cAAc;AAWvC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAA4B;EAC9D,MAAMC,KAAK,GAAGL,SAAS,CAACK,KAAK;EAE7B,IAAIA,KAAK,KAAKF,QAAQ,CAACG,EAAE,KAAK,KAAK,GAAGC,QAAQ,CAACN,mBAAmB,CAACO,gBAAgB,CAAC,GAAGD,QAAQ,CAACL,iCAAiC,CAACM,gBAAgB,CAAC,CAAC,EAAE;IACpJ,OAAO,IAAI;EACb,CAAC,MAAM,IAAIH,KAAK,KAAKF,QAAQ,CAACG,EAAE,KAAK,KAAK,GAAGC,QAAQ,CAACN,mBAAmB,CAACQ,iBAAiB,CAAC,GAAGF,QAAQ,CAACL,iCAAiC,CAACO,iBAAiB,CAAC,CAAC,EAAE;IAC7J,OAAO,IAAI;EACb,CAAC,MAAM,IAAIJ,KAAK,KAAKF,QAAQ,CAACG,EAAE,KAAK,KAAK,GAAGC,QAAQ,CAACN,mBAAmB,CAACS,gBAAgB,CAAC,GAAGH,QAAQ,CAACL,iCAAiC,CAACQ,gBAAgB,CAAC,CAAC,EAAE;IAC3J,OAAO,IAAI;EACb,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,sCAAsC,GAAGA,CACpDC,gBAA0C,EAC1CC,iBAAwC,EACxCC,QAAiB,GAAG,KAAK,KACd;EAAA,IAAAC,IAAA,EAAAC,MAAA;EACX,MAAMC,UAAU,GAAGJ,iBAAiB,IAAIT,oBAAoB,CAAC,CAAC;EAE9D,IAAIc,KAAK,GAAGN,gBAAgB,CAACK,UAAU,CAAC;EAExC,IAAI,CAACC,KAAK,IAAIJ,QAAQ,EAAE;IACtB,MAAMK,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC9C,MAAMC,YAAY,GAAGD,aAAa,CAACE,OAAO,CAACJ,UAAU,CAAC;IAEtD,KAAK,IAAIK,CAAC,GAAGF,YAAY,GAAG,CAAC,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC1C,MAAMC,kBAAkB,GAAGJ,aAAa,CAACG,CAAC,CAAkC;MAC5E,IAAIV,gBAAgB,CAACW,kBAAkB,CAAC,EAAE;QACxCL,KAAK,GAAGN,gBAAgB,CAACW,kBAAkB,CAAC;QAC5C;MACF;IACF;EACF;EAEA,QAAAR,IAAA,IAAAC,MAAA,GAAOE,KAAK,cAAAF,MAAA,cAAAA,MAAA,GAAIJ,gBAAgB,CAACY,EAAE,cAAAT,IAAA,cAAAA,IAAA,GAAI,CAAC;AAC1C,CAAC","ignoreList":[]}
+{"version":3,"names":["_viewPort","getBreakPointValue","parseToNumberValue","name","parseInt","replace","getCurrentBreakpoint","width","getNumberOfColumnsFromResponsiveConfig","responsiveConfig","currentBreakpoint","fallback","_ref","_value","breakpoint","value","fallbackOrder","currentIndex","indexOf","i","fallbackBreakpoint","xs"],"sources":["responsive.utils.ts"],"sourcesContent":["import _viewPort from './viewport';\nimport { getBreakPointValue } from '../styles/theme';\n\nexport type ResponsiveBreakpoint = 'xs' | 'sm' | 'md' | 'lg';\n\nexport type ResponsiveConfig<T> = {\n  xs?: T;\n  sm?: T;\n  md?: T;\n  lg?: T;\n};\n\nconst parseToNumberValue = (name: string) => {\n  return parseInt(getBreakPointValue(name).replace('px', ''));\n}\n\n/**\n * Determines the current responsive breakpoint based on viewport width and pixel ratio\n * @returns The current breakpoint ('xs' | 'sm' | 'md' | 'lg')\n * \n */\nexport const getCurrentBreakpoint = (): ResponsiveBreakpoint => {\n  const width = _viewPort.width;\n  if (width >= parseToNumberValue('MIN_LARGE_DEVICE')) {\n    return 'lg';\n  } else if (width >= parseToNumberValue('MIN_MEDIUM_DEVICE')) {\n    return 'md';\n  } else if (width >= parseToNumberValue('MIN_SMALL_DEVICE')) {\n    return 'sm';\n  } else {\n    return 'xs';\n  }\n};\n\n/**\n * Gets responsive value for current breakpoint with safe mobile-first fallback\n * The fallback order is: current breakpoint -> smaller breakpoints -> xs (ultimate fallback)\n * \n * @param responsiveConfig Object containing values for each breakpoint (xs, sm, md, lg)\n * @param currentBreakpoint Current breakpoint (optional, will be auto-detected if not provided)\n * @returns The value for current breakpoint or fallback value\n * \n */\nexport const getNumberOfColumnsFromResponsiveConfig = (\n  responsiveConfig: ResponsiveConfig<number>,\n  currentBreakpoint?: ResponsiveBreakpoint,\n  fallback: boolean = false\n): number => {\n  const breakpoint = currentBreakpoint || getCurrentBreakpoint();\n\n  let value = responsiveConfig[breakpoint];\n  \n  if (!value && fallback) {\n    const fallbackOrder = ['lg', 'md', 'sm', 'xs'];\n    const currentIndex = fallbackOrder.indexOf(breakpoint);\n    \n    for (let i = currentIndex - 1; i >= 0; i--) {\n      const fallbackBreakpoint = fallbackOrder[i] as keyof typeof responsiveConfig;\n      if (responsiveConfig[fallbackBreakpoint]) {\n        value = responsiveConfig[fallbackBreakpoint];\n        break;\n      }\n    }\n  }\n  \n  return value ?? responsiveConfig.xs ?? 1;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,kBAAkB,QAAQ,iBAAiB;AAWpD,MAAMC,kBAAkB,GAAIC,IAAY,IAAK;EAC3C,OAAOC,QAAQ,CAACH,kBAAkB,CAACE,IAAI,CAAC,CAACE,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC7D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAA4B;EAC9D,MAAMC,KAAK,GAAGP,SAAS,CAACO,KAAK;EAC7B,IAAIA,KAAK,IAAIL,kBAAkB,CAAC,kBAAkB,CAAC,EAAE;IACnD,OAAO,IAAI;EACb,CAAC,MAAM,IAAIK,KAAK,IAAIL,kBAAkB,CAAC,mBAAmB,CAAC,EAAE;IAC3D,OAAO,IAAI;EACb,CAAC,MAAM,IAAIK,KAAK,IAAIL,kBAAkB,CAAC,kBAAkB,CAAC,EAAE;IAC1D,OAAO,IAAI;EACb,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMM,sCAAsC,GAAGA,CACpDC,gBAA0C,EAC1CC,iBAAwC,EACxCC,QAAiB,GAAG,KAAK,KACd;EAAA,IAAAC,IAAA,EAAAC,MAAA;EACX,MAAMC,UAAU,GAAGJ,iBAAiB,IAAIJ,oBAAoB,CAAC,CAAC;EAE9D,IAAIS,KAAK,GAAGN,gBAAgB,CAACK,UAAU,CAAC;EAExC,IAAI,CAACC,KAAK,IAAIJ,QAAQ,EAAE;IACtB,MAAMK,aAAa,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IAC9C,MAAMC,YAAY,GAAGD,aAAa,CAACE,OAAO,CAACJ,UAAU,CAAC;IAEtD,KAAK,IAAIK,CAAC,GAAGF,YAAY,GAAG,CAAC,EAAEE,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;MAC1C,MAAMC,kBAAkB,GAAGJ,aAAa,CAACG,CAAC,CAAkC;MAC5E,IAAIV,gBAAgB,CAACW,kBAAkB,CAAC,EAAE;QACxCL,KAAK,GAAGN,gBAAgB,CAACW,kBAAkB,CAAC;QAC5C;MACF;IACF;EACF;EAEA,QAAAR,IAAA,IAAAC,MAAA,GAAOE,KAAK,cAAAF,MAAA,cAAAA,MAAA,GAAIJ,gBAAgB,CAACY,EAAE,cAAAT,IAAA,cAAAA,IAAA,GAAI,CAAC;AAC1C,CAAC","ignoreList":[]}

package/core/sticky-view.component.js

@@ -0,0 +1,50 @@
+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 Animated from "react-native-reanimated";
+import { StickyWrapper } from "./sticky-wrapper";
+// StyickyComponentContext is used for the UI, stickyNav & stickyContainer components will be attached here.
+export const StickyComponentsContext = /*#__PURE__*/React.createContext(null);
+export class StickyViewComponents extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", new Map());
+    _defineProperty(this, "id", 0);
+  }
+  add(c, n) {
+    this.children.set(c, n);
+    setTimeout(() => this.setState({
+      id: ++this.id
+    }));
+  }
+  remove(c) {
+    this.children.delete(c);
+    setTimeout(() => this.setState({
+      id: ++this.id
+    }));
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(StickyComponentsContext.Provider, {
+      value: this
+    }, /*#__PURE__*/React.createElement(StickyWrapper, {
+      hasAppnavbar: this.props.hasAppnavbar,
+      onscroll: this.props.onscroll,
+      notifier: this.props.notifier
+    }, this.props.children, /*#__PURE__*/React.createElement(Animated.View, {
+      style: {
+        position: 'absolute',
+        width: '100%',
+        zIndex: 10
+      },
+      pointerEvents: 'box-none'
+    }, Array.from(this.children.entries()).map(([view, node]) => {
+      const element = node;
+      return /*#__PURE__*/React.cloneElement(element, {
+        key: `sticky-${view.id}`,
+        style: element.props.style
+      });
+    }))));
+  }
+}
+//# sourceMappingURL=sticky-view.component.js.map

package/core/sticky-view.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","StickyWrapper","StickyComponentsContext","createContext","StickyViewComponents","Component","constructor","args","_defineProperty","Map","add","c","n","children","set","setTimeout","setState","id","remove","delete","render","createElement","Provider","value","hasAppnavbar","props","onscroll","notifier","View","style","position","width","zIndex","pointerEvents","Array","from","entries","map","view","node","element","cloneElement","key"],"sources":["sticky-view.component.tsx"],"sourcesContent":["import React, { \n  ReactNode, \n  useContext, \n  RefObject,\n  Dispatch,\n  SetStateAction,\n } from \"react\";\nimport { ViewStyle, NativeSyntheticEvent, NativeScrollEvent, LayoutRectangle } from \"react-native\";\nimport Animated, {\n  useSharedValue,\n  useAnimatedStyle,\n  useAnimatedScrollHandler,\n  runOnJS,\n  ReanimatedEvent,\n  ScrollEvent,\n  AnimatedStyle,\n} from \"react-native-reanimated\";\nimport { BaseComponent, BaseComponentState, BaseProps, BaseStyles } from \"./base.component\";\nimport { SharedValue } from 'react-native-reanimated';\nimport EventNotifier from \"./event-notifier\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport { StickyBaseView } from \"./components/sticky-base.component\";\nimport { StickyWrapper } from \"./sticky-wrapper\";\n\nexport interface StickyViewComponentsProps {\n  stickyNavAnimateStyle?: AnimatedStyle;\n  stickyContainerAnimateStyle?: AnimatedStyle;\n  children?: ReactNode;\n  hasAppnavbar?: boolean;\n  onscroll?: string;\n  notifier: EventNotifier;\n}\n\n// StyickyComponentContext is used for the UI, stickyNav & stickyContainer components will be attached here.\nexport const StickyComponentsContext = React.createContext<StickyViewComponents>(null as any);\n\nexport class StickyViewComponents extends React.Component<StickyViewComponentsProps, any, any> {\n  children: Map<StickyBaseView, React.ReactNode> = new Map();\n  id = 0;\n\n  add(c: StickyBaseView, n: React.ReactNode) {\n    this.children.set(c, n);\n    setTimeout(() => this.setState({ id: ++this.id }));\n  }\n\n  remove(c: StickyBaseView) {\n    this.children.delete(c);\n    setTimeout(() => this.setState({ id: ++this.id }));\n  }\n\n  render() {\n    return (\n      <StickyComponentsContext.Provider value={this}>\n        <StickyWrapper hasAppnavbar={this.props.hasAppnavbar} onscroll={this.props.onscroll} notifier={this.props.notifier}>\n          {(this.props as any).children}\n          <Animated.View style={{ position: 'absolute', width: '100%', zIndex: 10 }} pointerEvents={'box-none'}>\n            {Array.from(this.children.entries()).map(([view, node]) => {\n              const element = node as React.ReactElement;\n              return React.cloneElement(element, { \n                key: `sticky-${view.id}`,\n                style: element.props.style\n              });\n            })}\n          </Animated.View>\n        </StickyWrapper>\n      </StickyComponentsContext.Provider>\n    );\n  }\n}"],"mappings":";;;AAAA,OAAOA,KAAK,MAMJ,OAAO;AAEf,OAAOC,QAAQ,MAQR,yBAAyB;AAQhC,SAASC,aAAa,QAAQ,kBAAkB;AAWhD;AACA,OAAO,MAAMC,uBAAuB,gBAAGH,KAAK,CAACI,aAAa,CAAuB,IAAW,CAAC;AAE7F,OAAO,MAAMC,oBAAoB,SAASL,KAAK,CAACM,SAAS,CAAsC;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,mBAC5C,IAAIC,GAAG,CAAC,CAAC;IAAAD,eAAA,aACrD,CAAC;EAAA;EAENE,GAAGA,CAACC,CAAiB,EAAEC,CAAkB,EAAE;IACzC,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACH,CAAC,EAAEC,CAAC,CAAC;IACvBG,UAAU,CAAC,MAAM,IAAI,CAACC,QAAQ,CAAC;MAAEC,EAAE,EAAE,EAAE,IAAI,CAACA;IAAG,CAAC,CAAC,CAAC;EACpD;EAEAC,MAAMA,CAACP,CAAiB,EAAE;IACxB,IAAI,CAACE,QAAQ,CAACM,MAAM,CAACR,CAAC,CAAC;IACvBI,UAAU,CAAC,MAAM,IAAI,CAACC,QAAQ,CAAC;MAAEC,EAAE,EAAE,EAAE,IAAI,CAACA;IAAG,CAAC,CAAC,CAAC;EACpD;EAEAG,MAAMA,CAAA,EAAG;IACP,oBACErB,KAAA,CAAAsB,aAAA,CAACnB,uBAAuB,CAACoB,QAAQ;MAACC,KAAK,EAAE;IAAK,gBAC5CxB,KAAA,CAAAsB,aAAA,CAACpB,aAAa;MAACuB,YAAY,EAAE,IAAI,CAACC,KAAK,CAACD,YAAa;MAACE,QAAQ,EAAE,IAAI,CAACD,KAAK,CAACC,QAAS;MAACC,QAAQ,EAAE,IAAI,CAACF,KAAK,CAACE;IAAS,GAC/G,IAAI,CAACF,KAAK,CAASZ,QAAQ,eAC7Bd,KAAA,CAAAsB,aAAA,CAACrB,QAAQ,CAAC4B,IAAI;MAACC,KAAK,EAAE;QAAEC,QAAQ,EAAE,UAAU;QAAEC,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAG,CAAE;MAACC,aAAa,EAAE;IAAW,GAClGC,KAAK,CAACC,IAAI,CAAC,IAAI,CAACtB,QAAQ,CAACuB,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,IAAI,EAAEC,IAAI,CAAC,KAAK;MACzD,MAAMC,OAAO,GAAGD,IAA0B;MAC1C,oBAAOxC,KAAK,CAAC0C,YAAY,CAACD,OAAO,EAAE;QACjCE,GAAG,EAAE,UAAUJ,IAAI,CAACrB,EAAE,EAAE;QACxBY,KAAK,EAAEW,OAAO,CAACf,KAAK,CAACI;MACvB,CAAC,CAAC;IACJ,CAAC,CACY,CACF,CACiB,CAAC;EAEvC;AACF","ignoreList":[]}

package/core/sticky-wrapper.js

@@ -0,0 +1,129 @@
+import React from "react";
+import { runOnJS, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import injector from "./injector";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+
+// StickyWrapperContext is used for the usage & passing of hooks in StickyWrapper(functional component) to childrens.
+export const StickyWrapperContext = /*#__PURE__*/React.createContext(undefined);
+export const StickyWrapper = ({
+  children,
+  hasAppnavbar,
+  onscroll,
+  notifier
+}) => {
+  var _appConfig$edgeToEdge;
+  const appConfig = injector.get('APP_CONFIG');
+  const scrollY = useSharedValue(0);
+  const prevScrollY = useSharedValue(0);
+  const scrollVelocity = useSharedValue(0);
+  const scrollDirection = useSharedValue(0);
+  const stickyContainerTranslateY = useSharedValue(0);
+  const stickyNavTranslateY = useSharedValue(0);
+
+  // Default navbar height from appnavbar styles is 80, maintaining this to minimize the navHeight immediate flicker (in page-content paddingTop)
+  const insets = useSafeAreaInsets();
+  const insetsVal = appConfig !== null && appConfig !== void 0 && (_appConfig$edgeToEdge = appConfig.edgeToEdgeConfig) !== null && _appConfig$edgeToEdge !== void 0 && _appConfig$edgeToEdge.isEdgeToEdgeApp ? insets === null || insets === void 0 ? void 0 : insets.top : 0;
+  const navHeight = useSharedValue(hasAppnavbar && (onscroll == 'topnav' || onscroll == 'topnav-bottomnav') ? 80 + insetsVal : 0);
+  const bottomTabHeight = useSharedValue(0);
+  const lastNotifyTime = useSharedValue(0);
+  const prevScrollTime = useSharedValue(0);
+  const stickyNavAnimateStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateY: -stickyNavTranslateY.value
+      }]
+    };
+  }, [stickyNavTranslateY]);
+  const stickyContainerAnimateStyle = useAnimatedStyle(() => {
+    const stickyNav = onscroll == 'topnav' || onscroll == 'topnav-bottomnav';
+    if (stickyNav) {
+      return {
+        transform: [{
+          translateY: Math.max(Math.max(stickyContainerTranslateY.value - navHeight.value - scrollY.value, -navHeight.value), -stickyNavTranslateY.value)
+        }]
+      };
+    } else {
+      return {
+        transform: [{
+          translateY: Math.max(stickyContainerTranslateY.value - scrollY.value, navHeight.value)
+        }]
+      };
+    }
+  }, [scrollY, stickyContainerTranslateY, navHeight, stickyNavTranslateY]);
+  const notifyEvent = event => {
+    if (notifier) {
+      notifier.notify('scroll', [{
+        nativeEvent: event
+      }]);
+    }
+  };
+  const onScroll = useAnimatedScrollHandler({
+    onScroll: event => {
+      var _event$contentOffset;
+      const y = (_event$contentOffset = event.contentOffset) === null || _event$contentOffset === void 0 ? void 0 : _event$contentOffset.y;
+      const currentScrollTime = Date.now();
+      const delta = y - prevScrollY.value;
+      const delaTime = currentScrollTime - prevScrollTime.value;
+      if (delta != 0) scrollDirection.value = delta > 0 ? -1 : 1;
+      if (Math.abs(delta) >= 0.1) {
+        prevScrollY.value = y;
+        scrollY.value = Math.max(0, y);
+        stickyNavTranslateY.value = Math.max(Math.min(stickyNavTranslateY.value + delta, navHeight.value), 0);
+        scrollVelocity.value = Math.abs(delta) / delaTime;
+        prevScrollTime.value = currentScrollTime;
+      }
+      if (currentScrollTime - lastNotifyTime.value >= 100) {
+        var _event$contentOffset$, _event$contentOffset2, _event$contentSize$he, _event$contentSize, _event$layoutMeasurem, _event$layoutMeasurem2;
+        lastNotifyTime.value = currentScrollTime;
+        const safeEvent = {
+          contentOffset: {
+            y: (_event$contentOffset$ = (_event$contentOffset2 = event.contentOffset) === null || _event$contentOffset2 === void 0 ? void 0 : _event$contentOffset2.y) !== null && _event$contentOffset$ !== void 0 ? _event$contentOffset$ : 0
+          },
+          contentSize: {
+            height: (_event$contentSize$he = (_event$contentSize = event.contentSize) === null || _event$contentSize === void 0 ? void 0 : _event$contentSize.height) !== null && _event$contentSize$he !== void 0 ? _event$contentSize$he : 0
+          },
+          layoutMeasurement: {
+            height: (_event$layoutMeasurem = (_event$layoutMeasurem2 = event.layoutMeasurement) === null || _event$layoutMeasurem2 === void 0 ? void 0 : _event$layoutMeasurem2.height) !== null && _event$layoutMeasurem !== void 0 ? _event$layoutMeasurem : 0
+          },
+          scrollDirection: scrollDirection.value,
+          scrollDelta: delta
+        };
+        runOnJS(notifyEvent)(safeEvent);
+      }
+    }
+  });
+  const onScrollEndDrag = scrollRef => {
+    const y = scrollY.value;
+    if (scrollVelocity.value < 0.3) {
+      if (scrollDirection.value < 0 && stickyNavTranslateY.value >= navHeight.value / 9.9) {
+        var _scrollRef$current;
+        // bottom visible
+        scrollRef === null || scrollRef === void 0 || (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 || _scrollRef$current.scrollTo({
+          y: y + (navHeight.value - stickyNavTranslateY.value),
+          animated: true
+        });
+      } else if (scrollDirection.value > 0 && stickyNavTranslateY.value <= navHeight.value / 1.1) {
+        var _scrollRef$current2;
+        // top content visible
+        scrollRef === null || scrollRef === void 0 || (_scrollRef$current2 = scrollRef.current) === null || _scrollRef$current2 === void 0 || _scrollRef$current2.scrollTo({
+          y: y - stickyNavTranslateY.value,
+          animated: true
+        });
+      }
+    }
+  };
+  const contextValue = {
+    scrollDirection,
+    stickyNavAnimateStyle,
+    stickyContainerAnimateStyle,
+    stickyContainerTranslateY,
+    navHeight,
+    bottomTabHeight,
+    onScroll,
+    onScrollEndDrag
+  };
+  return /*#__PURE__*/React.createElement(StickyWrapperContext.Provider, {
+    value: contextValue
+  }, children);
+};
+//# sourceMappingURL=sticky-wrapper.js.map

package/core/sticky-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","runOnJS","useAnimatedScrollHandler","useAnimatedStyle","useSharedValue","injector","useSafeAreaInsets","StickyWrapperContext","createContext","undefined","StickyWrapper","children","hasAppnavbar","onscroll","notifier","_appConfig$edgeToEdge","appConfig","get","scrollY","prevScrollY","scrollVelocity","scrollDirection","stickyContainerTranslateY","stickyNavTranslateY","insets","insetsVal","edgeToEdgeConfig","isEdgeToEdgeApp","top","navHeight","bottomTabHeight","lastNotifyTime","prevScrollTime","stickyNavAnimateStyle","transform","translateY","value","stickyContainerAnimateStyle","stickyNav","Math","max","notifyEvent","event","notify","nativeEvent","onScroll","_event$contentOffset","y","contentOffset","currentScrollTime","Date","now","delta","delaTime","abs","min","_event$contentOffset$","_event$contentOffset2","_event$contentSize$he","_event$contentSize","_event$layoutMeasurem","_event$layoutMeasurem2","safeEvent","contentSize","height","layoutMeasurement","scrollDelta","onScrollEndDrag","scrollRef","_scrollRef$current","current","scrollTo","animated","_scrollRef$current2","contextValue","createElement","Provider"],"sources":["sticky-wrapper.tsx"],"sourcesContent":["import React, { RefObject } from \"react\";\nimport { NativeScrollEvent, NativeSyntheticEvent } from \"react-native\";\nimport Animated, { AnimatedStyle, ReanimatedEvent, runOnJS, ScrollEvent, SharedValue, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue } from \"react-native-reanimated\";\nimport { StickyViewComponentsProps } from \"./sticky-view.component\";\nimport injector from \"./injector\";\nimport AppConfig from \"./AppConfig\";\nimport { useSafeAreaInsets } from \"react-native-safe-area-context\";\n\n// StickyWrapperContext is used for the usage & passing of hooks in StickyWrapper(functional component) to childrens.\nexport const StickyWrapperContext = React.createContext<StickyWrapperContextType | undefined>(undefined);\n\nexport type CustomJsScrollEvent = {\n  contentOffset: { y: number };\n  contentSize: { height: number};\n  layoutMeasurement: { height: number};\n  scrollDirection: number;\n  scrollDelta: number;\n};\n\n\nexport type StickyWrapperContextType = {\n  stickyNavTranslateY?: SharedValue<number>;\n  stickyContainerTranslateY: SharedValue<number>;\n\n  stickyNavAnimateStyle: AnimatedStyle;\n  stickyContainerAnimateStyle: AnimatedStyle;\n\n  navHeight: SharedValue<number>;\n  bottomTabHeight: SharedValue<number>;\n  scrollDirection: SharedValue<number>;\n\n  onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;\n  onScrollEndDrag: (scrollRef: RefObject<Animated.ScrollView>) => void;\n};\n\nexport const StickyWrapper = ({ children, hasAppnavbar, onscroll, notifier }: StickyViewComponentsProps) => {\n  const appConfig = injector.get<AppConfig>('APP_CONFIG');\n  const scrollY = useSharedValue<number>(0);\n  const prevScrollY = useSharedValue<number>(0);\n  const scrollVelocity = useSharedValue<number>(0);\n  const scrollDirection = useSharedValue<number>(0);\n\n  const stickyContainerTranslateY = useSharedValue<number>(0);\n  const stickyNavTranslateY = useSharedValue<number>(0);\n\n  // Default navbar height from appnavbar styles is 80, maintaining this to minimize the navHeight immediate flicker (in page-content paddingTop)\n  const insets = useSafeAreaInsets();\n  const insetsVal = appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp ? insets?.top : 0;\n  const navHeight = useSharedValue<number>(hasAppnavbar && (onscroll == 'topnav' || onscroll == 'topnav-bottomnav') ? (80 + insetsVal) : 0);\n  const bottomTabHeight = useSharedValue<number>(0);\n\n  const lastNotifyTime = useSharedValue<number>(0);\n  const prevScrollTime = useSharedValue<number>(0);\n\n  const stickyNavAnimateStyle = useAnimatedStyle(() => {\n    return {\n      transform: [{ translateY: -stickyNavTranslateY.value }]\n    };\n  }, [stickyNavTranslateY]);\n\n  const stickyContainerAnimateStyle = useAnimatedStyle(() => {\n    const stickyNav = onscroll == 'topnav' ||  onscroll == 'topnav-bottomnav';\n    if(stickyNav){\n      return {\n        transform: [{ translateY: \n          Math.max(\n            Math.max(stickyContainerTranslateY.value - navHeight.value - scrollY.value, - navHeight.value),  \n            - stickyNavTranslateY.value\n          )\n        }],\n      }\n    }else{\n      return {\n        transform: [{ translateY: Math.max(stickyContainerTranslateY.value - scrollY.value, navHeight.value)}]\n      }\n    }\n  }, [scrollY, stickyContainerTranslateY, navHeight, stickyNavTranslateY]);\n\n  const notifyEvent = (event: CustomJsScrollEvent)=>{\n    if(notifier) {\n      notifier.notify('scroll', [{nativeEvent: event}]);\n    }\n  }\n\n  const onScroll = useAnimatedScrollHandler({\n    onScroll: (event: ReanimatedEvent<ScrollEvent>): void => {\n      const y = event.contentOffset?.y;\n      const currentScrollTime = Date.now();\n\n      const delta = y - prevScrollY.value;\n      const delaTime = currentScrollTime - prevScrollTime.value;\n      if(delta != 0) scrollDirection.value = delta > 0 ? -1 : 1;\n\n      if (Math.abs(delta) >= 0.1){\n        prevScrollY.value = y;\n        scrollY.value = Math.max(0, y);\n\n        stickyNavTranslateY.value = Math.max(Math.min(stickyNavTranslateY.value + delta, navHeight.value), 0);\n\n        scrollVelocity.value = Math.abs(delta) / delaTime;\n        prevScrollTime.value = currentScrollTime;\n      }\n\n      if(currentScrollTime - lastNotifyTime.value >= 100){\n        lastNotifyTime.value = currentScrollTime;\n        const safeEvent = {\n          contentOffset: {\n            y: event.contentOffset?.y ?? 0,\n          },\n          contentSize: {\n            height: event.contentSize?.height ?? 0,\n          },\n          layoutMeasurement: {\n            height: event.layoutMeasurement?.height ?? 0,\n          },\n          scrollDirection: scrollDirection.value,\n          scrollDelta: delta,\n        };\n        runOnJS(notifyEvent)(safeEvent);\n      }\n    }\n  });\n\n  const onScrollEndDrag = (scrollRef: RefObject<Animated.ScrollView>): void =>{\n    const y = scrollY.value;\n    if(scrollVelocity.value < 0.3){\n      if(scrollDirection.value < 0 && stickyNavTranslateY.value >= (navHeight.value / 9.9)){ // bottom visible\n        scrollRef?.current?.scrollTo({ y: y + (navHeight.value - stickyNavTranslateY.value), animated: true })\n      } else if( scrollDirection.value > 0 &&  stickyNavTranslateY.value <= (navHeight.value / 1.1)) { // top content visible\n        scrollRef?.current?.scrollTo({ y: y - stickyNavTranslateY.value, animated: true })\n      }\n    }\n  }\n\n  const contextValue = {\n    scrollDirection,\n    stickyNavAnimateStyle,\n    stickyContainerAnimateStyle,\n    stickyContainerTranslateY,\n    navHeight,\n    bottomTabHeight, \n    onScroll,\n    onScrollEndDrag\n  };\n\n  return (\n    <StickyWrapperContext.Provider value={contextValue}>\n      {children}\n    </StickyWrapperContext.Provider>\n  );\n};"],"mappings":"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","ignoreList":[]}

package/core/utils.js

@@ -1,6 +1,5 @@
 import { Platform } from 'react-native';
 import moment from "moment";
-import * as FileSystem from "expo-file-system";
 import { isFunction, includes, isUndefined, isNull, orderBy, groupBy, toLower, get, forEach, sortBy, cloneDeep, keys, values, isArray, isString, isNumber } from 'lodash';
 import * as mime from 'react-native-mime-types';
 import ThemeVariables from '../styles/theme.variables';
@@ -329,11 +328,6 @@ export const formatCompactNumber = number => {
   }
   return (isNegative ? '-' : '') + formattedNumber;
 };
-export const toBase64 = function (path) {
-  return FileSystem.readAsStringAsync(path, {
-    encoding: 'base64'
-  });
-};
 const DATASET_WIDGETS = new Set(['select', 'checkboxset', 'radioset', 'switch', 'autocomplete', 'chips', 'typeahead', 'rating']);
 export const isDataSetWidget = widget => {
   return DATASET_WIDGETS.has(widget);