@wavemaker/app-rn-runtime 11.5.2-next.141063 → 11.5.2-next.141066

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

@@ -3,8 +3,8 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { SectionList, Text, View, FlatList } from 'react-native';
-import { isArray, isEmpty, isNil, round } from 'lodash-es';
+import { ActivityIndicator, SectionList, Text, View, FlatList } from 'react-native';
+import { isArray, isEmpty, isNil, isNumber } from 'lodash-es';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { getGroupedData, isDefined } from "@wavemaker/app-rn-runtime/core/utils";
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
@@ -19,6 +19,7 @@ export class WmListState extends BaseComponentState {
     _defineProperty(this, "selectedindex", void 0);
     _defineProperty(this, "groupedData", []);
     _defineProperty(this, "currentPage", 1);
+    _defineProperty(this, "maxRecordsToShow", 20);
   }
 }
 export default class WmList extends BaseComponent {
@@ -27,6 +28,12 @@ export default class WmList extends BaseComponent {
     _defineProperty(this, "itemWidgets", []);
     _defineProperty(this, "selectedItemWidgets", {});
     _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
+    _defineProperty(this, "endThreshold", -1);
+    _defineProperty(this, "loadingData", false);
+    _defineProperty(this, "hasMoreData", true);
+    this.updateState({
+      maxRecordsToShow: this.state.props.pagesize
+    });
   }
   isSelected($item) {
     const selectedItem = this.state.props.selecteditem;
@@ -71,6 +78,42 @@ export default class WmList extends BaseComponent {
       });
     }
   }
+  get loadDataOnDemand() {
+    const navigation = this.state.props.navigation;
+    return navigation === 'Scroll' || navigation === 'On-Demand';
+  }
+  loadData() {
+    if (this.loadingData) {
+      return;
+    }
+    if (isArray(this.state.props.dataset) && this.state.props.dataset.length > this.state.maxRecordsToShow) {
+      this.updateState({
+        maxRecordsToShow: this.state.maxRecordsToShow + this.state.props.pagesize
+      });
+    } else if (this.loadDataOnDemand) {
+      const $list = this.proxy;
+      $list.loadingdata = true;
+      this.loadingData = true;
+      this.props.getNextPageData && this.props.getNextPageData(null, this.proxy, this.state.currentPage + 1).then(data => {
+        if (isArray(data) && data.length > 0 && isArray(this.state.props.dataset)) {
+          $list.dataset = [...this.state.props.dataset, ...data];
+          this.updateState({
+            currentPage: this.state.currentPage + 1,
+            maxRecordsToShow: this.state.maxRecordsToShow + this.state.props.pagesize
+          });
+          this.hasMoreData = true;
+        } else {
+          this.hasMoreData = false;
+        }
+      }).catch(err => {
+        console.error(err);
+      }).then(() => {
+        setTimeout(() => {
+          $list.loadingdata = false;
+        }, 1000);
+      });
+    }
+  }
   selectFirstItem() {
     const props = this.state.props;
     if (this.initialized && props.dataset && props.dataset.length) {
@@ -78,6 +121,52 @@ export default class WmList extends BaseComponent {
       this.onSelect(props.dataset[0], index);
     }
   }
+  clear() {
+    this.updateState({
+      groupedData: {}
+    });
+  }
+  selectItem(item) {
+    const dataset = this.state.props.dataset;
+    if (isNumber(item)) {
+      this.onSelect(dataset[item], item);
+    } else {
+      let index = dataset.indexOf(item);
+      this.onSelect(dataset[index], index);
+    }
+  }
+  getItem(index) {
+    const props = this.state.props;
+    return this.props.dataset[index];
+  }
+  deselect(item) {
+    const props = this.state.props;
+    let selectedItem = null;
+    let index = isNumber(item) ? item : props.dataset.indexOf(item);
+    if (props.multiselect && index >= 0) {
+      selectedItem = [...(props.selecteditem || [])];
+      let selectedItemIndex = selectedItem.indexOf(props.dataset[index]);
+      if (selectedItemIndex >= 0) {
+        selectedItem.splice(selectedItemIndex, 1);
+      }
+    } else {
+      if (props.selecteditem === props.dataset[index]) {
+        selectedItem = null;
+      }
+    }
+    this.updateState({
+      props: {
+        selecteditem: selectedItem
+      }
+    });
+  }
+  getWidgets(widgetname, index) {
+    if (index >= 0 && index < this.itemWidgets.length) {
+      return this.itemWidgets[index][widgetname];
+    } else {
+      return this.itemWidgets.map(item => item[widgetname]).filter(widget => widget !== undefined);
+    }
+  }
   deselectAll() {
     this.updateState({
       props: {
@@ -112,10 +201,17 @@ export default class WmList extends BaseComponent {
         if (this.state.props.groupby) {
           this.setGroupData($new);
         } else {
+          if (!($old && $old.length) && $new && $new.length && this.loadDataOnDemand) {
+            this.updateState({
+              props: {
+                dataset: [...$new]
+              }
+            });
+          }
           const data = isArray($new) ? $new : !isEmpty($new) && isDefined($new) ? [$new] : [];
           this.updateState({
             groupedData: data[0] || props.direction === 'horizontal' ? [{
-              key: '',
+              key: 'key',
               data: data
             }] : []
           }, () => {
@@ -142,6 +238,15 @@ export default class WmList extends BaseComponent {
         } else if (isArray(this.state.props.selecteditem)) {
           this.state.props.selecteditem = this.state.props.selecteditem.pop();
         }
+        break;
+      case 'loadingdata':
+        this.loadingData = $new && this.loadingData;
+        break;
+      case 'selecteditem':
+        if ($new != $old && isNumber($new)) {
+          this.selectItem(this.state.props.dataset[$new]);
+        }
+        break;
     }
   }
   componentDidMount() {
@@ -152,6 +257,12 @@ export default class WmList extends BaseComponent {
         this.onSelect(props.dataset[0], 0);
       });
     }
+    this.subscribe('scroll', event => {
+      const scrollPosition = event.nativeEvent.contentOffset.y + event.nativeEvent.layoutMeasurement.height;
+      if (scrollPosition > this.endThreshold && this.state.props.direction === 'vertical') {
+        this.loadData();
+      }
+    });
     super.componentDidMount();
   }
   componentDidUpdate(prevProps, prevState, snapshot) {
@@ -174,22 +285,22 @@ export default class WmList extends BaseComponent {
   renderItem(item, index, props) {
     const cols = this.getNoOfColumns();
     const isHorizontal = props.direction === 'horizontal';
-    return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(`item${index}`), {
+    return index < this.state.maxRecordsToShow || isHorizontal ? /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.item, props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null, this.isSelected(item) ? this.styles.selectedItem : {}]
+    }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(`item${index}`), {
       onTap: () => this.onSelect(item, index, true),
       onLongTap: () => this.invokeEventCallback('onLongtap', [null, this.proxy]),
       onDoubleTap: () => this.invokeEventCallback('onDoubletap', [null, this.proxy]),
       styles: [cols ? {
-        width: round(100 / cols, 2) + '%'
+        width: '100%'
       } : null, cols || isHorizontal ? {
         paddingRight: (isNil(this.styles.item.marginRight) ? this.styles.item.margin : this.styles.item.marginRight) || 4
       } : null]
-    }), /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.item, props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null, this.isSelected(item) ? this.styles.selectedItem : {}]
-    }, props.renderItem(item, index, this), this.isSelected(item) ? /*#__PURE__*/React.createElement(WmIcon, {
+    }), props.renderItem(item, index, this), this.isSelected(item) ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('icon' + index),
       iconclass: "wi wi-check-circle",
       styles: this.styles.selectedIcon
-    }) : null));
+    }) : null)) : null;
   }
   renderHeader(props, title) {
     return props.groupby ? /*#__PURE__*/React.createElement(Text, {
@@ -223,11 +334,13 @@ export default class WmList extends BaseComponent {
     });
   }
   renderLoadingIcon(props) {
-    return /*#__PURE__*/React.createElement(WmIcon, {
+    return props.loadingicon ? /*#__PURE__*/React.createElement(WmIcon, {
       id: this.getTestId('loadingicon'),
       styles: this.styles.loadingIcon,
       iconclass: props.loadingicon,
       caption: props.loadingdatamsg
+    }) : /*#__PURE__*/React.createElement(ActivityIndicator, {
+      color: this.styles.loadingIcon.text.color
     });
   }
   getNoOfColumns() {
@@ -237,25 +350,37 @@ export default class WmList extends BaseComponent {
     }
     return 0;
   }
+  onLayoutChange(e) {
+    const l = e.nativeEvent.layout;
+    this.endThreshold = l.height + l.y - 100;
+    if (!this.endThreshold) {
+      this.endThreshold = -1;
+    }
+  }
   renderWithFlatList(props) {
     let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
+      style: this.styles.root,
+      onLayout: e => this.onLayoutChange(e)
     }, !isEmpty(this.state.groupedData) ? this.state.groupedData.map((v, i) => /*#__PURE__*/React.createElement(View, {
-      style: {
-        marginBottom: 16
-      },
+      style: this.styles.group,
       key: v.key || this.keyExtractor.getKey(v, true)
     }, this.renderHeader(props, v.key), /*#__PURE__*/React.createElement(FlatList, _extends({
       key: props.name + '_' + (isHorizontal ? 'H' : 'V') + props.itemsperrow.xs,
       keyExtractor: (item, i) => this.generateItemKey(item, i, props),
+      scrollEnabled: isHorizontal,
       horizontal: isHorizontal,
-      data: v.data || [],
+      data: isEmpty(v.data[0]) ? [] : v.data,
       ListEmptyComponent: itemInfo => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props),
       renderItem: itemInfo => this.renderItem(itemInfo.item, itemInfo.index, props)
     }, isHorizontal ? {} : {
       numColumns: this.getNoOfColumns()
-    })))) : this.renderEmptyMessage(isHorizontal, null, null, props));
+    })), this.loadDataOnDemand || v.data.length > this.state.maxRecordsToShow ? this.loadingData ? this.renderLoadingIcon(props) : /*#__PURE__*/React.createElement(WmLabel, {
+      id: this.getTestId('ondemandmessage'),
+      styles: this.styles.onDemandMessage,
+      caption: this.hasMoreData && !isHorizontal ? props.ondemandmessage : props.nodatamessage,
+      onTap: () => this.loadData()
+    }) : null)) : this.renderEmptyMessage(isHorizontal, null, null, props));
   }
   getSectionListData() {
     if (this._showSkeleton) {
@@ -273,25 +398,15 @@ export default class WmList extends BaseComponent {
     return /*#__PURE__*/React.createElement(SectionList, {
       keyExtractor: (item, i) => this.generateItemKey(item, i, props),
       horizontal: isHorizontal,
-      onEndReached: _ref => {
-        let {
-          distanceFromEnd
-        } = _ref;
-        this.setState({
-          currentPage: this.state.currentPage + 1
-        });
-        this.invokeEventCallback('onEndReached', [null, this]);
-      },
       contentContainerStyle: this.styles.root,
-      onEndReachedThreshold: 0.3,
       sections: this.getSectionListData(),
-      renderSectionHeader: _ref2 => {
+      renderSectionHeader: _ref => {
         let {
           section: {
             key,
             data
           }
-        } = _ref2;
+        } = _ref;
         return this.renderHeader(props, key);
       },
       renderSectionFooter: () => props.loadingdata ? this.renderLoadingIcon(props) : null,

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

@@ -1 +1 @@
-{"version":3,"names":["React","SectionList","Text","View","FlatList","isArray","isEmpty","isNil","round","BaseComponent","BaseComponentState","getGroupedData","isDefined","Tappable","DefaultKeyExtractor","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","constructor","arguments","_defineProperty","WmList","props","isSelected","$item","selectedItem","state","selecteditem","indexOf","onSelect","$index","triggerTapEvent","length","undefined","disableitem","multiselect","index","selectionlimit","push","invokeEventCallback","splice","selectedItemWidgets","itemWidgets","updateState","selectedindex","proxy","selectFirstItem","initialized","dataset","groupby","deselectAll","setGroupData","items","dataItems","groupedData","match","orderby","dateformat","_this$keyExtractor","keyExtractor","clear","onPropertyChange","name","$new","$old","data","direction","key","_this$keyExtractor2","selectfirstitem","pop","componentDidMount","_props$dataset","setTimeout","componentDidUpdate","prevProps","prevState","snapshot","getDefaultStyles","isHorizontal","theme","getStyle","defaultClass","getIndex","item","generateItemKey","itemkey","_showSkeleton","getKey","renderItem","cols","getNoOfColumns","createElement","_extends","getTestPropsForAction","onTap","onLongTap","onDoubleTap","styles","width","paddingRight","marginRight","margin","style","itemclass","id","getTestId","iconclass","selectedIcon","renderHeader","title","groupHeading","subheading","heading","flex","flexDirection","listIcon","caption","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","itemsperrow","xs","renderWithFlatList","root","map","v","i","marginBottom","horizontal","ListEmptyComponent","itemInfo","numColumns","getSectionListData","renderWithSectionList","onEndReached","_ref","distanceFromEnd","setState","currentPage","contentContainerStyle","onEndReachedThreshold","sections","renderSectionHeader","_ref2","section","renderSectionFooter","loadingdata","renderWidget","_background"],"sources":["list.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, Text, View, TouchableWithoutFeedback, FlatList } from 'react-native';\nimport { isArray, isEmpty, isNil, round } 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 { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\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 keyExtractor = new DefaultKeyExtractor();\n  \n  constructor(props: WmListProps) {\n    super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());\n  }\n\n  private isSelected($item: any) {\n    const selectedItem = this.state.props.selecteditem;\n    if (isArray(selectedItem)) {\n      return selectedItem.indexOf($item) >= 0;\n    }\n    return selectedItem === $item;\n  }\n\n  private onSelect($item: any, $index: number | string, triggerTapEvent = false) {\n    const props = this.state.props;\n    let selectedItem = null as any;\n    if (props.disableitem !== true \n        && (typeof props.disableitem !== 'function' || !props.disableitem($item, $index))) {\n      if (props.multiselect) {\n        selectedItem = [...(props.selecteditem || [])];\n        const index = selectedItem.indexOf($item);\n        if (index < 0) {\n          if ((!props.selectionlimit)\n            || props.selectionlimit < 0\n            || selectedItem.length < props.selectionlimit) {\n            selectedItem.push($item);\n          } else {\n            this.invokeEventCallback('onSelectionlimitexceed', [null, this]);\n          }\n        } else {\n          selectedItem.splice(index, 1);\n        }\n      } else {\n        if (props.selecteditem === $item) {\n          selectedItem = null;\n        } else {\n          selectedItem = $item;\n        }\n      }\n      this.selectedItemWidgets = this.itemWidgets[$index as number];\n      this.updateState({\n        props: { selecteditem: selectedItem },\n        selectedindex: $index\n      } as WmListState, () => {\n        this.invokeEventCallback('onSelect', [this.proxy, $item]);\n        triggerTapEvent && this.invokeEventCallback('onTap', [null, this.proxy]);\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 deselectAll() {\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.keyExtractor?.clear();\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 : (!isEmpty($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.keyExtractor?.clear();\n          });\n        }\n        this.itemWidgets = [];\n        if (props.selectfirstitem) {\n          this.selectFirstItem();\n        } else {\n          this.deselectAll();\n        }\n      break;\n      case 'groupby':\n      case 'match':\n        this.setGroupData(this.state.props.dataset);\n        break;\n      case 'multiselect':\n        if ($new) {\n          if (!isArray(this.state.props.selecteditem)) {\n            this.state.props.selecteditem = this.state.props.selecteditem ? \n              [this.state.props.selecteditem] : [];\n          }\n        } else if (isArray(this.state.props.selecteditem)) {\n          this.state.props.selecteditem = this.state.props.selecteditem.pop();\n        }\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.keyExtractor.getKey(item, true);\n  }\n\n  private renderItem(item: any, index: number, props: WmListProps) {\n    const cols = this. getNoOfColumns();\n    const isHorizontal = (props.direction === 'horizontal');\n    return (  \n        <Tappable\n          {...this.getTestPropsForAction(`item${index}`)}\n          onTap={() => this.onSelect(item, index, true)}\n          onLongTap={() => this.invokeEventCallback('onLongtap', [null, this.proxy])}\n          onDoubleTap={() => this.invokeEventCallback('onDoubletap', [null, this.proxy])}\n          styles={\n            [\n              cols ? {\n                width: round(100/cols, 2) + '%'\n              } : null,\n              cols || isHorizontal? {\n                paddingRight: (isNil(this.styles.item.marginRight) \n                  ? this.styles.item.margin : this.styles.item.marginRight) || 4\n              }: null\n            ]\n          }>\n          <View style={[\n              this.styles.item,\n              props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null,\n              this.isSelected(item) ? this.styles.selectedItem : {}]}>\n            { props.renderItem(item, index, this)}\n            { this.isSelected(item) ? (\n              <WmIcon id={this.getTestId('icon' + index)}iconclass='wi wi-check-circle' styles={this.styles.selectedIcon} />\n            ) : null}\n          </View>\n        </Tappable>\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 id={this.getTestId('icon')} styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n          <View>\n            <WmLabel id={this.getTestId('title')} styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel id={this.getTestId('subheading')} 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  id={this.getTestId('emptymsg')} styles={this.styles.emptyMessage} caption={props.nodatamessage}></WmLabel>);\n  }\n\n  private renderLoadingIcon(props: WmListProps) {\n    return (<WmIcon\n      id={this.getTestId('loadingicon')}\n      styles={this.styles.loadingIcon}\n      iconclass={props.loadingicon}\n      caption={props.loadingdatamsg}></WmIcon>)\n  }\n\n  public getNoOfColumns() {\n    const props = this.state.props;\n    if(props.direction === 'vertical') {\n      return props.itemsperrow.xs;\n    }\n    return 0;\n  }\n\n  private renderWithFlatList(props: WmListProps, isHorizontal = false) {\n    return (\n    <View style={this.styles.root}>\n      {!isEmpty(this.state.groupedData) ? this.state.groupedData.map((v: any, i) => ((\n          <View style={{marginBottom: 16}} key={v.key || this.keyExtractor.getKey(v, true)}>\n            {this.renderHeader(props, v.key)}\n            <FlatList\n              key={props.name + '_' + (isHorizontal ? 'H' : 'V') + props.itemsperrow.xs}\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              {...(isHorizontal ? {} : {numColumns : this.getNoOfColumns()})}> \n            </FlatList>\n          </View>\n        ))) : this.renderEmptyMessage(isHorizontal, null, null,props)\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 \n        && this.state.groupedData[0] \n        && 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 style={isHorizontal ? null : { width: '100%' }}>\n          {this._background}\n          {(isHorizontal || !props.groupby) ?\n            this.renderWithFlatList(props, isHorizontal)\n          : this.renderWithSectionList(props, isHorizontal)}\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","ActivityIndicator","SectionList","Text","View","FlatList","isArray","isEmpty","isNil","isNumber","BaseComponent","BaseComponentState","getGroupedData","isDefined","Tappable","DefaultKeyExtractor","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","constructor","arguments","_defineProperty","WmList","props","updateState","maxRecordsToShow","state","pagesize","isSelected","$item","selectedItem","selecteditem","indexOf","onSelect","$index","triggerTapEvent","length","undefined","disableitem","multiselect","index","selectionlimit","push","invokeEventCallback","splice","selectedItemWidgets","itemWidgets","selectedindex","proxy","loadDataOnDemand","navigation","loadData","loadingData","dataset","$list","loadingdata","getNextPageData","currentPage","then","data","hasMoreData","catch","err","console","error","setTimeout","selectFirstItem","initialized","groupby","clear","groupedData","selectItem","item","getItem","deselect","selectedItemIndex","getWidgets","widgetname","map","filter","widget","deselectAll","setGroupData","items","dataItems","match","orderby","dateformat","_this$keyExtractor","keyExtractor","onPropertyChange","name","$new","$old","direction","key","_this$keyExtractor2","selectfirstitem","pop","componentDidMount","_props$dataset","subscribe","event","scrollPosition","nativeEvent","contentOffset","y","layoutMeasurement","height","endThreshold","componentDidUpdate","prevProps","prevState","snapshot","getDefaultStyles","isHorizontal","theme","getStyle","defaultClass","getIndex","generateItemKey","itemkey","_showSkeleton","getKey","renderItem","cols","getNoOfColumns","createElement","style","styles","itemclass","_extends","getTestPropsForAction","onTap","onLongTap","onDoubleTap","width","paddingRight","marginRight","margin","id","getTestId","iconclass","selectedIcon","renderHeader","title","groupHeading","subheading","heading","flex","flexDirection","listIcon","caption","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingicon","loadingIcon","loadingdatamsg","color","text","itemsperrow","xs","onLayoutChange","e","l","layout","renderWithFlatList","root","onLayout","v","i","group","scrollEnabled","horizontal","ListEmptyComponent","itemInfo","numColumns","onDemandMessage","ondemandmessage","getSectionListData","renderWithSectionList","contentContainerStyle","sections","renderSectionHeader","_ref","section","renderSectionFooter","renderWidget","_background"],"sources":["list.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ActivityIndicator, SectionList, Text, View, FlatList, LayoutChangeEvent } from 'react-native';\nimport { isArray, isEmpty, isNil, isNumber, round } 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 { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\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 = 1;\n  maxRecordsToShow = 20;\n}\n\nexport default class WmList extends BaseComponent<WmListProps, WmListState, WmListStyles> {\n\n  private itemWidgets = [] as any[];\n  private selectedItemWidgets = {} as any;\n  private keyExtractor = new DefaultKeyExtractor();\n  private endThreshold = -1;\n  private loadingData = false;\n  private hasMoreData = true;\n  \n  constructor(props: WmListProps) {\n    super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());\n    this.updateState({\n      maxRecordsToShow: this.state.props.pagesize\n    } as WmListState);\n  }\n\n  private isSelected($item: any) {\n    const selectedItem = this.state.props.selecteditem;\n    if (isArray(selectedItem)) {\n      return selectedItem.indexOf($item) >= 0;\n    }\n    return selectedItem === $item;\n  }\n\n  private onSelect($item: any, $index: number | string, triggerTapEvent = false) {\n    const props = this.state.props;\n    let selectedItem = null as any;\n    if (props.disableitem !== true \n        && (typeof props.disableitem !== 'function' || !props.disableitem($item, $index))) {\n      if (props.multiselect) {\n        selectedItem = [...(props.selecteditem || [])];\n        const index = selectedItem.indexOf($item);\n        if (index < 0) {\n          if ((!props.selectionlimit)\n            || props.selectionlimit < 0\n            || selectedItem.length < props.selectionlimit) {\n            selectedItem.push($item);\n          } else {\n            this.invokeEventCallback('onSelectionlimitexceed', [null, this]);\n          }\n        } else {\n          selectedItem.splice(index, 1);\n        }\n      } else {\n        if (props.selecteditem === $item) {\n          selectedItem = null;\n        } else {\n          selectedItem = $item;\n        }\n      }\n      this.selectedItemWidgets = this.itemWidgets[$index as number];\n      this.updateState({\n        props: { selecteditem: selectedItem },\n        selectedindex: $index\n      } as WmListState, () => {\n        this.invokeEventCallback('onSelect', [this.proxy, $item]);\n        triggerTapEvent && this.invokeEventCallback('onTap', [null, this.proxy]);\n      });\n    }\n  }\n\n  private get loadDataOnDemand() {\n    const navigation = this.state.props.navigation;\n    return navigation === 'Scroll' || navigation === 'On-Demand';\n  }\n\n  private loadData() {\n    if (this.loadingData) {\n      return;\n    }\n    if (isArray(this.state.props.dataset) \n      && this.state.props.dataset.length > this.state.maxRecordsToShow) {\n      this.updateState({\n        maxRecordsToShow: this.state.maxRecordsToShow + this.state.props.pagesize\n      } as WmListState);\n    } else if (this.loadDataOnDemand) {\n      const $list = this.proxy as any;\n      $list.loadingdata = true;\n      this.loadingData = true;\n      this.props.getNextPageData && this.props.getNextPageData(null, this.proxy, this.state.currentPage + 1).then((data) => {\n        if (isArray(data) && data.length > 0\n          && isArray(this.state.props.dataset)) {\n            $list.dataset = [...this.state.props.dataset, ...data];\n            this.updateState({\n              currentPage : this.state.currentPage + 1,\n              maxRecordsToShow: this.state.maxRecordsToShow + this.state.props.pagesize\n            } as WmListState);\n            this.hasMoreData = true;\n        } else {\n          this.hasMoreData = false;\n        }\n      }).catch((err) => {\n        console.error(err);\n      }).then(() => {\n        setTimeout(() => {\n          $list.loadingdata = false;\n        }, 1000);\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  clear(){\n    this.updateState({\n      groupedData: {},\n    } as WmListState);\n  }\n\n  selectItem(item: any){\n    const dataset = this.state.props.dataset;\n    if(isNumber(item)){\n      this.onSelect(dataset[item], item);\n    }\n    else{\n      let index = dataset.indexOf(item);\n      this.onSelect(dataset[index], index);\n    }\n  }\n\n  getItem(index: number){\n    const props = this.state.props;\n    return this.props.dataset[index]\n  }\n\n  deselect(item: any){\n    const props = this.state.props;\n    let selectedItem = null as any;\n    let index = isNumber(item)?item:props.dataset.indexOf(item);\n    if(props.multiselect && index >= 0){\n      selectedItem = [...(props.selecteditem || [])];\n      let selectedItemIndex = selectedItem.indexOf(props.dataset[index])\n      if(selectedItemIndex >= 0){\n        selectedItem.splice(selectedItemIndex, 1);\n      }\n    }\n    else{\n      if (props.selecteditem === props.dataset[index]) {\n        selectedItem = null;\n      }\n    }\n    this.updateState({\n      props: { selecteditem: selectedItem },\n      \n    } as WmListState);\n  }\n  \n  getWidgets(widgetname: string, index: number){\n    if(index >= 0 && index < this.itemWidgets.length){\n      return this.itemWidgets[index][widgetname]\n    }\n    else{\n      return this.itemWidgets.map(item => item[widgetname]).filter(widget => widget !== undefined);\n    }\n  }\n\n  private deselectAll() {\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.keyExtractor?.clear();\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          if (!($old && $old.length)\n            && $new && $new.length\n            && this.loadDataOnDemand) {\n              this.updateState({\n                props: {\n                  dataset: [...$new]\n                }\n              } as WmListState);\n          }\n          const data = isArray($new) ? $new : (!isEmpty($new) && isDefined($new) ? [$new] : []);\n          this.updateState({\n            groupedData: (data[0] || props.direction === 'horizontal' ? [{\n              key: 'key',\n              data: data\n            }] : [])\n          } as WmListState, () => {\n            this.keyExtractor?.clear();\n          });\n        }\n        this.itemWidgets = [];\n        if (props.selectfirstitem) {\n          this.selectFirstItem();\n        } else {\n          this.deselectAll();\n        }\n      break;\n      case 'groupby':\n      case 'match':\n        this.setGroupData(this.state.props.dataset);\n        break;\n      case 'multiselect':\n        if ($new) {\n          if (!isArray(this.state.props.selecteditem)) {\n            this.state.props.selecteditem = this.state.props.selecteditem ? \n              [this.state.props.selecteditem] : [];\n          }\n        } else if (isArray(this.state.props.selecteditem)) {\n          this.state.props.selecteditem = this.state.props.selecteditem.pop();\n        }\n        break;\n      case 'loadingdata': \n        this.loadingData = $new && this.loadingData;\n        break;\n      case 'selecteditem':\n        if($new != $old && isNumber($new)) {\n          this.selectItem(this.state.props.dataset[$new])\n        }\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    this.subscribe('scroll', (event: any) => {\n      const scrollPosition = event.nativeEvent.contentOffset.y  + event.nativeEvent.layoutMeasurement.height;\n      if (scrollPosition > this.endThreshold && this.state.props.direction === 'vertical') {\n        this.loadData();\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.keyExtractor.getKey(item, true);\n  }\n\n  private renderItem(item: any, index: number, props: WmListProps) {\n    const cols = this. getNoOfColumns();\n    const isHorizontal = (props.direction === 'horizontal');\n    return (index < this.state.maxRecordsToShow || isHorizontal) ? (  \n      <View style={[\n        this.styles.item,\n        props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null,\n        this.isSelected(item) ? this.styles.selectedItem : {}]}>\n        <Tappable\n          {...this.getTestPropsForAction(`item${index}`)}\n          onTap={() => this.onSelect(item, index, true)}\n          onLongTap={() => this.invokeEventCallback('onLongtap', [null, this.proxy])}\n          onDoubleTap={() => this.invokeEventCallback('onDoubletap', [null, this.proxy])}\n          styles={\n            [\n              cols ? {\n                width: '100%'\n              } : null,\n              cols || isHorizontal ? {\n                paddingRight: (isNil(this.styles.item.marginRight)\n                  ? this.styles.item.margin : this.styles.item.marginRight) || 4\n              } : null\n            ]\n          }>\n          {props.renderItem(item, index, this)}\n          {this.isSelected(item) ? (\n            <WmIcon id={this.getTestId('icon' + index)} iconclass='wi wi-check-circle' styles={this.styles.selectedIcon} />\n          ) : null}\n        </Tappable>\n      </View>\n      ) : null;\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 id={this.getTestId('icon')} styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n          <View>\n            <WmLabel id={this.getTestId('title')} styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel id={this.getTestId('subheading')} 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  id={this.getTestId('emptymsg')} styles={this.styles.emptyMessage} caption={props.nodatamessage}></WmLabel>);\n  }\n\n  private renderLoadingIcon(props: WmListProps) {\n    return props.loadingicon ? (<WmIcon\n      id={this.getTestId('loadingicon')}\n      styles={this.styles.loadingIcon}\n      iconclass={props.loadingicon}\n      caption={props.loadingdatamsg}></WmIcon>)\n      : (\n        <ActivityIndicator color={this.styles.loadingIcon.text.color}></ActivityIndicator>\n      );\n  }\n\n  public getNoOfColumns() {\n    const props = this.state.props;\n    if(props.direction === 'vertical') {\n      return props.itemsperrow.xs;\n    }\n    return 0;\n  }\n\n  private onLayoutChange(e: LayoutChangeEvent) {\n    const l = e.nativeEvent.layout;\n    this.endThreshold = l.height + l.y - 100;\n    if (!this.endThreshold) {\n      this.endThreshold = -1;\n    }\n  }\n\n  private renderWithFlatList(props: WmListProps, isHorizontal = false) {\n    return (\n    <View style={this.styles.root} onLayout={e => this.onLayoutChange(e)}>\n      {!isEmpty(this.state.groupedData) ? this.state.groupedData.map((v: any, i) => ((\n          <View style={this.styles.group} key={v.key || this.keyExtractor.getKey(v, true)}>\n            {this.renderHeader(props, v.key)}\n            <FlatList\n              key={props.name + '_' + (isHorizontal ? 'H' : 'V') + props.itemsperrow.xs}\n              keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n              scrollEnabled={isHorizontal}\n              horizontal = {isHorizontal}\n              data={isEmpty(v.data[0]) ? []: v.data}\n              ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n              renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)} \n              {...(isHorizontal ? {} : {numColumns : this.getNoOfColumns()})}> \n            </FlatList>\n            {this.loadDataOnDemand || (v.data.length > this.state.maxRecordsToShow) ? \n              (this.loadingData ? \n                this.renderLoadingIcon(props) :\n                (<WmLabel id={this.getTestId('ondemandmessage')}\n                  styles={this.styles.onDemandMessage}\n                  caption={this.hasMoreData && !isHorizontal ? props.ondemandmessage : props.nodatamessage}\n                  onTap={() => this.loadData()}></WmLabel>))\n              : null}\n          </View>\n        ))) : this.renderEmptyMessage(isHorizontal, null, null,props)\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 \n        && this.state.groupedData[0] \n        && 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        contentContainerStyle={this.styles.root}\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 style={isHorizontal ? null : { width: '100%' }}>\n          {this._background}\n          {(isHorizontal || !props.groupby) ?\n            this.renderWithFlatList(props, isHorizontal)\n          : this.renderWithSectionList(props, isHorizontal)}\n      </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/data/list/list.props.js

@@ -9,12 +9,14 @@ export default class WmListProps extends BaseProps {
     super(...arguments);
     _defineProperty(this, "formRef", void 0);
     _defineProperty(this, "iconclass", null);
+    _defineProperty(this, "deferload", false);
+    _defineProperty(this, "ondemandmessage", 'Load More');
     _defineProperty(this, "title", null);
     _defineProperty(this, "subheading", null);
     _defineProperty(this, "dataset", []);
     _defineProperty(this, "maxnumberofitems", 50);
     _defineProperty(this, "renderItem", () => /*#__PURE__*/React.createElement(View, null));
-    _defineProperty(this, "loadingicon", 'fa fa-circle-o-notch fa-pulse');
+    _defineProperty(this, "loadingicon", null);
     _defineProperty(this, "loadingdatamsg", 'Loading...');
     _defineProperty(this, "multiselect", false);
     _defineProperty(this, "nodatamessage", 'No data found');
@@ -29,7 +31,10 @@ export default class WmListProps extends BaseProps {
     _defineProperty(this, "orderby", null);
     _defineProperty(this, "dateformat", null);
     _defineProperty(this, "selecteditem", null);
+    _defineProperty(this, "navigation", 'None');
     _defineProperty(this, "itemclass", null);
+    _defineProperty(this, "getNextPageData", null);
+    _defineProperty(this, "pagesize", 20);
     _defineProperty(this, "itemsperrow", {
       xs: 1,
       sm: 1,

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

@@ -1 +1 @@
-{"version":3,"names":["React","BaseProps","View","WmListProps","constructor","arguments","_defineProperty","createElement","$item","$index","xs","sm","md","lg"],"sources":["list.props.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { View } from 'react-native';\n\nexport default class WmListProps extends BaseProps {\n    formRef: any;\n    iconclass: string = null as any;\n    title: string = null as any;\n    subheading: string = null as any;\n    dataset = [] as any;\n    maxnumberofitems = 50;\n    renderItem: any = () => (<View/>);\n    loadingicon='fa fa-circle-o-notch fa-pulse';\n    loadingdatamsg = 'Loading...';\n    multiselect = false;\n    nodatamessage = 'No data found';\n    loadingdata = false;\n    selectfirstitem = false;\n    selectionlimit = -1;\n    disableitem: Function | boolean = ($item: any, $index: any) => false;\n    itemkey?: ($item: any, $index: any) => any = null as any;\n    direction: 'horizontal' | 'vertical' = 'vertical';\n    groupby: string = null as any;\n    match: string = null as any;\n    orderby: string = null as any;\n    dateformat: string = null as any;\n    selecteditem = null as any;\n    itemclass: ($item: any, $index: any) => string = null as any;\n    itemsperrow =  {\n       xs: 1,\n       sm: 1,\n       md: 1,\n       lg: 1,\n    }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,+CAA+C;AACzE,SAASC,IAAI,QAAQ,cAAc;AAEnC,eAAe,MAAMC,WAAW,SAASF,SAAS,CAAC;EAAAG,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,oBAE3B,IAAI;IAAAA,eAAA,gBACR,IAAI;IAAAA,eAAA,qBACC,IAAI;IAAAA,eAAA,kBACf,EAAE;IAAAA,eAAA,2BACO,EAAE;IAAAA,eAAA,qBACH,mBAAON,KAAA,CAAAO,aAAA,CAACL,IAAI,MAAC,CAAE;IAAAI,eAAA,sBACrB,+BAA+B;IAAAA,eAAA,yBAC1B,YAAY;IAAAA,eAAA,sBACf,KAAK;IAAAA,eAAA,wBACH,eAAe;IAAAA,eAAA,sBACjB,KAAK;IAAAA,eAAA,0BACD,KAAK;IAAAA,eAAA,yBACN,CAAC,CAAC;IAAAA,eAAA,sBACe,CAACE,KAAU,EAAEC,MAAW,KAAK,KAAK;IAAAH,eAAA,kBACvB,IAAI;IAAAA,eAAA,oBACV,UAAU;IAAAA,eAAA,kBAC/B,IAAI;IAAAA,eAAA,gBACN,IAAI;IAAAA,eAAA,kBACF,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,uBACV,IAAI;IAAAA,eAAA,oBAC8B,IAAI;IAAAA,eAAA,sBACtC;MACZI,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACP,CAAC;EAAA;AACL"}
+{"version":3,"names":["React","BaseProps","View","WmListProps","constructor","arguments","_defineProperty","createElement","$item","$index","xs","sm","md","lg"],"sources":["list.props.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { View } from 'react-native';\n\nexport default class WmListProps extends BaseProps {\n    formRef: any;\n    iconclass: string = null as any;\n    deferload = false;\n    ondemandmessage = 'Load More';\n    title: string = null as any;\n    subheading: string = null as any;\n    dataset = [] as any;\n    maxnumberofitems = 50;\n    renderItem: any = () => (<View/>);\n    loadingicon: string = null as any;\n    loadingdatamsg = 'Loading...';\n    multiselect = false;\n    nodatamessage = 'No data found';\n    loadingdata = false;\n    selectfirstitem = false;\n    selectionlimit = -1;\n    disableitem: Function | boolean = ($item: any, $index: any) => false;\n    itemkey?: ($item: any, $index: any) => any = null as any;\n    direction: 'horizontal' | 'vertical' = 'vertical';\n    groupby: string = null as any;\n    match: string = null as any;\n    orderby: string = null as any;\n    dateformat: string = null as any;\n    selecteditem = null as any;\n    navigation : 'Scroll' | 'On-Demand' | 'None' = 'None';\n    itemclass: ($item: any, $index: any) => string = null as any;\n    getNextPageData: ($event: any, $list: any, page: number) => Promise<any> = null as any;\n    pagesize = 20;\n    itemsperrow =  {\n       xs: 1,\n       sm: 1,\n       md: 1,\n       lg: 1,\n    }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,+CAA+C;AACzE,SAASC,IAAI,QAAQ,cAAc;AAEnC,eAAe,MAAMC,WAAW,SAASF,SAAS,CAAC;EAAAG,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,oBAE3B,IAAI;IAAAA,eAAA,oBACZ,KAAK;IAAAA,eAAA,0BACC,WAAW;IAAAA,eAAA,gBACb,IAAI;IAAAA,eAAA,qBACC,IAAI;IAAAA,eAAA,kBACf,EAAE;IAAAA,eAAA,2BACO,EAAE;IAAAA,eAAA,qBACH,mBAAON,KAAA,CAAAO,aAAA,CAACL,IAAI,MAAC,CAAE;IAAAI,eAAA,sBACX,IAAI;IAAAA,eAAA,yBACT,YAAY;IAAAA,eAAA,sBACf,KAAK;IAAAA,eAAA,wBACH,eAAe;IAAAA,eAAA,sBACjB,KAAK;IAAAA,eAAA,0BACD,KAAK;IAAAA,eAAA,yBACN,CAAC,CAAC;IAAAA,eAAA,sBACe,CAACE,KAAU,EAAEC,MAAW,KAAK,KAAK;IAAAH,eAAA,kBACvB,IAAI;IAAAA,eAAA,oBACV,UAAU;IAAAA,eAAA,kBAC/B,IAAI;IAAAA,eAAA,gBACN,IAAI;IAAAA,eAAA,kBACF,IAAI;IAAAA,eAAA,qBACD,IAAI;IAAAA,eAAA,uBACV,IAAI;IAAAA,eAAA,qBAC4B,MAAM;IAAAA,eAAA,oBACJ,IAAI;IAAAA,eAAA,0BACsB,IAAI;IAAAA,eAAA,mBACpE,EAAE;IAAAA,eAAA,sBACE;MACZI,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACP,CAAC;EAAA;AACL"}

app-rn-runtime/components/data/list/list.styles.js

@@ -62,6 +62,19 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         color: themeVariables.listSubTitleColor
       }
     },
+    onDemandMessage: {
+      root: {
+        paddingVertical: 8,
+        width: '100%'
+      },
+      text: {
+        textAlign: 'center',
+        color: themeVariables.listSubTitleColor
+      }
+    },
+    group: {
+      marginBottom: 16
+    },
     item: {
       ...BASE_THEME.getStyle('elevate1').root,
       shadowColor: 'rgba(0, 0, 0, 0.3)',

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","listIcon","marginTop","marginRight","groupHeading","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","heading","padding","marginBottom","listHeaderBgColor","title","listTitleColor","fontWeight","subheading","emptyMessage","item","getStyle","shadowColor","flexDirection","paddingTop","paddingBottom","minHeight","itemBgColor","borderColor","selectedItemBorderColor","borderRadius","borderStyle","selectedItem","selectedIcon","position","right","top","primaryColor","minWidth","width","borderBottomWidth","borderBottomColor","listDividerColor","borderRightWidth","borderRightColor"],"sources":["list.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmListStyles = BaseStyles & {\n    heading: AllStyle,\n    groupHeading: TextStyle,\n    listIcon: WmIconStyles,\n    loadingIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    emptyMessage: WmLabelStyles,\n    item: AllStyle,\n    selectedItem: AllStyle,\n    selectedIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-list';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListStyles = defineStyles({\n        root: {},\n        text: {},\n        listIcon: {\n            root: {\n                marginTop: 10,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        groupHeading: {\n            backgroundColor: themeVariables.groupHeadingBgColor,\n            fontSize: 16,\n            paddingLeft: 8,\n            paddingRight: 8,\n            lineHeight: 40,\n            fontFamily: themeVariables.baseFont\n        },\n        loadingIcon: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                justifyContent: 'center',\n                fontSize: 16\n            },\n            text: {\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmIconStyles,\n        heading : {\n            padding: 8,\n            marginBottom: 6,\n            backgroundColor: themeVariables.listHeaderBgColor\n        },\n        title: {\n            text: {\n                color: themeVariables.listTitleColor,\n                fontSize: 16,\n                fontFamily: themeVariables.baseFont,\n                lineHeight: 24,\n                fontWeight: '400'   \n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 14,\n                lineHeight: 20,\n                fontFamily: themeVariables.baseFont,\n                fontWeight: '400',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        emptyMessage: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                fontSize: 16,\n                lineHeight: 18,\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        item: {\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowColor: 'rgba(0, 0, 0, 0.3)',\n            flexDirection: 'row',\n            flex: 1,\n            paddingLeft: 4,\n            paddingRight: 4,\n            paddingTop: 4,\n            paddingBottom: 4,\n            minHeight: 56,\n            backgroundColor: themeVariables.itemBgColor,\n            borderColor: themeVariables.selectedItemBorderColor,\n            borderRadius: 6,\n            borderStyle: 'solid',\n        },\n        selectedItem : {} as AllStyle,\n        selectedIcon : {\n            root: {\n                position: 'absolute',\n                right: 0,\n                top: 0\n            },\n            text: {\n                color: themeVariables.primaryColor,\n                fontSize: 16\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n    addStyle('app-horizontal-list', '', {\n        groupHeading: {\n            minWidth: 120,\n            backgroundColor: themeVariables.groupHeadingBgColor,\n        },\n        item: {\n            marginRight: 6,\n            borderColor: themeVariables.selectedItemBorderColor,\n        }\n    } as WmListStyles);\n\n    addStyle('app-vertical-list', '', {\n        item: {\n            marginBottom: 6,\n            width: '100%',\n            borderBottomWidth: 0,\n            borderBottomColor: themeVariables.listDividerColor,\n        }\n    } as any as WmListStyles);\n\n    addStyle('app-horizontal-list-dense', '', {\n        item: {\n            marginRight: 0,\n            borderRadius: 0,\n            borderRightWidth: 1,\n            borderRightColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n\n    addStyle('app-list-dense', '', {\n        item: {\n            marginBottom: 0,\n            borderRadius: 0,\n            borderBottomWidth: 1,\n            borderBottomColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n});\n"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","listIcon","marginTop","marginRight","groupHeading","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","heading","padding","marginBottom","listHeaderBgColor","title","listTitleColor","fontWeight","subheading","emptyMessage","onDemandMessage","paddingVertical","width","textAlign","group","item","getStyle","shadowColor","flexDirection","paddingTop","paddingBottom","minHeight","itemBgColor","borderColor","selectedItemBorderColor","borderRadius","borderStyle","selectedItem","selectedIcon","position","right","top","primaryColor","minWidth","borderBottomWidth","borderBottomColor","listDividerColor","borderRightWidth","borderRightColor"],"sources":["list.styles.ts"],"sourcesContent":["import { TextStyle, ViewStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmLabelStyles } from '@wavemaker/app-rn-runtime/components/basic/label/label.styles';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmListStyles = BaseStyles & {\n    heading: AllStyle,\n    groupHeading: TextStyle,\n    listIcon: WmIconStyles,\n    loadingIcon: WmIconStyles,\n    title: WmLabelStyles,\n    subheading: WmLabelStyles,\n    emptyMessage: WmLabelStyles,\n    onDemandMessage: WmLabelStyles,\n    item: AllStyle,\n    selectedItem: AllStyle,\n    selectedIcon: WmIconStyles,\n    group: AllStyle,\n};\n\nexport const DEFAULT_CLASS = 'app-list';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmListStyles = defineStyles({\n        root: {},\n        text: {},\n        listIcon: {\n            root: {\n                marginTop: 10,\n                marginRight: 8\n            }\n        } as WmIconStyles,\n        groupHeading: {\n            backgroundColor: themeVariables.groupHeadingBgColor,\n            fontSize: 16,\n            paddingLeft: 8,\n            paddingRight: 8,\n            lineHeight: 40,\n            fontFamily: themeVariables.baseFont\n        },\n        loadingIcon: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                justifyContent: 'center',\n                fontSize: 16\n            },\n            text: {\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmIconStyles,\n        heading : {\n            padding: 8,\n            marginBottom: 6,\n            backgroundColor: themeVariables.listHeaderBgColor\n        },\n        title: {\n            text: {\n                color: themeVariables.listTitleColor,\n                fontSize: 16,\n                fontFamily: themeVariables.baseFont,\n                lineHeight: 24,\n                fontWeight: '400'   \n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 14,\n                lineHeight: 20,\n                fontFamily: themeVariables.baseFont,\n                fontWeight: '400',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        emptyMessage: {\n            root: {\n                flex: 1,\n                alignSelf: 'center',\n                fontSize: 16,\n                lineHeight: 18,\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        onDemandMessage: {\n            root: {\n                paddingVertical: 8,\n                width: '100%'\n            } as ViewStyle,\n            text: {\n                textAlign: 'center',\n                color: themeVariables.listSubTitleColor\n            }\n        } as WmLabelStyles,\n        group: {\n            marginBottom: 16,\n        },\n        item: {\n            ...BASE_THEME.getStyle('elevate1').root,\n            shadowColor: 'rgba(0, 0, 0, 0.3)',\n            flexDirection: 'row',\n            flex: 1,\n            paddingLeft: 4,\n            paddingRight: 4,\n            paddingTop: 4,\n            paddingBottom: 4,\n            minHeight: 56,\n            backgroundColor: themeVariables.itemBgColor,\n            borderColor: themeVariables.selectedItemBorderColor,\n            borderRadius: 6,\n            borderStyle: 'solid',\n        },\n        selectedItem : {} as AllStyle,\n        selectedIcon : {\n            root: {\n                position: 'absolute',\n                right: 0,\n                top: 0\n            },\n            text: {\n                color: themeVariables.primaryColor,\n                fontSize: 16\n            }\n        } as WmIconStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n    addStyle('app-horizontal-list', '', {\n        groupHeading: {\n            minWidth: 120,\n            backgroundColor: themeVariables.groupHeadingBgColor,\n        },\n        item: {\n            marginRight: 6,\n            borderColor: themeVariables.selectedItemBorderColor,\n        }\n    } as WmListStyles);\n\n    addStyle('app-vertical-list', '', {\n        item: {\n            marginBottom: 6,\n            width: '100%',\n            borderBottomWidth: 0,\n            borderBottomColor: themeVariables.listDividerColor,\n        }\n    } as any as WmListStyles);\n\n    addStyle('app-horizontal-list-dense', '', {\n        item: {\n            marginRight: 0,\n            borderRadius: 0,\n            borderRightWidth: 1,\n            borderRightColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n\n    addStyle('app-list-dense', '', {\n        item: {\n            marginBottom: 0,\n            borderRadius: 0,\n            borderBottomWidth: 1,\n            borderBottomColor: 'rgba(0,0,0,0.05)'\n        } as ViewStyle\n    } as WmListStyles);\n});\n"],"mappings":"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"}

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

@@ -39,7 +39,10 @@ export default class WmBarcodescanner extends BaseComponent {
         styles: this.styles.button,
         onTap: this.onScanTap.bind(this),
         caption: props.caption,
-        iconsize: props.iconsize
+        iconsize: props.iconsize,
+        accessibilitylabel: props.accessibilitylabel,
+        hint: props.hint,
+        accessibilityrole: props.accessibilityrole
       }));
     });
   }

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","_defineProperty","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","createElement","scanService","style","styles","root","_background","id","getTestId","iconclass","button","onTap","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 id={this.getTestId('button')} 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,WAAWA,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,CAAC,CAAC,CAAC;IAACO,eAAA,kBAF5B,IAAI;EAGnC;EAEAC,SAASA,CAAA,EAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACL,KAAK,CAACM;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfX,KAAK,EAAE;UACLY,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,YAAYA,CAAChB,KAA4B,EAAE;IACzC,oBACEX,KAAA,CAAA4B,aAAA,CAACxB,YAAY,QACTyB,WAAwB,IAAK;MAC7B,IAAI,CAACX,OAAO,GAAGW,WAAW;MAC1B,oBAAO7B,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAClC,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA4B,aAAA,CAACrB,QAAQ;QAAC2B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,QAAQ,CAAE;QAACC,SAAS,EAAEzB,KAAK,CAACyB,SAAU;QAACL,MAAM,EAAE,IAAI,CAACA,MAAM,CAACM,MAAO;QAACC,KAAK,EAAE,IAAI,CAACzB,SAAS,CAAC0B,IAAI,CAAC,IAAI,CAAE;QAACC,OAAO,EAAE7B,KAAK,CAAC6B,OAAQ;QAACC,QAAQ,EAAE9B,KAAK,CAAC8B;MAAS,CAAW,CAC1L,CAAC;IACT,CACY,CAAC;EAEnB;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","_defineProperty","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","createElement","scanService","style","styles","root","_background","id","getTestId","iconclass","button","onTap","bind","caption","iconsize","accessibilitylabel","hint","accessibilityrole"],"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 id={this.getTestId('button')} iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize} accessibilitylabel={props.accessibilitylabel} hint={props.hint} accessibilityrole={props.accessibilityrole}></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,WAAWA,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,CAAC,CAAC,CAAC;IAACO,eAAA,kBAF5B,IAAI;EAGnC;EAEAC,SAASA,CAAA,EAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACL,KAAK,CAACM;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfX,KAAK,EAAE;UACLY,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,YAAYA,CAAChB,KAA4B,EAAE;IACzC,oBACEX,KAAA,CAAA4B,aAAA,CAACxB,YAAY,QACTyB,WAAwB,IAAK;MAC7B,IAAI,CAACX,OAAO,GAAGW,WAAW;MAC1B,oBAAO7B,KAAA,CAAA4B,aAAA,CAAC3B,IAAI;QAAC6B,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAClC,IAAI,CAACC,WAAW,eACjBjC,KAAA,CAAA4B,aAAA,CAACrB,QAAQ;QAAC2B,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,QAAQ,CAAE;QAACC,SAAS,EAAEzB,KAAK,CAACyB,SAAU;QAACL,MAAM,EAAE,IAAI,CAACA,MAAM,CAACM,MAAO;QAACC,KAAK,EAAE,IAAI,CAACzB,SAAS,CAAC0B,IAAI,CAAC,IAAI,CAAE;QAACC,OAAO,EAAE7B,KAAK,CAAC6B,OAAQ;QAACC,QAAQ,EAAE9B,KAAK,CAAC8B,QAAS;QAACC,kBAAkB,EAAE/B,KAAK,CAAC+B,kBAAmB;QAACC,IAAI,EAAEhC,KAAK,CAACgC,IAAK;QAACC,iBAAiB,EAAEjC,KAAK,CAACiC;MAAkB,CAAW,CACtS,CAAC;IACT,CACY,CAAC;EAEnB;AACF"}

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

@@ -10,6 +10,9 @@ export default class WmBarcodescannerProps extends BaseProps {
     _defineProperty(this, "datavalue", void 0);
     _defineProperty(this, "iconclass", 'fa fa-barcode');
     _defineProperty(this, "iconsize", 16);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", "imagebutton");
   }
 }
 //# sourceMappingURL=barcodescanner.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmBarcodescannerProps","constructor","arguments","_defineProperty"],"sources":["barcodescanner.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmBarcodescannerProps extends BaseProps {\n  barcodeformat: string = 'ALL';\n  caption: string = null as any;\n  datavalue: any;\n  iconclass: string = 'fa fa-barcode';\n  iconsize: number = 16;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,qBAAqB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,wBACnC,KAAK;IAAAA,eAAA,kBACX,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEF,eAAe;IAAAA,eAAA,mBAChB,EAAE;EAAA;AACvB"}
+{"version":3,"names":["BaseProps","WmBarcodescannerProps","constructor","arguments","_defineProperty","undefined"],"sources":["barcodescanner.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmBarcodescannerProps extends BaseProps {\n  barcodeformat: string = 'ALL';\n  caption: string = null as any;\n  datavalue: any;\n  iconclass: string = 'fa fa-barcode';\n  iconsize: number = 16;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"imagebutton\";\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,qBAAqB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,wBACnC,KAAK;IAAAA,eAAA,kBACX,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEF,eAAe;IAAAA,eAAA,mBAChB,EAAE;IAAAA,eAAA,6BACSC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,aAAa;EAAA;AACvD"}