@wavemaker/app-rn-runtime 11.4.3-next.30202 → 11.4.3-patch.1

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

@@ -1 +0,0 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderWidth","borderBottomWidth","borderStyle","borderColor","navbarBorderColor","text","dropdownNav","flex","flexDirection","justifyContent","alignItems","navAnchorItem","padding","color","navitemChildTextColor","textDecorationLine","icon","navitemChildIconColor","caretIcon","paddingRight","navbarCaretColor","backgroundColor","navitemActiveBackgroundColor","navitemActiveTextColor","navitemActiveIconColor","navitemChildBackgroundColor"],"sources":["navitem.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { ViewStyle } from 'react-native';\n\nexport type WmNavItemStyles = BaseStyles & {\n  navAnchorItem: WmAnchorStyles,\n  dropdownNav: ViewStyle,\n  caretIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-navitem';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNavItemStyles = defineStyles({\n      root: {\n        borderWidth: 0,\n        borderBottomWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.navbarBorderColor\n      },\n      text: {},\n      dropdownNav: {\n        flex: 1,\n        flexDirection: 'row',\n        justifyContent: 'space-between',\n        alignItems: 'center'\n      },\n      navAnchorItem: {\n        root: {\n          padding: 12\n        },\n        text: {\n          color: themeVariables.navitemChildTextColor,\n          textDecorationLine: 'underline'\n        },\n        icon: {\n          text: {\n            color: themeVariables.navitemChildIconColor\n          }\n        }\n      } as WmAnchorStyles,\n      caretIcon: {\n        root : {\n          paddingRight: 12\n        },\n        text: {\n          color: themeVariables.navbarCaretColor\n        }\n      } as WmIconStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-active', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemActiveBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemActiveTextColor\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemActiveIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n\n  addStyle(DEFAULT_CLASS + '-child', DEFAULT_CLASS, {\n    root : {\n      backgroundColor: themeVariables.navitemChildBackgroundColor\n    },\n    navAnchorItem: {\n      text: {\n        color: themeVariables.navitemChildTextColor,\n        textDecorationLine: 'underline'\n      },\n      icon: {\n        text: {\n          color: themeVariables.navitemChildIconColor\n        }\n      }\n    }\n  } as WmNavItemStyles);\n  addStyle('navAnchorItem', '',  defaultStyles.navAnchorItem);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAChDM,IAAI,EAAE;MACJC,WAAW,EAAE,CAAC;MACdC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEP,cAAc,CAACQ;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE,eAAe;MAC/BC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACbZ,IAAI,EAAE;QACJa,OAAO,EAAE;MACX,CAAC;MACDP,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACkB,qBAAqB;QAC3CC,kBAAkB,EAAE;MACtB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAACqB;QACxB;MACF;IACF,CAAmB;IACnBC,SAAS,EAAE;MACTnB,IAAI,EAAG;QACLoB,YAAY,EAAE;MAChB,CAAC;MACDd,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACwB;MACxB;IACF;EACJ,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,SAAS,EAAEA,aAAa,EAAE;IACjDK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAAC0B;IAClC,CAAC;IACDX,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAAC2B;MACxB,CAAC;MACDP,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAAC4B;QACxB;MACF;IACF;EACF,CAAoB,CAAC;EAErB3B,QAAQ,CAACH,aAAa,GAAG,QAAQ,EAAEA,aAAa,EAAE;IAChDK,IAAI,EAAG;MACLsB,eAAe,EAAEzB,cAAc,CAAC6B;IAClC,CAAC;IACDd,aAAa,EAAE;MACbN,IAAI,EAAE;QACJQ,KAAK,EAAEjB,cAAc,CAACkB,qBAAqB;QAC3CC,kBAAkB,EAAE;MACtB,CAAC;MACDC,IAAI,EAAE;QACJX,IAAI,EAAE;UACJQ,KAAK,EAAEjB,cAAc,CAACqB;QACxB;MACF;IACF;EACF,CAAoB,CAAC;EACrBpB,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAGC,aAAa,CAACa,aAAa,CAAC;AAC7D,CAAC,CAAC"}

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

@@ -1,126 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
-import { isString } from 'lodash-es';
-import { TouchableOpacity, Text, View, ScrollView, Dimensions } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
-import WmAnchor from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.component';
-import WmPopoverProps from './popover.props';
-import { DEFAULT_CLASS } from './popover.styles';
-import WmContainer from '../../container/container.component';
-export class WmPopoverState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "isOpened", false);
-    _defineProperty(this, "modalOptions", {});
-    _defineProperty(this, "position", {});
-    _defineProperty(this, "isPartialLoaded", false);
-  }
-}
-export default class WmPopover extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmPopoverProps(), new WmPopoverState());
-    _defineProperty(this, "view", null);
-    _defineProperty(this, "computePosition", e => {
-      const position = {};
-      if (this.state.props.type === 'dropdown') {
-        const windowDimensions = Dimensions.get('window');
-        this.view.measure((x, y, width, height, px, py) => {
-          let popoverwidth = this.state.props.popoverwidth;
-          if (popoverwidth && isString(popoverwidth)) {
-            popoverwidth = parseInt(popoverwidth);
-          }
-          position.left = px;
-          if (px + popoverwidth > windowDimensions.width) {
-            position.left = px + width - popoverwidth;
-          }
-          position.top = py + height;
-          this.updateState({
-            position: position
-          });
-        });
-      }
-    });
-    _defineProperty(this, "showPopover", e => {
-      this.setState({
-        isOpened: true
-      });
-      this.invokeEventCallback('onShow', [e, this]);
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-    });
-    _defineProperty(this, "hide", () => {});
-  }
-  prepareModalOptions(content, styles, modalService) {
-    const o = this.state.modalOptions;
-    o.modalStyle = styles.modal;
-    o.contentStyle = {
-      ...styles.modalContent,
-      ...this.state.position
-    };
-    o.content = content;
-    o.isModal = this.state.props.autoclose !== 'disabled';
-    o.centered = true;
-    o.animation = this.state.props.contentanimation || 'slideInUp';
-    o.onClose = () => {
-      this.hide = () => {};
-      this.setState({
-        isOpened: false,
-        isPartialLoaded: false,
-        modalOptions: {}
-      });
-      this.invokeEventCallback('onHide', [null, this]);
-    };
-    this.hide = () => modalService.hideModal(this.state.modalOptions);
-    return o;
-  }
-  renderWidget(props) {
-    let dimensions = {};
-    const styles = this.theme.mergeStyle(this.theme.getStyle('popover-' + props.type), this.styles);
-    if (props.type === 'dropdown') {
-      if (props.popoverwidth) {
-        dimensions.width = props.popoverwidth;
-        styles.modalContent.width = props.popoverwidth;
-      }
-      if (props.popoverheight) {
-        dimensions.height = props.popoverheight;
-      }
-    }
-    return /*#__PURE__*/React.createElement(View, {
-      style: styles.root,
-      onLayout: this.computePosition,
-      ref: ref => {
-        this.view = ref;
-      }
-    }, this._background, /*#__PURE__*/React.createElement(WmAnchor, {
-      animation: props.animation,
-      caption: props.caption,
-      badgevalue: props.badgevalue,
-      iconclass: props.iconclass,
-      iconposition: props.iconposition,
-      styles: styles.link,
-      onTap: this.showPopover
-    }), this.state.isOpened ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
-      modalService.showModal(this.prepareModalOptions( /*#__PURE__*/React.createElement(ScrollView, {
-        style: this.theme.mergeStyle(styles.popover, dimensions)
-      }, props.title ? /*#__PURE__*/React.createElement(Text, {
-        style: styles.title
-      }, props.title) : null, /*#__PURE__*/React.createElement(TouchableOpacity, {
-        activeOpacity: 1,
-        onPress: () => {
-          props.autoclose === 'always' && this.hide();
-        },
-        style: styles.popoverContent.root
-      }, /*#__PURE__*/React.createElement(WmContainer, {
-        styles: styles.popoverContent,
-        onLoad: () => this.invokeEventCallback('onLoad', [this]),
-        renderPartial: (p, onLoad) => {
-          return props.renderPartial && props.renderPartial(props, onLoad);
-        }
-      }, props.renderPartial ? null : props.children))), styles, modalService));
-      return null;
-    }) : null);
-  }
-}
-//# sourceMappingURL=popover.component.js.map

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

@@ -1 +0,0 @@
-{"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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"}

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

@@ -1,69 +0,0 @@
-import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
-import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
-import { Dimensions } from 'react-native';
-export const DEFAULT_CLASS = 'app-popover';
-BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  const defaultStyles = defineStyles({
-    root: {
-      padding: 8
-    },
-    text: {},
-    title: {
-      backgroundColor: themeVariables.popoverTitleBackgroundColor,
-      padding: 12,
-      color: themeVariables.popoverTitleColor,
-      fontSize: 16,
-      fontFamily: themeVariables.baseFont
-    },
-    link: {},
-    popover: {
-      backgroundColor: themeVariables.popoverBackgroundColor
-    },
-    popoverContent: {
-      root: {
-        flex: 1
-      }
-    },
-    modal: {},
-    modalContent: {}
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle('popover-action-sheet', '', {
-    modal: {
-      backgroundColor: 'rgba(0, 0, 0, 0.3)'
-    },
-    popover: {
-      width: '100%',
-      minHeight: 240,
-      maxHeight: Dimensions.get('window').height - 120
-    },
-    modalContent: {
-      position: 'absolute',
-      bottom: 0,
-      width: '100%',
-      ...BASE_THEME.getStyle('elevate1').root,
-      shadowOffset: {
-        width: 0,
-        height: 0
-      },
-      shadowOpacity: 0.6,
-      shadowRadius: 10,
-      justifyContent: 'flex-end'
-    }
-  });
-  addStyle('popover-dropdown', '', {
-    modal: {
-      backgroundColor: 'transparent'
-    },
-    popover: {
-      backgroundColor: themeVariables.transparent
-    },
-    modalContent: {
-      borderRadius: 6,
-      position: 'absolute',
-      ...BASE_THEME.getStyle('elevate4').root,
-      shadowRadius: 8
-    }
-  });
-});
-//# sourceMappingURL=popover.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Dimensions","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","text","title","backgroundColor","popoverTitleBackgroundColor","color","popoverTitleColor","fontSize","fontFamily","baseFont","link","popover","popoverBackgroundColor","popoverContent","flex","modal","modalContent","width","minHeight","maxHeight","get","height","position","bottom","getStyle","shadowOffset","shadowOpacity","shadowRadius","justifyContent","transparent","borderRadius"],"sources":["popover.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmAnchorStyles } from '@wavemaker/app-rn-runtime/components/basic/anchor/anchor.styles';\nimport { WmContainerStyles } from '@wavemaker/app-rn-runtime/components/container/container.styles';\nimport { Dimensions } from 'react-native';\n\nexport type WmPopoverStyles = BaseStyles & {\n    link: WmAnchorStyles,\n    popover: AllStyle,\n    popoverContent : WmContainerStyles,\n    modal: AllStyle,\n    modalContent: AllStyle,\n    title: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-popover';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmPopoverStyles = defineStyles({\n        root: {\n            padding: 8\n        },\n        text: {},\n        title: {\n            backgroundColor: themeVariables.popoverTitleBackgroundColor,\n            padding: 12,\n            color: themeVariables.popoverTitleColor,\n            fontSize: 16,\n            fontFamily: themeVariables.baseFont\n        },\n        link: {} as WmAnchorStyles,\n        popover: {\n            backgroundColor: themeVariables.popoverBackgroundColor\n        },\n        popoverContent : {\n            root: {\n                flex: 1\n            }\n        } as WmContainerStyles,\n        modal: {},\n        modalContent: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('popover-action-sheet', '', {\n        modal: {\n            backgroundColor: 'rgba(0, 0, 0, 0.3)',\n        },\n        popover: {\n            width: '100%',\n            minHeight: 240,\n            maxHeight: Dimensions.get('window').height - 120,\n        },\n        modalContent: {\n            position: 'absolute',\n            bottom: 0,\n            width: '100%',\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowOffset: {\n                width: 0,\n                height: 0\n            },\n            shadowOpacity: 0.6,\n            shadowRadius: 10,\n            justifyContent: 'flex-end'\n        }\n    } as any as WmPopoverStyles);\n    addStyle('popover-dropdown', '', {\n        modal: {\n            backgroundColor: 'transparent',\n        },\n        popover: {\n            backgroundColor: themeVariables.transparent\n        },\n        modalContent: {\n            borderRadius: 6,\n            position: 'absolute',\n            ...BASE_THEME.getStyle('elevate4').root,\n            shadowRadius: 8\n        }\n    } as WmPopoverStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAGxF,SAASC,UAAU,QAAQ,cAAc;AAWzC,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA8B,GAAGN,YAAY,CAAC;IAChDO,IAAI,EAAE;MACFC,OAAO,EAAE;IACb,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE;MACHC,eAAe,EAAEP,cAAc,CAACQ,2BAA2B;MAC3DJ,OAAO,EAAE,EAAE;MACXK,KAAK,EAAET,cAAc,CAACU,iBAAiB;MACvCC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAEZ,cAAc,CAACa;IAC/B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAmB;IAC1BC,OAAO,EAAE;MACLR,eAAe,EAAEP,cAAc,CAACgB;IACpC,CAAC;IACDC,cAAc,EAAG;MACbd,IAAI,EAAE;QACFe,IAAI,EAAE;MACV;IACJ,CAAsB;IACtBC,KAAK,EAAE,CAAC,CAAC;IACTC,YAAY,EAAE,CAAC;EACnB,CAAC,CAAC;EAEFnB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCkB,KAAK,EAAE;MACHZ,eAAe,EAAE;IACrB,CAAC;IACDQ,OAAO,EAAE;MACLM,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE1B,UAAU,CAAC2B,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAG;IACjD,CAAC;IACDL,YAAY,EAAE;MACVM,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;MACTN,KAAK,EAAE,MAAM;MACb,GAAG1B,UAAU,CAACiC,QAAQ,CAAC,UAAU,CAAC,CAACzB,IAAI;MACvC0B,YAAY,EAAE;QACVR,KAAK,EAAE,CAAC;QACRI,MAAM,EAAE;MACZ,CAAC;MACDK,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,EAAE;MAChBC,cAAc,EAAE;IACpB;EACJ,CAA2B,CAAC;EAC5B/B,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAE;IAC7BkB,KAAK,EAAE;MACHZ,eAAe,EAAE;IACrB,CAAC;IACDQ,OAAO,EAAE;MACLR,eAAe,EAAEP,cAAc,CAACiC;IACpC,CAAC;IACDb,YAAY,EAAE;MACVc,YAAY,EAAE,CAAC;MACfR,QAAQ,EAAE,UAAU;MACpB,GAAG/B,UAAU,CAACiC,QAAQ,CAAC,UAAU,CAAC,CAACzB,IAAI;MACvC4B,YAAY,EAAE;IAClB;EACJ,CAAoB,CAAC;AACzB,CAAC,CAAC"}

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

@@ -1,13 +0,0 @@
-import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
-import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
-export const DEFAULT_CLASS = 'app-left-panel';
-BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  const defaultStyles = defineStyles({
-    root: {
-      minHeight: '100%'
-    },
-    text: {}
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-});
-//# sourceMappingURL=left-panel.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","text"],"sources":["left-panel.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmLeftPanelStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-left-panel';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmLeftPanelStyles = defineStyles({\n        root: {\n            minHeight: '100%'\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,gBAAgB;AAC7CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACFC,SAAS,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFJ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

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

@@ -1,102 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
-import { Text, View, TouchableOpacity } from 'react-native';
-import { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';
-import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
-import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
-import { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';
-import { BaseNavComponent, BaseNavState } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';
-import WmTabbarProps from './tabbar.props';
-import { DEFAULT_CLASS } from './tabbar.styles';
-class WmTabbarState extends BaseNavState {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "showMore", false);
-    _defineProperty(this, "modalOptions", {});
-  }
-}
-export default class WmTabbar extends BaseNavComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());
-    _defineProperty(this, "tabbarHeight", 0);
-  }
-  renderTabItem(item, props, onSelect) {
-    const isActive = props.isActive && props.isActive(item);
-    const getDisplayLabel = this.props.getDisplayExpression || (label => label);
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      onPress: () => onSelect && onSelect(),
-      key: item.key
-    }, /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.tabItem, isActive ? this.styles.activeTabItem : {}]
-    }, /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.theme.mergeStyle({}, this.styles.tabIcon, isActive ? this.styles.activeTabIcon : {}),
-      iconclass: item.icon
-    }), /*#__PURE__*/React.createElement(Text, {
-      style: [this.styles.tabLabel, isActive ? this.styles.activeTabLabel : {}]
-    }, getDisplayLabel(item.label))));
-  }
-  onItemSelect(item, navigationService) {
-    item.link && navigationService.openUrl(item.link);
-    this.invokeEventCallback('onSelect', [null, this.proxy, item]);
-  }
-  prepareModalOptions(content) {
-    const o = this.state.modalOptions;
-    o.content = content;
-    o.modalStyle = {
-      bottom: this.tabbarHeight
-    };
-    o.contentStyle = this.styles.modalContent;
-    return o;
-  }
-  renderWidget(props) {
-    let max = 5;
-    const tabItems = this.state.dataItems;
-    const moreItems = [];
-    if (tabItems.length > max) {
-      const moreItemsCount = Math.ceil((tabItems.length + 1 - max) / max) * max;
-      let j = 0;
-      for (let i = max - 1; i < moreItemsCount;) {
-        const row = [];
-        for (let j = 0; j < max; j++) {
-          row[j] = tabItems[i++] || {
-            key: 'tabItem' + i
-          };
-        }
-        moreItems.push(row);
-      }
-      max = max - 1;
-    }
-    return /*#__PURE__*/React.createElement(NavigationServiceConsumer, null, navigationService => /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
-      if (this.state.showMore) {
-        modalService.showModal(this.prepareModalOptions( /*#__PURE__*/React.createElement(ThemeProvider, {
-          value: this.theme
-        }, /*#__PURE__*/React.createElement(View, {
-          style: this.styles.moreMenu
-        }, moreItems.map((a, i) => /*#__PURE__*/React.createElement(View, {
-          key: i,
-          style: this.styles.moreMenuRow
-        }, a.map(item => this.renderTabItem(item, props, () => this.onItemSelect(item, navigationService)))))))));
-      } else {
-        modalService.hideModal(this.state.modalOptions);
-      }
-      return null;
-    }), /*#__PURE__*/React.createElement(View, {
-      style: this.styles.menu,
-      onLayout: e => {
-        this.tabbarHeight = e.nativeEvent.layout.height;
-      }
-    }, tabItems.filter((item, i) => i < max).map((item, i) => this.renderTabItem(item, props, () => this.onItemSelect(item, navigationService))), tabItems.length > max && this.renderTabItem({
-      label: props.morebuttonlabel,
-      icon: props.morebuttoniconclass
-    }, props, () => {
-      this.updateState({
-        showMore: !this.state.showMore
-      });
-    }))));
-  }
-}
-//# sourceMappingURL=tabbar.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","ThemeProvider","ModalConsumer","WmIcon","NavigationServiceConsumer","BaseNavComponent","BaseNavState","WmTabbarProps","DEFAULT_CLASS","WmTabbarState","constructor","arguments","_defineProperty","WmTabbar","props","renderTabItem","item","onSelect","isActive","getDisplayLabel","getDisplayExpression","label","createElement","onPress","key","style","styles","tabItem","activeTabItem","theme","mergeStyle","tabIcon","activeTabIcon","iconclass","icon","tabLabel","activeTabLabel","onItemSelect","navigationService","link","openUrl","invokeEventCallback","proxy","prepareModalOptions","content","o","state","modalOptions","modalStyle","bottom","tabbarHeight","contentStyle","modalContent","renderWidget","max","tabItems","dataItems","moreItems","length","moreItemsCount","Math","ceil","j","i","row","push","root","modalService","showMore","showModal","value","moreMenu","map","a","moreMenuRow","hideModal","menu","onLayout","e","nativeEvent","layout","height","filter","morebuttonlabel","morebuttoniconclass","updateState"],"sources":["tabbar.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\n\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport NavigationService, { NavigationServiceConsumer } from '@wavemaker/app-rn-runtime/core/navigation.service';\nimport { BaseNavProps } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.props';\nimport { BaseNavComponent, BaseNavState, NavigationDataItem } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.component';\n\nimport WmTabbarProps from './tabbar.props';\nimport { DEFAULT_CLASS, WmTabbarStyles } from './tabbar.styles';\n\nclass WmTabbarState<T extends BaseNavProps> extends BaseNavState<T>{\n  showMore = false;\n  modalOptions = {} as ModalOptions;\n}\n\nexport default class WmTabbar extends BaseNavComponent<WmTabbarProps, WmTabbarState<WmTabbarProps>, WmTabbarStyles> {\n\n  private tabbarHeight = 0;\n\n  constructor(props: WmTabbarProps) {\n    super(props, DEFAULT_CLASS, new WmTabbarProps(), new WmTabbarState());\n  }\n\n  renderTabItem(item: NavigationDataItem, props: WmTabbarProps, onSelect: Function) {\n    const isActive = props.isActive && props.isActive(item);\n    const getDisplayLabel = this.props.getDisplayExpression || ((label: string) => label);\n    return (\n      <TouchableOpacity onPress={() => onSelect && onSelect()}  key={item.key}>\n        <View style={[this.styles.tabItem, isActive ? this.styles.activeTabItem: {}]}>\n            <WmIcon styles={this.theme.mergeStyle({}, this.styles.tabIcon, isActive ? this.styles.activeTabIcon: {})} iconclass={item.icon}></WmIcon>\n            <Text style={[this.styles.tabLabel, isActive ? this.styles.activeTabLabel: {}]}>{getDisplayLabel(item.label)}</Text>\n        </View>\n      </TouchableOpacity>\n    );\n  }\n\n  onItemSelect(item: NavigationDataItem, navigationService: NavigationService) {\n    item.link && navigationService.openUrl(item.link);\n    this.invokeEventCallback('onSelect', [null, this.proxy, item]);\n  }\n\n  prepareModalOptions(content: ReactNode) {\n    const o = this.state.modalOptions;\n    o.content = content;\n    o.modalStyle = {\n      bottom: this.tabbarHeight\n    };\n    o.contentStyle = this.styles.modalContent; \n    return o;\n  }\n\n  renderWidget(props: WmTabbarProps) {\n    let max = 5;\n    const tabItems = this.state.dataItems;\n    const moreItems = [] as any[][];\n    if (tabItems.length > max) {\n      const moreItemsCount = Math.ceil((tabItems.length + 1 - max)/ max) * max;\n      let j = 0;\n      for (let i = max-1; i < moreItemsCount;) {\n        const row = [];\n        for (let j = 0; j < max; j++) {\n          row[j] = tabItems[i++] || {key: 'tabItem' + i} as NavigationDataItem;\n        }\n        moreItems.push(row);\n      }\n      max = max - 1;\n    }\n    return (\n      <NavigationServiceConsumer>\n        {(navigationService) =>\n        (<View style={this.styles.root}>\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              if (this.state.showMore) {\n                modalService.showModal(this.prepareModalOptions((\n                <ThemeProvider value={this.theme} >\n                  <View style={this.styles.moreMenu}>\n                    {moreItems.map((a, i) =>\n                      (<View key={i} style={this.styles.moreMenuRow}>\n                        {a.map(item => this.renderTabItem(item, props,  () => this.onItemSelect(item, navigationService)))}\n                      </View>)\n                    )}\n                  </View>\n                </ThemeProvider>)));\n              } else {\n                modalService.hideModal(this.state.modalOptions);\n              }\n              return null;\n            }}\n          </ModalConsumer>\n          <View style={this.styles.menu}\n            onLayout={e => { this.tabbarHeight = e.nativeEvent.layout.height}}>\n            {tabItems.filter((item, i) => i < max)\n              .map((item, i) => this.renderTabItem(item, props, () => this.onItemSelect(item, navigationService)))}\n            {tabItems.length > max && (\n              this.renderTabItem({\n                label: props.morebuttonlabel,\n                icon: props.morebuttoniconclass\n              } as NavigationDataItem, props,  () => {\n                this.updateState({showMore: !this.state.showMore} as WmTabbarState<WmTabbarProps>);\n              })\n            )}\n          </View>\n        </View>)}\n      </NavigationServiceConsumer>\n    );\n  }\n}\n"],"mappings":"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"}