@wavemaker/app-rn-runtime 11.7.0-next.26341 → 11.7.0-patch.1

{app-rn-runtime → package}/components/data/list/list.component.js

@@ -42,8 +42,7 @@ export default class WmList extends BaseComponent {
     }
     return selectedItem === $item;
   }
-  onSelect($item, $index) {
-    let triggerTapEvent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  async onSelect($item, $index, $event) {
     const props = this.state.props;
     let selectedItem = null;
     if (props.disableitem !== true && (typeof props.disableitem !== 'function' || !props.disableitem($item, $index))) {
@@ -60,22 +59,23 @@ export default class WmList extends BaseComponent {
           selectedItem.splice(index, 1);
         }
       } else {
-        if (props.selecteditem === $item) {
-          selectedItem = null;
-        } else {
-          selectedItem = $item;
-        }
+        selectedItem = $item;
       }
       this.selectedItemWidgets = this.itemWidgets[$index];
-      this.updateState({
-        props: {
-          selecteditem: selectedItem
-        },
-        selectedindex: $index
-      }, () => {
-        this.invokeEventCallback('onSelect', [this.proxy, $item]);
-        triggerTapEvent && this.invokeEventCallback('onTap', [null, this.proxy]);
+      return new Promise(resolve => {
+        this.updateState({
+          props: {
+            selecteditem: selectedItem
+          },
+          selectedindex: $index
+        }, () => {
+          this.invokeEventCallback('onSelect', [this.proxy, $item]);
+          $event && this.invokeEventCallback('onTap', [$event, this.proxy]);
+          resolve(null);
+        });
       });
+    } else {
+      return Promise.resolve(null);
     }
   }
   get loadDataOnDemand() {
@@ -288,12 +288,15 @@ export default class WmList extends BaseComponent {
     return index < this.state.maxRecordsToShow || isHorizontal ? /*#__PURE__*/React.createElement(View, {
       style: [this.styles.item, props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null, this.isSelected(item) ? this.styles.selectedItem : {}]
     }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(`item${index}`), {
-      onTap: () => this.onSelect(item, index, true),
+      onTap: $event => this.onSelect(item, index, $event),
       onLongTap: () => this.invokeEventCallback('onLongtap', [null, this.proxy]),
       onDoubleTap: () => this.invokeEventCallback('onDoubletap', [null, this.proxy]),
-      styles: [cols ? {
+      styles: [{
+        display: 'flex',
+        flexDirection: 'row'
+      }, cols ? {
         width: '100%'
-      } : null, cols || isHorizontal ? {
+      } : null, cols && cols > 1 || isHorizontal ? {
         paddingRight: (isNil(this.styles.item.marginRight) ? this.styles.item.margin : this.styles.item.marginRight) || 4
       } : null]
     }), props.renderItem(item, index, this), this.isSelected(item) ? /*#__PURE__*/React.createElement(WmIcon, {

package/components/data/list/list.component.js.map

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

{app-rn-runtime → package}/components/data/list/list.styles.js

@@ -78,8 +78,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     item: {
       ...BASE_THEME.getStyle('elevate1').root,
       shadowColor: 'rgba(0, 0, 0, 0.3)',
-      flexDirection: 'row',
-      flex: 1,
       paddingLeft: 4,
       paddingRight: 4,
       paddingTop: 4,

package/components/data/list/list.styles.js.map

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

{app-rn-runtime → package}/components/input/basedataset/basedataset.component.js

@@ -2,7 +2,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { BaseComponent, BaseComponentState } from "@wavemaker/app-rn-runtime/core/base.component";
-import { find, isEqual, isFunction, includes, get, forEach, isObject, isArray, filter, trim, uniqBy, uniqWith } from 'lodash';
+import { find, isString, isEqual, isFunction, includes, get, forEach, isObject, isArray, filter, trim, uniqBy, uniqWith } from 'lodash';
 import { getGroupedData, getOrderedDataset, isDefined, validateField } from "@wavemaker/app-rn-runtime/core/utils";
 import { DEFAULT_CLASS } from "@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.styles";
 export class BaseDatasetState extends BaseComponentState {
@@ -156,7 +156,7 @@ export class BaseDatasetComponent extends BaseComponent {
     }
     if (isArray(dataset) && !isObject(dataset[0])) {
       dataItems = dataset.map((s, i) => {
-        s = s.trim();
+        s = isString(s) ? s.trim() : s;
         return {
           key: `${name}_item${i}`,
           dataObject: s,

package/components/input/basedataset/basedataset.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseComponent","BaseComponentState","find","isString","isEqual","isFunction","includes","get","forEach","isObject","isArray","filter","trim","uniqBy","uniqWith","getGroupedData","getOrderedDataset","isDefined","validateField","DEFAULT_CLASS","BaseDatasetState","constructor","arguments","_defineProperty","BaseDatasetComponent","props","defaultClass","length","undefined","defaultProps","defaultState","onPropertyChange","name","$new","$old","state","setDataItems","dataset","setGroupData","dataItems","dataValue","isDefault","updateState","onFieldChange","bind","items","groupby","groupedData","match","orderby","dateformat","onDataItemsUpdate","validate","value","validationObj","setState","isValid","errorType","updateDatavalue","Promise","resolve","datavalue","computeDisplayValue","onValueChange","datafield","selectedItem","item","key","dataObject","onChange","getItemKey","oldValue","then","invokeEventCallback","proxy","displayValue","selected","map","displayexp","displayfield","getUniqObjsByDataField","data","allowEmptyFields","uniqData","isAllFields","obj","propsObj","allowEmpty","datavalueItems","split","s","i","toString","push","isSelected","df","d","datafieldValue","_get","_get2","displaylabel","getDisplayExpression","imgSrc","displayimagesrc","icon","iconclass","isUpdated"],"sources":["basedataset.component.ts"],"sourcesContent":["import { BaseComponent, BaseComponentState } from \"@wavemaker/app-rn-runtime/core/base.component\";\nimport BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\nimport { find, isString, isEqual,isEmpty, isFunction, includes, get, forEach, isObject, isArray, filter, trim, uniqBy, uniqWith } from 'lodash';\nimport { getGroupedData, getOrderedDataset, isDefined, validateField } from \"@wavemaker/app-rn-runtime/core/utils\";\nimport { DEFAULT_CLASS, BaseDatasetStyles } from \"@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.styles\";\n\nexport class BaseDatasetState <T extends BaseDatasetProps> extends BaseComponentState<T> {\n  dataItems: any;\n  groupedData: any;\n  isDefault = false;\n  isValid = true;\n  errorType = '';\n}\n\nexport abstract class BaseDatasetComponent< T extends BaseDatasetProps, S extends BaseDatasetState<T>, L extends BaseDatasetStyles> 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\n  onPropertyChange(name: string, $new: any, $old: any) {\n    const props = this.state.props;\n    switch (name) {\n      case 'dataset':\n        this.setDataItems($new);\n        break;\n      case 'getDisplayExpression':\n      case 'displayfield':\n      case 'displaylabel':\n      case 'displayimagesrc':\n      case 'datafield':\n      case 'orderby':\n        this.setDataItems(this.state.props.dataset);\n        break;\n      case 'groupby':\n      case 'match':\n        this.setGroupData(this.state.dataItems);\n      case 'datavalue':\n        this.setDataItems(this.state.props.dataset, { dataValue: $new });\n        const isDefault = this.state.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n\n  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, 'dataObject');\n      this.updateState({ groupedData: groupedData } as S, () => this.onDataItemsUpdate());\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.setState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n  }\n\n  updateDatavalue(value: any) {\n    return new Promise<void>((resolve) => {\n      this.updateState({\n        props: { datavalue: value }\n       } as S,\n       () => {\n        this.computeDisplayValue();\n        resolve();\n       });\n    });\n  }\n\n  onValueChange(value: any) {\n    if (this.state.props.datafield === 'All Fields') {\n      const selectedItem = find(this.state.dataItems, (item) => isEqual(item.key, value));\n      value = selectedItem && selectedItem.dataObject;\n    }\n    this.onChange(value);\n  }\n\n  getItemKey(value: any) {\n      const selectedItem = find(this.state.dataItems, (item) => isEqual(item.dataObject, value));\n      return selectedItem && selectedItem.key;\n  }\n\n  onChange(value: any) {\n    const oldValue = this.state.props.datavalue;\n    this.validate(value);\n    this.updateDatavalue(value)\n    .then(() => {\n      if (value !== oldValue) {\n        if (this.props.onFieldChange) {\n          this.props.onFieldChange('datavalue', value, oldValue);\n        } else {\n          this.invokeEventCallback('onChange', [\n            undefined,\n            this.proxy,\n            value,\n            oldValue,\n          ]);\n        }\n      }\n    });\n  }\n\n  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield))[0] || ''\n      }\n    } as S);\n  }\n\n  onDataItemsUpdate() {\n    this.computeDisplayValue();\n  }\n\n  getUniqObjsByDataField(\n    data: any,\n    allowEmptyFields: boolean = true\n  ) {\n    let uniqData;\n    const isAllFields = this.state.props.datafield === 'All Fields';\n\n    uniqData = isAllFields ? uniqWith(data, isEqual) : uniqBy(data, 'datafield');\n\n    if (!this.state.props.displayfield || allowEmptyFields) {\n      return uniqData;\n    }\n\n    // return objects having non empty datafield and display field values.\n    return filter(uniqData, (obj) => {\n      if (isAllFields) {\n        return trim(obj.displayfield);\n      }\n      return trim(obj.datafield) && trim(obj.displayfield);\n    });\n  }\n\n  setDataItems(dataset: any, propsObj?: { [key: string]: any }, allowEmpty: boolean = true) {\n    const name = this.props.name;\n    const props = this.state.props;\n    const datavalue = propsObj ? propsObj['dataValue'] : props.datavalue;\n    let dataItems: any = [];\n    let datavalueItems: any = [];\n    if (typeof datavalue === 'string') {\n      datavalueItems = datavalue.split(',');\n      datavalueItems = allowEmpty ? datavalueItems : datavalueItems.map((item: any) => item.trim());\n    } else if (isArray(datavalue)) {\n      datavalueItems = datavalue;\n    } else {\n      if (isDefined(datavalue)) {\n        datavalueItems = [datavalue];\n      }\n    }\n    if (typeof dataset === 'string') {\n      dataset = dataset.split(',');\n    }\n    if (isArray(dataset) && !isObject(dataset[0])) {\n      dataItems = dataset.map((s, i) => {\n        s = isString(s) ? s.trim() : s;\n        return {\n          key: `${name}_item${i}`,\n          dataObject: s,\n          displayfield: s.toString(),\n          datafield: s,\n          selected: includes(datavalueItems, s) || includes(datavalueItems, s.toString()) || datavalue === s ? true : false,\n        };\n      });\n    } else if (dataset) {\n      if (isObject(dataset) && !isArray(dataset)) {\n        forEach(dataset, (value, key) => {\n          if (isDefined(key) && key !== null) {\n            dataItems.push({key: `${name}_item${key}`, displayfield: value, datafield: key, dataObject: dataset});\n          }\n        });\n      } else {\n        const isSelected = (item: any) => {\n          if (datavalueItems.length) {\n            let datafield = this.state.props.datafield;\n            if (!datafield) {\n              datafield = 'All Fields';\n            }\n            if (datafield === 'All Fields') {\n              return includes(datavalueItems, item);\n            }\n            let df = get(item, datafield);\n            if (isDefined(df) && df !== null) {\n              return (includes(datavalueItems, df) || includes(datavalueItems, df.toString()));\n            }\n          }\n          return false;\n        };\n        forEach(dataset as any[], (d, i) => {\n          let datafieldValue = this.state.props.datafield === 'All Fields' ? d : get(d, this.state.props.datafield);\n          if (isDefined(datafieldValue) && datafieldValue !== null) {\n            dataItems.push({\n              key: `${name}_item${i}`,\n              dataObject: d,\n              displayfield: (get(d, this.state.props.displayfield))?.toString() || (get(d, this.state.props.displaylabel))?.toString(),\n              datafield: datafieldValue,\n              displayexp: this.state.props.getDisplayExpression ? this.state.props.getDisplayExpression(d) : get(d, this.state.props.displayfield),\n              selected: isSelected(d),\n              imgSrc: isFunction(this.state.props.displayimagesrc) ? this.state.props.displayimagesrc(d) : get(d, this.state.props.displayimagesrc),\n              icon: d[this.props.iconclass]\n            });\n          }\n        });\n      }\n    }\n    if (dataItems.length) {\n      dataItems = this.getUniqObjsByDataField(dataItems, allowEmpty);\n    }\n    const isUpdated = !isEqual(dataItems, this.state.dataItems);\n    if (props.groupby) {\n      this.setGroupData(dataItems);\n      this.updateState({ dataItems: dataItems } as S, () => isUpdated && this.onDataItemsUpdate());\n    } else if (props.orderby) {\n      this.updateState({ dataItems: getOrderedDataset(dataItems, props.orderby, 'dataObject')} as S, () => isUpdated && this.onDataItemsUpdate());\n    } else {\n      this.updateState({ dataItems: dataItems } as S, () => isUpdated && this.onDataItemsUpdate());\n    }\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/input/baseinput/baseinput.component.js

@@ -140,8 +140,10 @@ export class BaseInputComponent extends BaseComponent {
     // When input widgets are inside list widget and try to focus the field, list is selecting but unable to enter values in input fields
     // because on tap event of list is triggering after 200ms timeout So added 250ms timeout here
     setTimeout(() => {
+      var _this$closestTappable;
       Injector.FOCUSED_ELEMENT.set(this);
       this.invokeEventCallback('onFocus', [event, this.proxy]);
+      (_this$closestTappable = this.closestTappable) === null || _this$closestTappable === void 0 ? void 0 : _this$closestTappable.triggerTap();
     }, 250);
   }
   onKeyPress(event) {

package/components/input/baseinput/baseinput.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_CLASS","BaseComponent","BaseComponentState","isString","Platform","validateField","Injector","BaseInputState","constructor","arguments","_defineProperty","BaseInputComponent","props","defaultClass","length","undefined","defaultProps","defaultState","focus","_this$widgetRef","widgetRef","blur","_this$widgetRef2","_this$widgetRef3","onPropertyChange","name","$new","$old","keyboardType","type","updateState","textValue","isDefault","state","onFieldChange","bind","onChange","event","updateon","updateDatavalue","target","value","onChangeText","validate","invokeChange","e","OS","cursor","selectionStart","setState","source","oldValue","datavalue","autotrim","trim","invokeEventCallback","proxy","onBlur","FOCUSED_ELEMENT","remove","isTouched","newVal","oldVal","setTimeout","triggerValidation","validationObj","isValid","errorType","onFocus","_this$closestTappable","set","closestTappable","triggerTap","onKeyPress"],"sources":["baseinput.component.ts"],"sourcesContent":["import { DEFAULT_CLASS } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport BaseInputProps from './baseinput.props';\nimport { isString } from 'lodash';\nimport { BaseInputStyles } from './baseinput.styles';\nimport { Platform, TextInput } from 'react-native';\nimport { validateField } from '@wavemaker/app-rn-runtime/core/utils';\nimport Injector from '@wavemaker/app-rn-runtime/core/injector';\n\nexport class BaseInputState <T extends BaseInputProps> extends BaseComponentState<T> {\n  keyboardType: any = 'default';\n  isValid: boolean = true;\n  textValue: string = '';\n  isDefault = false;\n  errorType: string = '';\n}\nexport abstract class BaseInputComponent< T extends BaseInputProps, S extends BaseInputState<T>, L extends BaseInputStyles> extends BaseComponent<T, S, L> {\n  public widgetRef: TextInput | null = null;\n  isTouched: boolean = false;\n  private cursor: any = 0;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  blur() {\n    this?.widgetRef?.blur && this?.widgetRef?.blur();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'type':\n        let keyboardType;\n        if (this.props.type === 'number') {\n          keyboardType = 'numeric';\n        } else if (this.props.type === 'tel') {\n          keyboardType = 'phone-pad';\n        } else if (this.props.type === 'email') {\n          keyboardType = 'email-address';\n        }\n        this.updateState({\n          keyboardType: keyboardType,\n        } as S);\n        break;\n      case 'datavalue':\n        this.updateState({\n            textValue: $new\n          } as S\n        );\n        const isDefault = this.state.isDefault;\n        if (isDefault) {\n          this.updateState({ isDefault: false } as S, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }\n  }\n\n  onChangeText(value: any) {\n    this.updateState({\n        textValue: value\n      } as S, () => {\n        if (this.state.props.updateon === 'default') {\n          this.validate(value);\n          this.updateDatavalue(value, null);\n        }\n      }\n    );\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n\n    // autotrim\n    if (props.autotrim && props.datavalue && isString(props.datavalue)) {\n      value = value.trim();\n    }\n\n    this.updateState({\n      props: {\n        datavalue: value\n      }\n    } as S, () => {\n        !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n        if (source === 'blur') {\n          this.invokeEventCallback('onBlur', [ event, this.proxy]);\n        }\n    })\n\n  }\n\n  onBlur(event: any) {\n    Injector.FOCUSED_ELEMENT.remove();\n    this.isTouched = true;\n    let newVal = this.state.textValue;\n    let oldVal = this.state.props.datavalue || '';\n    this.validate(newVal);\n    if (newVal === '' || newVal == undefined) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      },10)\n    }\n    if (this.state.props.updateon === 'blur') {\n      if (oldVal !== newVal) {\n        this.updateDatavalue(newVal, event, 'blur');\n      } else {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.setState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n  }\n\n  onFocus(event: any) {\n    // When input widgets are inside list widget and try to focus the field, list is selecting but unable to enter values in input fields\n    // because on tap event of list is triggering after 200ms timeout So added 250ms timeout here\n    setTimeout(() => {\n      Injector.FOCUSED_ELEMENT.set(this);\n      this.invokeEventCallback('onFocus', [ event, this.proxy]);\n      this.closestTappable?.triggerTap();\n    }, 250);\n\n  }\n\n  onKeyPress(event: any) {\n    this.invokeEventCallback('onKeypress', [ event, this.proxy]);\n  }\n}\n"],"mappings":"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"}

{app-rn-runtime → package}/components/input/epoch/base-datetime.component.js

@@ -18,10 +18,14 @@ import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-r
 import { FloatingLabel } from '@wavemaker/app-rn-runtime/core/components/floatinglabel.component';
 import AppI18nService from '@wavemaker/app-rn-runtime/runtime/services/app-i18n.service';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import WmDatePickerModal from './wheelpickermodal/date/date-picker-modal.component';
+import WmTimePickerModal from './wheelpickermodal/time/time-picker-modal.component';
 export class BaseDatetimeState extends BaseComponentState {
   constructor() {
     super(...arguments);
     _defineProperty(this, "showDatePicker", false);
+    _defineProperty(this, "showDatePickerModal", false);
+    _defineProperty(this, "showTimePickerModal", false);
     _defineProperty(this, "dateValue", null);
     _defineProperty(this, "displayValue", null);
     _defineProperty(this, "isFocused", false);
@@ -179,6 +183,21 @@ export default class BaseDatetime extends BaseComponent {
         showDatePicker: true,
         isFocused: true
       });
+      if (this.state.props.mode === 'date') {
+        this.updateState({
+          showDatePickerModal: true
+        });
+      }
+      if (this.state.props.mode === 'time') {
+        this.updateState({
+          showTimePickerModal: true
+        });
+      }
+      if (this.state.props.mode === 'datetime') {
+        this.updateState({
+          showDatePickerModal: true
+        });
+      }
       this.invokeEventCallback('onFocus', [null, this]);
     }
   }
@@ -347,7 +366,61 @@ export default class BaseDatetime extends BaseComponent {
         color: this.styles.text.color,
         ...this.styles.calendarIcon
       }
-    }))), this.state.showDatePicker && (Platform.OS === 'web' && this.renderWebWidget(props) || Platform.OS === 'android' && this.renderNativeWidget(props) || Platform.OS === 'ios' && this.renderNativeIOSWidgetWithModal(props))));
+    }))), this.state.showDatePicker && (Platform.OS === 'web' && this.renderWebWidget(props) || !props.iswheelpicker && Platform.OS === 'android' && this.renderNativeWidget(props) || !props.iswheelpicker && Platform.OS === 'ios' && this.renderNativeIOSWidgetWithModal(props)), Platform.OS !== 'web' && props.iswheelpicker && this.state.showDatePickerModal && /*#__PURE__*/React.createElement(WmDatePickerModal, {
+      isVisible: this.state.showDatePickerModal,
+      onClose: () => this.updateState({
+        showDatePickerModal: false
+      }),
+      selectedDate: this.state.dateValue,
+      onSelect: date => {
+        this.onDateChange(null, date);
+        this.updateState({
+          isFocused: false,
+          showDatePickerModal: false
+        }, () => {
+          this.onBlur();
+
+          // * showing time picker after selecting date in datetime mode
+          if (this.state.props.mode === "datetime") {
+            this.setState({
+              showTimePickerModal: true
+            });
+          }
+        });
+      },
+      onCancel: () => {
+        // this.onDateChange(null as any, this.state.dateValue || undefined);
+        this.updateState({
+          isFocused: false,
+          showDatePickerModal: false
+        }, () => this.onBlur());
+      }
+    }), Platform.OS !== 'web' && props.iswheelpicker && this.state.showTimePickerModal && /*#__PURE__*/React.createElement(WmTimePickerModal, {
+      selectedDateTime: this.state.dateValue,
+      is24Hour: props.is24hour,
+      isVisible: this.state.showTimePickerModal,
+      onClose: () => this.updateState({
+        isFocused: false,
+        showTimePickerModal: false
+      }),
+      onSelect: time => {
+        this.onDateChange(null, time);
+        this.updateState({
+          isFocused: false,
+          showTimePickerModal: false
+        }, () => this.onBlur());
+      },
+      onCancel: () => {
+        // this.onDateChange(null as any, this.state.dateValue || undefined);
+        this.updateState({
+          isFocused: false,
+          showTimePickerModal: false
+        }, () => {
+          this.onBlur();
+          this.modes.shift();
+        });
+      }
+    })));
   }
 }
 //# sourceMappingURL=base-datetime.component.js.map

package/components/input/epoch/base-datetime.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Platform","TouchableOpacity","moment","DateTimePicker","BaseComponent","BaseComponentState","WmIcon","WmDatetimeProps","DEFAULT_CLASS","WebDatePicker","isNumber","isString","ModalConsumer","validateField","AccessibilityWidgetType","getAccessibilityProps","FloatingLabel","AppI18nService","WmButton","WmDatePickerModal","WmTimePickerModal","BaseDatetimeState","constructor","arguments","_defineProperty","CURRENT_DATE","CURRENT_TIME","BaseDatetime","props","defaultClass","length","undefined","defaultProps","defaultState","format","date","Date","getTime","parse","parseInt","toDate","monitorAndUpdateCurrentTime","stopCurrentTimeMonitor","timerId","setInterval","updateState","readonly","datavalue","now","state","clearInterval","convertTimezone","timezone","getTimezone","parsedDateString","toLocaleString","locale","timeZone","onPropertyChange","name","$new","$old","invokeEventCallback","prevDatavalue","outputformat","datepattern","dateValue","displayValue","onFieldChange","minDateVal","mindate","maxDateVal","maxdate","disabled","onDateChange","$event","validate","modes","shift","isFocused","showDatePicker","timestamp","onBlur","OS","setTimeout","triggerValidation","onFocus","mode","showDatePickerModal","showTimePickerModal","value","validationObj","setState","isValid","errorType","componentWillUnmount","renderWebWidget","createElement","onDismiss","minimumDate","maximumDate","renderNativeWidget","_extends","DATE","is24Hour","display","onChange","event","dateSelected","set","getMonth","getFullYear","getDate","renderNativeIOSWidget","date_change","style","styles","dialog","actionWrapper","selectBtn","caption","onTap","cancelBtn","renderNativeIOSWidgetWithModal","modalService","nativeModalOptions","content","Fragment","hideModal","centered","onClose","showModal","renderNativeWidgetWithModal","addTouchableOpacity","children","getTestPropsForAction","onPress","getIcon","renderWidget","root","invalid","focused","_background","floatinglabel","moveUp","label","placeholder","floatingLabel","activeFloatingLabel","container","text","placeholderText","getTestPropsForLabel","flex","isRTL","flexDirection","textAlign","iconclass","color","clearIcon","id","getTestId","clearBtnClicked","calendarIcon","iswheelpicker","isVisible","selectedDate","onSelect","onCancel","selectedDateTime","is24hour","time"],"sources":["base-datetime.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, TouchableOpacity, ViewStyle } from 'react-native';\nimport moment from 'moment';\nimport DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmDatetimeProps from './datetime/datetime.props';\nimport { DEFAULT_CLASS, WmDatetimeStyles } from './datetime/datetime.styles';\nimport WebDatePicker from './date-picker.component';\nimport { isNumber, isString } from 'lodash-es';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport { validateField } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \nimport { FloatingLabel } from '@wavemaker/app-rn-runtime/core/components/floatinglabel.component';\nimport AppI18nService from '@wavemaker/app-rn-runtime/runtime/services/app-i18n.service';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport WmDatePickerModal from './wheelpickermodal/date/date-picker-modal.component';\nimport WmTimePickerModal from './wheelpickermodal/time/time-picker-modal.component';\n\nexport class BaseDatetimeState extends BaseComponentState<WmDatetimeProps> {\n  showDatePicker = false;\n  showDatePickerModal = false;\n  showTimePickerModal = false;\n  dateValue: Date =  null as any;\n  displayValue: string = null as any;\n  isFocused = false;\n  timerId: NodeJS.Timer = null as any;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nconst CURRENT_DATE = 'CURRENT_DATE';\nconst CURRENT_TIME = 'CURRENT_TIME';\n\nexport default abstract class BaseDatetime extends BaseComponent<WmDatetimeProps, BaseDatetimeState, WmDatetimeStyles> {\n  clearBtnClicked = false;\n  modes = [] as string[];\n  nativeModalOptions: ModalOptions = {} as any;\n  prevDatavalue: any;\n\n  constructor(props: WmDatetimeProps, defaultClass = DEFAULT_CLASS, defaultProps = new WmDatetimeProps(), defaultState= new BaseDatetimeState()) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n\n  format(date: Date | number | undefined, format: string) {\n    if (format === 'timestamp') {\n      return date instanceof Date ? '' + date.getTime() : date;\n    }\n    return date && moment(date).format(format);\n  }\n\n  parse(date: string | number, format: string) {\n    if (format === 'timestamp') {\n      if (isString(date)) {\n        return new Date(parseInt(date));\n      }\n      if (isNumber(date)) {\n        return new Date(date);\n      }\n    }\n    return date && moment(date, format).toDate();\n  }\n\n  private monitorAndUpdateCurrentTime() {\n    this.stopCurrentTimeMonitor();\n    const timerId = setInterval(() => {\n      this.updateState({\n        props: {\n          readonly: true,\n          datavalue: Date.now()\n        },\n        timerId: timerId\n      } as any as BaseDatetimeState);\n    }, 1000);\n  }\n\n  private stopCurrentTimeMonitor() {\n    if (this.state.timerId) {\n      clearInterval(this.state.timerId as any);\n    }\n  }\n\n  convertTimezone(date: any){ \n    const timezone = AppI18nService.getTimezone();\n    if (timezone) {\n      const parsedDateString = new Date(date).toLocaleString(this.props.locale ? this.props.locale : 'en-us', { timeZone: timezone });\n      return moment(parsedDateString, 'M/D/YYYY, h:mm:ss A');\n    }\n    else {\n      return null;\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    const props = this.state.props;\n    switch(name) {\n      //@ts-ignore\n      case 'datavalue':\n        this.invokeEventCallback('onChange', [null, this, $new, $old]);\n        this.prevDatavalue = $old;\n        if (props.datavalue === CURRENT_TIME) {\n          this.monitorAndUpdateCurrentTime();\n        }\n      case 'datepattern':\n      case 'outputformat':\n        if (props.datavalue && props.outputformat && props.datepattern) {\n          let datavalue: any = props.datavalue;\n          if (datavalue === CURRENT_DATE || datavalue === CURRENT_TIME) {\n            datavalue = new Date() as any;\n          }\n          const date = isString(datavalue) ? this.parse(datavalue as string, props.outputformat) : datavalue;\n          datavalue = this.convertTimezone(datavalue);\n          this.updateState({\n            dateValue : date,\n            displayValue: this.format(datavalue?datavalue:date as any, props.datepattern)\n          } as BaseDatetimeState);\n        } else {\n          this.updateState({\n            dateValue : null as any,\n            displayValue: null as any\n          } as BaseDatetimeState);\n        }\n        this.props.onFieldChange && this.props.onFieldChange('datavalue', props.datavalue, this.prevDatavalue);\n        break;\n      case 'mindate':\n        if (isString($new)) {\n          const minDateVal = ($new === CURRENT_DATE || $new === CURRENT_TIME) ? new Date() : props.mindate;\n          this.updateState({\n            props: {\n              mindate: moment(minDateVal, props.datepattern).toDate()\n            }\n          } as BaseDatetimeState);\n        }\n        break;\n      case 'maxdate':\n        if (isString($new)) {\n          const maxDateVal = ($new === CURRENT_DATE || $new === CURRENT_TIME) ? new Date() : props.maxdate;\n          this.updateState({\n            props: {\n              maxdate: moment(maxDateVal, props.datepattern).toDate()\n            }\n          } as BaseDatetimeState);\n        }\n        break;\n      case 'readonly':\n        this.updateState({\n          props: {\n            disabled: $new\n          }\n        } as BaseDatetimeState)\n        break;\n    }\n  }\n\n  onDateChange($event: DateTimePickerEvent, date?: Date) {\n    this.validate(date);\n    this.modes.shift();\n    this.updateState({\n      isFocused: false,\n      showDatePicker: !!this.modes.length,\n      props: {\n        datavalue: this.format(date, this.state.props.outputformat as string),\n        timestamp: this.format(date, 'timestamp')\n      }\n    } as BaseDatetimeState);\n  }\n\n  onBlur() {\n    if (Platform.OS === 'web') {\n      this.validate(this.state.props.datavalue);\n      setTimeout(() => this.props.triggerValidation && this.props.triggerValidation());\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  onFocus() {\n    if (!this.state.props.readonly) {\n      if (Platform.OS !== 'web' && this.state.props.mode === 'datetime') {\n        this.modes = ['date', 'time'];\n      } else {\n        this.modes = [this.state.props.mode];\n      }\n      this.updateState({showDatePicker: true, isFocused: true} as BaseDatetimeState);\n      if (this.state.props.mode === 'date') {\n        this.updateState({showDatePickerModal: true} as BaseDatetimeState);\n      }\n      if (this.state.props.mode === 'time') {\n        this.updateState({showTimePickerModal: true} as BaseDatetimeState);\n      }\n      if (this.state.props.mode === 'datetime') {\n        this.updateState({showDatePickerModal: true} as BaseDatetimeState);\n      }\n      this.invokeEventCallback('onFocus', [null, this]);\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.setState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as BaseDatetimeState)\n  }\n\n  componentWillUnmount() {\n    super.componentWillUnmount();\n    this.stopCurrentTimeMonitor();\n  }\n\n  renderWebWidget(props: WmDatetimeProps) {\n    return (<WebDatePicker\n      mode={this.state.props.mode}\n      locale={props.locale}\n      value={this.state.dateValue || new Date()}\n      onDateChange={(date: Date) => this.onDateChange(null as any, date)}\n      onDismiss={() =>\n        this.updateState({\n          isFocused: false,\n          showDatePicker: false\n        } as BaseDatetimeState, () => this.onBlur())}\n      minimumDate={props.mindate as Date}\n      maximumDate={props.maxdate as Date}/>);\n  }\n\n  renderNativeWidget(props: WmDatetimeProps, onDismiss?: Function) {\n    return (<DateTimePicker\n      mode={this.modes[0] as any}\n      {...getAccessibilityProps(AccessibilityWidgetType.DATE, {...this.state.props})}\n      value={this.state.dateValue || new Date()}\n      is24Hour={true}\n      display='default'\n      onChange={(event: DateTimePickerEvent, date?: Date) => {\n        if (date && this.state.props.mode === 'datetime' && this.modes[0] === 'time') {\n          const dateSelected = this.state.dateValue;\n          date = moment(date)\n            .set('month', dateSelected.getMonth())\n            .set('year', dateSelected.getFullYear())\n            .set('date', dateSelected.getDate())\n            .toDate();\n        }\n        this.onDateChange(event, date || this.state.dateValue);\n        if (this.modes.length <= 1) {\n          this.onBlur();\n          onDismiss && onDismiss();\n        }\n      }}\n      minimumDate={props.mindate as Date}\n      maximumDate={props.maxdate as Date}\n    />\n    );\n  }\n\n  renderNativeIOSWidget(props: WmDatetimeProps, onDismiss?: Function) {\n    let date_change : any = undefined;\n    return (<View style={this.styles.dialog}>\n      <DateTimePicker\n        mode={this.modes[0] as any}\n        value={this.state.dateValue || new Date()}\n        is24Hour={true}\n        display='spinner'\n        onChange={(event: DateTimePickerEvent, date?: Date) => {\n          if (date && this.state.props.mode === 'datetime' && this.modes[0] === 'time') {\n            const dateSelected = this.state.dateValue;\n            date = moment(date)\n              .set('month', dateSelected.getMonth())\n              .set('year', dateSelected.getFullYear())\n              .set('date', dateSelected.getDate())\n              .toDate();\n          }\n          date_change = date;\n        }}\n        minimumDate={props.mindate as Date}\n        maximumDate={props.maxdate as Date}\n      />\n      <View style={this.styles.actionWrapper}>\n        <WmButton styles={this.styles.selectBtn} caption='Select' onTap={() => {\n          this.onDateChange(null as any, date_change || this.state.dateValue || new Date());\n          if (this.modes.length <= 1) {\n            this.onBlur();\n            onDismiss && onDismiss();\n          }\n        }} />\n        <WmButton styles={this.styles.cancelBtn} caption='Cancel' onTap={() => {\n          this.modes.shift();\n          this.onDateChange(null as any, this.state.dateValue || undefined);\n          this.onBlur();\n          onDismiss && onDismiss();\n        }} />\n      </View>\n    </View>\n    );\n  }\n\n  renderNativeIOSWidgetWithModal(props: WmDatetimeProps) {\n    return (<ModalConsumer>{(modalService: ModalService) => {\n      this.nativeModalOptions.content = (<>\n        {this.renderNativeIOSWidget(props, () => modalService.hideModal(this.nativeModalOptions))}\n        </>);\n      this.nativeModalOptions.centered = true;\n      this.nativeModalOptions.onClose = () => {\n        this.onBlur();\n      };\n      modalService.showModal(this.nativeModalOptions);\n      return null;\n    }}</ModalConsumer>);\n  }\n\n  renderNativeWidgetWithModal(props: WmDatetimeProps) {\n    return (<ModalConsumer>{(modalService: ModalService) => {\n      this.nativeModalOptions.content = (<>\n        {this.renderNativeWidget(props, () => modalService.hideModal(this.nativeModalOptions))}\n        </>);\n      this.nativeModalOptions.centered = true;\n      this.nativeModalOptions.onClose = () => {\n        this.onBlur();\n      };\n      modalService.showModal(this.nativeModalOptions);\n      return null;\n    }}</ModalConsumer>);\n  }\n\n  addTouchableOpacity(props: WmDatetimeProps, children: React.ReactNode, styles?: any) : React.ReactNode{\n    return (\n      <TouchableOpacity \n        {...this.getTestPropsForAction()} \n        style={styles} onPress={() => {\n        if (!props.readonly) {\n          this.onFocus();\n        }\n        this.invokeEventCallback('onTap', [null, this]);\n      }}>\n        {children}\n      </TouchableOpacity>\n    );\n  }\n\n  getIcon() {\n    if (this.state.props.mode === 'time') {\n      return 'wm-sl-l sl-time'\n    }\n    return 'wm-sl-l sl-calendar';\n  }\n\n  renderWidget(props: WmDatetimeProps) {\n    return ( \n        this.addTouchableOpacity(props, (\n        <View style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid, this.state.isFocused ? this.styles.focused : null]}>\n          {this._background}\n            {props.floatinglabel ? (\n            <FloatingLabel\n              moveUp={!!(props.datavalue || this.state.isFocused)}\n              label={props.floatinglabel ?? props.placeholder} \n              style={{\n                ...(this.styles.floatingLabel || []),\n                ...(this.state.isFocused ? (this.styles.activeFloatingLabel || {}) : {})\n              }}\n              />\n          ) : null}\n            <View style={this.styles.container}>\n              {this.addTouchableOpacity(props, (\n                <Text style={[\n                  this.styles.text,\n                  this.state.displayValue ? {} : this.styles.placeholderText\n                ]}\n                {...this.getTestPropsForLabel()}>\n                  {this.state.displayValue \n                    || (props.floatinglabel ? ''  : this.state.props.placeholder)}\n                </Text>\n              ), [{ flex: 1}, this.isRTL?{flexDirection:'row', textAlign:'right'}:{}] )}\n              {(!props.readonly && props.datavalue &&\n                (<WmIcon iconclass=\"wi wi-clear\"\n                styles={{color: this.styles.text.color, ...this.styles.clearIcon}}\n                id={this.getTestId('clearicon')}\n                onTap={() => {\n                  this.onDateChange(null as any, null as any);\n                  this.clearBtnClicked = true;\n                }}/>)) || null}\n              {this.addTouchableOpacity(props, (\n                <WmIcon iconclass={this.getIcon()} styles={{color: this.styles.text.color, ...this.styles.calendarIcon}}/>\n              ))}\n            </View>\n          {\n            this.state.showDatePicker\n            && ((Platform.OS === 'web' && this.renderWebWidget(props))\n              || (!props.iswheelpicker && Platform.OS === 'android' && this.renderNativeWidget(props))\n              || (!props.iswheelpicker && Platform.OS === 'ios' && this.renderNativeIOSWidgetWithModal(props)))\n          }\n          {(Platform.OS !== 'web' && props.iswheelpicker && this.state.showDatePickerModal) && (\n            <WmDatePickerModal\n              isVisible={this.state.showDatePickerModal}\n              onClose={() => this.updateState({showDatePickerModal: false} as BaseDatetimeState)}\n              selectedDate={this.state.dateValue}\n              onSelect={(date: Date) => {\n                this.onDateChange(null as any, date);\n                this.updateState({\n                  isFocused: false,\n                  showDatePickerModal: false\n                } as BaseDatetimeState, () => {\n                  this.onBlur();\n\n                  // * showing time picker after selecting date in datetime mode\n                  if (this.state.props.mode === \"datetime\") {\n                    this.setState({\n                      showTimePickerModal: true,\n                    })\n                  }\n                });\n              }}\n              onCancel={() => {\n                // this.onDateChange(null as any, this.state.dateValue || undefined);\n                this.updateState({\n                  isFocused: false,\n                  showDatePickerModal: false\n                } as BaseDatetimeState, () => this.onBlur());\n              }}\n            />\n          )}\n          {(Platform.OS !== 'web' && props.iswheelpicker && this.state.showTimePickerModal) && (\n            <WmTimePickerModal\n              selectedDateTime={this.state.dateValue}\n              is24Hour={props.is24hour}\n              isVisible={this.state.showTimePickerModal}\n              onClose={() => this.updateState({isFocused: false, showTimePickerModal: false} as BaseDatetimeState)}\n              onSelect={(time: Date) => {\n                this.onDateChange(null as any, time);\n                this.updateState({\n                  isFocused: false,\n                  showTimePickerModal: false\n                } as BaseDatetimeState, () => this.onBlur());\n              }}\n              onCancel={() => {\n                // this.onDateChange(null as any, this.state.dateValue || undefined);\n                this.updateState({\n                  isFocused: false,\n                  showTimePickerModal: false\n                } as BaseDatetimeState, () => {\n                  this.onBlur();\n                  this.modes.shift();\n                });\n              }}\n            />\n          )}\n        </View>\n        ))\n    );\n  }\n}\n\n"],"mappings":"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"}

{app-rn-runtime → package}/components/input/epoch/datetime/datetime.props.js

@@ -22,6 +22,8 @@ export default class WmDatetimeProps extends BaseProps {
     _defineProperty(this, "hint", undefined);
     _defineProperty(this, "accessibilityrole", "none");
     _defineProperty(this, "accessibilitylabelledby", undefined);
+    _defineProperty(this, "iswheelpicker", true);
+    _defineProperty(this, "is24hour", true);
   }
 }
 //# sourceMappingURL=datetime.props.js.map

{app-rn-runtime → package}/components/input/epoch/datetime/datetime.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmDatetimeProps","constructor","arguments","_defineProperty","undefined"],"sources":["datetime.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmDatetimeProps extends BaseProps {\n  mode = 'datetime';\n  datavalue?: string | Date | number = undefined as any;\n  datepattern?: string = '';\n  outputformat?: string = 'timestamp';\n  mindate?: string | Date = undefined as any;\n  maxdate?: string | Date = undefined as any;\n  placeholder? = 'Select date time';\n  readonly? = false;\n  onFieldChange?: any;\n  locale: string = '';\n  timestamp?: any;\n  triggerValidation?: any;\n  floatinglabel?: string;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"none\";\n  accessibilitylabelledby?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eAC9C,UAAU;IAAAA,eAAA,oBACoBC,SAAS;IAAAD,eAAA,sBACvB,EAAE;IAAAA,eAAA,uBACD,WAAW;IAAAA,eAAA,kBACTC,SAAS;IAAAD,eAAA,kBACTC,SAAS;IAAAD,eAAA,sBACpB,kBAAkB;IAAAA,eAAA,mBACrB,KAAK;IAAAA,eAAA;IAAAA,eAAA,iBAEA,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,6BAIWC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,kCACXC,SAAS;EAAA;AAC9C"}
+{"version":3,"names":["BaseProps","WmDatetimeProps","constructor","arguments","_defineProperty","undefined"],"sources":["datetime.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmDatetimeProps extends BaseProps {\n  mode = 'datetime';\n  datavalue?: string | Date | number = undefined as any;\n  datepattern?: string = '';\n  outputformat?: string = 'timestamp';\n  mindate?: string | Date = undefined as any;\n  maxdate?: string | Date = undefined as any;\n  placeholder? = 'Select date time';\n  readonly? = false;\n  onFieldChange?: any;\n  locale: string = '';\n  timestamp?: any;\n  triggerValidation?: any;\n  floatinglabel?: string;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = \"none\";\n  accessibilitylabelledby?: string = undefined;\n  iswheelpicker?: boolean = true;\n  is24hour?: boolean = true;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAGzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eAC9C,UAAU;IAAAA,eAAA,oBACoBC,SAAS;IAAAD,eAAA,sBACvB,EAAE;IAAAA,eAAA,uBACD,WAAW;IAAAA,eAAA,kBACTC,SAAS;IAAAD,eAAA,kBACTC,SAAS;IAAAD,eAAA,sBACpB,kBAAkB;IAAAA,eAAA,mBACrB,KAAK;IAAAA,eAAA;IAAAA,eAAA,iBAEA,EAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,6BAIWC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,MAAM;IAAAA,eAAA,kCACXC,SAAS;IAAAD,eAAA,wBAClB,IAAI;IAAAA,eAAA,mBACT,IAAI;EAAA;AAC3B"}

package/components/input/epoch/wheel-date-picker.component.js

@@ -0,0 +1,87 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import React, { Component } from 'react';
+import { PixelRatio, StyleSheet, View } from 'react-native';
+import WmWheelScrollPicker from './wheelpicker/wheelpicker.component';
+import { getDateObject, getDates, getMonths, getYearRange } from '@wavemaker/app-rn-runtime/core/utils';
+export class WmWheelDatePickerProps {
+  constructor() {
+    _defineProperty(this, "selectedDate", new Date());
+    _defineProperty(this, "onDateChange", void 0);
+    _defineProperty(this, "itemHeight", PixelRatio.roundToNearestPixel(50));
+    _defineProperty(this, "wrapperHeight", PixelRatio.roundToNearestPixel(150));
+  }
+}
+export class WmWheelDatePickerState {}
+export class WmWheelDatePicker extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "itemHeight", void 0);
+    _defineProperty(this, "wrapperHeight", void 0);
+    _defineProperty(this, "selectedDateIndex", 0);
+    _defineProperty(this, "selectedMonthIndex", 0);
+    _defineProperty(this, "selectedYearIndex", 0);
+    _defineProperty(this, "handleValueChange", (valueType, value, index) => {
+      var _this$props, _this$props$onDateCha;
+      switch (valueType) {
+        case 'date':
+          this.selectedDateIndex = index;
+          break;
+        case 'month':
+          this.selectedMonthIndex = index;
+          break;
+        case 'year':
+          this.selectedYearIndex = index;
+          break;
+        default:
+          break;
+      }
+      const selectedDate = getDates()[this.selectedDateIndex];
+      const selectedYear = getYearRange()[this.selectedYearIndex];
+      const dateObj = getDateObject(selectedDate, this.selectedMonthIndex, selectedYear);
+      (_this$props = this.props) === null || _this$props === void 0 || (_this$props$onDateCha = _this$props.onDateChange) === null || _this$props$onDateCha === void 0 ? void 0 : _this$props$onDateCha.call(_this$props, dateObj);
+    });
+    const _selectedDate = this.props.selectedDate || new Date();
+    this.itemHeight = PixelRatio.roundToNearestPixel(this.props.itemHeight || 50) || PixelRatio.roundToNearestPixel(50);
+    this.wrapperHeight = PixelRatio.roundToNearestPixel(this.props.wrapperHeight || 150) || PixelRatio.roundToNearestPixel(150);
+    this.selectedDateIndex = _selectedDate.getDate() - 1;
+    this.selectedMonthIndex = _selectedDate.getMonth();
+    this.selectedYearIndex = getYearRange().indexOf(_selectedDate.getFullYear());
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getDates(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedDateIndex,
+      onValueChange: (value, index) => this.handleValueChange('date', value, index)
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.middle
+    }, /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getMonths(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedMonthIndex,
+      onValueChange: (value, index) => this.handleValueChange('month', value, index)
+    })), /*#__PURE__*/React.createElement(WmWheelScrollPicker, {
+      data: getYearRange(),
+      wrapperHeight: this.wrapperHeight,
+      itemHeight: this.itemHeight,
+      selectedIndex: this.selectedYearIndex,
+      onValueChange: (value, index) => this.handleValueChange('year', value, index)
+    }));
+  }
+}
+export default WmWheelDatePicker;
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row'
+  },
+  middle: {
+    marginHorizontal: 15
+  }
+});
+//# sourceMappingURL=wheel-date-picker.component.js.map