@wavemaker/app-rn-runtime 11.4.0-next.1417013 → 11.4.0-next.1417014

app-rn-runtime/components/data/list/list.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SectionList","Text","View","TouchableWithoutFeedback","FlatList","isArray","BaseComponent","BaseComponentState","getGroupedData","isDefined","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","WmList","constructor","props","onSelect","$item","$index","state","disableitem","selectedItemWidgets","itemWidgets","updateState","selecteditem","selectedindex","invokeEventCallback","proxy","selectFirstItem","initialized","dataset","length","index","groupby","deselect","setGroupData","items","dataItems","groupedData","match","orderby","dateformat","key","onPropertyChange","name","$new","$old","_showSkeleton","data","selectfirstitem","componentDidMount","setTimeout","componentDidUpdate","prevProps","prevState","snapshot","getDefaultStyles","isHorizontal","direction","theme","getStyle","defaultClass","getIndex","item","indexOf","generateItemKey","itemkey","renderItem","styles","itemclass","_groupIndex","selectedItem","selectedIcon","renderHeader","title","groupHeading","iconclass","subheading","heading","flex","flexDirection","listIcon","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","renderWithFlatList","root","map","v","marginBottom","i","itemInfo","renderWithSectionList","distanceFromEnd","setState","currentPage","section","loadingdata","renderWidget"],"sources":["list.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, Text, View, TouchableWithoutFeedback } from 'react-native';\nimport { FlatList } from 'react-native-gesture-handler';\nimport { isArray } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {getGroupedData, isDefined} from \"@wavemaker/app-rn-runtime/core/utils\";\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmListProps from './list.props';\nimport { DEFAULT_CLASS, WmListStyles } from './list.styles';\n\n\nexport class WmListState extends BaseComponentState<WmListProps> {\n  public selectedindex: any;\n  groupedData: Array<any> = [];\n  currentPage: number = 1;\n}\n\nexport default class WmList extends BaseComponent<WmListProps, WmListState, WmListStyles> {\n\n  private itemWidgets = [] as any[];\n  private selectedItemWidgets = {} as any;\n  private key = 1;\n\n  constructor(props: WmListProps) {\n    super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());\n  }\n\n  private onSelect($item: any, $index: number | string) {\n    if (!this.state.props.disableitem($item, $index)) {\n      this.selectedItemWidgets = this.itemWidgets[$index as number];\n      this.updateState({\n        props: { selecteditem: $item },\n        selectedindex: $index\n      } as WmListState, () => {\n        this.invokeEventCallback('onSelect', [this.proxy, $item]);\n      });\n    }\n  }\n\n  private selectFirstItem() {\n    const props = this.state.props;\n    if (this.initialized\n      && props.dataset\n      && props.dataset.length) {\n        const index = props.groupby ? '00': 0;\n        this.onSelect(props.dataset[0], index);\n      }\n  }\n\n  private deselect() {\n    this.updateState({\n      props: { selecteditem: null },\n      selectedindex: -1\n    } as WmListState);\n  }\n\n  setGroupData(items: any) {\n    const dataItems = items;\n    const props = this.state.props;\n    if (props.groupby) {\n      const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this);\n      this.updateState({\n        groupedData: groupedData\n      } as WmListState, () => {\n        this.key +=  (items && items.length) || 0;\n      });\n    }\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    const props = this.state.props;\n    switch(name) {\n      case 'selectfirstitem':\n        if ($new) {\n          this.selectFirstItem();\n        }\n      break;\n      case 'dataset':\n        if(this._showSkeleton) {\n          $new = [{}, {}, {}];\n        }\n        if (this.state.props.groupby) {\n          this.setGroupData($new);\n        } else {\n          this.updateState({\n            groupedData: [{\n              key: '',\n              data: isArray($new) ? $new : (isDefined($new) ? [$new] : [])\n            }]\n          } as WmListState, () => {\n            this.key += ($new && $new.length) || 0;\n          });\n        }\n        this.itemWidgets = [];\n        if (props.selectfirstitem) {\n          this.selectFirstItem();\n        } else {\n          this.deselect();\n        }\n      break;\n      case 'groupby':\n      case 'match':\n        this.setGroupData(this.state.props.dataset);\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const props = this.state.props;\n    if (this.state.props.selectfirstitem && props.dataset?.length) {\n      setTimeout(() => {\n        this.onSelect(props.dataset[0], 0);\n      });\n    }\n    super.componentDidMount();\n  }\n\n  componentDidUpdate(prevProps: WmListProps, prevState: WmListState, snapshot?: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onRender', [this, this.state.props.dataset]);\n  }\n\n  getDefaultStyles() {\n    const isHorizontal = this.state.props.direction === 'horizontal';\n    return this.theme.getStyle(`${this.defaultClass} ${isHorizontal ? 'app-horizontal-list' : 'app-vertical-list'}`);\n  }\n\n  getIndex(item: any) {\n    return this.state.props.dataset.indexOf(item);\n  }\n\n  private generateItemKey(item: any, index: number, props: WmListProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  (this.key + index);\n  }\n\n  private renderItem(item: any, index: number, props: WmListProps) {\n    return (\n        <TouchableWithoutFeedback onPress={() => this.onSelect(item, index)}>\n          <View style={[\n              this.styles.item,\n              props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null,\n              this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? this.styles.selectedItem : {}]}>\n            {props.renderItem(item, index, this)}\n            { this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? (\n              <WmIcon iconclass='wi wi-check-circle' styles={this.styles.selectedIcon} />\n            ) : null}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n  }\n\n  private renderHeader(props: WmListProps, title: string) {\n    return props.groupby ? (\n      <Text style={this.styles.groupHeading}>{title}</Text>\n    ) : (props.iconclass || props.title || props.subheading) ? (\n      <View style={this.styles.heading}>\n        <View style={{flex: 1, flexDirection: 'row'}}>\n          <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n          <View>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n        </View>\n      </View>) : null;\n  }\n\n  private renderEmptyMessage(isHorizontal: boolean, item: any, index: any, props: WmListProps) {\n    return (<WmLabel styles={this.styles.emptyMessage} caption={props.nodatamessage}></WmLabel>);\n  }\n\n  private renderLoadingIcon(props: WmListProps) {\n    return (<WmIcon\n      styles={this.styles.loadingIcon}\n      iconclass={props.loadingicon}\n      caption={props.loadingdatamsg}></WmIcon>)\n  }\n\n  private renderWithFlatList(props: WmListProps, isHorizontal = false) {\n    return (\n    <View style={this.styles.root}>\n      {this.state.groupedData ? this.state.groupedData.map((v: any) => ((\n          <View style={{marginBottom: 16}}>\n            {this.renderHeader(props, v.key)}\n            <FlatList\n              keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n              horizontal = {isHorizontal}\n              data={v.data || []}\n              ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n              renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n            </FlatList>\n          </View>\n        ))) : null\n      }\n    </View>);\n  }\n\n  private renderWithSectionList(props: WmListProps, isHorizontal = false) {\n    return (\n      <SectionList\n        keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n        horizontal = {isHorizontal}\n        onEndReached={({distanceFromEnd}) => {\n          this.setState({ currentPage: this.state.currentPage + 1 } as WmListState);\n          this.invokeEventCallback('onEndReached', [null, this]);\n        }}\n        contentContainerStyle={this.styles.root}\n        onEndReachedThreshold={0.3}\n        sections={this.state.groupedData[0]['data'].length ? this.state.groupedData : [] || []}\n        renderSectionHeader={({ section: {key, data}}) => {\n          return this.renderHeader(props, key);\n        }}\n        renderSectionFooter={() => props.loadingdata ? this.renderLoadingIcon(props) : null}\n        ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n        renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n      </SectionList>\n    );\n  }\n\n  renderWidget(props: WmListProps) {\n    this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);\n    const isHorizontal = (props.direction === 'horizontal');\n    return (\n      <View>\n        {(isHorizontal) ?\n          this.renderWithFlatList(props, isHorizontal)\n        : this.renderWithSectionList(props, isHorizontal)}\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","SectionList","Text","View","TouchableWithoutFeedback","FlatList","isArray","BaseComponent","BaseComponentState","getGroupedData","isDefined","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","WmList","constructor","props","onSelect","$item","$index","state","disableitem","selectedItemWidgets","itemWidgets","updateState","selecteditem","selectedindex","invokeEventCallback","proxy","selectFirstItem","initialized","dataset","length","index","groupby","deselect","setGroupData","items","dataItems","groupedData","match","orderby","dateformat","key","onPropertyChange","name","$new","$old","data","direction","selectfirstitem","componentDidMount","setTimeout","componentDidUpdate","prevProps","prevState","snapshot","getDefaultStyles","isHorizontal","theme","getStyle","defaultClass","getIndex","item","indexOf","generateItemKey","itemkey","_showSkeleton","renderItem","styles","itemclass","_groupIndex","selectedItem","selectedIcon","renderHeader","title","groupHeading","iconclass","subheading","heading","flex","flexDirection","listIcon","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","renderWithFlatList","root","map","v","marginBottom","i","itemInfo","getSectionListData","renderWithSectionList","distanceFromEnd","setState","currentPage","section","loadingdata","renderWidget","_background"],"sources":["list.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, Text, View, TouchableWithoutFeedback } from 'react-native';\nimport { FlatList } from 'react-native-gesture-handler';\nimport { isArray } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {getGroupedData, isDefined} from \"@wavemaker/app-rn-runtime/core/utils\";\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmListProps from './list.props';\nimport { DEFAULT_CLASS, WmListStyles } from './list.styles';\n\n\nexport class WmListState extends BaseComponentState<WmListProps> {\n  public selectedindex: any;\n  groupedData: Array<any> = [];\n  currentPage: number = 1;\n}\n\nexport default class WmList extends BaseComponent<WmListProps, WmListState, WmListStyles> {\n\n  private itemWidgets = [] as any[];\n  private selectedItemWidgets = {} as any;\n  private key = 1;\n\n  constructor(props: WmListProps) {\n    super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());\n  }\n\n  private onSelect($item: any, $index: number | string) {\n    if (!this.state.props.disableitem($item, $index)) {\n      this.selectedItemWidgets = this.itemWidgets[$index as number];\n      this.updateState({\n        props: { selecteditem: $item },\n        selectedindex: $index\n      } as WmListState, () => {\n        this.invokeEventCallback('onSelect', [this.proxy, $item]);\n      });\n    }\n  }\n\n  private selectFirstItem() {\n    const props = this.state.props;\n    if (this.initialized\n      && props.dataset\n      && props.dataset.length) {\n        const index = props.groupby ? '00': 0;\n        this.onSelect(props.dataset[0], index);\n      }\n  }\n\n  private deselect() {\n    this.updateState({\n      props: { selecteditem: null },\n      selectedindex: -1\n    } as WmListState);\n  }\n\n  setGroupData(items: any) {\n    const dataItems = items;\n    const props = this.state.props;\n    if (props.groupby) {\n      const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this);\n      this.updateState({\n        groupedData: groupedData\n      } as WmListState, () => {\n        this.key +=  (items && items.length) || 0;\n      });\n    }\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    const props = this.state.props;\n    switch(name) {\n      case 'selectfirstitem':\n        if ($new) {\n          this.selectFirstItem();\n        }\n      break;\n      case 'dataset':\n        if (this.state.props.groupby) {\n          this.setGroupData($new);\n        } else {\n          const data = isArray($new) ? $new : (isDefined($new) ? [$new] : []);\n          this.updateState({\n            groupedData: (data[0] || props.direction === 'horizontal' ? [{\n              key: '',\n              data: data\n            }] : [])\n          } as WmListState, () => {\n            this.key += ($new && $new.length) || 0;\n          });\n        }\n        this.itemWidgets = [];\n        if (props.selectfirstitem) {\n          this.selectFirstItem();\n        } else {\n          this.deselect();\n        }\n      break;\n      case 'groupby':\n      case 'match':\n        this.setGroupData(this.state.props.dataset);\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const props = this.state.props;\n    if (this.state.props.selectfirstitem && props.dataset?.length) {\n      setTimeout(() => {\n        this.onSelect(props.dataset[0], 0);\n      });\n    }\n    super.componentDidMount();\n  }\n\n  componentDidUpdate(prevProps: WmListProps, prevState: WmListState, snapshot?: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onRender', [this, this.state.props.dataset]);\n  }\n\n  getDefaultStyles() {\n    const isHorizontal = this.state.props.direction === 'horizontal';\n    return this.theme.getStyle(`${this.defaultClass} ${isHorizontal ? 'app-horizontal-list' : 'app-vertical-list'}`);\n  }\n\n  getIndex(item: any) {\n    return this.state.props.dataset.indexOf(item);\n  }\n\n  private generateItemKey(item: any, index: number, props: WmListProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  (this.key + index);\n  }\n\n  private renderItem(item: any, index: number, props: WmListProps) {\n    return (\n        <TouchableWithoutFeedback onPress={() => this.onSelect(item, index)}>\n          <View style={[\n              this.styles.item,\n              props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null,\n              this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? this.styles.selectedItem : {}]}>\n            {props.renderItem(item, index, this)}\n            { this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? (\n              <WmIcon iconclass='wi wi-check-circle' styles={this.styles.selectedIcon} />\n            ) : null}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n  }\n\n  private renderHeader(props: WmListProps, title: string) {\n    return props.groupby ? (\n      <Text style={this.styles.groupHeading}>{title}</Text>\n    ) : (props.iconclass || props.title || props.subheading) ? (\n      <View style={this.styles.heading}>\n        <View style={{flex: 1, flexDirection: 'row'}}>\n          <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n          <View>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n        </View>\n      </View>) : null;\n  }\n\n  private renderEmptyMessage(isHorizontal: boolean, item: any, index: any, props: WmListProps) {\n    return (<WmLabel styles={this.styles.emptyMessage} caption={props.nodatamessage}></WmLabel>);\n  }\n\n  private renderLoadingIcon(props: WmListProps) {\n    return (<WmIcon\n      styles={this.styles.loadingIcon}\n      iconclass={props.loadingicon}\n      caption={props.loadingdatamsg}></WmIcon>)\n  }\n\n  private renderWithFlatList(props: WmListProps, isHorizontal = false) {\n    return (\n    <View style={this.styles.root}>\n      {this.state.groupedData ? this.state.groupedData.map((v: any) => ((\n          <View style={{marginBottom: 16}}>\n            {this.renderHeader(props, v.key)}\n            <FlatList\n              keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n              horizontal = {isHorizontal}\n              data={v.data || []}\n              ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n              renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n            </FlatList>\n          </View>\n        ))) : null\n      }\n    </View>);\n  }\n\n  private getSectionListData() {\n    if (this._showSkeleton) {\n      return [{\n        key: '',\n        data: [{}, {}, {}]\n      }];\n    } else if (this.state.groupedData[0] && this.state.groupedData[0]['data'].length) {\n      return this.state.groupedData;\n    }\n    return [];\n  }\n\n  private renderWithSectionList(props: WmListProps, isHorizontal = false) {\n    return (\n      <SectionList\n        keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n        horizontal = {isHorizontal}\n        onEndReached={({distanceFromEnd}) => {\n          this.setState({ currentPage: this.state.currentPage + 1 } as WmListState);\n          this.invokeEventCallback('onEndReached', [null, this]);\n        }}\n        contentContainerStyle={this.styles.root}\n        onEndReachedThreshold={0.3}\n        sections={this.getSectionListData()}\n        renderSectionHeader={({ section: {key, data}}) => {\n          return this.renderHeader(props, key);\n        }}\n        renderSectionFooter={() => props.loadingdata ? this.renderLoadingIcon(props) : null}\n        ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n        renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n      </SectionList>\n    );\n  }\n\n  renderWidget(props: WmListProps) {\n    this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);\n    const isHorizontal = (props.direction === 'horizontal');\n    return (\n      <View>\n        {this._background}\n        {(isHorizontal) ?\n          this.renderWithFlatList(props, isHorizontal)\n        : this.renderWithSectionList(props, isHorizontal)}\n      </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/device/barcodescanner/barcodescanner.component.js

@@ -23,8 +23,9 @@ export default class WmBarcodescanner extends BaseComponent {
         props: {
           datavalue: res.text
         }
+      }, () => {
+        this.invokeEventCallback('onSuccess', [null, this.proxy]);
       });
-      this.invokeEventCallback('onSuccess', [null, this.proxy]);
     });
   }
   renderWidget(props) {
@@ -32,7 +33,7 @@ export default class WmBarcodescanner extends BaseComponent {
       this.scanner = scanService;
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, /*#__PURE__*/React.createElement(WmButton, {
+      }, this._background, /*#__PURE__*/React.createElement(WmButton, {
         iconclass: props.iconclass,
         styles: this.styles.button,
         onTap: this.onScanTap.bind(this),

app-rn-runtime/components/device/barcodescanner/barcodescanner.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","scanService","styles","root","iconclass","button","bind","caption","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState);\n      this.invokeEventCallback('onSuccess', [null, this.proxy]);\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    return (\n      <ScanConsumer>\n        {(scanService: ScanService) => {\n          this.scanner = scanService;\n          return <View style={this.styles.root}>\n            <WmButton iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize}></WmButton>\n          </View>\n        }}\n      </ScanConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,YAAY,QAAqB,oDAAoD;AAE9F,OAAOC,qBAAqB,MAAM,wBAAwB;AAC1D,SAASC,aAAa,QAAgC,yBAAyB;AAC/E,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAO,MAAMC,qBAAqB,SAASL,kBAAkB,CAAwB;AAErF,eAAe,MAAMM,gBAAgB,SAASP,aAAa,CAAuE;EAEhIQ,WAAW,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,EAAE,CAAC;IAAC,iCAF5B,IAAI;EAGnC;EAEAO,SAAS,GAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfV,KAAK,EAAE;UACLW,SAAS,EAAEF,GAAG,CAACG;QACjB;MACF,CAAC,CAA0B;MAC3B,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IAC3D,CAAC,CAAC;EACJ;EAEAC,YAAY,CAACf,KAA4B,EAAE;IACzC,oBACE,oBAAC,YAAY,QACTgB,WAAwB,IAAK;MAC7B,IAAI,CAACV,OAAO,GAAGU,WAAW;MAC1B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,gBACnC,oBAAC,QAAQ;QAAC,SAAS,EAAElB,KAAK,CAACmB,SAAU;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACG,MAAO;QAAC,KAAK,EAAE,IAAI,CAACnB,SAAS,CAACoB,IAAI,CAAC,IAAI,CAAE;QAAC,OAAO,EAAErB,KAAK,CAACsB,OAAQ;QAAC,QAAQ,EAAEtB,KAAK,CAACuB;MAAS,EAAY,CAC5J;IACT,CAAC,CACY;EAEnB;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","scanService","styles","root","_background","iconclass","button","bind","caption","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState, () => {\n        this.invokeEventCallback('onSuccess', [null, this.proxy]);\n      });\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    return (\n      <ScanConsumer>\n        {(scanService: ScanService) => {\n          this.scanner = scanService;\n          return <View style={this.styles.root}>\n            {this._background}\n            <WmButton iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize}></WmButton>\n          </View>\n        }}\n      </ScanConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,YAAY,QAAqB,oDAAoD;AAE9F,OAAOC,qBAAqB,MAAM,wBAAwB;AAC1D,SAASC,aAAa,QAAgC,yBAAyB;AAC/E,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAO,MAAMC,qBAAqB,SAASL,kBAAkB,CAAwB;AAErF,eAAe,MAAMM,gBAAgB,SAASP,aAAa,CAAuE;EAEhIQ,WAAW,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,EAAE,CAAC;IAAC,iCAF5B,IAAI;EAGnC;EAEAO,SAAS,GAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfV,KAAK,EAAE;UACLW,SAAS,EAAEF,GAAG,CAACG;QACjB;MACF,CAAC,EAA2B,MAAM;QAChC,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC3D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAC,YAAY,CAACf,KAA4B,EAAE;IACzC,oBACE,oBAAC,YAAY,QACTgB,WAAwB,IAAK;MAC7B,IAAI,CAACV,OAAO,GAAGU,WAAW;MAC1B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAClC,IAAI,CAACC,WAAW,eACjB,oBAAC,QAAQ;QAAC,SAAS,EAAEnB,KAAK,CAACoB,SAAU;QAAC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACI,MAAO;QAAC,KAAK,EAAE,IAAI,CAACpB,SAAS,CAACqB,IAAI,CAAC,IAAI,CAAE;QAAC,OAAO,EAAEtB,KAAK,CAACuB,OAAQ;QAAC,QAAQ,EAAEvB,KAAK,CAACwB;MAAS,EAAY,CAC5J;IACT,CAAC,CACY;EAEnB;AACF"}

app-rn-runtime/components/device/camera/camera.component.js

@@ -13,6 +13,7 @@ export default class WmCamera extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmCameraProps());
     _defineProperty(this, "camera", null);
+    _defineProperty(this, "localFile", '');
   }
   onCameraTap() {
     const props = this.state.props;
@@ -25,25 +26,29 @@ export default class WmCamera extends BaseComponent {
         imageTargetHeight: props.imagetargetheight
       };
       this.camera.captureImage(params).then(res => {
-        this.updateModel(null, res.imagePath);
+        this.updateModel(null, res.imagePath, res.content);
       });
     } else {
       this.camera.captureVideo().then(res => {
-        this.updateModel(null, res.videoPath);
+        this.updateModel(null, res.videoPath, res.content);
       });
     }
   }
-  updateModel($event, value) {
+  updateModel($event, value, content) {
     value = (value.startsWith('file://') ? '' : 'file://') + value;
+    this.localFile = content;
     this.updateState({
       props: {
         datavalue: value,
         localFilePath: value
       }
-    }, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value]));
+    }, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));
   }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(CameraConsumer, null, cameraService => {
+      {
+        this._background;
+      }
       this.camera = cameraService;
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root

app-rn-runtime/components/device/camera/camera.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","WmCameraState","WmCamera","constructor","props","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","camera","captureImage","then","res","updateModel","imagePath","captureVideo","videoPath","$event","value","startsWith","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","cameraService","styles","root","iconclass","button","iconsize"],"sources":["camera.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCameraProps from './camera.props';\nimport { DEFAULT_CLASS, WmCameraStyles } from './camera.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { CaptureImageOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation';\nimport { CameraConsumer, CameraInput, CameraService } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\n\n\nexport class WmCameraState extends BaseComponentState<WmCameraProps> {}\n\nexport default class WmCamera extends BaseComponent<WmCameraProps, WmCameraState, WmCameraStyles> {\n  private camera: CameraService = null as any;\n  constructor(props: WmCameraProps) {\n    super(props, DEFAULT_CLASS, new WmCameraProps());\n  }\n\n  onCameraTap() {\n    const props = this.state.props;\n    if (props.capturetype === 'IMAGE') {\n      const params: CameraInput = {\n        allowImageEdit: props.allowedit,\n        imageQuality: props.imagequality,\n        imageEncodingType: props.imageencodingtype,\n        imageTargetWidth: props.imagetargetwidth,\n        imageTargetHeight: props.imagetargetheight\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath);\n      });\n    } else {\n      this.camera.captureVideo().then((res: CaptureVideoOutput) => {\n        this.updateModel(null, res.videoPath);\n      });\n    }\n\n  }\n\n  private updateModel($event: any, value: any) {\n    value = (value.startsWith('file://') ? '' : 'file://') + value;\n    this.updateState({\n      props: {\n        datavalue: value,\n        localFilePath: value\n      }\n    } as WmCameraState, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value]));\n  }\n\n  renderWidget(props: WmCameraProps) {\n    return (\n          <CameraConsumer>\n              {(cameraService: CameraService) => {\n              this.camera = cameraService;\n              return <View style={this.styles.root}>\n                <WmButton iconclass={props.iconclass} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onCameraTap.bind(this)}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,SAASC,cAAc,QAAoC,sDAAsD;AAIjH,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;AAErE,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAEhGQ,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,EAAE,CAAC;IAAC,gCAFnB,IAAI;EAGpC;EAEAQ,WAAW,GAAG;IACZ,MAAMD,KAAK,GAAG,IAAI,CAACE,KAAK,CAACF,KAAK;IAC9B,IAAIA,KAAK,CAACG,WAAW,KAAK,OAAO,EAAE;MACjC,MAAMC,MAAmB,GAAG;QAC1BC,cAAc,EAAEL,KAAK,CAACM,SAAS;QAC/BC,YAAY,EAAEP,KAAK,CAACQ,YAAY;QAChCC,iBAAiB,EAAET,KAAK,CAACU,iBAAiB;QAC1CC,gBAAgB,EAAEX,KAAK,CAACY,gBAAgB;QACxCC,iBAAiB,EAAEb,KAAK,CAACc;MAC3B,CAAC;MAED,IAAI,CAACC,MAAM,CAACC,YAAY,CAACZ,MAAM,CAAC,CAACa,IAAI,CAAEC,GAAuB,IAAK;QACjE,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACE,SAAS,CAAC;MACvC,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACL,MAAM,CAACM,YAAY,EAAE,CAACJ,IAAI,CAAEC,GAAuB,IAAK;QAC3D,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACI,SAAS,CAAC;MACvC,CAAC,CAAC;IACJ;EAEF;EAEQH,WAAW,CAACI,MAAW,EAAEC,KAAU,EAAE;IAC3CA,KAAK,GAAG,CAACA,KAAK,CAACC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,SAAS,IAAID,KAAK;IAC9D,IAAI,CAACE,WAAW,CAAC;MACf1B,KAAK,EAAE;QACL2B,SAAS,EAAEH,KAAK;QAChBI,aAAa,EAAEJ;MACjB;IACF,CAAC,EAAmB,IAAI,CAACK,mBAAmB,CAACC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEP,KAAK,CAAC,CAAC,CAAC;EAClG;EAEAQ,YAAY,CAAChC,KAAoB,EAAE;IACjC,oBACM,oBAAC,cAAc,QACTiC,aAA4B,IAAK;MACnC,IAAI,CAAClB,MAAM,GAAGkB,aAAa;MAC3B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,gBACnC,oBAAC,QAAQ;QAAC,SAAS,EAAEnC,KAAK,CAACoC,SAAU;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACG,MAAO;QAAC,QAAQ,EAAErC,KAAK,CAACsC,QAAS;QAAC,KAAK,EAAE,IAAI,CAACrC,WAAW,CAAC6B,IAAI,CAAC,IAAI;MAAE,EAAY,CACtI;IACT,CAAC,CACc;EAEzB;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","WmCameraState","WmCamera","constructor","props","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","camera","captureImage","then","res","updateModel","imagePath","content","captureVideo","videoPath","$event","value","startsWith","localFile","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","cameraService","_background","styles","root","iconclass","button","iconsize"],"sources":["camera.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCameraProps from './camera.props';\nimport { DEFAULT_CLASS, WmCameraStyles } from './camera.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { CaptureImageOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation';\nimport { CameraConsumer, CameraInput, CameraService } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\n\n\nexport class WmCameraState extends BaseComponentState<WmCameraProps> {}\n\nexport default class WmCamera extends BaseComponent<WmCameraProps, WmCameraState, WmCameraStyles> {\n  private camera: CameraService = null as any;\n  public localFile: string = '';\n  constructor(props: WmCameraProps) {\n    super(props, DEFAULT_CLASS, new WmCameraProps());\n  }\n\n  onCameraTap() {\n    const props = this.state.props;\n    if (props.capturetype === 'IMAGE') {\n      const params: CameraInput = {\n        allowImageEdit: props.allowedit,\n        imageQuality: props.imagequality,\n        imageEncodingType: props.imageencodingtype,\n        imageTargetWidth: props.imagetargetwidth,\n        imageTargetHeight: props.imagetargetheight\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath, res.content);\n      });\n    } else {\n      this.camera.captureVideo().then((res: CaptureVideoOutput) => {\n        this.updateModel(null, res.videoPath, res.content);\n      });\n    }\n\n  }\n\n  private updateModel($event: any, value: any, content: string) {\n    value = (value.startsWith('file://') ? '' : 'file://') + value;\n    this.localFile = content;\n    this.updateState({\n      props: {\n        datavalue: value,\n        localFilePath: value\n      }\n    } as WmCameraState, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));\n  }\n\n  renderWidget(props: WmCameraProps) {\n    return (\n          <CameraConsumer>\n              {(cameraService: CameraService) => {\n              {this._background}\n              this.camera = cameraService;\n              return <View style={this.styles.root}>\n                <WmButton iconclass={props.iconclass} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onCameraTap.bind(this)}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,SAASC,cAAc,QAAoC,sDAAsD;AAIjH,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;AAErE,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAGhGQ,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,EAAE,CAAC;IAAC,gCAHnB,IAAI;IAAA,mCACT,EAAE;EAG7B;EAEAQ,WAAW,GAAG;IACZ,MAAMD,KAAK,GAAG,IAAI,CAACE,KAAK,CAACF,KAAK;IAC9B,IAAIA,KAAK,CAACG,WAAW,KAAK,OAAO,EAAE;MACjC,MAAMC,MAAmB,GAAG;QAC1BC,cAAc,EAAEL,KAAK,CAACM,SAAS;QAC/BC,YAAY,EAAEP,KAAK,CAACQ,YAAY;QAChCC,iBAAiB,EAAET,KAAK,CAACU,iBAAiB;QAC1CC,gBAAgB,EAAEX,KAAK,CAACY,gBAAgB;QACxCC,iBAAiB,EAAEb,KAAK,CAACc;MAC3B,CAAC;MAED,IAAI,CAACC,MAAM,CAACC,YAAY,CAACZ,MAAM,CAAC,CAACa,IAAI,CAAEC,GAAuB,IAAK;QACjE,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACE,SAAS,EAAEF,GAAG,CAACG,OAAO,CAAC;MACpD,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACN,MAAM,CAACO,YAAY,EAAE,CAACL,IAAI,CAAEC,GAAuB,IAAK;QAC3D,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACK,SAAS,EAAEL,GAAG,CAACG,OAAO,CAAC;MACpD,CAAC,CAAC;IACJ;EAEF;EAEQF,WAAW,CAACK,MAAW,EAAEC,KAAU,EAAEJ,OAAe,EAAE;IAC5DI,KAAK,GAAG,CAACA,KAAK,CAACC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,SAAS,IAAID,KAAK;IAC9D,IAAI,CAACE,SAAS,GAAGN,OAAO;IACxB,IAAI,CAACO,WAAW,CAAC;MACf5B,KAAK,EAAE;QACL6B,SAAS,EAAEJ,KAAK;QAChBK,aAAa,EAAEL;MACjB;IACF,CAAC,EAAmB,IAAI,CAACM,mBAAmB,CAACC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAER,KAAK,EAAE,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC;EAClH;EAEAO,YAAY,CAAClC,KAAoB,EAAE;IACjC,oBACM,oBAAC,cAAc,QACTmC,aAA4B,IAAK;MACnC;QAAC,IAAI,CAACC,WAAW;MAAA;MACjB,IAAI,CAACrB,MAAM,GAAGoB,aAAa;MAC3B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;MAAK,gBACnC,oBAAC,QAAQ;QAAC,SAAS,EAAEtC,KAAK,CAACuC,SAAU;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACG,MAAO;QAAC,QAAQ,EAAExC,KAAK,CAACyC,QAAS;QAAC,KAAK,EAAE,IAAI,CAACxC,WAAW,CAAC+B,IAAI,CAAC,IAAI;MAAE,EAAY,CACtI;IACT,CAAC,CACc;EAEzB;AACF"}

app-rn-runtime/components/device/camera/camera.props.js

@@ -14,7 +14,6 @@ export default class WmCameraProps extends BaseProps {
     _defineProperty(this, "imagetargetwidth", null);
     _defineProperty(this, "imagetargetheight", null);
     _defineProperty(this, "datavalue", void 0);
-    _defineProperty(this, "localFile", '');
     _defineProperty(this, "localFilePath", '');
   }
 }

app-rn-runtime/components/device/camera/camera.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmCameraProps"],"sources":["camera.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCameraProps extends BaseProps {\n  allowedit: boolean = false;\n  capturetype: string = 'IMAGE';\n  iconclass: string = 'wm-sl-l sl-camera';\n  iconsize: number = 16;\n  imagequality: number = 80;\n  imageencodingtype: string = 'JPEG';\n  imagetargetwidth: number = null as any;\n  imagetargetheight: number = null as any;\n  datavalue: any;\n  localFile: string = '';\n  localFilePath: string = '';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,mCAC9B,KAAK;IAAA,qCACJ,OAAO;IAAA,mCACT,mBAAmB;IAAA,kCACpB,EAAE;IAAA,sCACE,EAAE;IAAA,2CACG,MAAM;IAAA,0CACP,IAAI;IAAA,2CACH,IAAI;IAAA;IAAA,mCAEZ,EAAE;IAAA,uCACE,EAAE;EAAA;AAC5B"}
+{"version":3,"names":["BaseProps","WmCameraProps"],"sources":["camera.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCameraProps extends BaseProps {\n  allowedit: boolean = false;\n  capturetype: string = 'IMAGE';\n  iconclass: string = 'wm-sl-l sl-camera';\n  iconsize: number = 16;\n  imagequality: number = 80;\n  imageencodingtype: string = 'JPEG';\n  imagetargetwidth: number = null as any;\n  imagetargetheight: number = null as any;\n  datavalue: any;\n  localFilePath: string = '';\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,mCAC9B,KAAK;IAAA,qCACJ,OAAO;IAAA,mCACT,mBAAmB;IAAA,kCACpB,EAAE;IAAA,sCACE,EAAE;IAAA,2CACG,MAAM;IAAA,0CACP,IAAI;IAAA,2CACH,IAAI;IAAA;IAAA,uCAER,EAAE;EAAA;AAC5B"}

app-rn-runtime/components/dialogs/dialog/dialog.component.js

@@ -68,7 +68,7 @@ export default class WmDialog extends BaseComponent {
         value: this.theme
       }, /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, props.showheader ? /*#__PURE__*/React.createElement(View, {
+      }, this._background, props.showheader ? /*#__PURE__*/React.createElement(View, {
         style: this.styles.header
       }, /*#__PURE__*/React.createElement(View, {
         style: this.styles.headerLabel

app-rn-runtime/components/dialogs/dialog/dialog.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ModalConsumer","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","WmDialog","constructor","props","hideMode","DONOT_ADD_TO_DOM","state","modalOptions","onClose","Promise","res","updateState","show","invokeEventCallback","onOpen","open","close","_close","prepareModalOptions","content","modalService","o","name","modalStyle","styles","modal","contentStyle","isModal","centered","animation","hideModal","renderWidget","showModal","theme","root","showheader","header","headerLabel","title","iconclass","icon","closable","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\n\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nimport WmDialogProps from './dialog.props';\nimport { DEFAULT_CLASS, WmDialogStyles } from './dialog.styles';\n\nexport class WmDialogState extends BaseComponentState<WmDialogProps> {\n  modalOptions = {} as ModalOptions;\n}\n\nexport default class WmDialog extends BaseComponent<WmDialogProps, WmDialogState, WmDialogStyles> {\n\n  private _close: Function = () => {};\n\n  constructor(props: WmDialogProps) {\n    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.state.modalOptions.onClose = () => {\n      return new Promise<void>((res) => {\n        this.updateState({\n          props: {show: false}\n        } as WmDialogState, () => {\n          this.invokeEventCallback('onClose', [null, this]);\n          res();\n        });\n      });\n    };\n    this.state.modalOptions.onOpen = () => {\n      this.invokeEventCallback('onOpened', [null, this]);\n    };\n  }\n\n  open() {\n    if (!this.state.props.show) {\n      this.updateState({\n        props:{show: true}\n      } as WmDialogState);\n    }\n  }\n\n  close() {\n    this._close();\n  }\n\n  prepareModalOptions(content: React.ReactNode, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.name = this.state.props.name;\n    o.modalStyle = this.styles.modal;\n    o.content = content;\n    o.contentStyle = this.styles.content;\n    o.isModal = !!this.state.props.modal;\n    o.centered = true;\n    o.animation = this.state.props.animation;\n    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <ThemeProvider value={this.theme}>\n            <View style={this.styles.root}>\n              {props.showheader ? (<View style={this.styles.header}>\n                <View style={this.styles.headerLabel}>\n                  <WmIcon caption={props.title} iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>\n                </View>\n                {props.closable && <WmButton show={props.closable} iconclass=\"wm-sl-l sl-close\" onTap={() => this.close()} styles={this.styles.closeBtn}></WmButton>}\n              </View>) : null}\n              {props.children}\n            </View>\n          </ThemeProvider>\n        ), modalService));\n        return null;\n      }}\n    </ModalConsumer>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAeC,IAAI,QAAQ,cAAc;AAEzC,SAASC,aAAa,QAAoC,8CAA8C;AACxG,SAASC,QAAQ,QAAQ,6CAA6C;AACtE,SAASC,aAAa,QAAQ,wCAAwC;AACtE,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AACnF,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAE/D,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;EAAA;IAAA;IAAA,sCACpD,CAAC,CAAC;EAAA;AACnB;AAEA,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAIhGQ,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,aAAa,EAAE,EAAE,IAAIE,aAAa,EAAE,CAAC;IAAC,gCAH7C,MAAM,CAAC,CAAC;IAIjC,IAAI,CAACI,QAAQ,GAAGZ,QAAQ,CAACa,gBAAgB;IACzC,IAAI,CAACC,KAAK,CAACC,YAAY,CAACC,OAAO,GAAG,MAAM;MACtC,OAAO,IAAIC,OAAO,CAAQC,GAAG,IAAK;QAChC,IAAI,CAACC,WAAW,CAAC;UACfR,KAAK,EAAE;YAACS,IAAI,EAAE;UAAK;QACrB,CAAC,EAAmB,MAAM;UACxB,IAAI,CAACC,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;UACjDH,GAAG,EAAE;QACP,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ,CAAC;IACD,IAAI,CAACJ,KAAK,CAACC,YAAY,CAACO,MAAM,GAAG,MAAM;MACrC,IAAI,CAACD,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACpD,CAAC;EACH;EAEAE,IAAI,GAAG;IACL,IAAI,CAAC,IAAI,CAACT,KAAK,CAACH,KAAK,CAACS,IAAI,EAAE;MAC1B,IAAI,CAACD,WAAW,CAAC;QACfR,KAAK,EAAC;UAACS,IAAI,EAAE;QAAI;MACnB,CAAC,CAAkB;IACrB;EACF;EAEAI,KAAK,GAAG;IACN,IAAI,CAACC,MAAM,EAAE;EACf;EAEAC,mBAAmB,CAACC,OAAwB,EAAEC,YAA0B,EAAE;IACxE,MAAMC,CAAC,GAAG,IAAI,CAACf,KAAK,CAACC,YAAY;IACjCc,CAAC,CAACC,IAAI,GAAG,IAAI,CAAChB,KAAK,CAACH,KAAK,CAACmB,IAAI;IAC9BD,CAAC,CAACE,UAAU,GAAG,IAAI,CAACC,MAAM,CAACC,KAAK;IAChCJ,CAAC,CAACF,OAAO,GAAGA,OAAO;IACnBE,CAAC,CAACK,YAAY,GAAG,IAAI,CAACF,MAAM,CAACL,OAAO;IACpCE,CAAC,CAACM,OAAO,GAAG,CAAC,CAAC,IAAI,CAACrB,KAAK,CAACH,KAAK,CAACsB,KAAK;IACpCJ,CAAC,CAACO,QAAQ,GAAG,IAAI;IACjBP,CAAC,CAACQ,SAAS,GAAG,IAAI,CAACvB,KAAK,CAACH,KAAK,CAAC0B,SAAS;IACxC,IAAI,CAACZ,MAAM,GAAG,MAAMG,YAAY,CAACU,SAAS,CAAC,IAAI,CAACxB,KAAK,CAACC,YAAY,CAAC;IACnE,OAAOc,CAAC;EACV;EAEAU,YAAY,CAAC5B,KAAoB,EAAE;IACjC,oBAAQ,oBAAC,aAAa,QAClBiB,YAA0B,IAAK;MAC/BA,YAAY,CAACY,SAAS,CAAC,IAAI,CAACd,mBAAmB,eAC7C,oBAAC,aAAa;QAAC,KAAK,EAAE,IAAI,CAACe;MAAM,gBAC/B,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACT,MAAM,CAACU;MAAK,GAC3B/B,KAAK,CAACgC,UAAU,gBAAI,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACX,MAAM,CAACY;MAAO,gBACnD,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACZ,MAAM,CAACa;MAAY,gBACnC,oBAAC,MAAM;QAAC,OAAO,EAAElC,KAAK,CAACmC,KAAM;QAAC,SAAS,EAAEnC,KAAK,CAACoC,SAAU;QAAC,MAAM,EAAE,IAAI,CAACf,MAAM,CAACgB;MAAK,EAAU,CACxF,EACNrC,KAAK,CAACsC,QAAQ,iBAAI,oBAAC,QAAQ;QAAC,IAAI,EAAEtC,KAAK,CAACsC,QAAS;QAAC,SAAS,EAAC,kBAAkB;QAAC,KAAK,EAAE,MAAM,IAAI,CAACzB,KAAK,EAAG;QAAC,MAAM,EAAE,IAAI,CAACQ,MAAM,CAACkB;MAAS,EAAY,CAC/I,GAAI,IAAI,EACdvC,KAAK,CAACwC,QAAQ,CACV,CACO,EACfvB,YAAY,CAAC,CAAC;MACjB,OAAO,IAAI;IACb,CAAC,CACa;EAClB;AACF"}
+{"version":3,"names":["React","View","ModalConsumer","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","WmDialog","constructor","props","hideMode","DONOT_ADD_TO_DOM","state","modalOptions","onClose","Promise","res","updateState","show","invokeEventCallback","onOpen","open","close","_close","prepareModalOptions","content","modalService","o","name","modalStyle","styles","modal","contentStyle","isModal","centered","animation","hideModal","renderWidget","showModal","theme","root","_background","showheader","header","headerLabel","title","iconclass","icon","closable","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\n\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nimport WmDialogProps from './dialog.props';\nimport { DEFAULT_CLASS, WmDialogStyles } from './dialog.styles';\n\nexport class WmDialogState extends BaseComponentState<WmDialogProps> {\n  modalOptions = {} as ModalOptions;\n}\n\nexport default class WmDialog extends BaseComponent<WmDialogProps, WmDialogState, WmDialogStyles> {\n\n  private _close: Function = () => {};\n\n  constructor(props: WmDialogProps) {\n    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.state.modalOptions.onClose = () => {\n      return new Promise<void>((res) => {\n        this.updateState({\n          props: {show: false}\n        } as WmDialogState, () => {\n          this.invokeEventCallback('onClose', [null, this]);\n          res();\n        });\n      });\n    };\n    this.state.modalOptions.onOpen = () => {\n      this.invokeEventCallback('onOpened', [null, this]);\n    };\n  }\n\n  open() {\n    if (!this.state.props.show) {\n      this.updateState({\n        props:{show: true}\n      } as WmDialogState);\n    }\n  }\n\n  close() {\n    this._close();\n  }\n\n  prepareModalOptions(content: React.ReactNode, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.name = this.state.props.name;\n    o.modalStyle = this.styles.modal;\n    o.content = content;\n    o.contentStyle = this.styles.content;\n    o.isModal = !!this.state.props.modal;\n    o.centered = true;\n    o.animation = this.state.props.animation;\n    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <ThemeProvider value={this.theme}>\n            <View style={this.styles.root}>\n            {this._background}\n              {props.showheader ? (<View style={this.styles.header}>\n                <View style={this.styles.headerLabel}>\n                  <WmIcon caption={props.title} iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>\n                </View>\n                {props.closable && <WmButton show={props.closable} iconclass=\"wm-sl-l sl-close\" onTap={() => this.close()} styles={this.styles.closeBtn}></WmButton>}\n              </View>) : null}\n              {props.children}\n            </View>\n          </ThemeProvider>\n        ), modalService));\n        return null;\n      }}\n    </ModalConsumer>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/dialogs/dialogactions/dialogactions.component.js

@@ -15,7 +15,7 @@ export default class WmDialogactions extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=dialogactions.component.js.map

app-rn-runtime/components/dialogs/dialogactions/dialogactions.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmDialogactionsProps","DEFAULT_CLASS","WmDialogactionsState","WmDialogactions","constructor","props","renderWidget","styles","root","children"],"sources":["dialogactions.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogactionsProps from './dialogactions.props';\nimport { DEFAULT_CLASS, WmDialogactionsStyles } from './dialogactions.styles';\n\nexport class WmDialogactionsState extends BaseComponentState<WmDialogactionsProps> {}\n\nexport default class WmDialogactions extends BaseComponent<WmDialogactionsProps, WmDialogactionsState, WmDialogactionsStyles> {\n  __TYPE='WmDialogactions';\n\n  constructor(props: WmDialogactionsProps) {\n    super(props, DEFAULT_CLASS, new WmDialogactionsProps());\n  }\n\n  renderWidget(props: WmDialogactionsProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAG5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;IAAC,gCAHnD,iBAAiB;EAIxB;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmDialogactionsProps","DEFAULT_CLASS","WmDialogactionsState","WmDialogactions","constructor","props","renderWidget","styles","root","_background","children"],"sources":["dialogactions.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogactionsProps from './dialogactions.props';\nimport { DEFAULT_CLASS, WmDialogactionsStyles } from './dialogactions.styles';\n\nexport class WmDialogactionsState extends BaseComponentState<WmDialogactionsProps> {}\n\nexport default class WmDialogactions extends BaseComponent<WmDialogactionsProps, WmDialogactionsState, WmDialogactionsStyles> {\n  __TYPE='WmDialogactions';\n\n  constructor(props: WmDialogactionsProps) {\n    super(props, DEFAULT_CLASS, new WmDialogactionsProps());\n  }\n\n  renderWidget(props: WmDialogactionsProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAG5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;IAAC,gCAHnD,iBAAiB;EAIxB;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

app-rn-runtime/components/dialogs/dialogcontent/dialogcontent.component.js

@@ -14,7 +14,7 @@ export default class WmDialogcontent extends BaseComponent {
       style: {
         maxHeight: '90%'
       }
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=dialogcontent.component.js.map

app-rn-runtime/components/dialogs/dialogcontent/dialogcontent.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","styles","root","maxHeight","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView contentContainerStyle={this.styles.root} style={{maxHeight: '90%'}}>{props.children}</ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACE,MAAM,CAACC,IAAK;MAAC,KAAK,EAAE;QAACC,SAAS,EAAE;MAAK;IAAE,GAAEJ,KAAK,CAACK,QAAQ,CAAc;EACvH;AACF"}
+{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","styles","root","maxHeight","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView contentContainerStyle={this.styles.root} style={{maxHeight: '90%'}}>{this._background}{props.children}</ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACE,MAAM,CAACC,IAAK;MAAC,KAAK,EAAE;QAACC,SAAS,EAAE;MAAK;IAAE,GAAE,IAAI,CAACC,WAAW,EAAEL,KAAK,CAACM,QAAQ,CAAc;EACzI;AACF"}

app-rn-runtime/components/input/baseinput/baseinput.component.js

@@ -6,6 +6,7 @@ import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/cor
 import { isString } from 'lodash';
 import { Platform } from 'react-native';
 import { validateField } from '@wavemaker/app-rn-runtime/core/utils';
+import Injector from '@wavemaker/app-rn-runtime/core/injector';
 export class BaseInputState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -31,6 +32,10 @@ export class BaseInputComponent extends BaseComponent {
     var _this$widgetRef;
     this === null || this === void 0 ? void 0 : (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 ? void 0 : _this$widgetRef.focus();
   }
+  blur() {
+    var _this$widgetRef2, _this$widgetRef3;
+    (this === null || this === void 0 ? void 0 : (_this$widgetRef2 = this.widgetRef) === null || _this$widgetRef2 === void 0 ? void 0 : _this$widgetRef2.blur) && (this === null || this === void 0 ? void 0 : (_this$widgetRef3 = this.widgetRef) === null || _this$widgetRef3 === void 0 ? void 0 : _this$widgetRef3.blur());
+  }
   onPropertyChange(name, $new, $old) {
     switch (name) {
       case 'type':
@@ -106,6 +111,7 @@ export class BaseInputComponent extends BaseComponent {
     });
   }
   onBlur(event) {
+    Injector.FOCUSED_ELEMENT.remove();
     this.isTouched = true;
     let newVal = event.target.value || this.state.textValue;
     let oldVal = this.state.props.datavalue || '';
@@ -131,6 +137,7 @@ export class BaseInputComponent extends BaseComponent {
     });
   }
   onFocus(event) {
+    Injector.FOCUSED_ELEMENT.set(this);
     this.invokeEventCallback('onFocus', [event, this.proxy]);
   }
   onKeyPress(event) {

app-rn-runtime/components/input/baseinput/baseinput.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_CLASS","BaseComponent","BaseComponentState","isString","Platform","validateField","BaseInputState","BaseInputComponent","constructor","props","defaultClass","defaultProps","defaultState","focus","widgetRef","onPropertyChange","name","$new","$old","keyboardType","type","updateState","textValue","isDefault","state","onFieldChange","bind","onChange","event","updateon","updateDatavalue","target","value","onChangeText","validate","invokeChange","e","OS","cursor","selectionStart","setState","source","oldValue","datavalue","autotrim","trim","invokeEventCallback","proxy","onBlur","isTouched","newVal","oldVal","setTimeout","triggerValidation","validationObj","isValid","errorType","onFocus","onKeyPress"],"sources":["baseinput.component.ts"],"sourcesContent":["import { DEFAULT_CLASS } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles\";\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport BaseInputProps from './baseinput.props';\nimport { isString } from 'lodash';\nimport { BaseInputStyles } from './baseinput.styles';\nimport { Platform, TextInput } from 'react-native';\nimport { validateField } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class BaseInputState <T extends BaseInputProps> extends BaseComponentState<T> {\n  keyboardType: any = 'default';\n  isValid: boolean = true;\n  textValue: string = '';\n  isDefault = false;\n  errorType: string = '';\n}\nexport abstract class BaseInputComponent< T extends BaseInputProps, S extends BaseInputState<T>, L extends BaseInputStyles> extends BaseComponent<T, S, L> {\n  public widgetRef: TextInput | null = null;\n  isTouched: boolean = false;\n  private cursor: any = 0;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'type':\n        let keyboardType;\n        if (this.props.type === 'number') {\n          keyboardType = 'numeric';\n        } else if (this.props.type === 'tel') {\n          keyboardType = 'phone-pad';\n        } else if (this.props.type === 'email') {\n          keyboardType = 'email-address';\n        }\n        this.updateState({\n          keyboardType: keyboardType,\n        } as S);\n        break;\n      case 'datavalue':\n        this.updateState({\n            textValue: $new\n          } as S\n        );\n        const isDefault = this.state.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }\n  }\n\n  onChangeText(value: any) {\n    this.updateState({\n        textValue: value\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(value);\n          this.updateDatavalue(value, null);\n        }\n      }\n    );\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n\n    // autotrim\n    if (props.autotrim && props.datavalue && isString(props.datavalue)) {\n      value = value.trim();\n    }\n\n    this.updateState({\n      props: {\n        datavalue: value\n      }\n    } as S, () => {\n        !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n        if (source === 'blur') {\n          this.invokeEventCallback('onBlur', [ event, this.proxy]);\n        }\n    })\n\n  }\n\n  onBlur(event: any) {\n    this.isTouched = true;\n    let newVal = event.target.value || this.state.textValue;\n    let oldVal = this.state.props.datavalue || '';\n    this.validate(newVal);\n    if (newVal === '') {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    if (this.state.props.updateon === 'blur') {\n      if (oldVal !== newVal) {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n  }\n\n  onFocus(event: any) {\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\n  }\n\n  onKeyPress(event: any) {\n    this.invokeEventCallback('onKeypress', [ event, this.proxy]);\n  }\n}\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,wEAAwE;AACtG,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,QAAQ,QAAmB,cAAc;AAClD,SAASC,aAAa,QAAQ,sCAAsC;AAEpE,OAAO,MAAMC,cAAc,SAAoCJ,kBAAkB,CAAI;EAAA;IAAA;IAAA,sCAC/D,SAAS;IAAA,iCACV,IAAI;IAAA,mCACH,EAAE;IAAA,mCACV,KAAK;IAAA,mCACG,EAAE;EAAA;AACxB;AACA,OAAO,MAAeK,kBAAkB,SAA4FN,aAAa,CAAU;EAIzJO,WAAW,CAACC,KAAQ,EAAmF;IAAA,IAA1EC,YAAoB,uEAAGV,aAAa;IAAA,IAAEW,YAAgB;IAAA,IAAEC,YAAgB;IACnG,KAAK,CAACH,KAAK,EAAEC,YAAY,EAAEC,YAAY,EAAEC,YAAY,CAAC;IAAC,KAD5BF,YAAoB,GAApBA,YAAoB;IAAA,mCAHZ,IAAI;IAAA,mCACpB,KAAK;IAAA,gCACJ,CAAC;EAGvB;EAEAG,KAAK,GAAG;IAAA;IACN,IAAI,aAAJ,IAAI,0CAAJ,IAAI,CAAEC,SAAS,oDAAf,gBAAiBD,KAAK,EAAE;EAC1B;EAEAE,gBAAgB,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,QAAQF,IAAI;MACV,KAAK,MAAM;QACT,IAAIG,YAAY;QAChB,IAAI,IAAI,CAACV,KAAK,CAACW,IAAI,KAAK,QAAQ,EAAE;UAChCD,YAAY,GAAG,SAAS;QAC1B,CAAC,MAAM,IAAI,IAAI,CAACV,KAAK,CAACW,IAAI,KAAK,KAAK,EAAE;UACpCD,YAAY,GAAG,WAAW;QAC5B,CAAC,MAAM,IAAI,IAAI,CAACV,KAAK,CAACW,IAAI,KAAK,OAAO,EAAE;UACtCD,YAAY,GAAG,eAAe;QAChC;QACA,IAAI,CAACE,WAAW,CAAC;UACfF,YAAY,EAAEA;QAChB,CAAC,CAAM;QACP;MACF,KAAK,WAAW;QACd,IAAI,CAACE,WAAW,CAAC;UACbC,SAAS,EAAEL;QACb,CAAC,CACF;QACD,MAAMM,SAAS,GAAG,IAAI,CAACC,KAAK,CAACD,SAAS;QACtC,IAAIA,SAAS,EAAE;UACb,IAAI,CAACF,WAAW,CAAC;YAAEE,SAAS,EAAE;UAAM,CAAC,EAAO,IAAI,CAACd,KAAK,CAACgB,aAAa,IAAI,IAAI,CAAChB,KAAK,CAACgB,aAAa,CAACC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAET,IAAI,EAAEC,IAAI,EAAEK,SAAS,CAAC,CAAC;QAClJ,CAAC,MAAM;UACL,IAAI,CAACd,KAAK,CAACgB,aAAa,IAAI,IAAI,CAAChB,KAAK,CAACgB,aAAa,CAAC,WAAW,EAAER,IAAI,EAAEC,IAAI,EAAEK,SAAS,CAAC;QAC1F;IAAC;EAEP;EAEAI,QAAQ,CAACC,KAAU,EAAE;IACnB,IAAI,IAAI,CAACJ,KAAK,CAACf,KAAK,CAACoB,QAAQ,KAAK,SAAS,EAAE;MAC3C,IAAI,CAACC,eAAe,CAACF,KAAK,CAACG,MAAM,CAACC,KAAK,EAAEJ,KAAK,CAAC;IACjD;EACF;EAEAK,YAAY,CAACD,KAAU,EAAE;IACvB,IAAI,CAACX,WAAW,CAAC;MACbC,SAAS,EAAEU;IACb,CAAC,EAAO,MAAM;MACZ,IAAI,IAAI,CAACR,KAAK,CAACf,KAAK,CAACoB,QAAQ,KAAK,SAAS,EAAE;QAC3C,IAAI,CAACK,QAAQ,CAACF,KAAK,CAAC;QACpB,IAAI,CAACF,eAAe,CAACE,KAAK,EAAE,IAAI,CAAC;MACnC;IACF,CAAC,CACF;EACH;EAEAG,YAAY,CAACC,CAAM,EAAE;IACnB,IAAIhC,QAAQ,CAACiC,EAAE,KAAK,KAAK,EAAE;MACzB,IAAI,CAACC,MAAM,GAAGF,CAAC,CAACL,MAAM,CAACQ,cAAc;MACrC,IAAI,CAACC,QAAQ,CAAC;QAAElB,SAAS,EAAEc,CAAC,CAACL,MAAM,CAACC;MAAM,CAAC,CAAC;IAC9C;EACF;EAEAF,eAAe,CAACE,KAAU,EAAEJ,KAAW,EAAEa,MAAY,EAAE;IACrD,MAAMhC,KAAK,GAAG,IAAI,CAACe,KAAK,CAACf,KAAK;IAC9B,MAAMiC,QAAQ,GAAGjC,KAAK,CAACkC,SAAS;IAChC,IAAIX,KAAK,KAAKU,QAAQ,EAAE;MACtB;IACF;;IAEA;IACA,IAAIjC,KAAK,CAACmC,QAAQ,IAAInC,KAAK,CAACkC,SAAS,IAAIxC,QAAQ,CAACM,KAAK,CAACkC,SAAS,CAAC,EAAE;MAClEX,KAAK,GAAGA,KAAK,CAACa,IAAI,EAAE;IACtB;IAEA,IAAI,CAACxB,WAAW,CAAC;MACfZ,KAAK,EAAE;QACLkC,SAAS,EAAEX;MACb;IACF,CAAC,EAAO,MAAM;MACV,CAAC,IAAI,CAACvB,KAAK,CAACgB,aAAa,IAAIO,KAAK,KAAKU,QAAQ,IAAI,IAAI,CAACI,mBAAmB,CAAC,UAAU,EAAE,CAAClB,KAAK,EAAE,IAAI,CAACmB,KAAK,EAAEf,KAAK,EAAEU,QAAQ,CAAC,CAAC;MAC7H,IAAID,MAAM,KAAK,MAAM,EAAE;QACrB,IAAI,CAACK,mBAAmB,CAAC,QAAQ,EAAE,CAAElB,KAAK,EAAE,IAAI,CAACmB,KAAK,CAAC,CAAC;MAC1D;IACJ,CAAC,CAAC;EAEJ;EAEAC,MAAM,CAACpB,KAAU,EAAE;IACjB,IAAI,CAACqB,SAAS,GAAG,IAAI;IACrB,IAAIC,MAAM,GAAGtB,KAAK,CAACG,MAAM,CAACC,KAAK,IAAI,IAAI,CAACR,KAAK,CAACF,SAAS;IACvD,IAAI6B,MAAM,GAAG,IAAI,CAAC3B,KAAK,CAACf,KAAK,CAACkC,SAAS,IAAI,EAAE;IAC7C,IAAI,CAACT,QAAQ,CAACgB,MAAM,CAAC;IACrB,IAAIA,MAAM,KAAK,EAAE,EAAE;MACjBE,UAAU,CAAC,MAAM;QACf,IAAI,CAAC3C,KAAK,CAAC4C,iBAAiB,IAAI,IAAI,CAAC5C,KAAK,CAAC4C,iBAAiB,EAAE;MAChE,CAAC,CAAC;IACJ;IACA,IAAI,IAAI,CAAC7B,KAAK,CAACf,KAAK,CAACoB,QAAQ,KAAK,MAAM,EAAE;MACxC,IAAIsB,MAAM,KAAKD,MAAM,EAAE;QACrB,IAAI,CAACpB,eAAe,CAACoB,MAAM,EAAEtB,KAAK,EAAE,MAAM,CAAC;MAC7C,CAAC,MAAM;QACL,IAAI,CAACkB,mBAAmB,CAAC,QAAQ,EAAE,CAAClB,KAAK,EAAE,IAAI,CAACmB,KAAK,CAAC,CAAC;MACzD;IACF;EACF;EAEAb,QAAQ,CAACF,KAAU,EAAE;IACnB,MAAMsB,aAAa,GAAGjD,aAAa,CAAC,IAAI,CAACmB,KAAK,CAACf,KAAK,EAAEuB,KAAK,CAAC;IAC5D,IAAI,CAACX,WAAW,CAAC;MACfkC,OAAO,EAAED,aAAa,CAACC,OAAO;MAC9BC,SAAS,EAAEF,aAAa,CAACE;IAC3B,CAAC,CAAM;EACT;EAEAC,OAAO,CAAC7B,KAAU,EAAE;IAClB,IAAI,CAACkB,mBAAmB,CAAC,SAAS,EAAE,CAAElB,KAAK,EAAE,IAAI,CAACmB,KAAK,CAAC,CAAC;EAC3D;EAEAW,UAAU,CAAC9B,KAAU,EAAE;IACrB,IAAI,CAACkB,mBAAmB,CAAC,YAAY,EAAE,CAAElB,KAAK,EAAE,IAAI,CAACmB,KAAK,CAAC,CAAC;EAC9D;AACF"}
+{"version":3,"names":["DEFAULT_CLASS","BaseComponent","BaseComponentState","isString","Platform","validateField","Injector","BaseInputState","BaseInputComponent","constructor","props","defaultClass","defaultProps","defaultState","focus","widgetRef","blur","onPropertyChange","name","$new","$old","keyboardType","type","updateState","textValue","isDefault","state","onFieldChange","bind","onChange","event","updateon","updateDatavalue","target","value","onChangeText","validate","invokeChange","e","OS","cursor","selectionStart","setState","source","oldValue","datavalue","autotrim","trim","invokeEventCallback","proxy","onBlur","FOCUSED_ELEMENT","remove","isTouched","newVal","oldVal","setTimeout","triggerValidation","validationObj","isValid","errorType","onFocus","set","onKeyPress"],"sources":["baseinput.component.ts"],"sourcesContent":["import { DEFAULT_CLASS } from \"@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles\";\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport BaseInputProps from './baseinput.props';\nimport { isString } from 'lodash';\nimport { BaseInputStyles } from './baseinput.styles';\nimport { Platform, TextInput } from 'react-native';\nimport { validateField } from '@wavemaker/app-rn-runtime/core/utils';\nimport Injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport class BaseInputState <T extends BaseInputProps> extends BaseComponentState<T> {\n  keyboardType: any = 'default';\n  isValid: boolean = true;\n  textValue: string = '';\n  isDefault = false;\n  errorType: string = '';\n}\nexport abstract class BaseInputComponent< T extends BaseInputProps, S extends BaseInputState<T>, L extends BaseInputStyles> extends BaseComponent<T, S, L> {\n  public widgetRef: TextInput | null = null;\n  isTouched: boolean = false;\n  private cursor: any = 0;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  blur() {\n    this?.widgetRef?.blur && this?.widgetRef?.blur();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'type':\n        let keyboardType;\n        if (this.props.type === 'number') {\n          keyboardType = 'numeric';\n        } else if (this.props.type === 'tel') {\n          keyboardType = 'phone-pad';\n        } else if (this.props.type === 'email') {\n          keyboardType = 'email-address';\n        }\n        this.updateState({\n          keyboardType: keyboardType,\n        } as S);\n        break;\n      case 'datavalue':\n        this.updateState({\n            textValue: $new\n          } as S\n        );\n        const isDefault = this.state.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }\n  }\n\n  onChangeText(value: any) {\n    this.updateState({\n        textValue: value\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(value);\n          this.updateDatavalue(value, null);\n        }\n      }\n    );\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n\n    // autotrim\n    if (props.autotrim && props.datavalue && isString(props.datavalue)) {\n      value = value.trim();\n    }\n\n    this.updateState({\n      props: {\n        datavalue: value\n      }\n    } as S, () => {\n        !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n        if (source === 'blur') {\n          this.invokeEventCallback('onBlur', [ event, this.proxy]);\n        }\n    })\n\n  }\n\n  onBlur(event: any) {\n    Injector.FOCUSED_ELEMENT.remove();\n    this.isTouched = true;\n    let newVal = event.target.value || this.state.textValue;\n    let oldVal = this.state.props.datavalue || '';\n    this.validate(newVal);\n    if (newVal === '') {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    if (this.state.props.updateon === 'blur') {\n      if (oldVal !== newVal) {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n  }\n\n  onFocus(event: any) {\n    Injector.FOCUSED_ELEMENT.set(this);\n    this.invokeEventCallback('onFocus', [ event, this.proxy]);\n  }\n\n  onKeyPress(event: any) {\n    this.invokeEventCallback('onKeypress', [ event, this.proxy]);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/input/calendar/calendar.component.js

@@ -95,7 +95,7 @@ export default class WmCalendar extends BaseComponent {
     this.invokeEventCallback('onBeforerender', [null, this]);
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(MonthView, {
+    }, this._background, /*#__PURE__*/React.createElement(MonthView, {
       date: this.state.selectedDate,
       selectDate: this.onDateChange,
       format: DEFAULT_DATE_FORMAT,

app-rn-runtime/components/input/calendar/calendar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","Map","DEFAULT_DATE_FORMAT","WmCalendar","constructor","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","root","marginTop","alignSelf","icon","styles","Math","min","length","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","onDateChange","renderDay","selectedDay","selectedDayText","weekDay","calendarHeader","weekDayText","dayWrapper","day","yearText","monthText","today","todayText","notDayOfCurrentMonth","prevYearBtn","prevMonthBtn","nextMonthBtn","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","Map","DEFAULT_DATE_FORMAT","WmCalendar","constructor","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","root","marginTop","alignSelf","icon","styles","Math","min","length","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","_background","onDateChange","renderDay","selectedDay","selectedDayText","weekDay","calendarHeader","weekDayText","dayWrapper","day","yearText","monthText","today","todayText","notDayOfCurrentMonth","prevYearBtn","prevMonthBtn","nextMonthBtn","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/input/checkbox/checkbox.component.js

@@ -9,7 +9,6 @@ import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/cor
 import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
 import WmCheckboxProps from './checkbox.props';
 import { DEFAULT_CLASS } from './checkbox.styles';
-import { createSkeleton } from '../../basic/skeleton/skeleton.component';
 export class WmCheckboxState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -80,25 +79,11 @@ export default class WmCheckbox extends BaseComponent {
       this.invokeEventCallback('onBlur', [null, this.proxy]);
     });
   }
-  renderSkeleton(props) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: this.styles.root,
-      onPress: this.onPress.bind(this)
-    }, /*#__PURE__*/React.createElement(Checkbox.Android, {
-      status: this.state.isChecked ? 'checked' : 'unchecked',
-      color: this.styles.text.color,
-      disabled: this.props.readonly || this.props.disabled
-    }), createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: this.styles.root.width,
-      height: this.styles.root.height
-    }));
-  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: this.styles.root,
       onPress: this.onPress.bind(this)
-    }, /*#__PURE__*/React.createElement(Checkbox.Android, {
+    }, this._background, /*#__PURE__*/React.createElement(Checkbox.Android, {
       status: this.state.isChecked ? 'checked' : 'unchecked',
       color: this.styles.text.color,
       disabled: props.readonly || props.disabled

app-rn-runtime/components/input/checkbox/checkbox.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Checkbox","TouchableOpacity","BaseComponent","BaseComponentState","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","createSkeleton","WmCheckboxState","WmCheckbox","constructor","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","readonly","invokeEventCallback","proxy","disabled","oldValue","uncheckedvalue","onFieldChange","renderSkeleton","styles","root","bind","text","color","theme","skeleton","width","height","renderWidget","checkboxLabel","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Checkbox } from 'react-native-paper';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\n  }\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmCheckboxState);\n  }\n\n  onPress() {\n    if (!this.state.props.readonly) {\n      this.invokeEventCallback('onFocus', [null, this.proxy]);\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled) {\n      return;\n    }\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  public renderSkeleton(props: WmCheckboxProps){\n    return (\n      <TouchableOpacity style={this.styles.root} onPress={this.onPress.bind(this)}>\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={this.props.readonly || this.props.disabled}/>\n          {\n            createSkeleton(this.theme, this.styles.skeleton, {\n              ...this.styles.root,\n              width: this.styles.root.width,\n              height: this.styles.root.height\n            })\n          }\n      </TouchableOpacity>\n    );\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity style={this.styles.root} onPress={this.onPress.bind(this)}>\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n          <Text style={this.styles.checkboxLabel}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","Checkbox","TouchableOpacity","BaseComponent","BaseComponentState","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","WmCheckboxState","WmCheckbox","constructor","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","readonly","invokeEventCallback","proxy","disabled","oldValue","uncheckedvalue","onFieldChange","renderWidget","styles","root","bind","_background","text","color","checkboxLabel","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Checkbox } from 'react-native-paper';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\n  }\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.updateState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as WmCheckboxState);\n  }\n\n  onPress() {\n    if (!this.state.props.readonly) {\n      this.invokeEventCallback('onFocus', [null, this.proxy]);\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled) {\n      return;\n    }\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity style={this.styles.root} onPress={this.onPress.bind(this)}>\n          {this._background}\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n          <Text style={this.styles.checkboxLabel}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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"}