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

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

@@ -1,307 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
-import { SectionList, Text, View } from 'react-native';
-import { FlatList } from 'react-native-gesture-handler';
-import { isArray, isNil, round } 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';
-import { DefaultKeyExtractor } from '@wavemaker/app-rn-runtime/core/key.extractor';
-import WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';
-import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
-import WmListProps from './list.props';
-import { DEFAULT_CLASS } from './list.styles';
-export class WmListState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "selectedindex", void 0);
-    _defineProperty(this, "groupedData", []);
-    _defineProperty(this, "currentPage", 1);
-  }
-}
-export default class WmList extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());
-    _defineProperty(this, "itemWidgets", []);
-    _defineProperty(this, "selectedItemWidgets", {});
-    _defineProperty(this, "keyExtractor", new DefaultKeyExtractor());
-  }
-  isSelected($item) {
-    const selectedItem = this.state.props.selecteditem;
-    if (isArray(selectedItem)) {
-      return selectedItem.indexOf($item) >= 0;
-    }
-    return selectedItem === $item;
-  }
-  onSelect($item, $index) {
-    let triggerTapEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    const props = this.state.props;
-    let selectedItem = null;
-    if (props.disableitem !== true && (typeof props.disableitem !== 'function' || !props.disableitem($item, $index))) {
-      if (props.multiselect) {
-        selectedItem = [...(props.selecteditem || [])];
-        const index = selectedItem.indexOf($item);
-        if (index < 0) {
-          if (!props.selectionlimit || props.selectionlimit < 0 || selectedItem.length < props.selectionlimit) {
-            selectedItem.push($item);
-          } else {
-            this.invokeEventCallback('onSelectionlimitexceed', [null, this]);
-          }
-        } else {
-          selectedItem.splice(index, 1);
-        }
-      } else {
-        if (props.selecteditem === $item) {
-          selectedItem = null;
-        } else {
-          selectedItem = $item;
-        }
-      }
-      this.selectedItemWidgets = this.itemWidgets[$index];
-      this.updateState({
-        props: {
-          selecteditem: selectedItem
-        },
-        selectedindex: $index
-      }, () => {
-        this.invokeEventCallback('onSelect', [this.proxy, $item]);
-        triggerTapEvent && this.invokeEventCallback('onTap', [null, this.proxy]);
-      });
-    }
-  }
-  selectFirstItem() {
-    const props = this.state.props;
-    if (this.initialized && props.dataset && props.dataset.length) {
-      const index = props.groupby ? '00' : 0;
-      this.onSelect(props.dataset[0], index);
-    }
-  }
-  deselectAll() {
-    this.updateState({
-      props: {
-        selecteditem: null
-      },
-      selectedindex: -1
-    });
-  }
-  setGroupData(items) {
-    const dataItems = items;
-    const props = this.state.props;
-    if (props.groupby) {
-      const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this);
-      this.updateState({
-        groupedData: groupedData
-      }, () => {
-        var _this$keyExtractor;
-        (_this$keyExtractor = this.keyExtractor) === null || _this$keyExtractor === void 0 ? void 0 : _this$keyExtractor.clear();
-      });
-    }
-  }
-  onPropertyChange(name, $new, $old) {
-    super.onPropertyChange(name, $new, $old);
-    const props = this.state.props;
-    switch (name) {
-      case 'selectfirstitem':
-        if ($new) {
-          this.selectFirstItem();
-        }
-        break;
-      case 'dataset':
-        if (this.state.props.groupby) {
-          this.setGroupData($new);
-        } else {
-          const data = isArray($new) ? $new : isDefined($new) ? [$new] : [];
-          this.updateState({
-            groupedData: data[0] || props.direction === 'horizontal' ? [{
-              key: '',
-              data: data
-            }] : []
-          }, () => {
-            var _this$keyExtractor2;
-            (_this$keyExtractor2 = this.keyExtractor) === null || _this$keyExtractor2 === void 0 ? void 0 : _this$keyExtractor2.clear();
-          });
-        }
-        this.itemWidgets = [];
-        if (props.selectfirstitem) {
-          this.selectFirstItem();
-        } else {
-          this.deselectAll();
-        }
-        break;
-      case 'groupby':
-      case 'match':
-        this.setGroupData(this.state.props.dataset);
-        break;
-      case 'multiselect':
-        if ($new) {
-          if (!isArray(this.state.props.selecteditem)) {
-            this.state.props.selecteditem = this.state.props.selecteditem ? [this.state.props.selecteditem] : [];
-          }
-        } else if (isArray(this.state.props.selecteditem)) {
-          this.state.props.selecteditem = this.state.props.selecteditem.pop();
-        }
-    }
-  }
-  componentDidMount() {
-    var _props$dataset;
-    const props = this.state.props;
-    if (this.state.props.selectfirstitem && (_props$dataset = props.dataset) !== null && _props$dataset !== void 0 && _props$dataset.length) {
-      setTimeout(() => {
-        this.onSelect(props.dataset[0], 0);
-      });
-    }
-    super.componentDidMount();
-  }
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);
-    this.invokeEventCallback('onRender', [this, this.state.props.dataset]);
-  }
-  getDefaultStyles() {
-    const isHorizontal = this.state.props.direction === 'horizontal';
-    return this.theme.getStyle(`${this.defaultClass} ${isHorizontal ? 'app-horizontal-list' : 'app-vertical-list'}`);
-  }
-  getIndex(item) {
-    return this.state.props.dataset.indexOf(item);
-  }
-  generateItemKey(item, index, props) {
-    if (props.itemkey && item && !this._showSkeleton) {
-      return props.itemkey(item, index);
-    }
-    return 'list_item_' + this.keyExtractor.getKey(item, true);
-  }
-  renderItem(item, index, props) {
-    const cols = this.getNoOfColumns();
-    const isHorizontal = props.direction === 'horizontal';
-    return /*#__PURE__*/React.createElement(Tappable, {
-      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) + '%'
-      } : 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, {
-      iconclass: "wi wi-check-circle",
-      styles: this.styles.selectedIcon
-    }) : null));
-  }
-  renderHeader(props, title) {
-    return props.groupby ? /*#__PURE__*/React.createElement(Text, {
-      style: this.styles.groupHeading
-    }, title) : props.iconclass || props.title || props.subheading ? /*#__PURE__*/React.createElement(View, {
-      style: this.styles.heading
-    }, /*#__PURE__*/React.createElement(View, {
-      style: {
-        flex: 1,
-        flexDirection: 'row'
-      }
-    }, /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.styles.listIcon,
-      iconclass: props.iconclass
-    }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(WmLabel, {
-      styles: this.styles.title,
-      caption: props.title
-    }), /*#__PURE__*/React.createElement(WmLabel, {
-      styles: this.styles.subheading,
-      caption: props.subheading
-    })))) : null;
-  }
-  renderEmptyMessage(isHorizontal, item, index, props) {
-    return /*#__PURE__*/React.createElement(WmLabel, {
-      styles: this.styles.emptyMessage,
-      caption: props.nodatamessage
-    });
-  }
-  renderLoadingIcon(props) {
-    return /*#__PURE__*/React.createElement(WmIcon, {
-      styles: this.styles.loadingIcon,
-      iconclass: props.loadingicon,
-      caption: props.loadingdatamsg
-    });
-  }
-  getNoOfColumns() {
-    const props = this.state.props;
-    if (props.direction === 'vertical') {
-      return props.itemsperrow.xs;
-    }
-    return 0;
-  }
-  renderWithFlatList(props) {
-    let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    return /*#__PURE__*/React.createElement(View, {
-      style: this.styles.root
-    }, this.state.groupedData ? this.state.groupedData.map((v, i) => /*#__PURE__*/React.createElement(View, {
-      style: {
-        marginBottom: 16
-      },
-      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),
-      horizontal: isHorizontal,
-      data: 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()
-    })))) : null);
-  }
-  getSectionListData() {
-    if (this._showSkeleton) {
-      return [{
-        key: '',
-        data: [{}, {}, {}]
-      }];
-    } else if (this.state.groupedData && this.state.groupedData[0] && this.state.groupedData[0]['data'].length) {
-      return this.state.groupedData;
-    }
-    return [];
-  }
-  renderWithSectionList(props) {
-    let isHorizontal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    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 => {
-        let {
-          section: {
-            key,
-            data
-          }
-        } = _ref2;
-        return this.renderHeader(props, key);
-      },
-      renderSectionFooter: () => props.loadingdata ? this.renderLoadingIcon(props) : null,
-      ListEmptyComponent: itemInfo => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props),
-      renderItem: itemInfo => this.renderItem(itemInfo.item, itemInfo.index, props)
-    });
-  }
-  renderWidget(props) {
-    this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);
-    const isHorizontal = props.direction === 'horizontal';
-    return /*#__PURE__*/React.createElement(View, {
-      style: isHorizontal ? null : {
-        width: '100%'
-      }
-    }, this._background, isHorizontal || !props.groupby ? this.renderWithFlatList(props, isHorizontal) : this.renderWithSectionList(props, isHorizontal));
-  }
-}
-//# sourceMappingURL=list.component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","SectionList","Text","View","FlatList","isArray","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","onTap","onLongTap","onDoubleTap","styles","width","paddingRight","marginRight","margin","style","itemclass","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","_extends","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 } from 'react-native';\nimport { FlatList } from 'react-native-gesture-handler';\nimport { isArray, 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 : (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          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 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 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  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      {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        ))) : 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 \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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"}

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

@@ -1,122 +0,0 @@
-import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
-import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
-export const DEFAULT_CLASS = 'app-list';
-BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  const defaultStyles = defineStyles({
-    root: {},
-    text: {},
-    listIcon: {
-      root: {
-        marginTop: 4,
-        marginRight: 8
-      }
-    },
-    groupHeading: {
-      backgroundColor: themeVariables.groupHeadingBgColor,
-      fontSize: 16,
-      paddingLeft: 8,
-      paddingRight: 8,
-      lineHeight: 40,
-      fontFamily: themeVariables.baseFont
-    },
-    loadingIcon: {
-      root: {
-        flex: 1,
-        alignSelf: 'center',
-        justifyContent: 'center',
-        fontSize: 16
-      },
-      text: {
-        color: themeVariables.listSubTitleColor
-      }
-    },
-    heading: {
-      padding: 8,
-      marginBottom: 6,
-      backgroundColor: themeVariables.listHeaderBgColor
-    },
-    title: {
-      text: {
-        color: themeVariables.listTitleColor,
-        fontSize: 16,
-        lineHeight: 24
-      }
-    },
-    subheading: {
-      text: {
-        fontSize: 12,
-        lineHeight: 16,
-        color: themeVariables.listSubTitleColor
-      }
-    },
-    emptyMessage: {
-      root: {
-        flex: 1,
-        alignSelf: 'center',
-        fontSize: 16,
-        lineHeight: 18,
-        color: themeVariables.listSubTitleColor
-      }
-    },
-    item: {
-      ...BASE_THEME.getStyle('elevate1').root,
-      shadowColor: 'rgba(0, 0, 0, 0.3)',
-      flexDirection: 'row',
-      flex: 1,
-      paddingLeft: 4,
-      paddingRight: 4,
-      paddingTop: 4,
-      paddingBottom: 4,
-      backgroundColor: themeVariables.itemBgColor,
-      borderRadius: 6,
-      borderStyle: 'solid'
-    },
-    selectedItem: {},
-    selectedIcon: {
-      root: {
-        position: 'absolute',
-        right: 0,
-        top: 0
-      },
-      text: {
-        color: themeVariables.primaryColor,
-        fontSize: 16
-      }
-    }
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle('app-horizontal-list', '', {
-    groupHeading: {
-      minWidth: 120,
-      backgroundColor: themeVariables.groupHeadingBgColor
-    },
-    item: {
-      marginRight: 6
-    }
-  });
-  addStyle('app-vertical-list', '', {
-    item: {
-      marginBottom: 6,
-      width: '100%',
-      borderBottomWidth: 0,
-      borderBottomColor: themeVariables.listDividerColor
-    }
-  });
-  addStyle('app-horizontal-list-dense', '', {
-    item: {
-      marginRight: 0,
-      borderRadius: 0,
-      borderRightWidth: 1,
-      borderRightColor: 'rgba(0,0,0,0.05)'
-    }
-  });
-  addStyle('app-list-dense', '', {
-    item: {
-      marginBottom: 0,
-      borderRadius: 0,
-      borderBottomWidth: 1,
-      borderBottomColor: 'rgba(0,0,0,0.05)'
-    }
-  });
-});
-//# sourceMappingURL=list.styles.js.map

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

@@ -1 +0,0 @@
-{"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","subheading","emptyMessage","item","getStyle","shadowColor","flexDirection","paddingTop","paddingBottom","itemBgColor","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: 4,\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                lineHeight: 24,\n            }\n        } as WmLabelStyles,\n        subheading: {\n            text: {\n                fontSize: 12,\n                lineHeight: 16,\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            backgroundColor: themeVariables.itemBgColor,\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        }\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

@@ -1,46 +0,0 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React from 'react';
-import { View } from 'react-native';
-import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
-import { ScanConsumer } from '@wavemaker/app-rn-runtime/core/device/scan-service';
-import WmBarcodescannerProps from './barcodescanner.props';
-import { DEFAULT_CLASS } from './barcodescanner.styles';
-import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
-export class WmBarcodescannerState extends BaseComponentState {}
-export default class WmBarcodescanner extends BaseComponent {
-  constructor(props) {
-    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());
-    _defineProperty(this, "scanner", null);
-  }
-  onScanTap() {
-    const params = {
-      barcodeFormat: this.state.props.barcodeformat
-    };
-    this.scanner.scanBarcode(params).then(res => {
-      this.updateState({
-        props: {
-          datavalue: res.text
-        }
-      }, () => {
-        this.invokeEventCallback('onSuccess', [null, this.proxy]);
-      });
-    });
-  }
-  renderWidget(props) {
-    return /*#__PURE__*/React.createElement(ScanConsumer, null, scanService => {
-      this.scanner = scanService;
-      return /*#__PURE__*/React.createElement(View, {
-        style: this.styles.root
-      }, this._background, /*#__PURE__*/React.createElement(WmButton, {
-        iconclass: props.iconclass,
-        styles: this.styles.button,
-        onTap: this.onScanTap.bind(this),
-        caption: props.caption,
-        iconsize: props.iconsize
-      }));
-    });
-  }
-}
-//# sourceMappingURL=barcodescanner.component.js.map

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

@@ -1 +0,0 @@
-{"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","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 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,SAAS,EAAEvB,KAAK,CAACuB,SAAU;QAACH,MAAM,EAAE,IAAI,CAACA,MAAM,CAACI,MAAO;QAACC,KAAK,EAAE,IAAI,CAACvB,SAAS,CAACwB,IAAI,CAAC,IAAI,CAAE;QAACC,OAAO,EAAE3B,KAAK,CAAC2B,OAAQ;QAACC,QAAQ,EAAE5B,KAAK,CAAC4B;MAAS,CAAW,CAC5J,CAAC;IACT,CACY,CAAC;EAEnB;AACF"}

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

@@ -1,30 +0,0 @@
-import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
-import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
-export const DEFAULT_CLASS = 'app-barcodescanner';
-BASE_THEME.registerStyle((themeVariables, addStyle) => {
-  const defaultStyles = defineStyles({
-    root: {},
-    text: {},
-    button: {
-      root: {
-        borderWidth: 1,
-        borderColor: themeVariables.barcodeScannerBorderColor,
-        borderStyle: 'solid',
-        backgroundColor: themeVariables.barcodeScannerBgColor
-      },
-      text: {
-        color: themeVariables.barcodeScannerTextColor
-      },
-      icon: {
-        text: {
-          color: themeVariables.barcodeScannerTextColor
-        },
-        icon: {
-          fontSize: 24
-        }
-      }
-    }
-  });
-  addStyle(DEFAULT_CLASS, '', defaultStyles);
-});
-//# sourceMappingURL=barcodescanner.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","button","borderWidth","borderColor","barcodeScannerBorderColor","borderStyle","backgroundColor","barcodeScannerBgColor","color","barcodeScannerTextColor","icon","fontSize"],"sources":["barcodescanner.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmBarcodescannerStyles = BaseStyles & {\n  button: WmButtonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-barcodescanner';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmBarcodescannerStyles = defineStyles({\n      root: {},\n      text: {},\n      button: {\n        root: {\n          borderWidth: 1,\n          borderColor: themeVariables.barcodeScannerBorderColor,\n          borderStyle: 'solid',\n          backgroundColor: themeVariables.barcodeScannerBgColor\n        },\n        text: {\n          color: themeVariables.barcodeScannerTextColor\n        },\n        icon: {\n          text: {\n            color: themeVariables.barcodeScannerTextColor\n          },\n          icon: {\n            fontSize: 24\n          }\n        }\n      } as WmButtonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,oBAAoB;AACjDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAqC,GAAGL,YAAY,CAAC;IACvDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE;MACNF,IAAI,EAAE;QACJG,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEP,cAAc,CAACQ,yBAAyB;QACrDC,WAAW,EAAE,OAAO;QACpBC,eAAe,EAAEV,cAAc,CAACW;MAClC,CAAC;MACDP,IAAI,EAAE;QACJQ,KAAK,EAAEZ,cAAc,CAACa;MACxB,CAAC;MACDC,IAAI,EAAE;QACJV,IAAI,EAAE;UACJQ,KAAK,EAAEZ,cAAc,CAACa;QACxB,CAAC;QACDC,IAAI,EAAE;UACJC,QAAQ,EAAE;QACZ;MACF;IACF;EACJ,CAAC,CAAC;EAEFd,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}