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

package/core/responsive.utils.js

@@ -0,0 +1,48 @@
+import _viewPort from './viewport';
+import { DEVICE_BREAK_POINTS, DEVICE_BREAK_POINTS_NATIVE_MOBILE } from '../styles/theme';
+import { Platform } from 'react-native';
+/**
+ * Determines the current responsive breakpoint based on viewport width and pixel ratio
+ * @returns The current breakpoint ('xs' | 'sm' | 'md' | 'lg')
+ * 
+ */
+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))) {
+    return 'lg';
+  } else if (width >= (Platform.OS === 'web' ? parseInt(DEVICE_BREAK_POINTS.MIN_MEDIUM_DEVICE) : parseInt(DEVICE_BREAK_POINTS_NATIVE_MOBILE.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))) {
+    return 'sm';
+  } else {
+    return 'xs';
+  }
+};
+
+/**
+ * Gets responsive value for current breakpoint with safe mobile-first fallback
+ * The fallback order is: current breakpoint -> smaller breakpoints -> xs (ultimate fallback)
+ * 
+ * @param responsiveConfig Object containing values for each breakpoint (xs, sm, md, lg)
+ * @param currentBreakpoint Current breakpoint (optional, will be auto-detected if not provided)
+ * @returns The value for current breakpoint or fallback value
+ * 
+ */
+export const getNumberOfColumnsFromResponsiveConfig = (responsiveConfig, currentBreakpoint, fallback = false) => {
+  var _ref, _value;
+  const breakpoint = currentBreakpoint || getCurrentBreakpoint();
+  let value = responsiveConfig[breakpoint];
+  if (!value && fallback) {
+    const fallbackOrder = ['lg', 'md', 'sm', 'xs'];
+    const currentIndex = fallbackOrder.indexOf(breakpoint);
+    for (let i = currentIndex - 1; i >= 0; i--) {
+      const fallbackBreakpoint = fallbackOrder[i];
+      if (responsiveConfig[fallbackBreakpoint]) {
+        value = responsiveConfig[fallbackBreakpoint];
+        break;
+      }
+    }
+  }
+  return (_ref = (_value = value) !== null && _value !== void 0 ? _value : responsiveConfig.xs) !== null && _ref !== void 0 ? _ref : 1;
+};
+//# sourceMappingURL=responsive.utils.js.map

package/core/responsive.utils.js.map

@@ -0,0 +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":[]}

package/core/scroll-view.component.js

@@ -0,0 +1,52 @@
+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 { ScrollView as RNScrollView, View } from 'react-native';
+const ScrollViewContext = /*#__PURE__*/React.createContext(null);
+export const ScrollViewProvider = ScrollViewContext.Provider;
+export const ScrollViewConsumer = ScrollViewContext.Consumer;
+// TODO: implement scroll view that handles FlatList.
+export class ScrollView extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "instance", null);
+    this.state = {
+      scrollEnabled: true
+    };
+  }
+  enableScroll() {
+    this.setState({
+      scrollEnabled: true
+    });
+  }
+  disableScroll() {
+    this.setState({
+      scrollEnabled: false
+    });
+  }
+  isScrollEnabled() {
+    return this.state.scrollEnabled;
+  }
+  get contentOffset() {
+    return this.instance.contentOffset;
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(ScrollViewProvider, {
+      value: this
+    }, /*#__PURE__*/React.createElement(View, {
+      onStartShouldSetResponderCapture: () => {
+        this.setState({
+          scrollEnabled: true
+        });
+        return true;
+      }
+    }, /*#__PURE__*/React.createElement(RNScrollView, _extends({
+      ref: scrollRef => this.instance = scrollRef
+    }, this.props, {
+      scrollEnabled: this.state.scrollEnabled
+    }), this.props.children)));
+  }
+}
+//# sourceMappingURL=scroll-view.component.js.map

package/core/sticky-container.component.js

@@ -0,0 +1,175 @@
+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, { Component } from "react";
+import { Animated, View, Platform } from "react-native";
+import { SafeAreaInsetsContext } from "react-native-safe-area-context";
+import { ThemeProvider } from "@wavemaker/app-rn-runtime/styles/theme";
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+const StickyViewContext = /*#__PURE__*/React.createContext(null);
+export class StickyViewState {
+  constructor() {
+    _defineProperty(this, "isStickyVisible", false);
+  }
+}
+export class StickyView extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "container", null);
+    _defineProperty(this, "cachedComponent", void 0);
+    _defineProperty(this, "id", StickyView.counter++);
+    _defineProperty(this, "destroyScrollListner", null);
+    _defineProperty(this, "insets", null);
+    _defineProperty(this, "refScrollPosition", 0);
+    _defineProperty(this, "lastScrollDirection", 1);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+    _defineProperty(this, "scrolled", false);
+    this.state = new StickyViewState();
+    this.listenScrollEvent();
+  }
+  componentWillUnmount() {
+    var _this$container;
+    (_this$container = this.container) === null || _this$container === void 0 || _this$container.remove(this);
+    this.destroyScrollListner && this.destroyScrollListner();
+  }
+  listenScrollEvent() {
+    this.destroyScrollListner && this.destroyScrollListner();
+    const component = this.props.component;
+    let yPosition;
+    this.destroyScrollListner = component.subscribe('scroll', e => {
+      var _component$getLayout, _this$insets, _component$getLayout2;
+      const height = (_component$getLayout = component.getLayout()) === null || _component$getLayout === void 0 ? void 0 : _component$getLayout.height;
+      const topInsetsInYposition = Platform.OS == 'ios' ? ((_this$insets = this.insets) === null || _this$insets === void 0 ? void 0 : _this$insets.top) || 0 : 0;
+      yPosition = yPosition || yPosition == 0 ? yPosition : (component === null || component === void 0 || (_component$getLayout2 = component.getLayout()) === null || _component$getLayout2 === void 0 ? void 0 : _component$getLayout2.py) - topInsetsInYposition;
+      const scrollPosition = e.nativeEvent.contentOffset.y;
+      let isStickyVisible = false;
+      const {
+        containerHeight = 0,
+        hiddenHeight = 0
+      } = this.container || {};
+      const containerHeightVal = Math.abs(containerHeight + hiddenHeight);
+      if (!this.scrolled) this.scrolled = true;
+      if (e.scrollDirection) {
+        if (this.lastScrollDirection !== e.scrollDirection) {
+          this.refScrollPosition = scrollPosition;
+        }
+        this.lastScrollDirection = e.scrollDirection;
+      }
+
+      // based on scrollDirection checking for stickyVisibility
+      if (e.scrollDirection <= 0) {
+        isStickyVisible = scrollPosition > 10 // scroll threshold value of 10
+        && scrollPosition + containerHeightVal + this.appConfig.pageScrollTopThreshold >= yPosition + height;
+      } else {
+        isStickyVisible = scrollPosition + this.appConfig.pageScrollTopThreshold >= yPosition + (this.props.slide ? height : 0);
+      }
+      if (this.state.isStickyVisible !== isStickyVisible) {
+        this.setState({
+          isStickyVisible: isStickyVisible
+        }, () => {
+          if (isStickyVisible && this.props.slide) {
+            var _this$container2;
+            (_this$container2 = this.container) === null || _this$container2 === void 0 || _this$container2.slideBy(-1 * height);
+          } else {
+            var _this$container3;
+            (_this$container3 = this.container) === null || _this$container3 === void 0 || _this$container3.slideBy(this.refScrollPosition - scrollPosition);
+          }
+        });
+      } else {
+        var _this$container4;
+        (_this$container4 = this.container) === null || _this$container4 === void 0 || _this$container4.slideBy(this.refScrollPosition - scrollPosition);
+      }
+    });
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, (insets = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }) => {
+      this.insets = insets;
+      return /*#__PURE__*/React.createElement(StickyViewContext.Consumer, null, container => {
+        this.container = container;
+        if (!this.scrolled) return /*#__PURE__*/React.createElement(React.Fragment, null);
+        if (this.state.isStickyVisible && this.container) {
+          var _this$container5;
+          if (!((_this$container5 = this.container) !== null && _this$container5 !== void 0 && (_this$container5 = _this$container5.children) !== null && _this$container5 !== void 0 && _this$container5.has(this))) {
+            this.container.add(this, /*#__PURE__*/React.createElement(ThemeProvider, {
+              value: this.props.theme,
+              key: this.id
+            }, /*#__PURE__*/React.createElement(View, {
+              style: [this.props.style]
+            }, this.props.children)));
+          }
+        } else {
+          var _this$container6;
+          (_this$container6 = this.container) === null || _this$container6 === void 0 || _this$container6.remove(this);
+        }
+        return /*#__PURE__*/React.createElement(React.Fragment, null);
+      });
+    }), /*#__PURE__*/React.createElement(View, {
+      style: {
+        opacity: this.state.isStickyVisible ? 0 : 1
+      }
+    }, this.props.children));
+  }
+}
+_defineProperty(StickyView, "defaultProps", {
+  slide: false
+});
+_defineProperty(StickyView, "counter", Date.now());
+export class StickyViewContainer extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "children", new Map());
+    _defineProperty(this, "id", 0);
+    _defineProperty(this, "translateY", new Animated.Value(0));
+    _defineProperty(this, "topSlideHeight", 0);
+    _defineProperty(this, "hiddenHeight", 0);
+    _defineProperty(this, "containerHeight", 0);
+    _defineProperty(this, "appConfig", injector.get('APP_CONFIG'));
+  }
+  add(c, n) {
+    var _c$props$component$ge;
+    const h = Math.max(((_c$props$component$ge = c.props.component.getLayout()) === null || _c$props$component$ge === void 0 ? void 0 : _c$props$component$ge.height) || 0, 0);
+    this.containerHeight += h;
+    this.topSlideHeight += c.props.slide ? h : 0;
+    this.children.set(c, n);
+    setTimeout(() => this.setState({
+      id: ++this.id
+    }));
+  }
+  remove(c) {
+    var _c$props$component$ge2;
+    const h = Math.max(((_c$props$component$ge2 = c.props.component.getLayout()) === null || _c$props$component$ge2 === void 0 ? void 0 : _c$props$component$ge2.height) || 0, 0);
+    this.containerHeight -= h;
+    this.topSlideHeight -= c.props.slide ? h : 0;
+    this.containerHeight = Math.max(this.containerHeight, 0);
+    this.topSlideHeight = Math.max(this.topSlideHeight, 0);
+    this.children.delete(c);
+    setTimeout(() => this.setState({
+      id: ++this.id
+    }));
+  }
+  slideBy(value) {
+    this.hiddenHeight = Math.max(Math.min(0, this.translateY._value + value), -1 * this.topSlideHeight);
+    this.translateY.setValue(this.hiddenHeight);
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(StickyViewContext.Provider, {
+      value: this
+    }, this.props.children, /*#__PURE__*/React.createElement(Animated.View, {
+      style: {
+        position: 'absolute',
+        top: this.appConfig.pageScrollTopThreshold || 0,
+        width: '100%',
+        transform: [{
+          translateY: this.translateY
+        }]
+      }
+    }, Array.from(this.children.values())));
+  }
+}
+;
+//# sourceMappingURL=sticky-container.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Animated","View","Platform","SafeAreaInsetsContext","ThemeProvider","injector","StickyViewContext","createContext","StickyViewState","constructor","_defineProperty","StickyView","props","counter","get","state","listenScrollEvent","componentWillUnmount","_this$container","container","remove","destroyScrollListner","component","yPosition","subscribe","e","_component$getLayout","_this$insets","_component$getLayout2","height","getLayout","topInsetsInYposition","OS","insets","top","py","scrollPosition","nativeEvent","contentOffset","y","isStickyVisible","containerHeight","hiddenHeight","containerHeightVal","Math","abs","scrolled","scrollDirection","lastScrollDirection","refScrollPosition","appConfig","pageScrollTopThreshold","slide","setState","_this$container2","slideBy","_this$container3","_this$container4","render","createElement","Fragment","Consumer","bottom","left","right","_this$container5","children","has","add","value","theme","key","id","style","_this$container6","opacity","Date","now","StickyViewContainer","args","Map","Value","c","n","_c$props$component$ge","h","max","topSlideHeight","set","setTimeout","_c$props$component$ge2","delete","min","translateY","_value","setValue","Provider","position","width","transform","Array","from","values"],"sources":["sticky-container.component.tsx"],"sourcesContent":["\nimport React, { Component } from \"react\";\nimport { ViewStyle, Animated, Easing, View, Platform} from \"react-native\";\nimport { SafeAreaInsetsContext } from \"react-native-safe-area-context\";\nimport { Theme, ThemeProvider } from \"@wavemaker/app-rn-runtime/styles/theme\";\nimport { BaseComponent } from \"./base.component\";\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\n\nconst StickyViewContext = React.createContext<StickyViewContainer>(null as any);\n\nexport interface StickyViewProps {\n    style?: ViewStyle,\n    theme: Theme;\n    children?: any;\n    slide?: boolean;\n    component: BaseComponent<any, any, any>;\n    onVisibilityChange?: (visible: boolean) => void;\n}\n\nexport class StickyViewState {\n    isStickyVisible = false;\n}\n\nexport class StickyView extends Component<StickyViewProps, StickyViewState, any> {\n    static defaultProps = {\n        slide: false\n    };\n    static counter = Date.now();\n    container?: StickyViewContainer = null as any;\n    cachedComponent: React.ReactNode;\n    id = StickyView.counter++;\n    destroyScrollListner: Function = null as any;\n    insets: any = null;\n    refScrollPosition = 0;\n    lastScrollDirection = 1;\n    appConfig = injector.get<AppConfig>('APP_CONFIG');\n    scrolled: boolean = false;\n\n    constructor(props: StickyViewProps) {\n        super(props);\n        this.state = new StickyViewState();\n        this.listenScrollEvent();\n    }\n\n    componentWillUnmount() {\n        this.container?.remove(this);\n        this.destroyScrollListner && this.destroyScrollListner();\n    }\n\n    listenScrollEvent(): void {\n        this.destroyScrollListner && this.destroyScrollListner();\n        const component = this.props.component;\n        let yPosition: number;\n        this.destroyScrollListner = component.subscribe('scroll', (e: any) => {\n            const height = component.getLayout()?.height;\n            const topInsetsInYposition = Platform.OS == 'ios' ? this.insets?.top || 0 : 0;\n            yPosition = (yPosition || yPosition == 0) ? yPosition : component?.getLayout()?.py - topInsetsInYposition;\n            const scrollPosition = e.nativeEvent.contentOffset.y;\n            let isStickyVisible = false ;\n\n            const {containerHeight = 0, hiddenHeight = 0} = this.container || {}\n            const containerHeightVal = Math.abs(containerHeight + hiddenHeight) ;\n            if(!this.scrolled) this.scrolled = true;\n            \n            if (e.scrollDirection) {\n                if (this.lastScrollDirection !== e.scrollDirection) {\n                    this.refScrollPosition = scrollPosition;\n                }\n                this.lastScrollDirection = e.scrollDirection;\n            }\n\n            // based on scrollDirection checking for stickyVisibility\n            if(e.scrollDirection <= 0){\n                isStickyVisible = scrollPosition > 10 // scroll threshold value of 10\n                    && ((scrollPosition + containerHeightVal + this.appConfig.pageScrollTopThreshold ) >= (yPosition + height));\n            } else {\n                isStickyVisible =  ((scrollPosition +  this.appConfig.pageScrollTopThreshold) >= \n                    (yPosition + (this.props.slide ? height: 0)));\n            }\n\n            if (this.state.isStickyVisible !== isStickyVisible) {\n                this.setState({ \n                    isStickyVisible : isStickyVisible\n                }, () => {\n                    if (isStickyVisible && this.props.slide) {\n                        this.container?.slideBy(-1 * height);\n                    } else {\n                        this.container?.slideBy(this.refScrollPosition - scrollPosition);\n                    }\n                })\n            } else {\n                this.container?.slideBy(this.refScrollPosition - scrollPosition);\n            }\n        })\n    }\n\n    render() {\n        return (\n            <>\n                <SafeAreaInsetsContext.Consumer>\n                    {(insets = { top: 0, bottom: 0, left: 0, right: 0 }) => {\n                    this.insets = insets;\n                    return <StickyViewContext.Consumer>\n                        {(container) => {\n                            this.container = container;\n                            if(!this.scrolled) return <></>\n                            if (this.state.isStickyVisible && this.container) {\n                                if(!this.container?.children?.has(this)){\n                                    this.container.add(this, (\n                                        <ThemeProvider value={this.props.theme} key={this.id}>\n                                            <View style={[this.props.style]}>\n                                                {this.props.children}\n                                            </View>\n                                        </ThemeProvider>\n                                    ));\n                                }\n                            } else {\n                                this.container?.remove(this);\n                            }\n                            return <></>;\n                        }}\n                    </StickyViewContext.Consumer>}}\n                </SafeAreaInsetsContext.Consumer>\n                <View style={{opacity: this.state.isStickyVisible ? 0 : 1}}>\n                    {this.props.children}\n                </View>\n            </>\n        );\n    }\n}\n\nexport class StickyViewContainer extends React.Component {\n    public children: Map<StickyView, React.ReactNode> = new Map();\n    private id = 0;\n    public translateY: Animated.Value = new Animated.Value(0);\n    public topSlideHeight = 0;\n    public hiddenHeight: number = 0;\n    public containerHeight: number = 0;\n    private appConfig = injector.get<AppConfig>('APP_CONFIG');\n\n    add(c: StickyView, n : React.ReactNode) {\n        const h = Math.max(c.props.component.getLayout()?.height || 0, 0);\n        this.containerHeight += h;\n        this.topSlideHeight += (c.props.slide ? h : 0);\n        this.children.set(c, n);\n        setTimeout(() => this.setState({id: ++this.id}));\n    }\n\n    remove(c: StickyView) {\n        const h = Math.max(c.props.component.getLayout()?.height || 0, 0);\n        this.containerHeight -=  h;\n        this.topSlideHeight -= (c.props.slide ? h : 0);\n        this.containerHeight = Math.max(this.containerHeight, 0);\n        this.topSlideHeight = Math.max(this.topSlideHeight, 0);\n        this.children.delete(c);\n        setTimeout(() => this.setState({id: ++this.id}));\n    }\n\n    public slideBy(value: number) {\n        this.hiddenHeight = Math.max(\n            Math.min(0, (this.translateY as any)._value + value), \n            -1 * this.topSlideHeight);\n        \n        this.translateY.setValue(this.hiddenHeight);\n    }\n\n    render() {\n        return (\n            <StickyViewContext.Provider value={this}>\n                {(this.props as any).children}\n                <Animated.View style={{\n                    position: 'absolute', top: this.appConfig.pageScrollTopThreshold || 0, width: '100%',\n                    transform: [{ translateY: this.translateY }]\n                }}>\n                {Array.from(this.children.values())}\n                </Animated.View>\n            </StickyViewContext.Provider>\n        );\n    }\n};"],"mappings":"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","ignoreList":[]}

package/core/storage.service.js

@@ -0,0 +1,38 @@
+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 AsyncStorage from '@react-native-async-storage/async-storage';
+export class StorageService {
+  constructor() {
+    _defineProperty(this, "target", 'GLOBAL');
+  }
+  getKey(key) {
+    return `${this.target}_${key}`;
+  }
+  getItem(key, callback) {
+    return AsyncStorage.getItem(this.getKey(key), callback);
+  }
+  setItem(key, value, callback) {
+    return AsyncStorage.setItem(this.getKey(key), value, callback);
+  }
+  removeItem(key, callback) {
+    return AsyncStorage.removeItem(this.getKey(key), callback);
+  }
+  async getAll() {
+    const keys = await AsyncStorage.getAllKeys();
+    const entries = await Promise.all(keys.map(async k => {
+      const v = await AsyncStorage.getItem(k);
+      return {
+        key: k,
+        value: v
+      };
+    }));
+    const o = {};
+    entries.forEach(e => {
+      o[e.key] = e.value;
+    });
+    return o;
+  }
+}
+export default new StorageService();
+//# sourceMappingURL=storage.service.js.map

package/core/tappable.component.js

@@ -0,0 +1,160 @@
+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 { Platform, View, TouchableOpacity } from "react-native";
+import { get } from "lodash";
+import injector from "./injector";
+import { TouchableRipple } from "react-native-paper";
+export const TappableContext = /*#__PURE__*/React.createContext(null);
+import { UIPreferencesConsumer } from "./ui-preferences.context";
+export const ParentTappableContext = /*#__PURE__*/React.createContext(null);
+export class SyntheticEvent {
+  constructor() {
+    // as the event is being used in onPress, onPressOut and onLongTap the TapEvent is renamed to SyntheticEvent
+    _defineProperty(this, "propagationEnabled", true);
+  }
+  stopPropagation() {
+    this.propagationEnabled = false;
+  }
+}
+export class Tappable extends React.Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "lastPress", 0);
+    _defineProperty(this, "lastTap", 0);
+    _defineProperty(this, "lastDoubleTap", 0);
+    _defineProperty(this, "isLongTap", false);
+    _defineProperty(this, "parent", null);
+  }
+  async triggerTap(e = new SyntheticEvent()) {
+    var _this$parent;
+    if (!e.propagationEnabled) {
+      return;
+    }
+    const target = this.props.target;
+    if (this.props.onTap) {
+      await this.props.onTap(e);
+    } else {
+      await (target === null || target === void 0 ? void 0 : target.invokeEventCallback('onTap', [e, target]));
+    }
+    (_this$parent = this.parent) === null || _this$parent === void 0 || _this$parent.triggerTap(e);
+  }
+  onPress(e) {
+    var _this$props$target;
+    this.lastPress = Date.now();
+    const target = this.props.target;
+    this.props.onTouchStart && this.props.onTouchStart(e);
+    (_this$props$target = this.props.target) === null || _this$props$target === void 0 || _this$props$target.invokeEventCallback('onTouchstart', [e, this.props.target]);
+    const currentTime = Date.now();
+    const tapDelta = currentTime - this.lastTap;
+    if (this.isLongTap) {
+      this.isLongTap = false;
+      return;
+    }
+    if (e.propagationEnabled) {
+      var _injector$FOCUSED_ELE;
+      (_injector$FOCUSED_ELE = injector.FOCUSED_ELEMENT.get()) === null || _injector$FOCUSED_ELE === void 0 || _injector$FOCUSED_ELE.blur();
+      if (this.lastDoubleTap !== this.lastTap && tapDelta < 500) {
+        this.props.onDoubleTap && this.props.onDoubleTap(e);
+        setTimeout(() => {
+          target === null || target === void 0 || target.invokeEventCallback('onDoubletap', [e, target]);
+        }, 200);
+        this.lastDoubleTap = currentTime;
+      }
+      setTimeout(() => {
+        var _this$parent2;
+        if (!e.propagationEnabled) {
+          return;
+        }
+        if (this.props.onTap) {
+          this.props.onTap(e);
+        } else {
+          target === null || target === void 0 || target.invokeEventCallback('onTap', [e, target]);
+        }
+        (_this$parent2 = this.parent) === null || _this$parent2 === void 0 || _this$parent2.onPress(e);
+      }, 200);
+      this.lastTap = currentTime;
+    }
+  }
+  onLongTap(e) {
+    if (!e.propagationEnabled) {
+      return;
+    }
+    this.props.onLongTap && this.props.onLongTap(e);
+    setTimeout(() => {
+      var _this$props$target2, _this$parent3;
+      (_this$props$target2 = this.props.target) === null || _this$props$target2 === void 0 || _this$props$target2.invokeEventCallback('onLongtap', [e, this.props.target]);
+      (_this$parent3 = this.parent) === null || _this$parent3 === void 0 || _this$parent3.onPressOut(e);
+    }, 200);
+    this.isLongTap = true;
+  }
+  onPressOut(e) {
+    if (!e.propagationEnabled) {
+      return;
+    }
+    this.props.onTouchEnd && this.props.onTouchEnd(e);
+    setTimeout(() => {
+      var _this$props$target3, _this$parent4;
+      (_this$props$target3 = this.props.target) === null || _this$props$target3 === void 0 || _this$props$target3.invokeEventCallback('onTouchend', [e, this.props.target]);
+      (_this$parent4 = this.parent) === null || _this$parent4 === void 0 || _this$parent4.onPressOut(e);
+    }, 200);
+    this.isLongTap = false;
+  }
+  setParent(parent) {
+    if (parent && this.parent !== parent) {
+      this.parent = parent;
+    }
+  }
+  render() {
+    const target = this.props.target;
+    const commonProps = {
+      ...(Platform.OS === 'android' || Platform.OS === 'web' ? {
+        accessibilityLabel: this.props.testID,
+        testID: this.props.testID
+      } : {
+        // accessible: false,
+        testID: this.props.testID
+      }),
+      ...this.props.accessibilityProps,
+      disabled: get(target === null || target === void 0 ? void 0 : target.proxy, 'disabled'),
+      style: this.props.styles,
+      onPress: e => {
+        var _e$target;
+        if ((e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.tagName) === 'INPUT') {
+          return;
+        }
+        this.onPress(new SyntheticEvent());
+      },
+      onLongPress: e => this.onLongTap(new SyntheticEvent()),
+      onPressOut: e => this.onPressOut(new SyntheticEvent())
+    };
+    if (target !== null && target !== void 0 && target.props.onTap || target !== null && target !== void 0 && target.props.onLongtap || target !== null && target !== void 0 && target.props.onDoubletap || this.props.onTap || this.props.onLongTap || this.props.onDoubleTap) {
+      return /*#__PURE__*/React.createElement(UIPreferencesConsumer, null, preferences => {
+        return preferences.enableRipple != false ? /*#__PURE__*/React.createElement(ParentTappableContext.Consumer, null, parent => {
+          this.setParent(parent);
+          return /*#__PURE__*/React.createElement(ParentTappableContext.Provider, {
+            value: this
+          }, /*#__PURE__*/React.createElement(TouchableRipple, _extends({
+            rippleColor: this.props.disableTouchEffect ? "transparent" : this.props.rippleColor,
+            borderless: true
+          }, commonProps, {
+            onLayout: this.props.onLayout
+          }), /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children)));
+        }) :
+        /*#__PURE__*/
+        //default value is 0.2
+        React.createElement(TouchableOpacity, _extends({
+          activeOpacity: this.props.disableTouchEffect ? 1 : 0.2,
+          onLayout: this.props.onLayout
+        }, commonProps), /*#__PURE__*/React.createElement(React.Fragment, null, this.props.children));
+      });
+    }
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: this.props.styles,
+      onLayout: this.props.onLayout
+    }, this.props.accessibilityProps), this.props.children);
+  }
+}
+//# sourceMappingURL=tappable.component.js.map

package/core/tappable.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","View","TouchableOpacity","get","injector","TouchableRipple","TappableContext","createContext","UIPreferencesConsumer","ParentTappableContext","SyntheticEvent","constructor","_defineProperty","stopPropagation","propagationEnabled","Tappable","Component","props","triggerTap","e","_this$parent","target","onTap","invokeEventCallback","parent","onPress","_this$props$target","lastPress","Date","now","onTouchStart","currentTime","tapDelta","lastTap","isLongTap","_injector$FOCUSED_ELE","FOCUSED_ELEMENT","blur","lastDoubleTap","onDoubleTap","setTimeout","_this$parent2","onLongTap","_this$props$target2","_this$parent3","onPressOut","onTouchEnd","_this$props$target3","_this$parent4","setParent","render","commonProps","OS","accessibilityLabel","testID","accessibilityProps","disabled","proxy","style","styles","_e$target","tagName","onLongPress","onLongtap","onDoubletap","createElement","preferences","enableRipple","Consumer","Provider","value","_extends","rippleColor","disableTouchEffect","borderless","onLayout","Fragment","children","activeOpacity"],"sources":["tappable.component.tsx"],"sourcesContent":["import { BaseComponent } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport React from \"react\";\nimport { GestureResponderEvent, Platform, View, TouchableOpacity } from \"react-native\";\nimport { get } from \"lodash\";\nimport injector from \"./injector\";\nimport { TouchableRipple } from \"react-native-paper\";\nimport ThemeVariables from \"../styles/theme.variables\";\nimport { isDefined } from \"./utils\";\n\nexport const TappableContext = React.createContext<Tappable>(null as any);\nimport { UIPreferencesConsumer, UI_PREFERENCES } from \"./ui-preferences.context\";\n\nexport const ParentTappableContext = React.createContext<Tappable>(null as any);\ninterface TappableProps {\n    testID?: string;\n    children?: any\n    styles?: any;\n    target?: BaseComponent<any, any, any>;\n    onTap?: (e: any) => void;\n    onLongTap?: (e: any) => void; \n    onDoubleTap?: (e: any) => void;\n    onTouchStart? : (e: any) => void;\n    onTouchEnd? : (e: any) => void;\n    rippleColor?: string;\n    accessibilityProps?: any;\n    disableTouchEffect?:boolean;\n    onLayout?: any;\n}\n\nexport class SyntheticEvent {\n    // as the event is being used in onPress, onPressOut and onLongTap the TapEvent is renamed to SyntheticEvent\n    propagationEnabled = true;\n   \n    constructor() {\n\n    }\n\n    stopPropagation() {\n        this.propagationEnabled = false;\n    }\n}\n\nexport class Tappable extends React.Component<TappableProps, any> {\n    private lastPress = 0;\n    private lastTap = 0;\n    private lastDoubleTap = 0;\n    private isLongTap = false;\n    private parent:Tappable = null as any;\n   \n    constructor(props: any) {\n        super(props);\n    }\n\n    async triggerTap(e = new SyntheticEvent()) {\n        if (!e.propagationEnabled) {\n            return;\n        }\n        const target = this.props.target;\n        if (this.props.onTap) {\n            await this.props.onTap(e);\n        } else {\n            await target?.invokeEventCallback('onTap', [e, target]);\n        }\n        this.parent?.triggerTap(e);\n    }\n\n    onPress(e: SyntheticEvent): void {   \n        this.lastPress = Date.now();\n        const target = this.props.target;\n        this.props.onTouchStart && this.props.onTouchStart(e);\n        this.props.target?.invokeEventCallback('onTouchstart', [e, this.props.target]);\n        const currentTime = Date.now();\n        const tapDelta = currentTime - this.lastTap;\n        if (this.isLongTap) {\n            this.isLongTap = false;\n            return;\n        }\n        if (e.propagationEnabled) {\n            injector.FOCUSED_ELEMENT.get()?.blur();\n            if(this.lastDoubleTap !== this.lastTap \n                && tapDelta < 500) {\n                this.props.onDoubleTap && this.props.onDoubleTap(e);\n                setTimeout(() => {\n                    target?.invokeEventCallback('onDoubletap', [e, target]);\n                }, 200);\n                this.lastDoubleTap = currentTime;\n            }\n            setTimeout(() => {\n                if (!e.propagationEnabled) {\n                    return;\n                }\n                if (this.props.onTap) {\n                    this.props.onTap(e);\n                } else {\n                    target?.invokeEventCallback('onTap', [e, target]);\n                }\n                this.parent?.onPress(e);\n            }, 200);\n            this.lastTap = currentTime;\n        }\n    }\n\n    onLongTap(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        }\n        this.props.onLongTap && this.props.onLongTap(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onLongtap', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = true;\n    }\n    \n    onPressOut(e: SyntheticEvent): void {\n        if(!e.propagationEnabled){\n            return;\n        } \n        this.props.onTouchEnd && this.props.onTouchEnd(e);\n        setTimeout(() => {\n            this.props.target?.invokeEventCallback('onTouchend', [e, this.props.target]);\n            this.parent?.onPressOut(e);\n        }, 200);\n        this.isLongTap = false;\n    }\n    private setParent(parent: Tappable) {\n        if (parent && this.parent !== parent)  {\n            this.parent = parent;\n        }\n    }\n\n    render() {\n        const target = this.props.target;\n        const commonProps = {\n            ...(Platform.OS === 'android' || Platform.OS === 'web') ? {\n                accessibilityLabel: this.props.testID,\n                testID: this.props.testID\n            }: {\n                // accessible: false,\n                testID: this.props.testID\n            },\n            ...this.props.accessibilityProps,\n            disabled:get(target?.proxy, 'disabled'),\n            style:this.props.styles,\n            onPress:(e?: GestureResponderEvent) => {\n                if ((e?.target as any)?.tagName === 'INPUT') {\n                    return;\n                }\n                this.onPress(new SyntheticEvent())\n            },\n            onLongPress:(e?: GestureResponderEvent) => this.onLongTap(new SyntheticEvent()),\n            onPressOut:(e?: GestureResponderEvent) => this.onPressOut(new SyntheticEvent())\n        };\n        if (target?.props.onTap \n            || target?.props.onLongtap \n            || target?.props.onDoubletap \n            || this.props.onTap \n            || this.props.onLongTap \n            || this.props.onDoubleTap) {\n            return (\n            <UIPreferencesConsumer>\n                {(preferences: UI_PREFERENCES) => {\n                    return preferences.enableRipple != false ? (\n                        <ParentTappableContext.Consumer>{(parent) => {\n                            this.setParent(parent);\n                            return(\n                                <ParentTappableContext.Provider value={this}>\n                                    <TouchableRipple \n                                        rippleColor={this.props.disableTouchEffect ? \"transparent\" : this.props.rippleColor} \n                                        borderless={true} \n                                        {...commonProps}\n                                        onLayout={this.props.onLayout}\n                                    >\n                                        <>{this.props.children}</>\n                                    </TouchableRipple>\n                                </ParentTappableContext.Provider>\n                            )\n                        }}</ParentTappableContext.Consumer>): (\n                        //default value is 0.2\n                        <TouchableOpacity \n                            activeOpacity={this.props.disableTouchEffect ? 1 : 0.2} \n                            onLayout={this.props.onLayout}\n                            {...commonProps}\n                        >\n                            <>{this.props.children}</>\n                        </TouchableOpacity>);\n                }}\n            </UIPreferencesConsumer>\n            );\n        }\n        return (\n            <View \n                style={this.props.styles}\n                onLayout={this.props.onLayout}\n                {...this.props.accessibilityProps}\n            >\n                {this.props.children}\n            </View>);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/core/toast.service.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ToastContext","createContext","ToastProvider","Provider","ToastConsumer","Consumer"],"sources":["toast.service.ts"],"sourcesContent":["import React from 'react';\n\nexport interface ToastOptions {\n    elevationIndex: number;\n    content?: React.ReactNode;\n    onClick?: () => void;\n    onClose?: () => void;\n    text: string;\n    type: 'success' | 'warning' | 'error' | 'info' | 'loading';\n    placement: string;\n    duration?: number;\n    name: string;\n    styles: any;\n    hideOnClick?: boolean;\n    showclosebutton?: boolean;\n    closeiconclass?: string;\n    closeToast?: () => void;\n}\n\nexport interface ToastService {\n    showToast: (options: ToastOptions) => void;\n    hideToast: (options: ToastOptions) => void;\n}\n\nconst ToastContext = React.createContext<ToastService>(null as any);\n\nexport const ToastProvider = ToastContext.Provider;\nexport const ToastConsumer = ToastContext.Consumer;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAwBzB,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAa,CAAe,IAAW,CAAC;AAEnE,OAAO,MAAMC,aAAa,GAAGF,YAAY,CAACG,QAAQ;AAClD,OAAO,MAAMC,aAAa,GAAGJ,YAAY,CAACK,QAAQ","ignoreList":[]}

package/core/ui-preferences.context.js

@@ -0,0 +1,10 @@
+import React from "react";
+const UIPreferencesContext = /*#__PURE__*/React.createContext({
+  enableRipple: true,
+  appLoader: {
+    inheritThemePrimary: true
+  }
+});
+export const UIPreferencesProvider = UIPreferencesContext.Provider;
+export const UIPreferencesConsumer = UIPreferencesContext.Consumer;
+//# sourceMappingURL=ui-preferences.context.js.map

package/core/ui-preferences.context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","UIPreferencesContext","createContext","enableRipple","appLoader","inheritThemePrimary","UIPreferencesProvider","Provider","UIPreferencesConsumer","Consumer"],"sources":["ui-preferences.context.ts"],"sourcesContent":["import React from \"react\";\n\nexport interface AppLoaderPreferences {\n  inheritThemePrimary: boolean;\n}\n\nexport interface UI_PREFERENCES {\n  enableRipple: boolean;\n  appLoader?: AppLoaderPreferences;\n}\n  \nconst UIPreferencesContext = React.createContext<UI_PREFERENCES>({enableRipple: true, appLoader: {inheritThemePrimary: true}});\n\nexport const UIPreferencesProvider = UIPreferencesContext.Provider;\nexport const UIPreferencesConsumer = UIPreferencesContext.Consumer;"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAWzB,MAAMC,oBAAoB,gBAAGD,KAAK,CAACE,aAAa,CAAiB;EAACC,YAAY,EAAE,IAAI;EAAEC,SAAS,EAAE;IAACC,mBAAmB,EAAE;EAAI;AAAC,CAAC,CAAC;AAE9H,OAAO,MAAMC,qBAAqB,GAAGL,oBAAoB,CAACM,QAAQ;AAClE,OAAO,MAAMC,qBAAqB,GAAGP,oBAAoB,CAACQ,QAAQ","ignoreList":[]}