@wavemaker/app-rn-runtime 11.4.3-next.140441 → 11.4.3-next.140443

app-rn-runtime/components/navigation/navitem/navitem.component.js

@@ -20,7 +20,7 @@ export default class WmNavItem extends BaseComponent {
     super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());
   }
   onSelectItem(cb, $item, $event) {
-    cb && cb($event, this, $item === null || $item === void 0 ? void 0 : $item.data);
+    cb && cb($event, this, $item);
   }
   renderWidget(props) {
     const getDisplayLabel = this.props.getDisplayExpression || (label => label);

app-rn-runtime/components/navigation/navitem/navitem.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","TouchableOpacity","BaseComponent","BaseComponentState","WmAnchor","WmIcon","WmNavItemProps","DEFAULT_CLASS","WmNavItemState","constructor","arguments","_defineProperty","WmNavItem","props","onSelectItem","cb","$item","$event","data","renderWidget","getDisplayLabel","getDisplayExpression","label","child","children","view","createElement","styles","navAnchorItem","caption","item","hyperlink","link","badgevalue","badge","iconclass","icon","onTap","bind","onSelect","Fragment","onPress","updateState","collapsed","state","style","dropdownNav","caretIcon","root","_background"],"sources":["navitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmNavItemProps from './navitem.props';\nimport { DEFAULT_CLASS, WmNavItemStyles } from './navitem.styles';\nimport { NavigationDataItem } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport { TapEvent } from \"@wavemaker/app-rn-runtime/core/tappable.component\";\n\nexport class WmNavItemState extends BaseComponentState<WmNavItemProps> {\n  collapsed = true;\n}\n\nexport default class WmNavItem extends BaseComponent<WmNavItemProps, WmNavItemState, WmNavItemStyles> {\n\n  constructor(props: WmNavItemProps) {\n    super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());\n  }\n\n  onSelectItem(cb: any, $item: NavigationDataItem, $event: TapEvent) {\n    cb && cb($event, this, $item?.data);\n  }\n\n  renderWidget(props: WmNavItemProps) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    let child = props.children;\n    if (props.view === 'anchor') {\n      child = <WmAnchor styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} hyperlink={props.item.link}\n                 badgevalue={props.item.badge} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n    }\n    if (props.view === 'dropdown') {\n      child = (\n        <>\n        <TouchableOpacity onPress={() => {\n          this.updateState({collapsed: !this.state.collapsed} as WmNavItemState);\n        }}>\n          <View style={this.styles.dropdownNav}>\n            <WmAnchor styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n            <WmIcon styles={this.styles.caretIcon} iconclass={this.state.collapsed ? 'fa fa-sort-down' : 'fa fa-sort-up'}></WmIcon>\n          </View>\n        </TouchableOpacity>\n        {!this.state.collapsed && props.children}\n        </>\n      );\n    }\n    return (\n      <View style={this.styles.root}>{this._background}{child}</View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","TouchableOpacity","BaseComponent","BaseComponentState","WmAnchor","WmIcon","WmNavItemProps","DEFAULT_CLASS","WmNavItemState","constructor","arguments","_defineProperty","WmNavItem","props","onSelectItem","cb","$item","$event","renderWidget","getDisplayLabel","getDisplayExpression","label","child","children","view","createElement","styles","navAnchorItem","caption","item","hyperlink","link","badgevalue","badge","iconclass","icon","onTap","bind","onSelect","Fragment","onPress","updateState","collapsed","state","style","dropdownNav","caretIcon","root","_background"],"sources":["navitem.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmNavItemProps from './navitem.props';\nimport { DEFAULT_CLASS, WmNavItemStyles } from './navitem.styles';\nimport { NavigationDataItem } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component\";\nimport { TapEvent } from \"@wavemaker/app-rn-runtime/core/tappable.component\";\n\nexport class WmNavItemState extends BaseComponentState<WmNavItemProps> {\n  collapsed = true;\n}\n\nexport default class WmNavItem extends BaseComponent<WmNavItemProps, WmNavItemState, WmNavItemStyles> {\n\n  constructor(props: WmNavItemProps) {\n    super(props, DEFAULT_CLASS, new WmNavItemProps(), new WmNavItemState());\n  }\n\n  onSelectItem(cb: any, $item: NavigationDataItem, $event: TapEvent) {\n    cb && cb($event, this, $item);\n  }\n\n  renderWidget(props: WmNavItemProps) {\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    let child = props.children;\n    if (props.view === 'anchor') {\n      child = <WmAnchor styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} hyperlink={props.item.link}\n                 badgevalue={props.item.badge} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n    }\n    if (props.view === 'dropdown') {\n      child = (\n        <>\n        <TouchableOpacity onPress={() => {\n          this.updateState({collapsed: !this.state.collapsed} as WmNavItemState);\n        }}>\n          <View style={this.styles.dropdownNav}>\n            <WmAnchor styles={this.styles.navAnchorItem} caption={getDisplayLabel(props.item.label)} iconclass={props.item.icon} onTap={this.onSelectItem.bind(this, props.onSelect, props.item)}></WmAnchor>\n            <WmIcon styles={this.styles.caretIcon} iconclass={this.state.collapsed ? 'fa fa-sort-down' : 'fa fa-sort-up'}></WmIcon>\n          </View>\n        </TouchableOpacity>\n        {!this.state.collapsed && props.children}\n        </>\n      );\n    }\n    return (\n      <View style={this.styles.root}>{this._background}{child}</View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/navigation/popover/popover.component.js

@@ -115,9 +115,7 @@ export default class WmPopover extends BaseComponent {
       }, /*#__PURE__*/React.createElement(WmContainer, {
         styles: styles.popoverContent,
         onLoad: () => this.invokeEventCallback('onLoad', [this]),
-        renderPartial: (p, onLoad) => {
-          return props.renderPartial && props.renderPartial(props, onLoad);
-        }
+        renderPartial: props.renderPartial
       }, props.renderPartial ? null : props.children))), styles, modalService));
       return null;
     }) : null);

app-rn-runtime/components/navigation/popover/popover.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isString","TouchableOpacity","Text","View","ScrollView","Dimensions","BaseComponent","BaseComponentState","ModalConsumer","WmAnchor","WmPopoverProps","DEFAULT_CLASS","WmContainer","WmPopoverState","constructor","arguments","_defineProperty","WmPopover","props","e","position","state","type","windowDimensions","get","view","measure","x","y","width","height","px","py","popoverwidth","parseInt","left","top","updateState","setState","isOpened","invokeEventCallback","stopPropagation","prepareModalOptions","content","styles","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","autoclose","centered","animation","contentanimation","onClose","hide","isPartialLoaded","hideModal","renderWidget","dimensions","theme","mergeStyle","getStyle","popoverheight","createElement","style","root","onLayout","computePosition","ref","_background","caption","badgevalue","iconclass","iconposition","link","onTap","showPopover","showModal","popover","title","activeOpacity","onPress","popoverContent","onLoad","renderPartial","p","children"],"sources":["popover.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isString } from 'lodash-es';\nimport { LayoutChangeEvent, TouchableOpacity, Text, View, ScrollView, Dimensions } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { TapEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\n\nimport WmPopoverProps from './popover.props';\nimport { DEFAULT_CLASS, WmPopoverStyles } from './popover.styles';\nimport WmContainer from '../../container/container.component';\n\nexport class WmPopoverState extends BaseComponentState<WmPopoverProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {} as PopoverPosition;\n  isPartialLoaded = false;\n}\n\nexport interface PopoverPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmPopover extends BaseComponent<WmPopoverProps, WmPopoverState, WmPopoverStyles> {\n\n  view: View = null as any;\n\n  constructor(props: WmPopoverProps) {\n    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());\n  }\n\n  private computePosition = (e: LayoutChangeEvent) => {\n    const position = {} as PopoverPosition;\n    if (this.state.props.type === 'dropdown') {\n      const windowDimensions = Dimensions.get('window');\n      this.view.measure((x, y, width, height, px, py) => {\n        let popoverwidth = this.state.props.popoverwidth as any;\n        if (popoverwidth && isString(popoverwidth)) {\n          popoverwidth = parseInt(popoverwidth);\n        }\n        position.left = px;\n        if (px + popoverwidth > windowDimensions.width) {\n          position.left = px + width - popoverwidth;\n        }\n        position.top = py + height;\n        this.updateState({position: position} as WmPopoverState);\n      });\n    }\n  };\n\n  public showPopover = (e?: TapEvent) => {\n    this.setState({ isOpened: true });\n    this.invokeEventCallback('onShow', [e, this]);\n    e?.stopPropagation();\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmPopoverStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.modalStyle = styles.modal;\n    o.contentStyle = {...styles.modalContent, ...this.state.position};\n    o.content = content;\n    o.isModal = this.state.props.autoclose !== 'disabled';\n    o.centered = true;\n    o.animation = this.state.props.contentanimation || 'slideInUp';\n    o.onClose = () => {\n      this.hide = () => {};\n      this.setState({ isOpened: false, isPartialLoaded: false, modalOptions: {} as ModalOptions });\n      this.invokeEventCallback('onHide', [null, this]);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmPopoverProps) {\n    let dimensions = {} as any;\n    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);\n    if (props.type === 'dropdown') {\n      if (props.popoverwidth) {\n        dimensions.width = props.popoverwidth;\n        styles.modalContent.width = props.popoverwidth;\n      }\n      if (props.popoverheight) {\n        dimensions.height = props.popoverheight;\n      }\n    }\n    return (\n      <View style={styles.root} onLayout={this.computePosition} ref={ref => {this.view = ref as View}}>\n        {this._background}\n        <WmAnchor\n          animation={props.animation}\n          caption={props.caption}\n          badgevalue={props.badgevalue}\n          iconclass={props.iconclass}\n          iconposition={props.iconposition}\n          styles={styles.link}\n          onTap={this.showPopover}></WmAnchor>\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                  <ScrollView style={this.theme.mergeStyle(styles.popover, dimensions)}>\n                    {props.title ? (<Text style={styles.title}>{props.title}</Text>): null}\n                    <TouchableOpacity activeOpacity={1} onPress={() => {\n                      props.autoclose === 'always' && this.hide()\n                    }} style={styles.popoverContent.root}>\n                      <WmContainer\n                        styles={styles.popoverContent}\n                        onLoad={() => this.invokeEventCallback('onLoad', [this])}\n                        renderPartial={(p: any, onLoad: Function) => {\n                          return props.renderPartial && props.renderPartial(props, onLoad);\n                        }}>\n                          {props.renderPartial ? null : props.children}\n                      </WmContainer>\n                    </TouchableOpacity>\n                  </ScrollView>\n              ), styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","isString","TouchableOpacity","Text","View","ScrollView","Dimensions","BaseComponent","BaseComponentState","ModalConsumer","WmAnchor","WmPopoverProps","DEFAULT_CLASS","WmContainer","WmPopoverState","constructor","arguments","_defineProperty","WmPopover","props","e","position","state","type","windowDimensions","get","view","measure","x","y","width","height","px","py","popoverwidth","parseInt","left","top","updateState","setState","isOpened","invokeEventCallback","stopPropagation","prepareModalOptions","content","styles","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","autoclose","centered","animation","contentanimation","onClose","hide","isPartialLoaded","hideModal","renderWidget","dimensions","theme","mergeStyle","getStyle","popoverheight","createElement","style","root","onLayout","computePosition","ref","_background","caption","badgevalue","iconclass","iconposition","link","onTap","showPopover","showModal","popover","title","activeOpacity","onPress","popoverContent","onLoad","renderPartial","children"],"sources":["popover.component.tsx"],"sourcesContent":["import React from 'react';\nimport { isString } from 'lodash-es';\nimport { LayoutChangeEvent, TouchableOpacity, Text, View, ScrollView, Dimensions } from 'react-native';\nimport { BaseComponent, BaseComponentState, BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { TapEvent } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';\n\nimport WmPopoverProps from './popover.props';\nimport { DEFAULT_CLASS, WmPopoverStyles } from './popover.styles';\nimport WmContainer from '../../container/container.component';\n\nexport class WmPopoverState extends BaseComponentState<WmPopoverProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  position = {} as PopoverPosition;\n  isPartialLoaded = false;\n}\n\nexport interface PopoverPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmPopover extends BaseComponent<WmPopoverProps, WmPopoverState, WmPopoverStyles> {\n\n  view: View = null as any;\n\n  constructor(props: WmPopoverProps) {\n    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());\n  }\n\n  private computePosition = (e: LayoutChangeEvent) => {\n    const position = {} as PopoverPosition;\n    if (this.state.props.type === 'dropdown') {\n      const windowDimensions = Dimensions.get('window');\n      this.view.measure((x, y, width, height, px, py) => {\n        let popoverwidth = this.state.props.popoverwidth as any;\n        if (popoverwidth && isString(popoverwidth)) {\n          popoverwidth = parseInt(popoverwidth);\n        }\n        position.left = px;\n        if (px + popoverwidth > windowDimensions.width) {\n          position.left = px + width - popoverwidth;\n        }\n        position.top = py + height;\n        this.updateState({position: position} as WmPopoverState);\n      });\n    }\n  };\n\n  public showPopover = (e?: TapEvent) => {\n    this.setState({ isOpened: true });\n    this.invokeEventCallback('onShow', [e, this]);\n    e?.stopPropagation();\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmPopoverStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.modalStyle = styles.modal;\n    o.contentStyle = {...styles.modalContent, ...this.state.position};\n    o.content = content;\n    o.isModal = this.state.props.autoclose !== 'disabled';\n    o.centered = true;\n    o.animation = this.state.props.contentanimation || 'slideInUp';\n    o.onClose = () => {\n      this.hide = () => {};\n      this.setState({ isOpened: false, isPartialLoaded: false, modalOptions: {} as ModalOptions });\n      this.invokeEventCallback('onHide', [null, this]);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmPopoverProps) {\n    let dimensions = {} as any;\n    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);\n    if (props.type === 'dropdown') {\n      if (props.popoverwidth) {\n        dimensions.width = props.popoverwidth;\n        styles.modalContent.width = props.popoverwidth;\n      }\n      if (props.popoverheight) {\n        dimensions.height = props.popoverheight;\n      }\n    }\n    return (\n      <View style={styles.root} onLayout={this.computePosition} ref={ref => {this.view = ref as View}}>\n        {this._background}\n        <WmAnchor\n          animation={props.animation}\n          caption={props.caption}\n          badgevalue={props.badgevalue}\n          iconclass={props.iconclass}\n          iconposition={props.iconposition}\n          styles={styles.link}\n          onTap={this.showPopover}></WmAnchor>\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                  <ScrollView style={this.theme.mergeStyle(styles.popover, dimensions)}>\n                    {props.title ? (<Text style={styles.title}>{props.title}</Text>): null}\n                    <TouchableOpacity activeOpacity={1} onPress={() => {\n                      props.autoclose === 'always' && this.hide()\n                    }} style={styles.popoverContent.root}>\n                      <WmContainer\n                        styles={styles.popoverContent}\n                        onLoad={() => this.invokeEventCallback('onLoad', [this])}\n                        renderPartial={props.renderPartial}>\n                          {props.renderPartial ? null : props.children}\n                      </WmContainer>\n                    </TouchableOpacity>\n                  </ScrollView>\n              ), styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/navigation/popover/popover.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmPopoverProps","constructor","arguments","_defineProperty"],"sources":["popover.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmPopoverProps extends BaseProps {\n  animation?: string = null as any;\n  badgevalue? = null as any;\n  caption? = 'Link';\n  contentanimation?: string = null as any;\n  iconclass? = null as any;\n  iconposition? = 'left' as any;\n  popoverwidth?: string | number | null = 240;\n  popoverheight?: string | number | null = 360;\n  autoclose?: 'outsideClick' | 'disabled' | 'always' = 'outsideClick';\n  children? = [] as any;\n  renderPartial?: Function = null as any;\n  title?: string = null as any;\n  type?: 'action-sheet' | 'dropdown' = 'action-sheet';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,qBACX,IAAI;IAAAA,eAAA,kBACP,MAAM;IAAAA,eAAA,2BACW,IAAI;IAAAA,eAAA,oBACnB,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,uBACkB,GAAG;IAAAA,eAAA,wBACF,GAAG;IAAAA,eAAA,oBACS,cAAc;IAAAA,eAAA,mBACvD,EAAE;IAAAA,eAAA,wBACa,IAAI;IAAAA,eAAA,gBACd,IAAI;IAAAA,eAAA,eACgB,cAAc;EAAA;AACrD"}
+{"version":3,"names":["BaseProps","WmPopoverProps","constructor","arguments","_defineProperty"],"sources":["popover.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport React from 'react';\n\nexport default class WmPopoverProps extends BaseProps {\n  animation?: string = null as any;\n  badgevalue? = null as any;\n  caption? = 'Link';\n  contentanimation?: string = null as any;\n  iconclass? = null as any;\n  iconposition? = 'left' as any;\n  popoverwidth?: string | number | null = 240;\n  popoverheight?: string | number | null = 360;\n  autoclose?: 'outsideClick' | 'disabled' | 'always' = 'outsideClick';\n  children? = [] as any;\n  renderPartial?: ()  => React.ReactNode = null as any;\n  title?: string = null as any;\n  type?: 'action-sheet' | 'dropdown' = 'action-sheet';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,cAAc,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAC/B,IAAI;IAAAA,eAAA,qBACX,IAAI;IAAAA,eAAA,kBACP,MAAM;IAAAA,eAAA,2BACW,IAAI;IAAAA,eAAA,oBACnB,IAAI;IAAAA,eAAA,uBACD,MAAM;IAAAA,eAAA,uBACkB,GAAG;IAAAA,eAAA,wBACF,GAAG;IAAAA,eAAA,oBACS,cAAc;IAAAA,eAAA,mBACvD,EAAE;IAAAA,eAAA,wBAC2B,IAAI;IAAAA,eAAA,gBAC5B,IAAI;IAAAA,eAAA,eACgB,cAAc;EAAA;AACrD"}

app-rn-runtime/components/page/left-panel/left-panel.component.js

@@ -28,7 +28,7 @@ export default class WmLeftPanel extends BaseComponent {
           });
         });
       }
-      return props.renderPartial(props, this.onPartialLoad.bind(this));
+      return props.renderPartial(this.onPartialLoad.bind(this));
     }
     return props.children;
   }

app-rn-runtime/components/page/left-panel/left-panel.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","BaseComponent","BaseComponentState","WmLeftPanelProps","DEFAULT_CLASS","ScrollView","WmLeftPanelState","constructor","arguments","_defineProperty","WmLeftPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","createElement","contentContainerStyle","styles","root","_background"],"sources":["left-panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLeftPanelProps from './left-panel.props';\nimport { DEFAULT_CLASS, WmLeftPanelStyles } from './left-panel.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nexport class WmLeftPanelState extends BaseComponentState<WmLeftPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmLeftPanel extends BaseComponent<WmLeftPanelProps, WmLeftPanelState, WmLeftPanelStyles> {\n\n  constructor(props: WmLeftPanelProps) {\n    super(props, DEFAULT_CLASS, new WmLeftPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmLeftPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmLeftPanelState);\n        });\n      }\n      return props.renderPartial(props, this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmLeftPanelProps) {\n    return (\n      <ScrollView contentContainerStyle={this.styles.root}>\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SAASC,UAAU,QAAQ,8BAA8B;AAEzD,OAAO,MAAMC,gBAAgB,SAASJ,kBAAkB,CAAmB;EAAAK,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACvD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAAST,aAAa,CAAwD;EAE5GM,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAS,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACH,KAAuB,EAAE;IACrC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAqB,CAAC;QACxB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAACJ,KAAK,EAAE,IAAI,CAACC,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAClE;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAYA,CAACX,KAAuB,EAAE;IACpC,oBACEX,KAAA,CAAAuB,aAAA,CAAClB,UAAU;MAACmB,qBAAqB,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GACjD,IAAI,CAACC,WAAW,EAChB,IAAI,CAACb,aAAa,CAACH,KAAK,CACf,CAAC;EAEjB;AACF"}
+{"version":3,"names":["React","BaseComponent","BaseComponentState","WmLeftPanelProps","DEFAULT_CLASS","ScrollView","WmLeftPanelState","constructor","arguments","_defineProperty","WmLeftPanel","props","onPartialLoad","invokeEventCallback","renderContent","renderPartial","state","isPartialLoaded","setTimeout","updateState","bind","children","renderWidget","createElement","contentContainerStyle","styles","root","_background"],"sources":["left-panel.component.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmLeftPanelProps from './left-panel.props';\nimport { DEFAULT_CLASS, WmLeftPanelStyles } from './left-panel.styles';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nexport class WmLeftPanelState extends BaseComponentState<WmLeftPanelProps> {\n  isPartialLoaded = false;\n}\n\nexport default class WmLeftPanel extends BaseComponent<WmLeftPanelProps, WmLeftPanelState, WmLeftPanelStyles> {\n\n  constructor(props: WmLeftPanelProps) {\n    super(props, DEFAULT_CLASS, new WmLeftPanelProps());\n  }\n\n  onPartialLoad() {\n    this.invokeEventCallback('onLoad', [null, this]);\n  }\n\n  renderContent(props: WmLeftPanelProps) {\n    if (props.renderPartial) {\n      if (!this.state.isPartialLoaded) {\n        setTimeout(() => {\n          this.updateState({\n            isPartialLoaded: true\n          } as WmLeftPanelState);\n        });\n      }\n      return props.renderPartial(this.onPartialLoad.bind(this));\n    }\n    return props.children;\n  }\n\n  renderWidget(props: WmLeftPanelProps) {\n    return (\n      <ScrollView contentContainerStyle={this.styles.root}>\n        {this._background}\n        {this.renderContent(props)}\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,aAAa,QAA2B,qBAAqB;AACtE,SAASC,UAAU,QAAQ,8BAA8B;AAEzD,OAAO,MAAMC,gBAAgB,SAASJ,kBAAkB,CAAmB;EAAAK,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,0BACvD,KAAK;EAAA;AACzB;AAEA,eAAe,MAAMC,WAAW,SAAST,aAAa,CAAwD;EAE5GM,WAAWA,CAACI,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEP,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAS,aAAaA,CAAA,EAAG;IACd,IAAI,CAACC,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAC,aAAaA,CAACH,KAAuB,EAAE;IACrC,IAAIA,KAAK,CAACI,aAAa,EAAE;MACvB,IAAI,CAAC,IAAI,CAACC,KAAK,CAACC,eAAe,EAAE;QAC/BC,UAAU,CAAC,MAAM;UACf,IAAI,CAACC,WAAW,CAAC;YACfF,eAAe,EAAE;UACnB,CAAqB,CAAC;QACxB,CAAC,CAAC;MACJ;MACA,OAAON,KAAK,CAACI,aAAa,CAAC,IAAI,CAACH,aAAa,CAACQ,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D;IACA,OAAOT,KAAK,CAACU,QAAQ;EACvB;EAEAC,YAAYA,CAACX,KAAuB,EAAE;IACpC,oBACEX,KAAA,CAAAuB,aAAA,CAAClB,UAAU;MAACmB,qBAAqB,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GACjD,IAAI,CAACC,WAAW,EAChB,IAAI,CAACb,aAAa,CAACH,KAAK,CACf,CAAC;EAEjB;AACF"}

app-rn-runtime/components/page/tabbar/tabbar.styles.js

@@ -74,27 +74,5 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     activeTabLabel: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle(DEFAULT_CLASS + '-1', '', {
-    root: {
-      height: undefined
-    },
-    tabItem: {
-      justifyContent: 'space-between'
-    },
-    activeTabItem: {
-      borderTopWidth: 4,
-      borderTopColor: themeVariables.tabbarIconColor
-    },
-    tabIcon: {
-      root: {
-        paddingTop: 8,
-        paddingBottom: 8,
-        borderBottomWidth: 0
-      }
-    },
-    tabLabel: {
-      marginTop: 0
-    }
-  });
 });
 //# sourceMappingURL=tabbar.styles.js.map

app-rn-runtime/components/page/tabbar/tabbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","text","menu","flexDirection","backgroundColor","tabbarBackgroundColor","justifyContent","alignItems","modalContent","moreMenu","width","getStyle","shadowOffset","shadowOpacity","shadowRadius","moreMenuRow","paddingTop","paddingBottom","tabItem","minWidth","opacity","activeTabItem","tabIcon","alignSelf","borderBottomColor","transparent","borderBottomWidth","icon","fontSize","color","tabbarIconColor","activeTabIcon","tabLabel","fontWeight","textAlign","fontFamily","baseFont","marginTop","activeTabLabel","undefined","borderTopWidth","borderTopColor"],"sources":["tabbar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmTabbarStyles = BaseStyles & {\n    menu: AllStyle,\n    modalContent: AllStyle,\n    moreMenu: AllStyle,\n    moreMenuRow: AllStyle,\n    tabItem: AllStyle,\n    activeTabItem: AllStyle,\n    tabIcon: WmIconStyles,\n    activeTabIcon: WmIconStyles,\n    tabLabel: AllStyle,\n    activeTabLabel: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-tabbar';\n    BASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmTabbarStyles = defineStyles<WmTabbarStyles>({\n        root: {\n            height: 88\n        },\n        text: {},\n        menu: {\n            height: '100%',\n            flexDirection: 'row',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            justifyContent: 'space-around',\n            alignItems: 'flex-end',\n        },\n        modalContent: {},\n        moreMenu: {\n            width: '100%',\n            flexDirection: 'column-reverse',\n            justifyContent: 'flex-end',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowOffset: {\n                width: 0,\n                height: -6\n            },\n            shadowOpacity: 0.3,\n            shadowRadius: 6\n        },\n        moreMenuRow: {\n            flexDirection: 'row-reverse',\n            justifyContent: 'space-around',\n            width: '100%',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        tabItem: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            minWidth: 60,\n            opacity: 0.4\n        },\n        activeTabItem: {\n            opacity: 1\n        },\n        tabIcon: {\n            root: {\n                alignSelf: 'center',\n                paddingBottom: 32,\n                borderBottomColor: themeVariables.transparent,\n                borderBottomWidth: 4\n            },\n            icon: {\n                fontSize: 36,\n                color:  themeVariables.tabbarIconColor\n            }\n        } as WmIconStyles,\n        activeTabIcon: {\n            root: {\n                borderBottomColor: themeVariables.tabbarIconColor,\n            }\n        } as WmIconStyles,\n        tabLabel: {\n            fontSize: 14,\n            fontWeight: '500',\n            color:  themeVariables.tabbarIconColor,\n            textAlign: 'center',\n            fontFamily: themeVariables.baseFont,\n            marginTop: -32,\n            paddingBottom: 14\n        },\n        activeTabLabel: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS+ '-1', '', {\n        root: {\n            height: undefined\n        },\n        tabItem: {\n            justifyContent: 'space-between' \n        },\n        activeTabItem: {\n            borderTopWidth: 4,\n            borderTopColor: themeVariables.tabbarIconColor\n        },\n        tabIcon: {\n            root: {\n                paddingTop: 8,\n                paddingBottom: 8,\n                borderBottomWidth: 0\n            }\n        },\n        tabLabel: {\n            marginTop: 0\n        }\n    } as WmTabbarStyles);\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","text","menu","flexDirection","backgroundColor","tabbarBackgroundColor","justifyContent","alignItems","modalContent","moreMenu","width","getStyle","shadowOffset","shadowOpacity","shadowRadius","moreMenuRow","paddingTop","paddingBottom","tabItem","minWidth","opacity","activeTabItem","tabIcon","alignSelf","borderBottomColor","transparent","borderBottomWidth","icon","fontSize","color","tabbarIconColor","activeTabIcon","tabLabel","fontWeight","textAlign","fontFamily","baseFont","marginTop","activeTabLabel"],"sources":["tabbar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmTabbarStyles = BaseStyles & {\n    menu: AllStyle,\n    modalContent: AllStyle,\n    moreMenu: AllStyle,\n    moreMenuRow: AllStyle,\n    tabItem: AllStyle,\n    activeTabItem: AllStyle,\n    tabIcon: WmIconStyles,\n    activeTabIcon: WmIconStyles,\n    tabLabel: AllStyle,\n    activeTabLabel: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-tabbar';\n    BASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmTabbarStyles = defineStyles<WmTabbarStyles>({\n        root: {\n            height: 88\n        },\n        text: {},\n        menu: {\n            height: '100%',\n            flexDirection: 'row',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            justifyContent: 'space-around',\n            alignItems: 'flex-end',\n        },\n        modalContent: {},\n        moreMenu: {\n            width: '100%',\n            flexDirection: 'column-reverse',\n            justifyContent: 'flex-end',\n            backgroundColor: themeVariables.tabbarBackgroundColor,\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowOffset: {\n                width: 0,\n                height: -6\n            },\n            shadowOpacity: 0.3,\n            shadowRadius: 6\n        },\n        moreMenuRow: {\n            flexDirection: 'row-reverse',\n            justifyContent: 'space-around',\n            width: '100%',\n            paddingTop: 4,\n            paddingBottom: 4\n        },\n        tabItem: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            minWidth: 60,\n            opacity: 0.4\n        },\n        activeTabItem: {\n            opacity: 1\n        },\n        tabIcon: {\n            root: {\n                alignSelf: 'center',\n                paddingBottom: 32,\n                borderBottomColor: themeVariables.transparent,\n                borderBottomWidth: 4\n            },\n            icon: {\n                fontSize: 36,\n                color:  themeVariables.tabbarIconColor\n            }\n        } as WmIconStyles,\n        activeTabIcon: {\n            root: {\n                borderBottomColor: themeVariables.tabbarIconColor,\n            }\n        } as WmIconStyles,\n        tabLabel: {\n            fontSize: 14,\n            fontWeight: '500',\n            color:  themeVariables.tabbarIconColor,\n            textAlign: 'center',\n            fontFamily: themeVariables.baseFont,\n            marginTop: -32,\n            paddingBottom: 14\n        },\n        activeTabLabel: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAgBxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACrCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACvD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACFC,MAAM,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACFF,MAAM,EAAE,MAAM;MACdG,aAAa,EAAE,KAAK;MACpBC,eAAe,EAAER,cAAc,CAACS,qBAAqB;MACrDC,cAAc,EAAE,cAAc;MAC9BC,UAAU,EAAE;IAChB,CAAC;IACDC,YAAY,EAAE,CAAC,CAAC;IAChBC,QAAQ,EAAE;MACNC,KAAK,EAAE,MAAM;MACbP,aAAa,EAAE,gBAAgB;MAC/BG,cAAc,EAAE,UAAU;MAC1BF,eAAe,EAAER,cAAc,CAACS,qBAAqB;MACrD,GAAGb,UAAU,CAACmB,QAAQ,CAAC,UAAU,CAAC,CAACZ,IAAI;MACvCa,YAAY,EAAE;QACVF,KAAK,EAAE,CAAC;QACRV,MAAM,EAAE,CAAC;MACb,CAAC;MACDa,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE;IAClB,CAAC;IACDC,WAAW,EAAE;MACTZ,aAAa,EAAE,aAAa;MAC5BG,cAAc,EAAE,cAAc;MAC9BI,KAAK,EAAE,MAAM;MACbM,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE;IACnB,CAAC;IACDC,OAAO,EAAE;MACLf,aAAa,EAAE,QAAQ;MACvBG,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBY,QAAQ,EAAE,EAAE;MACZC,OAAO,EAAE;IACb,CAAC;IACDC,aAAa,EAAE;MACXD,OAAO,EAAE;IACb,CAAC;IACDE,OAAO,EAAE;MACLvB,IAAI,EAAE;QACFwB,SAAS,EAAE,QAAQ;QACnBN,aAAa,EAAE,EAAE;QACjBO,iBAAiB,EAAE5B,cAAc,CAAC6B,WAAW;QAC7CC,iBAAiB,EAAE;MACvB,CAAC;MACDC,IAAI,EAAE;QACFC,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAGjC,cAAc,CAACkC;MAC3B;IACJ,CAAiB;IACjBC,aAAa,EAAE;MACXhC,IAAI,EAAE;QACFyB,iBAAiB,EAAE5B,cAAc,CAACkC;MACtC;IACJ,CAAiB;IACjBE,QAAQ,EAAE;MACNJ,QAAQ,EAAE,EAAE;MACZK,UAAU,EAAE,KAAK;MACjBJ,KAAK,EAAGjC,cAAc,CAACkC,eAAe;MACtCI,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAEvC,cAAc,CAACwC,QAAQ;MACnCC,SAAS,EAAE,CAAC,EAAE;MACdpB,aAAa,EAAE;IACnB,CAAC;IACDqB,cAAc,EAAE,CAAC;EACrB,CAAC,CAAC;EAEFzC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

app-rn-runtime/core/imageSizeEstimator.js

@@ -29,10 +29,6 @@ class ImageSizeEstimator {
     }, () => this.requests.delete(imgSrc));
   }
   getSize(imgSrc, onComplete) {
-    if (!imgSrc) {
-      setTimeout(() => onComplete(0, 0), 100);
-      return () => {};
-    }
     const requestId = imgSrc;
     const request = this.createRequest(requestId, onComplete);
     if (this.requests.has(requestId)) {

app-rn-runtime/core/imageSizeEstimator.js.map

@@ -1 +1 @@
-{"version":3,"names":["remove","Image","ImageSizeEstimator","constructor","_defineProperty","Map","createRequest","requestId","onComplete","request","cancel","requests","has","get","getImageSize","imgSrc","getSize","width","height","reqs","map","req","delete","setTimeout","_this$requests$get","push","reqQueue","set"],"sources":["imageSizeEstimator.ts"],"sourcesContent":["import { remove } from \"lodash-es\";\nimport { Image } from \"react-native\";\n\ninterface Request {\n    onComplete: (width: number, height: number) => void\n    cancel : () => void\n}\n\nclass ImageSizeEstimator {\n    requestId = 1;\n  \n    requests: Map<String, Request[]> = new Map<string, Request[]>();\n\n    private createRequest(requestId: string, onComplete: (width: number, height: number) => void) {\n      const request = {} as Request;\n      request.onComplete = onComplete,\n      request.cancel = () => {\n          if (this.requests.has(requestId)) {\n            remove(this.requests.get(requestId) || [], request);\n          }\n      };\n      return request;\n    }\n\n    private getImageSize(imgSrc: string) {\n      Image.getSize(imgSrc, (width: number, height: number) => {\n        const reqs = this.requests.get(imgSrc);\n        if (reqs) {\n          reqs.map(req => {\n            req.onComplete && req.onComplete(width, height);\n          });\n          this.requests.delete(imgSrc);\n        }\n      }, () => this.requests.delete(imgSrc));\n    }\n  \n    getSize(imgSrc: string, onComplete: (width: number, height: number) => void) {\n      if (!imgSrc) {\n        setTimeout(() => onComplete(0, 0), 100);\n        return () => {};\n      }\n      const requestId = imgSrc;\n      const request = this.createRequest(requestId, onComplete);\n      if (this.requests.has(requestId)) {\n        this.requests.get(requestId)?.push(request);\n      } else {\n        const reqQueue = [] as Request[];\n        this.requests.set(requestId, reqQueue);\n        reqQueue.push(request)\n        this.getImageSize(requestId);\n      }\n      return request.cancel;\n    }\n  }\n  \nexport default new ImageSizeEstimator();"],"mappings":";;;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,cAAc;AAOpC,MAAMC,kBAAkB,CAAC;EAAAC,YAAA;IAAAC,eAAA,oBACT,CAAC;IAAAA,eAAA,mBAEsB,IAAIC,GAAG,CAAoB,CAAC;EAAA;EAEvDC,aAAaA,CAACC,SAAiB,EAAEC,UAAmD,EAAE;IAC5F,MAAMC,OAAO,GAAG,CAAC,CAAY;IAC7BA,OAAO,CAACD,UAAU,GAAGA,UAAU,EAC/BC,OAAO,CAACC,MAAM,GAAG,MAAM;MACnB,IAAI,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;QAChCP,MAAM,CAAC,IAAI,CAACW,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,IAAI,EAAE,EAAEE,OAAO,CAAC;MACrD;IACJ,CAAC;IACD,OAAOA,OAAO;EAChB;EAEQK,YAAYA,CAACC,MAAc,EAAE;IACnCd,KAAK,CAACe,OAAO,CAACD,MAAM,EAAE,CAACE,KAAa,EAAEC,MAAc,KAAK;MACvD,MAAMC,IAAI,GAAG,IAAI,CAACR,QAAQ,CAACE,GAAG,CAACE,MAAM,CAAC;MACtC,IAAII,IAAI,EAAE;QACRA,IAAI,CAACC,GAAG,CAACC,GAAG,IAAI;UACdA,GAAG,CAACb,UAAU,IAAIa,GAAG,CAACb,UAAU,CAACS,KAAK,EAAEC,MAAM,CAAC;QACjD,CAAC,CAAC;QACF,IAAI,CAACP,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC;MAC9B;IACF,CAAC,EAAE,MAAM,IAAI,CAACJ,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC,CAAC;EACxC;EAEAC,OAAOA,CAACD,MAAc,EAAEP,UAAmD,EAAE;IAC3E,IAAI,CAACO,MAAM,EAAE;MACXQ,UAAU,CAAC,MAAMf,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;MACvC,OAAO,MAAM,CAAC,CAAC;IACjB;IACA,MAAMD,SAAS,GAAGQ,MAAM;IACxB,MAAMN,OAAO,GAAG,IAAI,CAACH,aAAa,CAACC,SAAS,EAAEC,UAAU,CAAC;IACzD,IAAI,IAAI,CAACG,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;MAAA,IAAAiB,kBAAA;MAChC,CAAAA,kBAAA,OAAI,CAACb,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,cAAAiB,kBAAA,uBAA5BA,kBAAA,CAA8BC,IAAI,CAAChB,OAAO,CAAC;IAC7C,CAAC,MAAM;MACL,MAAMiB,QAAQ,GAAG,EAAe;MAChC,IAAI,CAACf,QAAQ,CAACgB,GAAG,CAACpB,SAAS,EAAEmB,QAAQ,CAAC;MACtCA,QAAQ,CAACD,IAAI,CAAChB,OAAO,CAAC;MACtB,IAAI,CAACK,YAAY,CAACP,SAAS,CAAC;IAC9B;IACA,OAAOE,OAAO,CAACC,MAAM;EACvB;AACF;AAEF,eAAe,IAAIR,kBAAkB,CAAC,CAAC"}
+{"version":3,"names":["remove","Image","ImageSizeEstimator","constructor","_defineProperty","Map","createRequest","requestId","onComplete","request","cancel","requests","has","get","getImageSize","imgSrc","getSize","width","height","reqs","map","req","delete","_this$requests$get","push","reqQueue","set"],"sources":["imageSizeEstimator.ts"],"sourcesContent":["import { remove } from \"lodash-es\";\nimport { Image } from \"react-native\";\n\ninterface Request {\n    onComplete: (width: number, height: number) => void\n    cancel : () => void\n}\n\nclass ImageSizeEstimator {\n    requestId = 1;\n  \n    requests: Map<String, Request[]> = new Map<string, Request[]>();\n\n    private createRequest(requestId: string, onComplete: (width: number, height: number) => void) {\n      const request = {} as Request;\n      request.onComplete = onComplete,\n      request.cancel = () => {\n          if (this.requests.has(requestId)) {\n            remove(this.requests.get(requestId) || [], request);\n          }\n      };\n      return request;\n    }\n\n    private getImageSize(imgSrc: string) {\n      Image.getSize(imgSrc, (width: number, height: number) => {\n        const reqs = this.requests.get(imgSrc);\n        if (reqs) {\n          reqs.map(req => {\n            req.onComplete && req.onComplete(width, height);\n          });\n          this.requests.delete(imgSrc);\n        }\n      }, () => this.requests.delete(imgSrc));\n    }\n  \n    getSize(imgSrc: string, onComplete: (width: number, height: number) => void) {\n      const requestId = imgSrc;\n      const request = this.createRequest(requestId, onComplete);\n      if (this.requests.has(requestId)) {\n        this.requests.get(requestId)?.push(request);\n      } else {\n        const reqQueue = [] as Request[];\n        this.requests.set(requestId, reqQueue);\n        reqQueue.push(request)\n        this.getImageSize(requestId);\n      }\n      return request.cancel;\n    }\n  }\n  \nexport default new ImageSizeEstimator();"],"mappings":";;;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,cAAc;AAOpC,MAAMC,kBAAkB,CAAC;EAAAC,YAAA;IAAAC,eAAA,oBACT,CAAC;IAAAA,eAAA,mBAEsB,IAAIC,GAAG,CAAoB,CAAC;EAAA;EAEvDC,aAAaA,CAACC,SAAiB,EAAEC,UAAmD,EAAE;IAC5F,MAAMC,OAAO,GAAG,CAAC,CAAY;IAC7BA,OAAO,CAACD,UAAU,GAAGA,UAAU,EAC/BC,OAAO,CAACC,MAAM,GAAG,MAAM;MACnB,IAAI,IAAI,CAACC,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;QAChCP,MAAM,CAAC,IAAI,CAACW,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,IAAI,EAAE,EAAEE,OAAO,CAAC;MACrD;IACJ,CAAC;IACD,OAAOA,OAAO;EAChB;EAEQK,YAAYA,CAACC,MAAc,EAAE;IACnCd,KAAK,CAACe,OAAO,CAACD,MAAM,EAAE,CAACE,KAAa,EAAEC,MAAc,KAAK;MACvD,MAAMC,IAAI,GAAG,IAAI,CAACR,QAAQ,CAACE,GAAG,CAACE,MAAM,CAAC;MACtC,IAAII,IAAI,EAAE;QACRA,IAAI,CAACC,GAAG,CAACC,GAAG,IAAI;UACdA,GAAG,CAACb,UAAU,IAAIa,GAAG,CAACb,UAAU,CAACS,KAAK,EAAEC,MAAM,CAAC;QACjD,CAAC,CAAC;QACF,IAAI,CAACP,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC;MAC9B;IACF,CAAC,EAAE,MAAM,IAAI,CAACJ,QAAQ,CAACW,MAAM,CAACP,MAAM,CAAC,CAAC;EACxC;EAEAC,OAAOA,CAACD,MAAc,EAAEP,UAAmD,EAAE;IAC3E,MAAMD,SAAS,GAAGQ,MAAM;IACxB,MAAMN,OAAO,GAAG,IAAI,CAACH,aAAa,CAACC,SAAS,EAAEC,UAAU,CAAC;IACzD,IAAI,IAAI,CAACG,QAAQ,CAACC,GAAG,CAACL,SAAS,CAAC,EAAE;MAAA,IAAAgB,kBAAA;MAChC,CAAAA,kBAAA,OAAI,CAACZ,QAAQ,CAACE,GAAG,CAACN,SAAS,CAAC,cAAAgB,kBAAA,uBAA5BA,kBAAA,CAA8BC,IAAI,CAACf,OAAO,CAAC;IAC7C,CAAC,MAAM;MACL,MAAMgB,QAAQ,GAAG,EAAe;MAChC,IAAI,CAACd,QAAQ,CAACe,GAAG,CAACnB,SAAS,EAAEkB,QAAQ,CAAC;MACtCA,QAAQ,CAACD,IAAI,CAACf,OAAO,CAAC;MACtB,IAAI,CAACK,YAAY,CAACP,SAAS,CAAC;IAC9B;IACA,OAAOE,OAAO,CAACC,MAAM;EACvB;AACF;AAEF,eAAe,IAAIR,kBAAkB,CAAC,CAAC"}

app-rn-runtime/gestures/swipe.animation.js

@@ -13,7 +13,6 @@ export class Handlers {
     _defineProperty(this, "onAnimation", () => {});
     _defineProperty(this, "onLower", () => {});
     _defineProperty(this, "onUpper", () => {});
-    _defineProperty(this, "computePhase", null);
   }
 }
 export class Props {
@@ -38,7 +37,6 @@ export class View extends React.Component {
     super(props);
     _defineProperty(this, "gesture", Gesture.Pan());
     _defineProperty(this, "position", new Animated.Value(0));
-    _defineProperty(this, "animationPhase", new Animated.Value(0));
     _defineProperty(this, "i18nService", injector.I18nService.get());
     this.state = {
       isHorizontal: props.direction === 'horizontal',
@@ -48,15 +46,7 @@ export class View extends React.Component {
     this.gesture.maxPointers(1).minDistance(this.state.threshold).enabled(this.props.enableGestures && !isWebPreviewMode()).onChange(e => {
       var _this$props$handlers, _this$props$handlers2;
       const bounds = ((_this$props$handlers = this.props.handlers) === null || _this$props$handlers === void 0 ? void 0 : _this$props$handlers.bounds) && ((_this$props$handlers2 = this.props.handlers) === null || _this$props$handlers2 === void 0 ? void 0 : _this$props$handlers2.bounds(e)) || {};
-      const d = this.state.isHorizontal ? e.translationX : e.translationY;
-      let phase = this.computePhase((bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0);
-      if (d && d < 0 && !isNil(bounds.center) && !isNil(bounds.lower) && bounds.center !== bounds.lower) {
-        phase += d / (bounds.center - bounds.lower) || 0;
-      } else if (d && d > 0 && !isNil(bounds.center) && !isNil(bounds.upper) && bounds.center !== bounds.upper) {
-        phase += d / (bounds.upper - bounds.center) || 0;
-      }
-      this.animationPhase.setValue(phase);
-      this.position.setValue((this.isRTL() ? -(bounds === null || bounds === void 0 ? void 0 : bounds.center) : (bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0) + d);
+      this.position.setValue((this.isRTL() ? -(bounds === null || bounds === void 0 ? void 0 : bounds.center) : (bounds === null || bounds === void 0 ? void 0 : bounds.center) || 0) + (this.state.isHorizontal ? e.translationX : e.translationY));
     }).onEnd(e => {
       var _this$props$handlers3, _this$props$handlers4;
       ((_this$props$handlers3 = this.props.handlers) === null || _this$props$handlers3 === void 0 ? void 0 : _this$props$handlers3.onAnimation) && ((_this$props$handlers4 = this.props.handlers) === null || _this$props$handlers4 === void 0 ? void 0 : _this$props$handlers4.onAnimation(e));
@@ -67,31 +57,23 @@ export class View extends React.Component {
       }
     });
   }
-  computePhase(value) {
-    var _this$props$handlers5, _this$props$handlers6;
-    return ((_this$props$handlers5 = this.props.handlers) === null || _this$props$handlers5 === void 0 ? void 0 : _this$props$handlers5.computePhase) && ((_this$props$handlers6 = this.props.handlers) === null || _this$props$handlers6 === void 0 ? void 0 : _this$props$handlers6.computePhase(value)) || 0;
-  }
   isRTL() {
     return this.i18nService.isRTLLocale();
   }
   goToLower(e) {
-    var _this$props$handlers7, _this$props$handlers8;
-    const bounds = ((_this$props$handlers7 = this.props.handlers) === null || _this$props$handlers7 === void 0 ? void 0 : _this$props$handlers7.bounds) && ((_this$props$handlers8 = this.props.handlers) === null || _this$props$handlers8 === void 0 ? void 0 : _this$props$handlers8.bounds(e)) || {};
+    var _this$props$handlers5, _this$props$handlers6;
+    const bounds = ((_this$props$handlers5 = this.props.handlers) === null || _this$props$handlers5 === void 0 ? void 0 : _this$props$handlers5.bounds) && ((_this$props$handlers6 = this.props.handlers) === null || _this$props$handlers6 === void 0 ? void 0 : _this$props$handlers6.bounds(e)) || {};
     this.setPosition(bounds.lower).then(() => {
-      if (!isNil(bounds.lower) && bounds.center !== bounds.lower) {
-        var _this$props$handlers9, _this$props$handlers10;
-        ((_this$props$handlers9 = this.props.handlers) === null || _this$props$handlers9 === void 0 ? void 0 : _this$props$handlers9.onLower) && ((_this$props$handlers10 = this.props.handlers) === null || _this$props$handlers10 === void 0 ? void 0 : _this$props$handlers10.onLower(e));
-      }
+      var _this$props$handlers7, _this$props$handlers8;
+      ((_this$props$handlers7 = this.props.handlers) === null || _this$props$handlers7 === void 0 ? void 0 : _this$props$handlers7.onLower) && ((_this$props$handlers8 = this.props.handlers) === null || _this$props$handlers8 === void 0 ? void 0 : _this$props$handlers8.onLower(e));
     });
   }
   goToUpper(e) {
-    var _this$props$handlers11, _this$props$handlers12;
-    const bounds = ((_this$props$handlers11 = this.props.handlers) === null || _this$props$handlers11 === void 0 ? void 0 : _this$props$handlers11.bounds) && ((_this$props$handlers12 = this.props.handlers) === null || _this$props$handlers12 === void 0 ? void 0 : _this$props$handlers12.bounds(e)) || {};
+    var _this$props$handlers9, _this$props$handlers10;
+    const bounds = ((_this$props$handlers9 = this.props.handlers) === null || _this$props$handlers9 === void 0 ? void 0 : _this$props$handlers9.bounds) && ((_this$props$handlers10 = this.props.handlers) === null || _this$props$handlers10 === void 0 ? void 0 : _this$props$handlers10.bounds(e)) || {};
     this.setPosition(bounds.upper).then(() => {
-      if (!isNil(bounds.upper) && bounds.center !== bounds.upper) {
-        var _this$props$handlers13, _this$props$handlers14;
-        ((_this$props$handlers13 = this.props.handlers) === null || _this$props$handlers13 === void 0 ? void 0 : _this$props$handlers13.onUpper) && ((_this$props$handlers14 = this.props.handlers) === null || _this$props$handlers14 === void 0 ? void 0 : _this$props$handlers14.onUpper(e));
-      }
+      var _this$props$handlers11, _this$props$handlers12;
+      ((_this$props$handlers11 = this.props.handlers) === null || _this$props$handlers11 === void 0 ? void 0 : _this$props$handlers11.onUpper) && ((_this$props$handlers12 = this.props.handlers) === null || _this$props$handlers12 === void 0 ? void 0 : _this$props$handlers12.onUpper(e));
     });
   }
   setPosition(value) {
@@ -99,17 +81,12 @@ export class View extends React.Component {
       return Promise.reject();
     }
     return new Promise(resolve => {
-      Animated.parallel([Animated.timing(this.animationPhase, {
-        useNativeDriver: true,
-        toValue: this.computePhase(value),
-        duration: 200,
-        easing: Easing.out(Easing.linear)
-      }), Animated.timing(this.position, {
+      Animated.timing(this.position, {
         useNativeDriver: true,
         toValue: this.isRTL() ? -value : value,
         duration: 200,
         easing: Easing.out(Easing.linear)
-      })]).start(resolve);
+      }).start(resolve);
     });
   }
   render() {

app-rn-runtime/gestures/swipe.animation.js.map

@@ -1 +1 @@
-{"version":3,"names":["isNil","React","Animated","Easing","Gesture","GestureDetector","isWebPreviewMode","injector","Handlers","constructor","_defineProperty","Props","State","View","Component","props","Pan","Value","I18nService","get","state","isHorizontal","direction","threshold","bounds","gesture","maxPointers","minDistance","enabled","enableGestures","onChange","e","_this$props$handlers","_this$props$handlers2","handlers","d","translationX","translationY","phase","computePhase","center","lower","upper","animationPhase","setValue","position","isRTL","onEnd","_this$props$handlers3","_this$props$handlers4","onAnimation","goToLower","goToUpper","value","_this$props$handlers5","_this$props$handlers6","i18nService","isRTLLocale","_this$props$handlers7","_this$props$handlers8","setPosition","then","_this$props$handlers9","_this$props$handlers10","onLower","_this$props$handlers11","_this$props$handlers12","_this$props$handlers13","_this$props$handlers14","onUpper","Promise","reject","resolve","parallel","timing","useNativeDriver","toValue","duration","easing","out","linear","start","render","createElement","style","transform","translateX","translateY","children"],"sources":["swipe.animation.tsx"],"sourcesContent":["import { isNil } from 'lodash-es';\nimport React from  'react';\nimport { Animated, Easing, ViewStyle } from 'react-native';\nimport { Gesture, GestureDetector, GestureUpdateEvent } from 'react-native-gesture-handler';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport class Handlers {\n    bounds?: (g: GestureUpdateEvent<any>) => Bounds = null as any;\n    onAnimation?: (g: GestureUpdateEvent<any>) => any = () => {};\n    onLower?:  (g: GestureUpdateEvent<any>) => any = () => {};\n    onUpper?:  (g: GestureUpdateEvent<any>) => any = () => {};\n    computePhase?: (value: number) => number = null as any;\n}\n\nexport interface Bounds {\n    upper?: number;\n    center?: number;\n    lower?: number;\n}\n\nexport class Props {\n    threshold?: number = 30;\n    direction?: 'horizontal' | 'vertical' = 'horizontal';\n    handlers?: Handlers = {} as any;\n    style?: ViewStyle = {} as any;\n    children: any;\n    enableGestures: any;\n}\n\nexport class State {\n    threshold = 30;\n    isHorizontal = false;\n    bounds: Bounds = {} as any;\n}\n\nexport class View extends React.Component<Props, State> {\n\n    private gesture = Gesture.Pan();\n    private position = new Animated.Value(0);\n    public animationPhase = new Animated.Value(0);\n    private i18nService = injector.I18nService.get();\n\n    constructor(props: Props) {\n        super(props);\n        this.state = {\n            isHorizontal:  props.direction === 'horizontal',\n            threshold: props.threshold || 30,\n            bounds: {} as any\n        } as State;\n        this.gesture\n            .maxPointers(1)\n            .minDistance(this.state.threshold)\n            .enabled(this.props.enableGestures && !isWebPreviewMode())\n            .onChange(e => {\n                const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n                const d = (this.state.isHorizontal ? e.translationX : e.translationY);\n                let phase = this.computePhase(bounds?.center || 0);\n                if (d && d < 0 && !isNil(bounds.center) && !isNil(bounds.lower)\n                    && bounds.center !== bounds.lower) {\n                    phase += (d / (bounds.center - bounds.lower)) || 0;\n                } else if (d && d > 0 && !isNil(bounds.center) && !isNil(bounds.upper)\n                    && bounds.center !== bounds.upper) {\n                    phase += (d / (bounds.upper - bounds.center)) || 0;\n                }\n                this.animationPhase.setValue(phase);\n                this.position.setValue(\n                    (this.isRTL()?-bounds?.center! :bounds?.center || 0) + d);\n            })\n            .onEnd(e => {\n                this.props.handlers?.onAnimation && \n                this.props.handlers?.onAnimation(e);\n                if (e.translationX < 0) {\n                    this.isRTL()?this.goToLower(e):this.goToUpper(e);\n                } else if (e.translationX > 0) {\n                    this.isRTL()?this.goToUpper(e):this.goToLower(e);\n                }\n            })\n\n    }\n\n    computePhase(value: number) {\n        return (this.props.handlers?.computePhase && \n            this.props.handlers?.computePhase(value)) || 0;\n    }\n\n    isRTL(){\n        return this.i18nService.isRTLLocale();\n    }\n\n    goToLower(e?: any) {\n        const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n        this.setPosition(bounds.lower)\n            .then(() => {\n                if (!isNil(bounds.lower) && bounds.center !== bounds.lower) {\n                    this.props.handlers?.onLower && \n                    this.props.handlers?.onLower(e);\n                }\n            });\n    }\n\n    goToUpper(e?: any) {\n        const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n        this.setPosition(bounds.upper)\n            .then(() => {\n                if (!isNil(bounds.upper) && bounds.center !== bounds.upper) {\n                    this.props.handlers?.onUpper && \n                    this.props.handlers?.onUpper(e);\n                }\n            });\n    }\n    \n    setPosition(value: number | undefined) {\n        if (isNil(value)) {\n            return Promise.reject();\n        }\n        return new Promise((resolve) => {\n            Animated.parallel([\n                Animated.timing(this.animationPhase, {\n                    useNativeDriver: true,\n                    toValue:  this.computePhase(value),\n                    duration: 200,\n                    easing: Easing.out(Easing.linear)\n                }),\n                Animated.timing(this.position, {\n                    useNativeDriver: true,\n                    toValue:  this.isRTL()?-value:value,\n                    duration: 200,\n                    easing: Easing.out(Easing.linear)\n                })\n            ]).start(resolve);\n        });\n    }\n\n    public render() {\n        return (\n            //@ts-ignore\n            <GestureDetector gesture={this.gesture}>\n                <Animated.View style={[\n                    this.props.style, \n                    {\n                        transform: this.state.isHorizontal ? [{\n                            translateX: this.position\n                        }] : [{\n                            translateY: this.position\n                        }]\n                    }]}>\n                    {this.props.children}\n                </Animated.View>\n            </GestureDetector>\n        );\n    }\n\n}"],"mappings":"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"}
+{"version":3,"names":["isNil","React","Animated","Easing","Gesture","GestureDetector","isWebPreviewMode","injector","Handlers","constructor","_defineProperty","Props","State","View","Component","props","Pan","Value","I18nService","get","state","isHorizontal","direction","threshold","bounds","gesture","maxPointers","minDistance","enabled","enableGestures","onChange","e","_this$props$handlers","_this$props$handlers2","handlers","position","setValue","isRTL","center","translationX","translationY","onEnd","_this$props$handlers3","_this$props$handlers4","onAnimation","goToLower","goToUpper","i18nService","isRTLLocale","_this$props$handlers5","_this$props$handlers6","setPosition","lower","then","_this$props$handlers7","_this$props$handlers8","onLower","_this$props$handlers9","_this$props$handlers10","upper","_this$props$handlers11","_this$props$handlers12","onUpper","value","Promise","reject","resolve","timing","useNativeDriver","toValue","duration","easing","out","linear","start","render","createElement","style","transform","translateX","translateY","children"],"sources":["swipe.animation.tsx"],"sourcesContent":["import { isNil } from 'lodash-es';\nimport React from  'react';\nimport { Animated, Easing, ViewStyle, I18nManager, Platform } from 'react-native';\nimport { Gesture, GestureDetector, GestureUpdateEvent } from 'react-native-gesture-handler';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport class Handlers {\n    bounds?: (g: GestureUpdateEvent<any>) => Bounds = null as any;\n    onAnimation?: (g: GestureUpdateEvent<any>) => any = () => {};\n    onLower?:  (g: GestureUpdateEvent<any>) => any = () => {};\n    onUpper?:  (g: GestureUpdateEvent<any>) => any = () => {};\n}\n\nexport interface Bounds {\n    upper?: number;\n    center?: number;\n    lower?: number;\n}\n\nexport class Props {\n    threshold?: number = 30;\n    direction?: 'horizontal' | 'vertical' = 'horizontal';\n    handlers?: Handlers = {} as any;\n    style?: ViewStyle = {} as any;\n    children: any;\n    enableGestures: any;\n}\n\nexport class State {\n    threshold = 30;\n    isHorizontal = false;\n    bounds: Bounds = {} as any;\n}\n\nexport class View extends React.Component<Props, State> {\n\n    private gesture = Gesture.Pan();\n    private position = new Animated.Value(0);\n    private i18nService = injector.I18nService.get();\n\n    constructor(props: Props) {\n        super(props);\n        this.state = {\n            isHorizontal:  props.direction === 'horizontal',\n            threshold: props.threshold || 30,\n            bounds: {} as any\n        } as State;\n        this.gesture\n            .maxPointers(1)\n            .minDistance(this.state.threshold)\n            .enabled(this.props.enableGestures && !isWebPreviewMode())\n            .onChange(e => {\n                const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n                this.position.setValue(\n                    (this.isRTL()?-bounds?.center! :bounds?.center || 0) +\n                    (this.state.isHorizontal ? e.translationX : e.translationY));\n            })\n            .onEnd(e => {\n                this.props.handlers?.onAnimation && \n                this.props.handlers?.onAnimation(e);\n                if (e.translationX < 0) {\n                    this.isRTL()?this.goToLower(e):this.goToUpper(e);\n                } else if (e.translationX > 0) {\n                    this.isRTL()?this.goToUpper(e):this.goToLower(e);\n                }\n            })\n\n    }\n\n    isRTL(){\n        return this.i18nService.isRTLLocale();\n    }\n\n    goToLower(e?: any) {\n        const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n        this.setPosition(bounds.lower)\n            .then(() => {\n                this.props.handlers?.onLower && \n                this.props.handlers?.onLower(e);\n            });\n    }\n\n    goToUpper(e?: any) {\n        const bounds = (this.props.handlers?.bounds && this.props.handlers?.bounds(e)) || {};\n        this.setPosition(bounds.upper)\n            .then(() => {\n                this.props.handlers?.onUpper && \n                this.props.handlers?.onUpper(e);\n            });\n    }\n    \n    setPosition(value: number | undefined) {\n        if (isNil(value)) {\n            return Promise.reject();\n        }\n        return new Promise((resolve) => {\n            Animated.timing(this.position, {\n                useNativeDriver: true,\n                toValue:  this.isRTL()?-value:value,\n                duration: 200,\n                easing: Easing.out(Easing.linear)\n            }).start(resolve);\n        });\n    }\n\n    public render() {\n        return (\n            //@ts-ignore\n            <GestureDetector gesture={this.gesture}>\n                <Animated.View style={[\n                    this.props.style, \n                    {\n                        transform: this.state.isHorizontal ? [{\n                            translateX: this.position\n                        }] : [{\n                            translateY: this.position\n                        }]\n                    }]}>\n                    {this.props.children}\n                </Animated.View>\n            </GestureDetector>\n        );\n    }\n\n}"],"mappings":"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"}

app-rn-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.4.3-next.140441",
+  "version": "11.4.3-next.140443",
   "description": "''",
   "main": "index",
   "module": "index",
@@ -49,7 +49,7 @@
     "@react-navigation/native": "6.1.7",
     "@react-navigation/stack": "^6.3.7",
     "@types/lodash-es": "^4.17.6",
-    "@wavemaker/variables": "11.4.3-next.140441",
+    "@wavemaker/variables": "11.4.3-next.140443",
     "axios": "^1.4.0",
     "color": "4.2.3",
     "cross-env": "^5.2.0",
@@ -127,7 +127,7 @@
     "typescript": "^5.1.3",
     "victory-native": "36.6.11",
     "yargs": "^16.2.0",
-    "@wavemaker/variables": "11.4.3-next.140441"
+    "@wavemaker/variables": "11.4.3-next.140443"
   },
   "jest": {
     "preset": "react-native",

app-rn-runtime/runtime/App.js

@@ -241,14 +241,11 @@ export default class BaseApp extends React.Component {
       }
     }
   }
-  triggerStartUpVariables() {
-    return Promise.all(this.startUpVariables.map(s => this.Variables[s] && this.Variables[s].invoke())).catch(() => {});
-  }
   componentDidMount() {
     AppSpinnerService.show({
       spinner: this.appConfig.spinner
     });
-    this.triggerStartUpVariables().then(() => {
+    Promise.all(this.startUpVariables.map(s => this.Variables[s] && this.Variables[s].invoke())).catch(() => {}).then(() => {
       this.onAppVariablesReady();
       this.isStarted = true;
       this.forceUpdate();