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

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","SectionList","Text","View","FlatList","isArray","BaseComponent","BaseComponentState","getGroupedData","isDefined","Tappable","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","constructor","arguments","_defineProperty","DefaultKeyExtractor","Map","getKey","o","create","length","undefined","k","store","get","Date","now","nextKey","set","clear","WmList","props","isSelected","$item","selectedItem","state","selecteditem","indexOf","onSelect","$index","triggerTapEvent","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","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","renderItem","createElement","onTap","onLongTap","onDoubleTap","style","styles","itemclass","iconclass","selectedIcon","renderHeader","title","groupHeading","subheading","heading","flex","flexDirection","listIcon","caption","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","renderWithFlatList","root","map","v","i","marginBottom","horizontal","ListEmptyComponent","itemInfo","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 } 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 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\nclass DefaultKeyExtractor {\n  store = new Map<any, string>();\n  nextKey = 1;\n\n  getKey(o : any, create = false) {\n    let k = this.store.get(o);\n    if (!k && create) {\n      k = `key:${Date.now()}:${this.nextKey++}`;\n      this.store.set(o, k)\n    }\n    return k;\n  }\n\n  clear() {\n    this.store = new Map();\n  }\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($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    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          <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  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              keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n              horizontal = {isHorizontal}\n              data={v.data || []}\n              ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n              renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n            </FlatList>\n          </View>\n        ))) : null\n      }\n    </View>);\n  }\n\n  private getSectionListData() {\n    if (this._showSkeleton) {\n      return [{\n        key: '',\n        data: [{}, {}, {}]\n      }];\n    } else if (this.state.groupedData[0] && this.state.groupedData[0]['data'].length) {\n      return this.state.groupedData;\n    }\n    return [];\n  }\n\n  private renderWithSectionList(props: WmListProps, isHorizontal = false) {\n    return (\n      <SectionList\n        keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n        horizontal = {isHorizontal}\n        onEndReached={({distanceFromEnd}) => {\n          this.setState({ currentPage: this.state.currentPage + 1 } as WmListState);\n          this.invokeEventCallback('onEndReached', [null, this]);\n        }}\n        contentContainerStyle={this.styles.root}\n        onEndReachedThreshold={0.3}\n        sections={this.getSectionListData()}\n        renderSectionHeader={({ section: {key, data}}) => {\n          return this.renderHeader(props, key);\n        }}\n        renderSectionFooter={() => props.loadingdata ? this.renderLoadingIcon(props) : null}\n        ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n        renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n      </SectionList>\n    );\n  }\n\n  renderWidget(props: WmListProps) {\n    this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);\n    const isHorizontal = (props.direction === 'horizontal');\n    return (\n        <View>\n          {this._background}\n          {(isHorizontal) ?\n            this.renderWithFlatList(props, isHorizontal)\n          : this.renderWithSectionList(props, isHorizontal)}\n      </View>);\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,IAAI,EAAEC,IAAI,QAAkC,cAAc;AAChF,SAASC,QAAQ,QAAQ,8BAA8B;AACvD,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAAQC,cAAc,EAAEC,SAAS,QAAO,sCAAsC;AAC9E,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,OAAOC,OAAO,MAAM,kEAAkE;AACtF,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAG3D,OAAO,MAAMC,WAAW,SAASR,kBAAkB,CAAc;EAAAS,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,sBAErC,EAAE;IAAAA,eAAA,sBACN,CAAC;EAAA;AACzB;AAEA,MAAMC,mBAAmB,CAAC;EAAAH,YAAA;IAAAE,eAAA,gBAChB,IAAIE,GAAG,CAAc,CAAC;IAAAF,eAAA,kBACpB,CAAC;EAAA;EAEXG,MAAMA,CAACC,CAAO,EAAkB;IAAA,IAAhBC,MAAM,GAAAN,SAAA,CAAAO,MAAA,QAAAP,SAAA,QAAAQ,SAAA,GAAAR,SAAA,MAAG,KAAK;IAC5B,IAAIS,CAAC,GAAG,IAAI,CAACC,KAAK,CAACC,GAAG,CAACN,CAAC,CAAC;IACzB,IAAI,CAACI,CAAC,IAAIH,MAAM,EAAE;MAChBG,CAAC,GAAI,OAAMG,IAAI,CAACC,GAAG,CAAC,CAAE,IAAG,IAAI,CAACC,OAAO,EAAG,EAAC;MACzC,IAAI,CAACJ,KAAK,CAACK,GAAG,CAACV,CAAC,EAAEI,CAAC,CAAC;IACtB;IACA,OAAOA,CAAC;EACV;EAEAO,KAAKA,CAAA,EAAG;IACN,IAAI,CAACN,KAAK,GAAG,IAAIP,GAAG,CAAC,CAAC;EACxB;AACF;AAEA,eAAe,MAAMc,MAAM,SAAS5B,aAAa,CAAyC;EAMxFU,WAAWA,CAACmB,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAErB,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,EAAE,IAAIE,WAAW,CAAC,CAAC,CAAC;IAACG,eAAA,sBAL9C,EAAE;IAAAA,eAAA,8BACM,CAAC,CAAC;IAAAA,eAAA,uBACT,IAAIC,mBAAmB,CAAC,CAAC;EAIhD;EAEQiB,UAAUA,CAACC,KAAU,EAAE;IAC7B,MAAMC,YAAY,GAAG,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK,YAAY;IAClD,IAAInC,OAAO,CAACiC,YAAY,CAAC,EAAE;MACzB,OAAOA,YAAY,CAACG,OAAO,CAACJ,KAAK,CAAC,IAAI,CAAC;IACzC;IACA,OAAOC,YAAY,KAAKD,KAAK;EAC/B;EAEQK,QAAQA,CAACL,KAAU,EAAEM,MAAuB,EAA2B;IAAA,IAAzBC,eAAe,GAAA3B,SAAA,CAAAO,MAAA,QAAAP,SAAA,QAAAQ,SAAA,GAAAR,SAAA,MAAG,KAAK;IAC3E,MAAMkB,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,IAAIG,YAAY,GAAG,IAAW;IAC9B,IAAI,CAACH,KAAK,CAACU,WAAW,CAACR,KAAK,EAAEM,MAAM,CAAC,EAAE;MACrC,IAAIR,KAAK,CAACW,WAAW,EAAE;QACrBR,YAAY,GAAG,CAAC,IAAIH,KAAK,CAACK,YAAY,IAAI,EAAE,CAAC,CAAC;QAC9C,MAAMO,KAAK,GAAGT,YAAY,CAACG,OAAO,CAACJ,KAAK,CAAC;QACzC,IAAIU,KAAK,GAAG,CAAC,EAAE;UACb,IAAK,CAACZ,KAAK,CAACa,cAAc,IACrBb,KAAK,CAACa,cAAc,GAAG,CAAC,IACxBV,YAAY,CAACd,MAAM,GAAGW,KAAK,CAACa,cAAc,EAAE;YAC/CV,YAAY,CAACW,IAAI,CAACZ,KAAK,CAAC;UAC1B,CAAC,MAAM;YACL,IAAI,CAACa,mBAAmB,CAAC,wBAAwB,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;UAClE;QACF,CAAC,MAAM;UACLZ,YAAY,CAACa,MAAM,CAACJ,KAAK,EAAE,CAAC,CAAC;QAC/B;MACF,CAAC,MAAM;QACL,IAAIZ,KAAK,CAACK,YAAY,KAAKH,KAAK,EAAE;UAChCC,YAAY,GAAG,IAAI;QACrB,CAAC,MAAM;UACLA,YAAY,GAAGD,KAAK;QACtB;MACF;MACA,IAAI,CAACe,mBAAmB,GAAG,IAAI,CAACC,WAAW,CAACV,MAAM,CAAW;MAC7D,IAAI,CAACW,WAAW,CAAC;QACfnB,KAAK,EAAE;UAAEK,YAAY,EAAEF;QAAa,CAAC;QACrCiB,aAAa,EAAEZ;MACjB,CAAC,EAAiB,MAAM;QACtB,IAAI,CAACO,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,CAACM,KAAK,EAAEnB,KAAK,CAAC,CAAC;QACzDO,eAAe,IAAI,IAAI,CAACM,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACM,KAAK,CAAC,CAAC;MAC1E,CAAC,CAAC;IACJ;EACF;EAEQC,eAAeA,CAAA,EAAG;IACxB,MAAMtB,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,IAAI,IAAI,CAACuB,WAAW,IACfvB,KAAK,CAACwB,OAAO,IACbxB,KAAK,CAACwB,OAAO,CAACnC,MAAM,EAAE;MACvB,MAAMuB,KAAK,GAAGZ,KAAK,CAACyB,OAAO,GAAG,IAAI,GAAE,CAAC;MACrC,IAAI,CAAClB,QAAQ,CAACP,KAAK,CAACwB,OAAO,CAAC,CAAC,CAAC,EAAEZ,KAAK,CAAC;IACxC;EACJ;EAEQc,WAAWA,CAAA,EAAG;IACpB,IAAI,CAACP,WAAW,CAAC;MACfnB,KAAK,EAAE;QAAEK,YAAY,EAAE;MAAK,CAAC;MAC7Be,aAAa,EAAE,CAAC;IAClB,CAAgB,CAAC;EACnB;EAEAO,YAAYA,CAACC,KAAU,EAAE;IACvB,MAAMC,SAAS,GAAGD,KAAK;IACvB,MAAM5B,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,IAAIA,KAAK,CAACyB,OAAO,EAAE;MACjB,MAAMK,WAAW,GAAGD,SAAS,IAAIxD,cAAc,CAACwD,SAAS,EAAE7B,KAAK,CAACyB,OAAO,EAAEzB,KAAK,CAAC+B,KAAK,EAAE/B,KAAK,CAACgC,OAAO,EAAEhC,KAAK,CAACiC,UAAU,EAAE,IAAI,CAAC;MAC7H,IAAI,CAACd,WAAW,CAAC;QACfW,WAAW,EAAEA;MACf,CAAC,EAAiB,MAAM;QAAA,IAAAI,kBAAA;QACtB,CAAAA,kBAAA,OAAI,CAACC,YAAY,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBpC,KAAK,CAAC,CAAC;MAC5B,CAAC,CAAC;IACJ;EACF;EAEOsC,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IAC1D,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,MAAMvC,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,QAAOqC,IAAI;MACT,KAAK,iBAAiB;QACpB,IAAIC,IAAI,EAAE;UACR,IAAI,CAAChB,eAAe,CAAC,CAAC;QACxB;QACF;MACA,KAAK,SAAS;QACZ,IAAI,IAAI,CAAClB,KAAK,CAACJ,KAAK,CAACyB,OAAO,EAAE;UAC5B,IAAI,CAACE,YAAY,CAACW,IAAI,CAAC;QACzB,CAAC,MAAM;UACL,MAAME,IAAI,GAAGtE,OAAO,CAACoE,IAAI,CAAC,GAAGA,IAAI,GAAIhE,SAAS,CAACgE,IAAI,CAAC,GAAG,CAACA,IAAI,CAAC,GAAG,EAAG;UACnE,IAAI,CAACnB,WAAW,CAAC;YACfW,WAAW,EAAGU,IAAI,CAAC,CAAC,CAAC,IAAIxC,KAAK,CAACyC,SAAS,KAAK,YAAY,GAAG,CAAC;cAC3DC,GAAG,EAAE,EAAE;cACPF,IAAI,EAAEA;YACR,CAAC,CAAC,GAAG;UACP,CAAC,EAAiB,MAAM;YAAA,IAAAG,mBAAA;YACtB,CAAAA,mBAAA,OAAI,CAACR,YAAY,cAAAQ,mBAAA,uBAAjBA,mBAAA,CAAmB7C,KAAK,CAAC,CAAC;UAC5B,CAAC,CAAC;QACJ;QACA,IAAI,CAACoB,WAAW,GAAG,EAAE;QACrB,IAAIlB,KAAK,CAAC4C,eAAe,EAAE;UACzB,IAAI,CAACtB,eAAe,CAAC,CAAC;QACxB,CAAC,MAAM;UACL,IAAI,CAACI,WAAW,CAAC,CAAC;QACpB;QACF;MACA,KAAK,SAAS;MACd,KAAK,OAAO;QACV,IAAI,CAACC,YAAY,CAAC,IAAI,CAACvB,KAAK,CAACJ,KAAK,CAACwB,OAAO,CAAC;QAC3C;MACF,KAAK,aAAa;QAChB,IAAIc,IAAI,EAAE;UACR,IAAI,CAACpE,OAAO,CAAC,IAAI,CAACkC,KAAK,CAACJ,KAAK,CAACK,YAAY,CAAC,EAAE;YAC3C,IAAI,CAACD,KAAK,CAACJ,KAAK,CAACK,YAAY,GAAG,IAAI,CAACD,KAAK,CAACJ,KAAK,CAACK,YAAY,GAC3D,CAAC,IAAI,CAACD,KAAK,CAACJ,KAAK,CAACK,YAAY,CAAC,GAAG,EAAE;UACxC;QACF,CAAC,MAAM,IAAInC,OAAO,CAAC,IAAI,CAACkC,KAAK,CAACJ,KAAK,CAACK,YAAY,CAAC,EAAE;UACjD,IAAI,CAACD,KAAK,CAACJ,KAAK,CAACK,YAAY,GAAG,IAAI,CAACD,KAAK,CAACJ,KAAK,CAACK,YAAY,CAACwC,GAAG,CAAC,CAAC;QACrE;IACJ;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IAAA,IAAAC,cAAA;IAClB,MAAM/C,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,IAAI,IAAI,CAACI,KAAK,CAACJ,KAAK,CAAC4C,eAAe,KAAAG,cAAA,GAAI/C,KAAK,CAACwB,OAAO,cAAAuB,cAAA,eAAbA,cAAA,CAAe1D,MAAM,EAAE;MAC7D2D,UAAU,CAAC,MAAM;QACf,IAAI,CAACzC,QAAQ,CAACP,KAAK,CAACwB,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;MACpC,CAAC,CAAC;IACJ;IACA,KAAK,CAACsB,iBAAiB,CAAC,CAAC;EAC3B;EAEAG,kBAAkBA,CAACC,SAAsB,EAAEC,SAAsB,EAAEC,QAAc,EAAE;IACjF,KAAK,CAACH,kBAAkB,IAAI,KAAK,CAACA,kBAAkB,CAACC,SAAS,EAAEC,SAAS,EAAEC,QAAQ,CAAC;IACpF,IAAI,CAACrC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACX,KAAK,CAACJ,KAAK,CAACwB,OAAO,CAAC,CAAC;EACxE;EAEA6B,gBAAgBA,CAAA,EAAG;IACjB,MAAMC,YAAY,GAAG,IAAI,CAAClD,KAAK,CAACJ,KAAK,CAACyC,SAAS,KAAK,YAAY;IAChE,OAAO,IAAI,CAACc,KAAK,CAACC,QAAQ,CAAE,GAAE,IAAI,CAACC,YAAa,IAAGH,YAAY,GAAG,qBAAqB,GAAG,mBAAoB,EAAC,CAAC;EAClH;EAEAI,QAAQA,CAACC,IAAS,EAAE;IAClB,OAAO,IAAI,CAACvD,KAAK,CAACJ,KAAK,CAACwB,OAAO,CAAClB,OAAO,CAACqD,IAAI,CAAC;EAC/C;EAEQC,eAAeA,CAACD,IAAS,EAAE/C,KAAa,EAAEZ,KAAkB,EAAE;IACpE,IAAIA,KAAK,CAAC6D,OAAO,IAAIF,IAAI,IAAI,CAAC,IAAI,CAACG,aAAa,EAAE;MAChD,OAAO9D,KAAK,CAAC6D,OAAO,CAACF,IAAI,EAAE/C,KAAK,CAAC;IACnC;IACA,OAAO,YAAY,GAAI,IAAI,CAACuB,YAAY,CAACjD,MAAM,CAACyE,IAAI,EAAE,IAAI,CAAC;EAC7D;EAEQI,UAAUA,CAACJ,IAAS,EAAE/C,KAAa,EAAEZ,KAAkB,EAAE;IAC/D,oBACInC,KAAA,CAAAmG,aAAA,CAACzF,QAAQ;MACP0F,KAAK,EAAEA,CAAA,KAAM,IAAI,CAAC1D,QAAQ,CAACoD,IAAI,EAAE/C,KAAK,EAAE,IAAI,CAAE;MAC9CsD,SAAS,EAAEA,CAAA,KAAM,IAAI,CAACnD,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACM,KAAK,CAAC,CAAE;MAC3E8C,WAAW,EAAEA,CAAA,KAAM,IAAI,CAACpD,mBAAmB,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,CAACM,KAAK,CAAC;IAAE,gBAC/ExD,KAAA,CAAAmG,aAAA,CAAChG,IAAI;MAACoG,KAAK,EAAE,CACT,IAAI,CAACC,MAAM,CAACV,IAAI,EAChB3D,KAAK,CAACsE,SAAS,GAAG,IAAI,CAACf,KAAK,CAACC,QAAQ,CAACxD,KAAK,CAACsE,SAAS,CAACX,IAAI,EAAE/C,KAAK,CAAC,CAAC,GAAG,IAAI,EAC1E,IAAI,CAACX,UAAU,CAAC0D,IAAI,CAAC,GAAG,IAAI,CAACU,MAAM,CAAClE,YAAY,GAAG,CAAC,CAAC;IAAE,GACvDH,KAAK,CAAC+D,UAAU,CAACJ,IAAI,EAAE/C,KAAK,EAAE,IAAI,CAAC,EACnC,IAAI,CAACX,UAAU,CAAC0D,IAAI,CAAC,gBACrB9F,KAAA,CAAAmG,aAAA,CAACvF,MAAM;MAAC8F,SAAS,EAAC,oBAAoB;MAACF,MAAM,EAAE,IAAI,CAACA,MAAM,CAACG;IAAa,CAAE,CAAC,GACzE,IACA,CACE,CAAC;EAEjB;EAEQC,YAAYA,CAACzE,KAAkB,EAAE0E,KAAa,EAAE;IACtD,OAAO1E,KAAK,CAACyB,OAAO,gBAClB5D,KAAA,CAAAmG,aAAA,CAACjG,IAAI;MAACqG,KAAK,EAAE,IAAI,CAACC,MAAM,CAACM;IAAa,GAAED,KAAY,CAAC,GAClD1E,KAAK,CAACuE,SAAS,IAAIvE,KAAK,CAAC0E,KAAK,IAAI1E,KAAK,CAAC4E,UAAU,gBACrD/G,KAAA,CAAAmG,aAAA,CAAChG,IAAI;MAACoG,KAAK,EAAE,IAAI,CAACC,MAAM,CAACQ;IAAQ,gBAC/BhH,KAAA,CAAAmG,aAAA,CAAChG,IAAI;MAACoG,KAAK,EAAE;QAACU,IAAI,EAAE,CAAC;QAAEC,aAAa,EAAE;MAAK;IAAE,gBAC3ClH,KAAA,CAAAmG,aAAA,CAACvF,MAAM;MAAC4F,MAAM,EAAE,IAAI,CAACA,MAAM,CAACW,QAAS;MAACT,SAAS,EAAEvE,KAAK,CAACuE;IAAU,CAAS,CAAC,eAC3E1G,KAAA,CAAAmG,aAAA,CAAChG,IAAI,qBACHH,KAAA,CAAAmG,aAAA,CAACxF,OAAO;MAAC6F,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,KAAM;MAACO,OAAO,EAAEjF,KAAK,CAAC0E;IAAM,CAAU,CAAC,eACpE7G,KAAA,CAAAmG,aAAA,CAACxF,OAAO;MAAC6F,MAAM,EAAE,IAAI,CAACA,MAAM,CAACO,UAAW;MAACK,OAAO,EAAEjF,KAAK,CAAC4E;IAAW,CAAU,CACzE,CACF,CACF,CAAC,GAAI,IAAI;EACnB;EAEQM,kBAAkBA,CAAC5B,YAAqB,EAAEK,IAAS,EAAE/C,KAAU,EAAEZ,KAAkB,EAAE;IAC3F,oBAAQnC,KAAA,CAAAmG,aAAA,CAACxF,OAAO;MAAC6F,MAAM,EAAE,IAAI,CAACA,MAAM,CAACc,YAAa;MAACF,OAAO,EAAEjF,KAAK,CAACoF;IAAc,CAAU,CAAC;EAC7F;EAEQC,iBAAiBA,CAACrF,KAAkB,EAAE;IAC5C,oBAAQnC,KAAA,CAAAmG,aAAA,CAACvF,MAAM;MACb4F,MAAM,EAAE,IAAI,CAACA,MAAM,CAACiB,WAAY;MAChCf,SAAS,EAAEvE,KAAK,CAACuF,WAAY;MAC7BN,OAAO,EAAEjF,KAAK,CAACwF;IAAe,CAAS,CAAC;EAC5C;EAEQC,kBAAkBA,CAACzF,KAAkB,EAAwB;IAAA,IAAtBsD,YAAY,GAAAxE,SAAA,CAAAO,MAAA,QAAAP,SAAA,QAAAQ,SAAA,GAAAR,SAAA,MAAG,KAAK;IACjE,oBACAjB,KAAA,CAAAmG,aAAA,CAAChG,IAAI;MAACoG,KAAK,EAAE,IAAI,CAACC,MAAM,CAACqB;IAAK,GAC3B,IAAI,CAACtF,KAAK,CAAC0B,WAAW,GAAG,IAAI,CAAC1B,KAAK,CAAC0B,WAAW,CAAC6D,GAAG,CAAC,CAACC,CAAM,EAAEC,CAAC,kBAC3DhI,KAAA,CAAAmG,aAAA,CAAChG,IAAI;MAACoG,KAAK,EAAE;QAAC0B,YAAY,EAAE;MAAE,CAAE;MAACpD,GAAG,EAAEkD,CAAC,CAAClD,GAAG,IAAI,IAAI,CAACP,YAAY,CAACjD,MAAM,CAAC0G,CAAC,EAAE,IAAI;IAAE,GAC9E,IAAI,CAACnB,YAAY,CAACzE,KAAK,EAAE4F,CAAC,CAAClD,GAAG,CAAC,eAChC7E,KAAA,CAAAmG,aAAA,CAAC/F,QAAQ;MACPkE,YAAY,EAAEA,CAACwB,IAAI,EAAEkC,CAAC,KAAK,IAAI,CAACjC,eAAe,CAACD,IAAI,EAAEkC,CAAC,EAAE7F,KAAK,CAAE;MAChE+F,UAAU,EAAIzC,YAAa;MAC3Bd,IAAI,EAAEoD,CAAC,CAACpD,IAAI,IAAI,EAAG;MACnBwD,kBAAkB,EAAKC,QAAQ,IAAK,IAAI,CAACf,kBAAkB,CAAC5B,YAAY,EAAE2C,QAAQ,CAACtC,IAAI,EAAEsC,QAAQ,CAACrF,KAAK,EAAEZ,KAAK,CAAE;MAChH+D,UAAU,EAAGkC,QAAQ,IAAK,IAAI,CAAClC,UAAU,CAACkC,QAAQ,CAACtC,IAAI,EAAEsC,QAAQ,CAACrF,KAAK,EAAEZ,KAAK;IAAE,CACxE,CACN,CACN,CAAC,GAAG,IAEJ,CAAC;EACT;EAEQkG,kBAAkBA,CAAA,EAAG;IAC3B,IAAI,IAAI,CAACpC,aAAa,EAAE;MACtB,OAAO,CAAC;QACNpB,GAAG,EAAE,EAAE;QACPF,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACnB,CAAC,CAAC;IACJ,CAAC,MAAM,IAAI,IAAI,CAACpC,KAAK,CAAC0B,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC1B,KAAK,CAAC0B,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAACzC,MAAM,EAAE;MAChF,OAAO,IAAI,CAACe,KAAK,CAAC0B,WAAW;IAC/B;IACA,OAAO,EAAE;EACX;EAEQqE,qBAAqBA,CAACnG,KAAkB,EAAwB;IAAA,IAAtBsD,YAAY,GAAAxE,SAAA,CAAAO,MAAA,QAAAP,SAAA,QAAAQ,SAAA,GAAAR,SAAA,MAAG,KAAK;IACpE,oBACEjB,KAAA,CAAAmG,aAAA,CAAClG,WAAW;MACVqE,YAAY,EAAEA,CAACwB,IAAI,EAAEkC,CAAC,KAAK,IAAI,CAACjC,eAAe,CAACD,IAAI,EAAEkC,CAAC,EAAE7F,KAAK,CAAE;MAChE+F,UAAU,EAAIzC,YAAa;MAC3B8C,YAAY,EAAEC,IAAA,IAAuB;QAAA,IAAtB;UAACC;QAAe,CAAC,GAAAD,IAAA;QAC9B,IAAI,CAACE,QAAQ,CAAC;UAAEC,WAAW,EAAE,IAAI,CAACpG,KAAK,CAACoG,WAAW,GAAG;QAAE,CAAgB,CAAC;QACzE,IAAI,CAACzF,mBAAmB,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;MACxD,CAAE;MACF0F,qBAAqB,EAAE,IAAI,CAACpC,MAAM,CAACqB,IAAK;MACxCgB,qBAAqB,EAAE,GAAI;MAC3BC,QAAQ,EAAE,IAAI,CAACT,kBAAkB,CAAC,CAAE;MACpCU,mBAAmB,EAAEC,KAAA,IAA6B;QAAA,IAA5B;UAAEC,OAAO,EAAE;YAACpE,GAAG;YAAEF;UAAI;QAAC,CAAC,GAAAqE,KAAA;QAC3C,OAAO,IAAI,CAACpC,YAAY,CAACzE,KAAK,EAAE0C,GAAG,CAAC;MACtC,CAAE;MACFqE,mBAAmB,EAAEA,CAAA,KAAM/G,KAAK,CAACgH,WAAW,GAAG,IAAI,CAAC3B,iBAAiB,CAACrF,KAAK,CAAC,GAAG,IAAK;MACpFgG,kBAAkB,EAAKC,QAAQ,IAAK,IAAI,CAACf,kBAAkB,CAAC5B,YAAY,EAAE2C,QAAQ,CAACtC,IAAI,EAAEsC,QAAQ,CAACrF,KAAK,EAAEZ,KAAK,CAAE;MAChH+D,UAAU,EAAGkC,QAAQ,IAAK,IAAI,CAAClC,UAAU,CAACkC,QAAQ,CAACtC,IAAI,EAAEsC,QAAQ,CAACrF,KAAK,EAAEZ,KAAK;IAAE,CACrE,CAAC;EAElB;EAEAiH,YAAYA,CAACjH,KAAkB,EAAE;IAC/B,IAAI,CAACe,mBAAmB,CAAC,oBAAoB,EAAE,CAAC,IAAI,EAAE,IAAI,CAACX,KAAK,CAACJ,KAAK,CAACwB,OAAO,CAAC,CAAC;IAChF,MAAM8B,YAAY,GAAItD,KAAK,CAACyC,SAAS,KAAK,YAAa;IACvD,oBACI5E,KAAA,CAAAmG,aAAA,CAAChG,IAAI,QACF,IAAI,CAACkJ,WAAW,EACf5D,YAAY,GACZ,IAAI,CAACmC,kBAAkB,CAACzF,KAAK,EAAEsD,YAAY,CAAC,GAC5C,IAAI,CAAC6C,qBAAqB,CAACnG,KAAK,EAAEsD,YAAY,CAC9C,CAAC;EACX;AACF"}

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

@@ -29,12 +29,6 @@ export default class WmListProps extends BaseProps {
     _defineProperty(this, "dateformat", null);
     _defineProperty(this, "selecteditem", null);
     _defineProperty(this, "itemclass", null);
-    _defineProperty(this, "itemsperrow", {
-      xs: 1,
-      sm: 1,
-      md: 1,
-      lg: 1
-    });
   }
 }
 //# sourceMappingURL=list.props.js.map

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    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,oBAC3B,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"],"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    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 = ($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}\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,oBAC3B,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,sBACL,CAACE,KAAU,EAAEC,MAAW,KAAK,KAAK;IAAAH,eAAA,kBACH,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;EAAA;AACzD"}

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

@@ -10,11 +10,9 @@ export default class WmDialogcontent extends BaseComponent {
   }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(ScrollView, {
-      contentContainerStyle: [this.styles.root, {
-        maxHeight: undefined
-      }],
+      contentContainerStyle: this.styles.root,
       style: {
-        maxHeight: this.styles.root.maxHeight
+        maxHeight: '90%'
       }
     }, this._background, props.children);
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","contentContainerStyle","styles","root","maxHeight","undefined","style","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView\n      contentContainerStyle={[this.styles.root, {maxHeight: undefined}]}\n      style={{maxHeight: this.styles.root.maxHeight}}>\n        {this._background}\n        {props.children}\n    </ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;EACzD;EAEAM,YAAYA,CAACD,KAA2B,EAAE;IACxC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,UAAU;MACjBW,qBAAqB,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE;QAACC,SAAS,EAAEC;MAAS,CAAC,CAAE;MAClEC,KAAK,EAAE;QAACF,SAAS,EAAE,IAAI,CAACF,MAAM,CAACC,IAAI,CAACC;MAAS;IAAE,GAC5C,IAAI,CAACG,WAAW,EAChBT,KAAK,CAACU,QACC,CAAC;EACf;AACF"}
+{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","createElement","contentContainerStyle","styles","root","style","maxHeight","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView contentContainerStyle={this.styles.root} style={{maxHeight: '90%'}}>{this._background}{props.children}</ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAWA,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,CAAC,CAAC,CAAC;EACzD;EAEAM,YAAYA,CAACD,KAA2B,EAAE;IACxC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,UAAU;MAACW,qBAAqB,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MAACC,KAAK,EAAE;QAACC,SAAS,EAAE;MAAK;IAAE,GAAE,IAAI,CAACC,WAAW,EAAER,KAAK,CAACS,QAAqB,CAAC;EACzI;AACF"}

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

@@ -5,8 +5,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
       padding: 16,
-      minHeight: 80,
-      maxHeight: 0.9 * themeVariables.maxModalHeight
+      minHeight: 80
     },
     text: {}
   });

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","minHeight","maxHeight","maxModalHeight","text"],"sources":["dialogcontent.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmDialogcontentStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-dialogcontent';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogcontentStyles = defineStyles({\n        root: {\n            padding: 16,\n            minHeight: 80,\n            maxHeight: 0.9 * themeVariables.maxModalHeight\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAoC,GAAGL,YAAY,CAAC;IACtDM,IAAI,EAAE;MACFC,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE,EAAE;MACbC,SAAS,EAAE,GAAG,GAAGN,cAAc,CAACO;IACpC,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFP,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","minHeight","text"],"sources":["dialogcontent.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmDialogcontentStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-dialogcontent';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDialogcontentStyles = defineStyles({\n        root: {\n            padding: 16,\n            minHeight: 80\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAChDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAoC,GAAGL,YAAY,CAAC;IACtDM,IAAI,EAAE;MACFC,OAAO,EAAE,EAAE;MACXC,SAAS,EAAE;IACf,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

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

@@ -4,20 +4,13 @@ import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/cor
 import WmCompositeProps from './composite.props';
 import { DEFAULT_CLASS } from './composite.styles';
 export class WmCompositeState extends BaseComponentState {}
-;
-const POSITION_STYLES = {
-  'top': 'app-composite-top-caption',
-  'left': 'app-composite-left-caption',
-  'right': 'app-composite-right-caption'
-};
 export default class WmComposite extends BaseComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmCompositeProps());
   }
   renderWidget(props) {
-    const styles = this.theme.mergeStyle({}, this.styles, this.theme.getStyle(POSITION_STYLES[props.captionposition]));
     return /*#__PURE__*/React.createElement(View, {
-      style: styles.root
+      style: this.styles.root
     }, this._background, props.children);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCompositeProps","DEFAULT_CLASS","WmCompositeState","POSITION_STYLES","WmComposite","constructor","props","renderWidget","styles","theme","mergeStyle","getStyle","captionposition","createElement","style","root","_background","children"],"sources":["composite.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCompositeProps from './composite.props';\nimport { DEFAULT_CLASS, WmCompositeStyles } from './composite.styles';\n\nexport class WmCompositeState extends BaseComponentState<WmCompositeProps> {};\n\nconst POSITION_STYLES = {\n  'top': 'app-composite-top-caption',\n  'left': 'app-composite-left-caption',\n  'right': 'app-composite-right-caption'\n};\n\nexport default class WmComposite extends BaseComponent<WmCompositeProps, WmCompositeState, WmCompositeStyles> {\n\n  constructor(props: WmCompositeProps) {\n    super(props, DEFAULT_CLASS, new WmCompositeProps());\n  }\n\n  renderWidget(props: WmCompositeProps) {\n    const styles = this.theme.mergeStyle({}, \n      this.styles,\n      this.theme.getStyle(POSITION_STYLES[props.captionposition]));\n    return (<View style={styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,OAAO,MAAMC,gBAAgB,SAASH,kBAAkB,CAAmB;AAAE;AAE7E,MAAMI,eAAe,GAAG;EACtB,KAAK,EAAE,2BAA2B;EAClC,MAAM,EAAE,4BAA4B;EACpC,OAAO,EAAE;AACX,CAAC;AAED,eAAe,MAAMC,WAAW,SAASN,aAAa,CAAwD;EAE5GO,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAO,YAAYA,CAACD,KAAuB,EAAE;IACpC,MAAME,MAAM,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,CAAC,CAAC,EACrC,IAAI,CAACF,MAAM,EACX,IAAI,CAACC,KAAK,CAACE,QAAQ,CAACR,eAAe,CAACG,KAAK,CAACM,eAAe,CAAC,CAAC,CAAC;IAC9D,oBAAQhB,KAAA,CAAAiB,aAAA,CAAChB,IAAI;MAACiB,KAAK,EAAEN,MAAM,CAACO;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEV,KAAK,CAACW,QAAe,CAAC;EAC7E;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCompositeProps","DEFAULT_CLASS","WmCompositeState","WmComposite","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["composite.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCompositeProps from './composite.props';\nimport { DEFAULT_CLASS, WmCompositeStyles } from './composite.styles';\n\nexport class WmCompositeState extends BaseComponentState<WmCompositeProps> {}\n\nexport default class WmComposite extends BaseComponent<WmCompositeProps, WmCompositeState, WmCompositeStyles> {\n\n  constructor(props: WmCompositeProps) {\n    super(props, DEFAULT_CLASS, new WmCompositeProps());\n  }\n\n  renderWidget(props: WmCompositeProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,OAAO,MAAMC,gBAAgB,SAASH,kBAAkB,CAAmB;AAE3E,eAAe,MAAMI,WAAW,SAASL,aAAa,CAAwD;EAE5GM,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAM,YAAYA,CAACD,KAAuB,EAAE;IACpC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF"}

app-rn-runtime/components/input/composite/composite.props.js

@@ -6,7 +6,6 @@ export default class WmCompositeProps extends BaseProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "children", void 0);
-    _defineProperty(this, "captionposition", 'left');
   }
 }
 //# sourceMappingURL=composite.props.js.map

app-rn-runtime/components/input/composite/composite.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmCompositeProps","constructor","arguments","_defineProperty"],"sources":["composite.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCompositeProps extends BaseProps {\n    children: any;\n    captionposition: 'left' | 'right' | 'top' = 'left';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,0BAER,MAAM;EAAA;AACtD"}
+{"version":3,"names":["BaseProps","WmCompositeProps","constructor","arguments","_defineProperty"],"sources":["composite.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCompositeProps extends BaseProps {\n    children: any;\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,gBAAgB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAExD"}

app-rn-runtime/components/input/composite/composite.styles.js

@@ -5,25 +5,10 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
       flexDirection: 'row',
-      alignItems: 'flex-start'
+      alignItems: 'center'
     },
     text: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
-  addStyle('app-composite-left-caption', DEFAULT_CLASS, {
-    root: {
-      flexDirection: 'row'
-    }
-  });
-  addStyle('app-composite-right-caption', DEFAULT_CLASS, {
-    root: {
-      flexDirection: 'row-reverse'
-    }
-  });
-  addStyle('app-composite-top-caption', DEFAULT_CLASS, {
-    root: {
-      flexDirection: 'column'
-    }
-  });
 });
 //# sourceMappingURL=composite.styles.js.map

app-rn-runtime/components/input/composite/composite.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignItems","text"],"sources":["composite.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmCompositeStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-composite';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCompositeStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            alignItems: 'flex-start'\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-composite-left-caption', DEFAULT_CLASS,  {\n        root: {\n            flexDirection: 'row'\n        }\n    } as WmCompositeStyles);\n    addStyle('app-composite-right-caption', DEFAULT_CLASS,  {\n        root: {\n            flexDirection: 'row-reverse'\n        }\n    } as WmCompositeStyles);\n    addStyle('app-composite-top-caption', DEFAULT_CLASS, {\n        root: {\n            flexDirection: 'column'\n        }\n    } as WmCompositeStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,4BAA4B,EAAEH,aAAa,EAAG;IACnDK,IAAI,EAAE;MACFC,aAAa,EAAE;IACnB;EACJ,CAAsB,CAAC;EACvBH,QAAQ,CAAC,6BAA6B,EAAEH,aAAa,EAAG;IACpDK,IAAI,EAAE;MACFC,aAAa,EAAE;IACnB;EACJ,CAAsB,CAAC;EACvBH,QAAQ,CAAC,2BAA2B,EAAEH,aAAa,EAAE;IACjDK,IAAI,EAAE;MACFC,aAAa,EAAE;IACnB;EACJ,CAAsB,CAAC;AAC3B,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignItems","text"],"sources":["composite.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmCompositeStyles = BaseStyles & {};\n\nexport const DEFAULT_CLASS = 'app-composite';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCompositeStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            alignItems: 'center'\n        },\n        text: {}\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAIxF,OAAO,MAAMC,aAAa,GAAG,eAAe;AAC5CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAgC,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE,CAAC;EACX,CAAC,CAAC;EAEFL,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

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

@@ -13,12 +13,10 @@ export default class WmRadioset extends BaseDatasetComponent {
     this.invokeEventCallback('onTap', [null, this.proxy]);
     this.onValueChange(value);
   }
-  renderChild(item, index, colWidth) {
+  renderChild(item, index) {
     const displayText = item.displayexp || item.displayfield;
     return /*#__PURE__*/React.createElement(View, {
-      style: [this.styles.radioHead, {
-        width: colWidth
-      }],
+      style: this.styles.radioHead,
       key: item.key
     }, /*#__PURE__*/React.createElement(RadioButton.Android, {
       value: this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield,
@@ -41,14 +39,12 @@ export default class WmRadioset extends BaseDatasetComponent {
   }
   renderRadioButtons(items) {
     const props = this.state.props;
-    const noOfColumns = props.itemsperrow.xs || 1;
-    const colWidth = Math.round(100 / noOfColumns) + '%';
     return /*#__PURE__*/React.createElement(RadioButton.Group, {
       onValueChange: this.onPress.bind(this),
       value: this.state.props.datafield === 'All Fields' ? this.getItemKey(props.datavalue) : props.datavalue
     }, /*#__PURE__*/React.createElement(View, {
       style: this.styles.group
-    }, items && items.length ? items.map((item, index) => this.renderChild(item, index, colWidth)) : null));
+    }, items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null));
   }
   renderWidget(props) {
     const items = this.state.dataItems;

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","RadioButton","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmRadiosetState","WmRadioset","constructor","props","onPress","value","invokeEventCallback","proxy","onValueChange","renderChild","item","index","colWidth","displayText","displayexp","displayfield","createElement","style","styles","radioHead","width","key","Android","state","datafield","getItemKey","color","root","uncheckedColor","disabled","readonly","radioLabel","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","Group","bind","datavalue","group","renderWidget","dataItems","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue } from 'react-native';\nimport { RadioButton } from 'react-native-paper';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(value: any) {\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    this.onValueChange(value);\n  }\n\n  renderChild(item: any, index: any, colWidth: DimensionValue) {\n    const displayText = item.displayexp || item.displayfield;\n    return (\n      <View style={[this.styles.radioHead, {width: colWidth}]} key={item.key}>\n          <RadioButton.Android\n            value={this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield}\n            color={this.styles.root.color as string}\n            uncheckedColor={this.styles.root.color as string}\n            disabled={this.state.props.readonly || this.state.props.disabled}\n          />\n          <Text style={this.styles.radioLabel}>{displayText}</Text>\n    </View>)\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(<RadioButton.Group onValueChange={this.onPress.bind(this)} value={this.state.props.datafield === 'All Fields'? this.getItemKey(props.datavalue) : props.datavalue}>\n      <View style={this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n      </View>\n    </RadioButton.Group>)\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return (\n        <View style={this.styles.root}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","RadioButton","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmRadiosetState","WmRadioset","constructor","props","onPress","value","invokeEventCallback","proxy","onValueChange","renderChild","item","index","displayText","displayexp","displayfield","createElement","style","styles","radioHead","key","Android","state","datafield","getItemKey","color","root","uncheckedColor","disabled","readonly","radioLabel","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","Group","bind","datavalue","group","renderWidget","dataItems","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text } from 'react-native';\nimport { RadioButton } from 'react-native-paper';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(value: any) {\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    this.onValueChange(value);\n  }\n\n  renderChild(item: any, index: any) {\n    const displayText = item.displayexp || item.displayfield;\n    return (\n      <View style={this.styles.radioHead} key={item.key}>\n          <RadioButton.Android\n            value={this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield}\n            color={this.styles.root.color as string}\n            uncheckedColor={this.styles.root.color as string}\n            disabled={this.state.props.readonly || this.state.props.disabled}\n          />\n          <Text style={this.styles.radioLabel}>{displayText}</Text>\n    </View>)\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    return(<RadioButton.Group onValueChange={this.onPress.bind(this)} value={this.state.props.datafield === 'All Fields'? this.getItemKey(props.datavalue) : props.datavalue}>\n      <View style={this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index)): null}\n      </View>\n    </RadioButton.Group>)\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return (\n        <View style={this.styles.root}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </View>\n    );\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/input/radioset/radioset.props.js

@@ -6,12 +6,6 @@ export default class WmRadiosetProps extends BaseDatasetProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "dataset", 'Option 1, Option 2, Option 3');
-    _defineProperty(this, "itemsperrow", {
-      xs: 1,
-      sm: 1,
-      md: 1,
-      lg: 1
-    });
   }
 }
 //# sourceMappingURL=radioset.props.js.map

app-rn-runtime/components/input/radioset/radioset.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseDatasetProps","WmRadiosetProps","constructor","arguments","_defineProperty","xs","sm","md","lg"],"sources":["radioset.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\n\nexport default class WmRadiosetProps extends BaseDatasetProps {\n  dataset: any = 'Option 1, Option 2, Option 3';\n  itemsperrow =  {\n    xs: 1,\n    sm: 1,\n    md: 1,\n    lg: 1,\n };\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAEvG,eAAe,MAAMC,eAAe,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAC7C,8BAA8B;IAAAA,eAAA,sBAC9B;MACbC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE,CAAC;MACLC,EAAE,EAAE;IACP,CAAC;EAAA;AACF"}
+{"version":3,"names":["BaseDatasetProps","WmRadiosetProps","constructor","arguments","_defineProperty"],"sources":["radioset.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\n\nexport default class WmRadiosetProps extends BaseDatasetProps {\n  dataset: any = 'Option 1, Option 2, Option 3';\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAEvG,eAAe,MAAMC,eAAe,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBAC7C,8BAA8B;EAAA;AAC/C"}

app-rn-runtime/components/input/radioset/radioset.styles.js

@@ -7,10 +7,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       color: themeVariables.checkedColor
     },
     text: {},
-    group: {
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    },
+    group: {},
     groupHeaderTitle: {
       backgroundColor: themeVariables.groupHeadingBgColor,
       fontSize: 16,
@@ -43,6 +40,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       opacity: 0.8
     }
   });
+  addStyle(DEFAULT_CLASS + '-row', '', {
+    group: {
+      flexDirection: 'row',
+      flexWrap: 'wrap',
+      justifyContent: 'space-between'
+    }
+  });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
 });
 //# sourceMappingURL=radioset.styles.js.map

app-rn-runtime/components/input/radioset/radioset.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","checkedColor","text","group","flexDirection","flexWrap","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","radioHead","alignContent","radioLabel","alignSelf","labelDefaultColor","skeleton","width","height","borderRadius","checkedDisabledColor","opacity"],"sources":["radioset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmRadiosetStyles = BaseStyles & {\n  group: AllStyle,\n  groupHeaderTitle: AllStyle;\n  radioHead: AllStyle;\n  radioLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-radioset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmRadiosetStyles = defineStyles({\n      root: {\n        color: themeVariables.checkedColor\n      },\n      text: {},\n      group: {\n        flexDirection: 'row',\n        flexWrap: 'wrap'\n      },\n      groupHeaderTitle: {\n        backgroundColor: themeVariables.groupHeadingBgColor,\n        fontSize: 16,\n        paddingLeft: 8,\n        paddingRight: 8,\n        lineHeight: 40,\n        fontFamily: themeVariables.baseFont\n      } as AllStyle,\n      radioHead: {\n        flexDirection: 'row',\n        alignContent: 'center',\n      } as AllStyle,\n      radioLabel: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor\n      } as AllStyle,\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 16,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      color: themeVariables.checkedDisabledColor,\n      opacity: 0.8\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,KAAK,EAAEJ,cAAc,CAACK;IACxB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEX,cAAc,CAACY,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEjB,cAAc,CAACkB;IAC7B,CAAa;IACbC,SAAS,EAAE;MACTX,aAAa,EAAE,KAAK;MACpBY,YAAY,EAAE;IAChB,CAAa;IACbC,UAAU,EAAE;MACRC,SAAS,EAAE,QAAQ;MACnBL,UAAU,EAAEjB,cAAc,CAACkB,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZT,KAAK,EAAEJ,cAAc,CAACuB;IAC1B,CAAa;IACbC,QAAQ,EAAE;MACRrB,IAAI,EAAE;QACJsB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEF1B,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLC,KAAK,EAAEJ,cAAc,CAAC4B,oBAAoB;MAC1CC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF5B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","color","checkedColor","text","group","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","radioHead","flexDirection","alignContent","radioLabel","alignSelf","labelDefaultColor","skeleton","width","height","borderRadius","checkedDisabledColor","opacity","flexWrap","justifyContent"],"sources":["radioset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmRadiosetStyles = BaseStyles & {\n  group: AllStyle,\n  groupHeaderTitle: AllStyle;\n  radioHead: AllStyle;\n  radioLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-radioset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmRadiosetStyles = defineStyles({\n      root: {\n        color: themeVariables.checkedColor\n      },\n      text: {},\n      group: {},\n      groupHeaderTitle: {\n        backgroundColor: themeVariables.groupHeadingBgColor,\n        fontSize: 16,\n        paddingLeft: 8,\n        paddingRight: 8,\n        lineHeight: 40,\n        fontFamily: themeVariables.baseFont\n      } as AllStyle,\n      radioHead: {\n        flexDirection: 'row',\n        alignContent: 'center',\n      } as AllStyle,\n      radioLabel: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor\n      } as AllStyle,\n      skeleton: {\n        root: {\n          width: '100%',\n          height: 16,\n          borderRadius: 4\n        }\n      } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root : {\n      color: themeVariables.checkedDisabledColor,\n      opacity: 0.8\n    }\n  });\n\n  addStyle(DEFAULT_CLASS + '-row', '', {\n    group : {\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      justifyContent:'space-between'\n    }\n  } as WmRadiosetStyles);\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,KAAK,EAAEJ,cAAc,CAACK;IACxB,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE,CAAC,CAAC;IACTC,gBAAgB,EAAE;MAChBC,eAAe,EAAET,cAAc,CAACU,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEf,cAAc,CAACgB;IAC7B,CAAa;IACbC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAa;IACbC,UAAU,EAAE;MACRC,SAAS,EAAE,QAAQ;MACnBN,UAAU,EAAEf,cAAc,CAACgB,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZP,KAAK,EAAEJ,cAAc,CAACsB;IAC1B,CAAa;IACbC,QAAQ,EAAE;MACRpB,IAAI,EAAE;QACJqB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAE;MAChB;IACF;EACJ,CAAC,CAAC;EAEFzB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLC,KAAK,EAAEJ,cAAc,CAAC2B,oBAAoB;MAC1CC,OAAO,EAAE;IACX;EACF,CAAC,CAAC;EAEF3B,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACnCS,KAAK,EAAG;MACNW,aAAa,EAAE,KAAK;MACpBW,QAAQ,EAAE,MAAM;MAChBC,cAAc,EAAC;IACjB;EACF,CAAqB,CAAC;EAEtB7B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

app-rn-runtime/components/input/select/select.styles.js

@@ -12,8 +12,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderColor: themeVariables.inputBorderColor,
       backgroundColor: themeVariables.inputBackgroundColor,
       borderRadius: 6,
-      minWidth: 160,
-      alignItems: 'center'
+      minWidth: 160
     },
     invalid: {
       borderBottomColor: themeVariables.inputInvalidBorderColor

app-rn-runtime/components/input/select/select.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","minWidth","alignItems","invalid","borderBottomColor","inputInvalidBorderColor","text","fontSize","fontFamily","baseFont","flex","color","inputTextColor","checkIcon","icon","primaryColor","disabledText","inputDisabledBgColor","modal","height","modalContent","selectDropdownBackgroundColor","position","selectBorderColor","width","selectItem","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomStyle","selecttemBorderColor","lastSelectItem","selectItemText","selectItemTextColor","placeholderText","inputPlaceholderColor","dropDownContent","arrowButton","alignSelf","justifyContent","OS","textAlign"],"sources":["select.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmSelectStyles = BaseStyles & {\n  arrowButton: WmButtonStyles;\n  modal: AllStyle;\n  modalContent: AllStyle;\n  checkIcon: WmIconStyles;\n  selectItem: AllStyle;\n  lastSelectItem: AllStyle,\n  selectItemText: AllStyle;\n  dropDownContent: AllStyle;\n  disabledText: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-select';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSelectStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      padding: 12,\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      backgroundColor: themeVariables.inputBackgroundColor,\n      borderRadius: 6,\n      minWidth: 160,\n      alignItems: 'center'\n    },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n    text: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      flex: 1,\n      color: themeVariables.inputTextColor\n    },\n    checkIcon: {\n      icon: {\n        fontSize: 24,\n        color: themeVariables.primaryColor\n      }\n    } as WmIconStyles,\n    disabledText: {\n      backgroundColor : themeVariables.inputDisabledBgColor\n    },\n    modal: {\n      backgroundColor: 'rgba(0, 0, 0, 0.3)',\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.selectDropdownBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.selectBorderColor,\n      width: '90%'\n    },\n    selectItem: {\n      width: '100%',\n      paddingHorizontal: 16,\n      paddingVertical: 8,\n      borderBottomWidth: 1,\n      borderBottomStyle: 'solid',\n      borderBottomColor: themeVariables.selecttemBorderColor,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    lastSelectItem: {\n      borderBottomWidth: 0\n    },\n    selectItemText: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      color: themeVariables.selectItemTextColor,\n      flex: 1\n    },\n    placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n    },\n    dropDownContent: {},\n    arrowButton: {\n      root: {\n        padding: 0,\n        alignItems: 'center',\n        alignSelf: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'transparent'\n      }\n    } as WmButtonStyles,\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n      textAlign:'right',\n    }\n  }:{\n    text:{\n      textAlign:'left',\n    }\n  });\n});\n"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","minWidth","invalid","borderBottomColor","inputInvalidBorderColor","text","fontSize","fontFamily","baseFont","flex","color","inputTextColor","checkIcon","icon","primaryColor","disabledText","inputDisabledBgColor","modal","height","modalContent","selectDropdownBackgroundColor","position","selectBorderColor","width","selectItem","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomStyle","selecttemBorderColor","alignItems","lastSelectItem","selectItemText","selectItemTextColor","placeholderText","inputPlaceholderColor","dropDownContent","arrowButton","alignSelf","justifyContent","OS","textAlign"],"sources":["select.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmSelectStyles = BaseStyles & {\n  arrowButton: WmButtonStyles;\n  modal: AllStyle;\n  modalContent: AllStyle;\n  checkIcon: WmIconStyles;\n  selectItem: AllStyle;\n  lastSelectItem: AllStyle,\n  selectItemText: AllStyle;\n  dropDownContent: AllStyle;\n  disabledText: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-select';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSelectStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      padding: 12,\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      backgroundColor: themeVariables.inputBackgroundColor,\n      borderRadius: 6,\n      minWidth: 160\n    },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n    text: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      flex: 1,\n      color: themeVariables.inputTextColor\n    },\n    checkIcon: {\n      icon: {\n        fontSize: 24,\n        color: themeVariables.primaryColor\n      }\n    } as WmIconStyles,\n    disabledText: {\n      backgroundColor : themeVariables.inputDisabledBgColor\n    },\n    modal: {\n      backgroundColor: 'rgba(0, 0, 0, 0.3)',\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.selectDropdownBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.selectBorderColor,\n      width: '90%'\n    },\n    selectItem: {\n      width: '100%',\n      paddingHorizontal: 16,\n      paddingVertical: 8,\n      borderBottomWidth: 1,\n      borderBottomStyle: 'solid',\n      borderBottomColor: themeVariables.selecttemBorderColor,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    lastSelectItem: {\n      borderBottomWidth: 0\n    },\n    selectItemText: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      color: themeVariables.selectItemTextColor,\n      flex: 1\n    },\n    placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n    },\n    dropDownContent: {},\n    arrowButton: {\n      root: {\n        padding: 0,\n        alignItems: 'center',\n        alignSelf: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'transparent'\n      }\n    } as WmButtonStyles,\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n      textAlign:'right',\n    }\n  }:{\n    text:{\n      textAlign:'left',\n    }\n  });\n});\n"],"mappings":"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"}

app-rn-runtime/components/input/switch/switch.styles.js

@@ -5,8 +5,7 @@ export const DEFAULT_CLASS = 'app-switch';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      minHeight: 24,
-      padding: 4,
+      height: 38,
       flexDirection: 'row'
     },
     text: {

app-rn-runtime/components/input/switch/switch.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","padding","flexDirection","text","fontWeight","fontSize","textTransform","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","button","backgroundColor","switchBgColor","switchTextColor","minWidth","borderRadius","borderColor","switchBorderColor","borderWidth","borderRightWidth","alignItems","selectedButton","switchActiveTextColor","switchActiveBgColor","firstButton","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","lastButton","OS","borderLeftWidth"],"sources":["switch.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {WmIconStyles} from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.styles\";\nimport { Platform } from 'react-native';\n\nexport type WmSwitchStyles = BaseStyles & {\n  loadingIcon: WmIconStyles,\n  button: AllStyle,\n  selectedButton: AllStyle,\n  firstButton: AllStyle,\n  lastButton: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-switch';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSwitchStyles = defineStyles<WmSwitchStyles>({\n      root: {\n        minHeight: 24,\n        padding: 4,\n        flexDirection: 'row'\n      },\n      text: {\n        fontWeight: '500',\n        fontSize: 16,\n        textTransform: 'capitalize'\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    button: {\n      backgroundColor: themeVariables.switchBgColor,\n      color: themeVariables.switchTextColor,\n      fontSize: 16,\n      minWidth: 64,\n      borderRadius: 0,\n      borderColor: themeVariables.switchBorderColor,\n      borderWidth: 1,\n      borderRightWidth: 0,\n      fontWeight: 'bold',\n      justifyContent: 'center',\n      alignItems: 'center'\n    } as AllStyle,\n    selectedButton: {\n      color: themeVariables.switchActiveTextColor,\n      backgroundColor: themeVariables.switchActiveBgColor,\n      borderColor: themeVariables.switchActiveBgColor\n    } as AllStyle,\n    firstButton: {\n      borderTopLeftRadius: 6,\n      borderBottomLeftRadius: 6,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n      borderRightWidth: 1\n    } as AllStyle\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {}\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    firstButton:{\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n      borderRightWidth: 1,\n      borderLeftWidth: 0\n    } ,\n    lastButton:{\n      borderTopLeftRadius: 6,\n      borderBottomLeftRadius: 6,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n      borderRightWidth: 0\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '1-rtl', '', Platform.OS==\"web\"?{\n    firstButton:{\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 500,\n      borderBottomRightRadius: 500,\n      borderRightWidth: 0,\n      borderLeftWidth: 1\n    } ,\n    lastButton:{\n      flex: 1,\n      borderTopLeftRadius: 500,\n      borderBottomLeftRadius: 500,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n      borderRightWidth: 1\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '1', '', {\n    firstButton: {\n      borderTopLeftRadius: 500,\n      borderBottomLeftRadius: 500,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      flex: 1,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 500,\n      borderBottomRightRadius: 500\n    } as AllStyle\n  } as WmSwitchStyles);\n});"],"mappings":"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"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","height","flexDirection","text","fontWeight","fontSize","textTransform","loadingIcon","flex","alignSelf","justifyContent","color","listSubTitleColor","button","backgroundColor","switchBgColor","switchTextColor","minWidth","borderRadius","borderColor","switchBorderColor","borderWidth","borderRightWidth","alignItems","selectedButton","switchActiveTextColor","switchActiveBgColor","firstButton","borderTopLeftRadius","borderBottomLeftRadius","borderTopRightRadius","borderBottomRightRadius","lastButton","OS","borderLeftWidth"],"sources":["switch.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {WmIconStyles} from \"@wavemaker/app-rn-runtime/components/basic/icon/icon.styles\";\nimport { Platform } from 'react-native';\n\nexport type WmSwitchStyles = BaseStyles & {\n  loadingIcon: WmIconStyles,\n  button: AllStyle,\n  selectedButton: AllStyle,\n  firstButton: AllStyle,\n  lastButton: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-switch';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSwitchStyles = defineStyles<WmSwitchStyles>({\n      root: {\n        height: 38,\n        flexDirection: 'row'\n      },\n      text: {\n        fontWeight: '500',\n        fontSize: 16,\n        textTransform: 'capitalize'\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    button: {\n      backgroundColor: themeVariables.switchBgColor,\n      color: themeVariables.switchTextColor,\n      fontSize: 16,\n      minWidth: 64,\n      borderRadius: 0,\n      borderColor: themeVariables.switchBorderColor,\n      borderWidth: 1,\n      borderRightWidth: 0,\n      fontWeight: 'bold',\n      justifyContent: 'center',\n      alignItems: 'center'\n    } as AllStyle,\n    selectedButton: {\n      color: themeVariables.switchActiveTextColor,\n      backgroundColor: themeVariables.switchActiveBgColor,\n      borderColor: themeVariables.switchActiveBgColor\n    } as AllStyle,\n    firstButton: {\n      borderTopLeftRadius: 6,\n      borderBottomLeftRadius: 6,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n      borderRightWidth: 1\n    } as AllStyle\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {}\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    firstButton:{\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n      borderRightWidth: 1,\n      borderLeftWidth: 0\n    } ,\n    lastButton:{\n      borderTopLeftRadius: 6,\n      borderBottomLeftRadius: 6,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n      borderRightWidth: 0\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '1-rtl', '', Platform.OS==\"web\"?{\n    firstButton:{\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 500,\n      borderBottomRightRadius: 500,\n      borderRightWidth: 0,\n      borderLeftWidth: 1\n    } ,\n    lastButton:{\n      flex: 1,\n      borderTopLeftRadius: 500,\n      borderBottomLeftRadius: 500,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n      borderRightWidth: 1\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '1', '', {\n    firstButton: {\n      borderTopLeftRadius: 500,\n      borderBottomLeftRadius: 500,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0\n    } as AllStyle,\n    lastButton: {\n      flex: 1,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 500,\n      borderBottomRightRadius: 500\n    } as AllStyle\n  } as WmSwitchStyles);\n});"],"mappings":"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"}

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

@@ -35,7 +35,6 @@ export class BaseNavComponent extends BaseComponent {
         return {
           key: `${name}_item${i}`,
           label: s,
-          data: s,
           icon: 'wi wi-' + s
         };
       });
@@ -51,7 +50,6 @@ export class BaseNavComponent extends BaseComponent {
           link: this.getValue(d, this.state.props.itemlink),
           badge: this.getValue(d, this.state.props.itembadge),
           isactive: this.getValue(d, this.state.props.isactive),
-          data: d,
           childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null
         };
       });

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

@@ -1 +1 @@
-{"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","constructor","arguments","_defineProperty","BaseNavComponent","props","defaultClass","length","undefined","defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","data","icon","d","itemlabel","itemicon","link","itemlink","badge","itembadge","isactive","childnavigation","itemchildren","updateState","onPropertyChange","$new","$old"],"sources":["basenav.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { BaseNavProps } from './basenav.props';\nimport { DEFAULT_CLASS, BaseNavStyles } from './basenav.styles';\nimport { isArray } from 'lodash-es';\n\nexport interface NavigationDataItem {\n  key: string;\n  label: string;\n  icon?: string;\n  link?: string;\n  badge?: string;\n  isactive?: string;\n  data: any;\n  childnavigation?: any;\n}\n\nexport class BaseNavState <T extends BaseNavProps> extends BaseComponentState<T> {\n  dataItems = [] as NavigationDataItem[];\n}\n\nexport abstract class BaseNavComponent< T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {\n\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  getValue(item: any, val?: string | ((item: any) => string)) {\n    if (typeof val === 'string') {\n      return item[val];\n    } else if (typeof val === 'function') {\n      return val(item);\n    }\n    return null;\n  }\n\n  setDataItems(dataset: any = this.state.props.dataset) {\n    const name = this.props.name;\n    let dataItems = [] as NavigationDataItem[];\n    if (typeof dataset === 'string') {\n      dataItems = dataset.split(',').map((s, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: s,\n          data: s,\n          icon: 'wi wi-' + s\n        } as NavigationDataItem;\n      });\n    } else if (dataset) {\n      if (!isArray(dataset)) {\n        dataset = [dataset];\n      }\n      dataItems = (dataset as any[]).map((d, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: this.getValue(d, this.state.props.itemlabel),\n          icon: this.getValue(d, this.state.props.itemicon),\n          link: this.getValue(d, this.state.props.itemlink),\n          badge: this.getValue(d, this.state.props.itembadge),\n          isactive: this.getValue(d, this.state.props.isactive),\n          data: d,\n          childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null\n        } as NavigationDataItem;\n      });\n    }\n    this.updateState({dataItems: dataItems} as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        this.setDataItems($new);\n        break;\n      case 'itemlabel':\n      case 'itemicon':\n      case 'itemlink':\n      case 'itemchildren':\n        this.setDataItems();\n        break;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["BaseComponent","BaseComponentState","DEFAULT_CLASS","isArray","BaseNavState","constructor","arguments","_defineProperty","BaseNavComponent","props","defaultClass","length","undefined","defaultProps","defaultState","getValue","item","val","setDataItems","dataset","state","name","dataItems","split","map","s","i","key","label","icon","d","itemlabel","itemicon","link","itemlink","badge","itembadge","isactive","childnavigation","itemchildren","updateState","onPropertyChange","$new","$old"],"sources":["basenav.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { BaseNavProps } from './basenav.props';\nimport { DEFAULT_CLASS, BaseNavStyles } from './basenav.styles';\nimport { isArray } from 'lodash-es';\n\nexport interface NavigationDataItem {\n  key: string;\n  label: string;\n  icon?: string;\n  link?: string;\n  badge?: string;\n  isactive?: string;\n  childnavigation?: any;\n}\n\nexport class BaseNavState <T extends BaseNavProps> extends BaseComponentState<T> {\n  dataItems = [] as NavigationDataItem[];\n}\n\nexport abstract class BaseNavComponent< T extends BaseNavProps, S extends BaseNavState<T>, L extends BaseNavStyles> extends BaseComponent<T, S, L> {\n\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  getValue(item: any, val?: string | ((item: any) => string)) {\n    if (typeof val === 'string') {\n      return item[val];\n    } else if (typeof val === 'function') {\n      return val(item);\n    }\n    return null;\n  }\n\n  setDataItems(dataset: any = this.state.props.dataset) {\n    const name = this.props.name;\n    let dataItems = [] as NavigationDataItem[];\n    if (typeof dataset === 'string') {\n      dataItems = dataset.split(',').map((s, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: s,\n          icon: 'wi wi-' + s\n        } as NavigationDataItem;\n      });\n    } else if (dataset) {\n      if (!isArray(dataset)) {\n        dataset = [dataset];\n      }\n      dataItems = (dataset as any[]).map((d, i) => {\n        return {\n          key: `${name}_item${i}`,\n          label: this.getValue(d, this.state.props.itemlabel),\n          icon: this.getValue(d, this.state.props.itemicon),\n          link: this.getValue(d, this.state.props.itemlink),\n          badge: this.getValue(d, this.state.props.itembadge),\n          isactive: this.getValue(d, this.state.props.isactive),\n          childnavigation: this.state.props.itemchildren ? d[this.state.props.itemchildren] : null\n        } as NavigationDataItem;\n      });\n    }\n    this.updateState({dataItems: dataItems} as S);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        this.setDataItems($new);\n        break;\n      case 'itemlabel':\n      case 'itemicon':\n      case 'itemlink':\n      case 'itemchildren':\n        this.setDataItems();\n        break;\n    }\n  }\n}\n"],"mappings":"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"}