@wavemaker/app-rn-runtime 11.5.2-rc.5436 → 11.5.2-rc.5461

app-rn-runtime/components/input/epoch/base-datetime.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Platform","TouchableOpacity","moment","DateTimePicker","BaseComponent","BaseComponentState","WmIcon","WmDatetimeProps","DEFAULT_CLASS","WebDatePicker","isNumber","isString","ModalConsumer","validateField","AppI18nService","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","value","validationObj","setState","isValid","errorType","componentWillUnmount","renderWebWidget","createElement","onDismiss","minimumDate","maximumDate","renderNativeWidget","is24Hour","display","onChange","event","dateSelected","set","getMonth","getFullYear","getDate","renderNativeWidgetWithModal","modalService","nativeModalOptions","content","Fragment","hideModal","centered","onClose","showModal","addTouchableOpacity","children","styles","_extends","getTestPropsForAction","style","onPress","getIcon","renderWidget","root","invalid","focused","_background","container","text","placeholderText","getTestPropsForLabel","placeholder","flex","isRTL","flexDirection","textAlign","iconclass","color","clearIcon","id","getTestId","onTap","clearBtnClicked","calendarIcon"],"sources":["base-datetime.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, TouchableOpacity } 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 AppI18nService from '@wavemaker/app-rn-runtime/runtime/services/app-i18n.service';\n\nexport class BaseDatetimeState extends BaseComponentState<WmDatetimeProps> {\n  showDatePicker = 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, { timeZone: timezone });\n      return moment(parsedDateString, 'M/D/YYYY, h:mm:ss A');\n    }\n    else {\n      return date;\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 = props.datavalue;\n          if (datavalue === CURRENT_DATE || datavalue === CURRENT_TIME) {\n            datavalue = this.format(new Date(), props.outputformat) as any;\n          }\n          const date = isString(datavalue) ? this.parse(datavalue as string, props.outputformat) : datavalue;\n          this.updateState({\n            dateValue : date,\n            displayValue: this.format(this.convertTimezone(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      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      value={this.state.dateValue || new Date()}\n      is24Hour={true}\n      display={Platform.OS === 'ios' ? 'spinner': '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  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            <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()}>{this.state.displayValue || this.state.props.placeholder}</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              || (Platform.OS === 'android' && this.renderNativeWidget(props))\n              || (Platform.OS === 'ios' && this.renderNativeWidget(props)))\n          }\n        </View>\n        ))\n    );\n  }\n}\n\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","Platform","TouchableOpacity","moment","DateTimePicker","BaseComponent","BaseComponentState","WmIcon","WmDatetimeProps","DEFAULT_CLASS","WebDatePicker","isNumber","isString","ModalConsumer","validateField","FloatingLabel","AppI18nService","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","value","validationObj","setState","isValid","errorType","componentWillUnmount","renderWebWidget","createElement","onDismiss","minimumDate","maximumDate","renderNativeWidget","is24Hour","display","onChange","event","dateSelected","set","getMonth","getFullYear","getDate","renderNativeWidgetWithModal","modalService","nativeModalOptions","content","Fragment","hideModal","centered","onClose","showModal","addTouchableOpacity","children","styles","_extends","getTestPropsForAction","style","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","onTap","clearBtnClicked","calendarIcon"],"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 { FloatingLabel } from '@wavemaker/app-rn-runtime/core/components/floatinglabel.component';\nimport AppI18nService from '@wavemaker/app-rn-runtime/runtime/services/app-i18n.service';\n\nexport class BaseDatetimeState extends BaseComponentState<WmDatetimeProps> {\n  showDatePicker = 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, { timeZone: timezone });\n      return moment(parsedDateString, 'M/D/YYYY, h:mm:ss A');\n    }\n    else {\n      return date;\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 = props.datavalue;\n          if (datavalue === CURRENT_DATE || datavalue === CURRENT_TIME) {\n            datavalue = this.format(new Date(), props.outputformat) as any;\n          }\n          const date = isString(datavalue) ? this.parse(datavalue as string, props.outputformat) : datavalue;\n          this.updateState({\n            dateValue : date,\n            displayValue: this.format(this.convertTimezone(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      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      value={this.state.dateValue || new Date()}\n      is24Hour={true}\n      display={Platform.OS === 'ios' ? 'spinner': '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  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              || (Platform.OS === 'android' && this.renderNativeWidget(props))\n              || (Platform.OS === 'ios' && this.renderNativeWidget(props)))\n          }\n        </View>\n        ))\n    );\n  }\n}\n\n"],"mappings":"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"}

app-rn-runtime/components/input/epoch/date/date.component.js

@@ -5,6 +5,14 @@ export default class WmDate extends BaseDatetime {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmDateProps());
   }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-date-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
   renderWidget(props) {
     return super.renderWidget(props);
   }

app-rn-runtime/components/input/epoch/date/date.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmDateProps","DEFAULT_CLASS","BaseDatetime","WmDate","constructor","props","renderWidget"],"sources":["date.component.tsx"],"sourcesContent":["import WmDateProps from './date.props';\nimport { DEFAULT_CLASS } from './date.styles';\nimport BaseDatetime from '../base-datetime.component';\n\nexport default class WmDate extends BaseDatetime {\n\n  constructor(props: WmDateProps) {\n    super(props, DEFAULT_CLASS, new WmDateProps());\n  }\n\n  renderWidget(props: WmDateProps) {\n    return super.renderWidget(props);\n  }\n}\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAQ,eAAe;AAC7C,OAAOC,YAAY,MAAM,4BAA4B;AAErD,eAAe,MAAMC,MAAM,SAASD,YAAY,CAAC;EAE/CE,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEAM,YAAYA,CAACD,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACC,YAAY,CAACD,KAAK,CAAC;EAClC;AACF"}
+{"version":3,"names":["WmDateProps","DEFAULT_CLASS","BaseDatetime","WmDate","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderWidget"],"sources":["date.component.tsx"],"sourcesContent":["import WmDateProps from './date.props';\nimport { DEFAULT_CLASS } from './date.styles';\nimport BaseDatetime from '../base-datetime.component';\n\nexport default class WmDate extends BaseDatetime {\n\n  constructor(props: WmDateProps) {\n    super(props, DEFAULT_CLASS, new WmDateProps());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-date-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  renderWidget(props: WmDateProps) {\n    return super.renderWidget(props);\n  }\n}\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAQ,eAAe;AAC7C,OAAOC,YAAY,MAAM,4BAA4B;AAErD,eAAe,MAAMC,MAAM,SAASD,YAAY,CAAC;EAE/CE,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEOM,iBAAiBA,CAAA,EAAuB;IAC7C,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,aAAa,EAAE;MAClCF,OAAO,CAACG,IAAI,CAAC,qBAAqB,CAAC;IACrC;IACAH,OAAO,CAACG,IAAI,CAAC,KAAK,CAACJ,iBAAiB,CAAC,CAAC,CAAC;IACvC,OAAOC,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;EAC1B;EAEAC,YAAYA,CAACP,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACO,YAAY,CAACP,KAAK,CAAC;EAClC;AACF"}

app-rn-runtime/components/input/epoch/date/date.styles.js

@@ -17,5 +17,21 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       }
     }
   } : {});
+  addStyle(DEFAULT_CLASS + '-with-label', '', {
+    root: {
+      minHeight: 48,
+      paddingVertical: 16
+    },
+    floatingLabel: {
+      position: 'absolute',
+      top: 12,
+      left: 16,
+      fontSize: 14,
+      color: themeVariables.floatingLabelColor
+    },
+    activeFloatingLabel: {
+      color: themeVariables.activeFloatingLabelColor
+    }
+  });
 });
 //# sourceMappingURL=date.styles.js.map

app-rn-runtime/components/input/epoch/date/date.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","DATE_TIME_DEFAUlT_CLASS","Platform","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor","OS","clearIcon","marginLeft","marginRight"],"sources":["date.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmDatetimeStyles, DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';\nimport { Platform } from 'react-native';\n\nexport type WmDateStyles = WmDatetimeStyles;\n\nexport const DEFAULT_CLASS = 'app-date';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AACxG,SAASC,QAAQ,QAAQ,cAAc;AAIvC,OAAO,MAAMF,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACL,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDI,QAAQ,CAACL,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCM,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;EACFH,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAACO,EAAE,IAAE,KAAK,GAAC;IACtDC,SAAS,EAAE;MACPJ,IAAI,EAAE;QACFK,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","DATE_TIME_DEFAUlT_CLASS","Platform","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor","OS","clearIcon","marginLeft","marginRight","minHeight","paddingVertical","floatingLabel","position","top","left","fontSize","color","floatingLabelColor","activeFloatingLabel","activeFloatingLabelColor"],"sources":["date.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmDatetimeStyles, DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';\nimport { Platform } from 'react-native';\n\nexport type WmDateStyles = WmDatetimeStyles;\n\nexport const DEFAULT_CLASS = 'app-date';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root:{\n      minHeight: 48,\n      paddingVertical: 16\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  } as any as WmDatetimeStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AACxG,SAASC,QAAQ,QAAQ,cAAc;AAIvC,OAAO,MAAMF,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACL,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDI,QAAQ,CAACL,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCM,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;EACFH,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAACO,EAAE,IAAE,KAAK,GAAC;IACtDC,SAAS,EAAE;MACPJ,IAAI,EAAE;QACFK,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;EACLP,QAAQ,CAACL,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CM,IAAI,EAAC;MACHO,SAAS,EAAE,EAAE;MACbC,eAAe,EAAE;IACnB,CAAC;IACDC,aAAa,EAAE;MACbC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEhB,cAAc,CAACiB;IACxB,CAAC;IACDC,mBAAmB,EAAE;MACnBF,KAAK,EAAEhB,cAAc,CAACmB;IACxB;EACF,CAA4B,CAAC;AAC/B,CAAC,CAAC"}

app-rn-runtime/components/input/epoch/datetime/datetime.component.js

@@ -5,6 +5,14 @@ export default class WmDatetime extends BaseDatetime {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmDatetimeProps());
   }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-datetime-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
   renderWidget(props) {
     return super.renderWidget(props);
   }

app-rn-runtime/components/input/epoch/datetime/datetime.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmDatetimeProps","DEFAULT_CLASS","BaseDatetime","WmDatetime","constructor","props","renderWidget"],"sources":["datetime.component.tsx"],"sourcesContent":["import WmDatetimeProps from './datetime.props';\nimport { DEFAULT_CLASS, } from './datetime.styles';\nimport BaseDatetime from '../base-datetime.component';\n\nexport default class WmDatetime extends BaseDatetime {\n\n  constructor(props: WmDatetimeProps) {\n    super(props, DEFAULT_CLASS, new WmDatetimeProps());\n  }\n\n  renderWidget(props: WmDatetimeProps) {\n    return super.renderWidget(props);\n  }\n}"],"mappings":"AAAA,OAAOA,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAAS,mBAAmB;AAClD,OAAOC,YAAY,MAAM,4BAA4B;AAErD,eAAe,MAAMC,UAAU,SAASD,YAAY,CAAC;EAEnDE,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,CAAC;EACpD;EAEAM,YAAYA,CAACD,KAAsB,EAAE;IACnC,OAAO,KAAK,CAACC,YAAY,CAACD,KAAK,CAAC;EAClC;AACF"}
+{"version":3,"names":["WmDatetimeProps","DEFAULT_CLASS","BaseDatetime","WmDatetime","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderWidget"],"sources":["datetime.component.tsx"],"sourcesContent":["import WmDatetimeProps from './datetime.props';\nimport { DEFAULT_CLASS, } from './datetime.styles';\nimport BaseDatetime from '../base-datetime.component';\n\nexport default class WmDatetime extends BaseDatetime {\n\n  constructor(props: WmDatetimeProps) {\n    super(props, DEFAULT_CLASS, new WmDatetimeProps());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-datetime-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  renderWidget(props: WmDatetimeProps) {\n    return super.renderWidget(props);\n  }\n}"],"mappings":"AAAA,OAAOA,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAAS,mBAAmB;AAClD,OAAOC,YAAY,MAAM,4BAA4B;AAErD,eAAe,MAAMC,UAAU,SAASD,YAAY,CAAC;EAEnDE,WAAWA,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,CAAC;EACpD;EAEOM,iBAAiBA,CAAA,EAAuB;IAC7C,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,aAAa,EAAE;MAClCF,OAAO,CAACG,IAAI,CAAC,yBAAyB,CAAC;IACzC;IACAH,OAAO,CAACG,IAAI,CAAC,KAAK,CAACJ,iBAAiB,CAAC,CAAC,CAAC;IACvC,OAAOC,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;EAC1B;EAEAC,YAAYA,CAACP,KAAsB,EAAE;IACnC,OAAO,KAAK,CAACO,YAAY,CAACP,KAAK,CAAC;EAClC;AACF"}

app-rn-runtime/components/input/epoch/datetime/datetime.props.js

@@ -17,6 +17,7 @@ export default class WmDatetimeProps extends BaseProps {
     _defineProperty(this, "locale", '');
     _defineProperty(this, "timestamp", void 0);
     _defineProperty(this, "triggerValidation", void 0);
+    _defineProperty(this, "floatinglabel", void 0);
   }
 }
 //# sourceMappingURL=datetime.props.js.map

app-rn-runtime/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';\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,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;EAAA;AAGrB"}
+{"version":3,"names":["BaseProps","WmDatetimeProps","constructor","arguments","_defineProperty","undefined"],"sources":["datetime.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,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;EAAA;AAIrB"}

app-rn-runtime/components/input/epoch/datetime/datetime.styles.js

@@ -5,7 +5,10 @@ export const DEFAULT_CLASS = 'app-datetime';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
     root: {
-      padding: 12,
+      paddingTop: 8,
+      paddingBottom: 8,
+      paddingLeft: 16,
+      paddingRight: 16,
       borderWidth: 1,
       borderStyle: 'solid',
       borderRadius: 6,
@@ -49,6 +52,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       },
       icon: {
         fontSize: 16,
+        paddingRight: 0,
         fontWeight: 'bold'
       }
     }
@@ -67,5 +71,21 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       }
     }
   } : {});
+  addStyle(DEFAULT_CLASS + '-with-label', '', {
+    root: {
+      minHeight: 48,
+      paddingVertical: 16
+    },
+    floatingLabel: {
+      position: 'absolute',
+      top: 12,
+      left: 16,
+      fontSize: 14,
+      color: themeVariables.floatingLabelColor
+    },
+    activeFloatingLabel: {
+      color: themeVariables.activeFloatingLabelColor
+    }
+  });
 });
 //# sourceMappingURL=datetime.styles.js.map

app-rn-runtime/components/input/epoch/datetime/datetime.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderRadius","backgroundColor","inputBackgroundColor","borderColor","inputBorderColor","justifyContent","width","focused","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","container","flexDirection","alignItems","text","fontSize","inputTextColor","calendarIcon","alignSelf","icon","clearIcon","marginRight","height","inputDisabledBgColor","fontWeight","OS","marginLeft"],"sources":["datetime.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 { TextStyle, Platform } from 'react-native';\n\nexport type WmDatetimeStyles = BaseStyles & {\n    focused: AllStyle,\n    container: AllStyle,\n    placeholderText: TextStyle,\n    invalid: AllStyle,\n    clearIcon: WmIconStyles,\n    calendarIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-datetime';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDatetimeStyles = defineStyles({\n        root: {\n            padding: 12,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderRadius: 6,\n            backgroundColor: themeVariables.inputBackgroundColor,\n            borderColor: themeVariables.inputBorderColor,\n            justifyContent: 'center',\n            width: '100%'\n        },\n        focused: {\n\n        },\n        invalid: {\n            borderBottomColor: themeVariables.inputInvalidBorderColor\n        },\n        placeholderText: {\n          color: themeVariables.inputPlaceholderColor\n        },\n        container: {\n            flexDirection: 'row',\n            alignItems: 'center'\n        },\n        text: {\n            fontSize: 16,\n            color: themeVariables.inputTextColor\n        },\n        calendarIcon: {\n            root: {\n                alignSelf: 'center'\n            },\n            icon: {\n                fontSize: 24\n            }\n        },\n        clearIcon:  {\n            root : {\n                alignSelf: 'center',\n                justifyContent: 'center',\n                marginRight: 4,\n                height: 24,\n                width: 24,\n                borderRadius: 16,\n                backgroundColor: themeVariables.inputDisabledBgColor\n            },\n            icon: {\n                fontSize: 16,\n                fontWeight: 'bold'\n            }\n        } as WmIconStyles\n    }) as any as WmDatetimeStyles;\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        clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,SAAoBC,QAAQ,QAAQ,cAAc;AAWlD,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACFC,OAAO,EAAE,EAAE;MACXC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAER,cAAc,CAACS,oBAAoB;MACpDC,WAAW,EAAEV,cAAc,CAACW,gBAAgB;MAC5CC,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE;IACX,CAAC;IACDC,OAAO,EAAE,CAET,CAAC;IACDC,OAAO,EAAE;MACLC,iBAAiB,EAAEhB,cAAc,CAACiB;IACtC,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEnB,cAAc,CAACoB;IACxB,CAAC;IACDC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACFC,QAAQ,EAAE,EAAE;MACZN,KAAK,EAAEnB,cAAc,CAAC0B;IAC1B,CAAC;IACDC,YAAY,EAAE;MACVxB,IAAI,EAAE;QACFyB,SAAS,EAAE;MACf,CAAC;MACDC,IAAI,EAAE;QACFJ,QAAQ,EAAE;MACd;IACJ,CAAC;IACDK,SAAS,EAAG;MACR3B,IAAI,EAAG;QACHyB,SAAS,EAAE,QAAQ;QACnBhB,cAAc,EAAE,QAAQ;QACxBmB,WAAW,EAAE,CAAC;QACdC,MAAM,EAAE,EAAE;QACVnB,KAAK,EAAE,EAAE;QACTN,YAAY,EAAE,EAAE;QAChBC,eAAe,EAAER,cAAc,CAACiC;MACpC,CAAC;MACDJ,IAAI,EAAE;QACFJ,QAAQ,EAAE,EAAE;QACZS,UAAU,EAAE;MAChB;IACJ;EACJ,CAAC,CAA4B;EAE7BjC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACPK,eAAe,EAAER,cAAc,CAACiC;IAChC;EACJ,CAAC,CAAC;EACFhC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAACsC,EAAE,IAAE,KAAK,GAAC;IACpDL,SAAS,EAAE;MACX3B,IAAI,EAAE;QACFiC,UAAU,EAAE,CAAC;QACbL,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","paddingTop","paddingBottom","paddingLeft","paddingRight","borderWidth","borderStyle","borderRadius","backgroundColor","inputBackgroundColor","borderColor","inputBorderColor","justifyContent","width","focused","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","container","flexDirection","alignItems","text","fontSize","inputTextColor","calendarIcon","alignSelf","icon","clearIcon","marginRight","height","inputDisabledBgColor","fontWeight","OS","marginLeft","minHeight","paddingVertical","floatingLabel","position","top","left","floatingLabelColor","activeFloatingLabel","activeFloatingLabelColor"],"sources":["datetime.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 { TextStyle, Platform, ViewStyle } from 'react-native';\n\nexport type WmDatetimeStyles = BaseStyles & {\n    focused: AllStyle,\n    container: AllStyle,\n    placeholderText: TextStyle,\n    invalid: AllStyle,\n    clearIcon: WmIconStyles,\n    calendarIcon: WmIconStyles,\n    floatingLabel: ViewStyle,\n    activeFloatingLabel: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-datetime';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDatetimeStyles = defineStyles({\n        root: {\n            paddingTop: 8,\n            paddingBottom: 8,\n            paddingLeft: 16,\n            paddingRight: 16,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderRadius: 6,\n            backgroundColor: themeVariables.inputBackgroundColor,\n            borderColor: themeVariables.inputBorderColor,\n            justifyContent: 'center',\n            width: '100%'\n        },\n        focused: {\n\n        },\n        invalid: {\n            borderBottomColor: themeVariables.inputInvalidBorderColor\n        },\n        placeholderText: {\n          color: themeVariables.inputPlaceholderColor\n        },\n        container: {\n            flexDirection: 'row',\n            alignItems: 'center'\n        },\n        text: {\n            fontSize: 16,\n            color: themeVariables.inputTextColor\n        },\n        calendarIcon: {\n            root: {\n                alignSelf: 'center'\n            },\n            icon: {\n                fontSize: 24\n            }\n        },\n        clearIcon:  {\n            root : {\n                alignSelf: 'center',\n                justifyContent: 'center',\n                marginRight: 4,\n                height: 24,\n                width: 24,\n                borderRadius: 16,\n                backgroundColor: themeVariables.inputDisabledBgColor\n            },\n            icon: {\n                fontSize: 16,\n                paddingRight: 0,\n                fontWeight: 'bold'\n            }\n        } as WmIconStyles\n    }) as any as WmDatetimeStyles;\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        clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root:{\n        minHeight: 48,\n        paddingVertical: 16\n    },\n    floatingLabel: {\n        position: 'absolute',\n        top: 12,\n        left: 16,\n        fontSize: 14,\n        color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n        color: themeVariables.activeFloatingLabelColor\n    }\n  } as any as WmDatetimeStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,SAAoBC,QAAQ,QAAmB,cAAc;AAa7D,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACFC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAEX,cAAc,CAACY,oBAAoB;MACpDC,WAAW,EAAEb,cAAc,CAACc,gBAAgB;MAC5CC,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE;IACX,CAAC;IACDC,OAAO,EAAE,CAET,CAAC;IACDC,OAAO,EAAE;MACLC,iBAAiB,EAAEnB,cAAc,CAACoB;IACtC,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEtB,cAAc,CAACuB;IACxB,CAAC;IACDC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACFC,QAAQ,EAAE,EAAE;MACZN,KAAK,EAAEtB,cAAc,CAAC6B;IAC1B,CAAC;IACDC,YAAY,EAAE;MACV3B,IAAI,EAAE;QACF4B,SAAS,EAAE;MACf,CAAC;MACDC,IAAI,EAAE;QACFJ,QAAQ,EAAE;MACd;IACJ,CAAC;IACDK,SAAS,EAAG;MACR9B,IAAI,EAAG;QACH4B,SAAS,EAAE,QAAQ;QACnBhB,cAAc,EAAE,QAAQ;QACxBmB,WAAW,EAAE,CAAC;QACdC,MAAM,EAAE,EAAE;QACVnB,KAAK,EAAE,EAAE;QACTN,YAAY,EAAE,EAAE;QAChBC,eAAe,EAAEX,cAAc,CAACoC;MACpC,CAAC;MACDJ,IAAI,EAAE;QACFJ,QAAQ,EAAE,EAAE;QACZrB,YAAY,EAAE,CAAC;QACf8B,UAAU,EAAE;MAChB;IACJ;EACJ,CAAC,CAA4B;EAE7BpC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACPQ,eAAe,EAAEX,cAAc,CAACoC;IAChC;EACJ,CAAC,CAAC;EACFnC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAACyC,EAAE,IAAE,KAAK,GAAC;IACpDL,SAAS,EAAE;MACX9B,IAAI,EAAE;QACFoC,UAAU,EAAE,CAAC;QACbL,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;EACLjC,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAC;MACDqC,SAAS,EAAE,EAAE;MACbC,eAAe,EAAE;IACrB,CAAC;IACDC,aAAa,EAAE;MACXC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRjB,QAAQ,EAAE,EAAE;MACZN,KAAK,EAAEtB,cAAc,CAAC8C;IAC1B,CAAC;IACDC,mBAAmB,EAAE;MACjBzB,KAAK,EAAEtB,cAAc,CAACgD;IAC1B;EACF,CAA4B,CAAC;AAC/B,CAAC,CAAC"}

app-rn-runtime/components/input/epoch/time/time.component.js

@@ -5,6 +5,14 @@ export default class WmTime extends BaseDatetime {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmTimeProps());
   }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-time-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
   onDateChange($event, date) {
     super.onDateChange($event, date);
   }

app-rn-runtime/components/input/epoch/time/time.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["WmTimeProps","DEFAULT_CLASS","BaseDatetime","WmTime","constructor","props","onDateChange","$event","date","timestamp","state","dateValue","renderWidget"],"sources":["time.component.tsx"],"sourcesContent":["import WmTimeProps from './time.props';\nimport { DEFAULT_CLASS, } from './time.styles';\nimport BaseDatetime from '../base-datetime.component';\nimport { DateTimePickerEvent } from '@react-native-community/datetimepicker';\n\nexport default class WmTime extends BaseDatetime {\n\n  constructor(props: WmTimeProps) {\n    super(props, DEFAULT_CLASS, new WmTimeProps());\n  }\n\n  onDateChange($event: DateTimePickerEvent, date?: Date): void {\n    super.onDateChange($event, date);\n  }\n\n  get timestamp() {\n    return this.state.dateValue;\n  }\n\n  renderWidget(props: WmTimeProps) {\n    return super.renderWidget(props);\n  }\n}"],"mappings":"AAAA,OAAOA,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAS,eAAe;AAC9C,OAAOC,YAAY,MAAM,4BAA4B;AAGrD,eAAe,MAAMC,MAAM,SAASD,YAAY,CAAC;EAE/CE,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEAM,YAAYA,CAACC,MAA2B,EAAEC,IAAW,EAAQ;IAC3D,KAAK,CAACF,YAAY,CAACC,MAAM,EAAEC,IAAI,CAAC;EAClC;EAEA,IAAIC,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACC,KAAK,CAACC,SAAS;EAC7B;EAEAC,YAAYA,CAACP,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACO,YAAY,CAACP,KAAK,CAAC;EAClC;AACF"}
+{"version":3,"names":["WmTimeProps","DEFAULT_CLASS","BaseDatetime","WmTime","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","onDateChange","$event","date","timestamp","dateValue","renderWidget"],"sources":["time.component.tsx"],"sourcesContent":["import WmTimeProps from './time.props';\nimport { DEFAULT_CLASS, } from './time.styles';\nimport BaseDatetime from '../base-datetime.component';\nimport { DateTimePickerEvent } from '@react-native-community/datetimepicker';\n\nexport default class WmTime extends BaseDatetime {\n\n  constructor(props: WmTimeProps) {\n    super(props, DEFAULT_CLASS, new WmTimeProps());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-time-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  onDateChange($event: DateTimePickerEvent, date?: Date): void {\n    super.onDateChange($event, date);\n  }\n\n  get timestamp() {\n    return this.state.dateValue;\n  }\n\n  renderWidget(props: WmTimeProps) {\n    return super.renderWidget(props);\n  }\n}"],"mappings":"AAAA,OAAOA,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAS,eAAe;AAC9C,OAAOC,YAAY,MAAM,4BAA4B;AAGrD,eAAe,MAAMC,MAAM,SAASD,YAAY,CAAC;EAE/CE,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,CAAC;EAChD;EAEOM,iBAAiBA,CAAA,EAAuB;IAC7C,MAAMC,OAAO,GAAG,EAAE;IAClB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,aAAa,EAAE;MAClCF,OAAO,CAACG,IAAI,CAAC,qBAAqB,CAAC;IACrC;IACAH,OAAO,CAACG,IAAI,CAAC,KAAK,CAACJ,iBAAiB,CAAC,CAAC,CAAC;IACvC,OAAOC,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;EAC1B;EAEAC,YAAYA,CAACC,MAA2B,EAAEC,IAAW,EAAQ;IAC3D,KAAK,CAACF,YAAY,CAACC,MAAM,EAAEC,IAAI,CAAC;EAClC;EAEA,IAAIC,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACP,KAAK,CAACQ,SAAS;EAC7B;EAEAC,YAAYA,CAACZ,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACY,YAAY,CAACZ,KAAK,CAAC;EAClC;AACF"}

app-rn-runtime/components/input/epoch/time/time.styles.js

@@ -17,5 +17,21 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       }
     }
   } : {});
+  addStyle(DEFAULT_CLASS + '-with-label', '', {
+    root: {
+      minHeight: 48,
+      paddingVertical: 16
+    },
+    floatingLabel: {
+      position: 'absolute',
+      top: 12,
+      left: 16,
+      fontSize: 14,
+      color: themeVariables.floatingLabelColor
+    },
+    activeFloatingLabel: {
+      color: themeVariables.activeFloatingLabelColor
+    }
+  });
 });
 //# sourceMappingURL=time.styles.js.map

app-rn-runtime/components/input/epoch/time/time.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","DATE_TIME_DEFAUlT_CLASS","Platform","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor","OS","clearIcon","marginLeft","marginRight"],"sources":["time.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmDatetimeStyles, DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';\nimport { Platform } from 'react-native';\n\nexport type WmTimeStyles = WmDatetimeStyles;\n\nexport const DEFAULT_CLASS = 'app-time';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AACxG,SAASC,QAAQ,QAAQ,cAAc;AAIvC,OAAO,MAAMF,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACL,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDI,QAAQ,CAACL,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCM,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;EACFH,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAACO,EAAE,IAAE,KAAK,GAAC;IACtDC,SAAS,EAAE;MACPJ,IAAI,EAAE;QACFK,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","DATE_TIME_DEFAUlT_CLASS","Platform","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor","OS","clearIcon","marginLeft","marginRight","minHeight","paddingVertical","floatingLabel","position","top","left","fontSize","color","floatingLabelColor","activeFloatingLabel","activeFloatingLabelColor"],"sources":["time.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { WmDatetimeStyles, DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';\nimport { Platform } from 'react-native';\n\nexport type WmTimeStyles = WmDatetimeStyles;\n\nexport const DEFAULT_CLASS = 'app-time';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root:{\n      minHeight: 48,\n      paddingVertical: 16\n    },\n    floatingLabel: {\n        position: 'absolute',\n        top: 12,\n        left: 16,\n        fontSize: 14,\n        color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n        color: themeVariables.activeFloatingLabelColor\n    }\n  } as any as WmDatetimeStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AACxG,SAASC,QAAQ,QAAQ,cAAc;AAIvC,OAAO,MAAMF,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACL,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDI,QAAQ,CAACL,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCM,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;EACFH,QAAQ,CAACL,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEE,QAAQ,CAACO,EAAE,IAAE,KAAK,GAAC;IACtDC,SAAS,EAAE;MACPJ,IAAI,EAAE;QACFK,UAAU,EAAE,CAAC;QACbC,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;EACLP,QAAQ,CAACL,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CM,IAAI,EAAC;MACHO,SAAS,EAAE,EAAE;MACbC,eAAe,EAAE;IACnB,CAAC;IACDC,aAAa,EAAE;MACXC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEhB,cAAc,CAACiB;IAC1B,CAAC;IACDC,mBAAmB,EAAE;MACjBF,KAAK,EAAEhB,cAAc,CAACmB;IAC1B;EACF,CAA4B,CAAC;AAC/B,CAAC,CAAC"}

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

@@ -19,6 +19,14 @@ export default class WmNumber extends BaseNumberComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());
   }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-number-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
   renderWidget(props) {
     var _this$state$textValue;
     let opts = {};
@@ -34,6 +42,9 @@ export default class WmNumber extends BaseNumberComponent {
         }
       }
     }, opts, {
+      floatingLabel: props.floatinglabel,
+      floatingLabelStyle: this.styles.floatingLabel,
+      activeFloatingLabelStyle: this.styles.activeFloatingLabel,
       style: [this.styles.root, this.state.isValid ? {} : this.styles.invalid],
       keyboardType: "numeric",
       placeholderTextColor: this.styles.placeholderText.color,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","WmNumberState","constructor","arguments","_defineProperty","WmNumber","props","renderWidget","_this$state$textValue","opts","valueExpr","OS","state","textValue","toString","createElement","_extends","getTestPropsForInput","ref","widgetRef","selectionStart","selectionEnd","cursor","style","styles","root","isValid","invalid","keyboardType","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","placeholder","value","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n  keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n  constructor(props: WmNumberProps) {\n    super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n  }\n\n  renderWidget(props: WmNumberProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<WMTextInput\n      {...this.getTestPropsForInput()}\n      ref={(ref: any) => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      {...opts}\n      style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n      keyboardType=\"numeric\"\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      placeholder={props.placeholder}\n      value={this.state.textValue}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.validateInputEntry.bind(this)}\n      onChangeText={(text) => {\n        this.onChangeText.bind(this)(text, 'number');\n      }}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n    />);\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,MAAM,QAAQ,QAAQ;AAE/B,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,WAAW,QAAQ,+DAA+D;AAC3F,SACEC,mBAAmB,EACnBC,eAAe,QACV,4EAA4E;AAEnF,OAAO,MAAMC,aAAa,SAASD,eAAe,CAAgB;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAElE;AAEA,eAAe,MAAMC,QAAQ,SAASN,mBAAmB,CAA+C;EAEtGG,WAAWA,CAACI,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,EAAE,IAAIK,aAAa,CAAC,CAAC,CAAC;EACvE;EAEAM,YAAYA,CAACD,KAAoB,EAAE;IAAA,IAAAE,qBAAA;IACjC,IAAIC,IAAS,GAAG,CAAC,CAAC;IAClB,MAAMC,SAAS,GAAGhB,QAAQ,CAACiB,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClEF,IAAI,CAACC,SAAS,CAAC,GAAG,EAAAF,qBAAA,OAAI,CAACI,KAAK,CAACC,SAAS,cAAAL,qBAAA,uBAApBA,qBAAA,CAAsBM,QAAQ,CAAC,CAAC,KAAI,EAAE;IACxD,oBAAQrB,KAAA,CAAAsB,aAAA,CAACjB,WAAW,EAAAkB,QAAA,KACd,IAAI,CAACC,oBAAoB,CAAC,CAAC;MAC/BC,GAAG,EAAGA,GAAQ,IAAK;QAAC,IAAI,CAACC,SAAS,GAAGD,GAAG;QACtC;QACA,IAAIA,GAAG,IAAI,CAACvB,MAAM,CAACuB,GAAG,CAACE,cAAc,CAAC,IAAI,CAACzB,MAAM,CAACuB,GAAG,CAACG,YAAY,CAAC,EAAE;UACnE;UACAH,GAAG,CAACE,cAAc,GAAGF,GAAG,CAACG,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MAAC;IAAE,GACDb,IAAI;MACRc,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACC,IAAI,EAAE,IAAI,CAACb,KAAK,CAACc,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAACF,MAAM,CAACG,OAAO,CAAE;MACzEC,YAAY,EAAC,SAAS;MACtBC,oBAAoB,EAAE,IAAI,CAACL,MAAM,CAACM,eAAe,CAACC,KAAa;MAC/DC,SAAS,EAAE1B,KAAK,CAAC2B,SAAU;MAC3BC,QAAQ,EAAE5B,KAAK,CAAC6B,QAAQ,IAAI7B,KAAK,CAAC8B,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1DC,WAAW,EAAE/B,KAAK,CAAC+B,WAAY;MAC/BC,KAAK,EAAE,IAAI,CAAC1B,KAAK,CAACC,SAAU;MAC5B0B,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,IAAI,CAAC,IAAI,CAAE;MAC/BC,OAAO,EAAE,IAAI,CAACA,OAAO,CAACD,IAAI,CAAC,IAAI,CAAE;MACjCE,UAAU,EAAE,IAAI,CAACC,kBAAkB,CAACH,IAAI,CAAC,IAAI,CAAE;MAC/CI,YAAY,EAAGC,IAAI,IAAK;QACtB,IAAI,CAACD,YAAY,CAACJ,IAAI,CAAC,IAAI,CAAC,CAACK,IAAI,EAAE,QAAQ,CAAC;MAC9C,CAAE;MACFC,QAAQ,EAAE,IAAI,CAACC,YAAY,CAACP,IAAI,CAAC,IAAI,CAAE;MACvCQ,qBAAqB,EAAE,IAAI,CAACxB,MAAM,CAACqB,IAAI,CAACI,UAAU,KAAK;IAAO,EAC/D,CAAC;EACJ;AACF"}
+{"version":3,"names":["React","Platform","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","WmNumberState","constructor","arguments","_defineProperty","WmNumber","props","getStyleClassName","classes","state","floatinglabel","push","join","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","createElement","_extends","getTestPropsForInput","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","styles","activeFloatingLabelStyle","activeFloatingLabel","style","root","isValid","invalid","keyboardType","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","disabled","readonly","placeholder","value","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n  keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n  constructor(props: WmNumberProps) {\n    super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-number-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  renderWidget(props: WmNumberProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<WMTextInput\n      {...this.getTestPropsForInput()}\n      ref={(ref: any) => {this.widgetRef = ref;\n        // @ts-ignore\n        if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n          // @ts-ignore\n          ref.selectionStart = ref.selectionEnd = this.cursor;\n        }}}\n      {...opts}\n      floatingLabel={props.floatinglabel}\n      floatingLabelStyle={this.styles.floatingLabel}\n      activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n      style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n      keyboardType=\"numeric\"\n      placeholderTextColor={this.styles.placeholderText.color as any}\n      autoFocus={props.autofocus}\n      editable={props.disabled || props.readonly ? false : true}\n      placeholder={props.placeholder}\n      value={this.state.textValue}\n      onBlur={this.onBlur.bind(this)}\n      onFocus={this.onFocus.bind(this)}\n      onKeyPress={this.validateInputEntry.bind(this)}\n      onChangeText={(text) => {\n        this.onChangeText.bind(this)(text, 'number');\n      }}\n      onChange={this.invokeChange.bind(this)}\n      allowContentSelection={this.styles.text.userSelect === 'text'}\n    />);\n  }\n}\n"],"mappings":"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"}

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

@@ -6,6 +6,7 @@ export default class WmNumberProps extends BaseNumberProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "autofocus", null);
+    _defineProperty(this, "floatinglabel", void 0);
     _defineProperty(this, "placeholder", '');
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseNumberProps","WmNumberProps","constructor","arguments","_defineProperty"],"sources":["number.props.ts"],"sourcesContent":["import BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\n\nexport default class WmNumberProps extends BaseNumberProps {\n  autofocus: boolean = null as any;\n  placeholder: string = '';\n}\n"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,wEAAwE;AAEpG,eAAe,MAAMC,aAAa,SAASD,eAAe,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACpC,IAAI;IAAAA,eAAA,sBACH,EAAE;EAAA;AAC1B"}
+{"version":3,"names":["BaseNumberProps","WmNumberProps","constructor","arguments","_defineProperty"],"sources":["number.props.ts"],"sourcesContent":["import BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\n\nexport default class WmNumberProps extends BaseNumberProps {\n  autofocus: boolean = null as any;\n  floatinglabel?: string;\n  placeholder: string = '';\n}\n"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,wEAAwE;AAEpG,eAAe,MAAMC,aAAa,SAASD,eAAe,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACpC,IAAI;IAAAA,eAAA;IAAAA,eAAA,sBAEH,EAAE;EAAA;AAC1B"}

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

@@ -25,6 +25,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     placeholderText: {
       color: themeVariables.inputPlaceholderColor
     },
+    floatingLabel: {},
+    activeFloatingLabel: {},
     skeleton: {}
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
@@ -38,5 +40,20 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       textAlign: 'right'
     }
   });
+  addStyle(DEFAULT_CLASS + '-with-label', '', {
+    root: {
+      minHeight: 48
+    },
+    floatingLabel: {
+      position: 'absolute',
+      top: 12,
+      left: 16,
+      fontSize: 14,
+      color: themeVariables.floatingLabelColor
+    },
+    activeFloatingLabel: {
+      color: themeVariables.activeFloatingLabelColor
+    }
+  });
 });
 //# sourceMappingURL=number.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","paddingLeft","paddingRight","text","fontSize","textAlign","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","skeleton","inputDisabledBgColor"],"sources":["number.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 WmNumberStyles = BaseStyles & {\n  invalid: AllStyle;\n  placeholderText: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-number';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNumberStyles = defineStyles<WmNumberStyles>({\n      root: {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        paddingLeft: 16,\n        paddingRight: 16\n      },\n      text: {\n        fontSize: 16,\n        textAlign: 'left'\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      skeleton: {} as WmSkeletonStyles\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', '', {\n      root : {\n        textAlign: 'right'\n      }\n  });\n});\n\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AASxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAET,cAAc,CAACU,gBAAgB;MAC5CC,eAAe,EAAEX,cAAc,CAACY,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAEpB,cAAc,CAACqB;IACpC,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEvB,cAAc,CAACwB;IACxB,CAAC;IACDC,QAAQ,EAAE,CAAC;EACf,CAAC,CAAC;EAEFxB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLQ,eAAe,EAAEX,cAAc,CAAC0B;IAClC;EACJ,CAAC,CAAC;EACFzB,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAG;MACLe,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","minHeight","paddingTop","paddingBottom","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","paddingLeft","paddingRight","text","fontSize","textAlign","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","floatingLabel","activeFloatingLabel","skeleton","inputDisabledBgColor","position","top","left","floatingLabelColor","activeFloatingLabelColor"],"sources":["number.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 WmNumberStyles = BaseStyles & {\n  invalid: AllStyle;\n  placeholderText: AllStyle;\n  floatingLabel: AllStyle;\n  activeFloatingLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-number';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmNumberStyles = defineStyles<WmNumberStyles>({\n      root: {\n        minHeight: 42,\n        paddingTop: 8,\n        paddingBottom: 8,\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        paddingLeft: 16,\n        paddingRight: 16\n      },\n      text: {\n        fontSize: 16,\n        textAlign: 'left'\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      },\n      floatingLabel: {},\n      activeFloatingLabel: {},\n      skeleton: {} as WmSkeletonStyles\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', '', {\n      root : {\n        textAlign: 'right'\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-with-label', '', {\n    root: {\n      minHeight: 48\n    },\n    floatingLabel: {\n      position: 'absolute',\n      top: 12,\n      left: 16,\n      fontSize: 14,\n      color: themeVariables.floatingLabelColor\n    },\n    activeFloatingLabel: {\n      color: themeVariables.activeFloatingLabelColor\n    }\n  });\n});\n\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAWxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAiB;IAC/DM,IAAI,EAAE;MACJC,SAAS,EAAE,EAAE;MACbC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAET,cAAc,CAACU,gBAAgB;MAC5CC,eAAe,EAAEX,cAAc,CAACY,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE;IACb,CAAC;IACDC,OAAO,EAAE;MACPC,iBAAiB,EAAEpB,cAAc,CAACqB;IACpC,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEvB,cAAc,CAACwB;IACxB,CAAC;IACDC,aAAa,EAAE,CAAC,CAAC;IACjBC,mBAAmB,EAAE,CAAC,CAAC;IACvBC,QAAQ,EAAE,CAAC;EACf,CAAC,CAAC;EAEF1B,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLQ,eAAe,EAAEX,cAAc,CAAC4B;IAClC;EACJ,CAAC,CAAC;EACF3B,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAE;IACjCK,IAAI,EAAG;MACLe,SAAS,EAAE;IACb;EACJ,CAAC,CAAC;EACFjB,QAAQ,CAACH,aAAa,GAAG,aAAa,EAAE,EAAE,EAAE;IAC1CK,IAAI,EAAE;MACJC,SAAS,EAAE;IACb,CAAC;IACDqB,aAAa,EAAE;MACbI,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,EAAE;MACPC,IAAI,EAAE,EAAE;MACRd,QAAQ,EAAE,EAAE;MACZM,KAAK,EAAEvB,cAAc,CAACgC;IACxB,CAAC;IACDN,mBAAmB,EAAE;MACnBH,KAAK,EAAEvB,cAAc,CAACiC;IACxB;EACF,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -11,6 +11,14 @@ export default class WmText extends BaseInputComponent {
   constructor(props) {
     super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());
   }
+  getStyleClassName() {
+    const classes = [];
+    if (this.state.props.floatinglabel) {
+      classes.push('app-text-with-label');
+    }
+    classes.push(super.getStyleClassName());
+    return classes.join(' ');
+  }
   renderWidget(props) {
     var _this$state$textValue;
     let opts = {};
@@ -26,6 +34,9 @@ export default class WmText extends BaseInputComponent {
         }
       }
     }, opts, {
+      floatingLabel: props.floatinglabel,
+      floatingLabelStyle: this.styles.floatingLabel,
+      activeFloatingLabelStyle: this.styles.activeFloatingLabel,
       placeholderTextColor: this.styles.placeholderText.color,
       style: [this.styles.root, this.state.isValid ? {} : this.styles.invalid],
       keyboardType: this.state.keyboardType,

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","WmTextState","WmText","constructor","props","renderWidget","_this$state$textValue","opts","valueExpr","OS","state","textValue","toString","createElement","_extends","getTestPropsForInput","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderTextColor","styles","placeholderText","color","style","root","isValid","invalid","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","secureTextEntry","type","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","text","userSelect"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          ref={(ref: any) => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete ? 'username' : 'off'}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' ? true : false}\n          maxLength={props.maxchars}\n          placeholder={props.placeholder}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n          allowContentSelection={this.styles.text.userSelect === 'text'}\n        />\n    );\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,cAAc;AAEvC,OAAOC,WAAW,MAAM,cAAc;AACtC,SAASC,aAAa,QAAsB,eAAe;AAC3D,SAASC,WAAW,QAAQ,+DAA+D;AAC3F,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,0EAA0E;AAC7H,SAASC,MAAM,QAAQ,QAAQ;AAE/B,OAAO,MAAMC,WAAW,SAASF,cAAc,CAAc;AAG7D,eAAe,MAAMG,MAAM,SAASJ,kBAAkB,CAAyC;EAE7FK,WAAWA,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,WAAW,CAAC,CAAC,EAAE,IAAIM,WAAW,CAAC,CAAC,CAAC;EACnE;EAEAI,YAAYA,CAACD,KAAkB,EAAE;IAAA,IAAAE,qBAAA;IAC/B,IAAIC,IAAS,GAAG,CAAC,CAAC;IAClB,MAAMC,SAAS,GAAGd,QAAQ,CAACe,EAAE,KAAK,KAAK,GAAG,OAAO,GAAG,cAAc;IAClEF,IAAI,CAACC,SAAS,CAAC,GAAG,EAAAF,qBAAA,OAAI,CAACI,KAAK,CAACC,SAAS,cAAAL,qBAAA,uBAApBA,qBAAA,CAAsBM,QAAQ,CAAC,CAAC,KAAI,EAAE;IACxD,oBACInB,KAAA,CAAAoB,aAAA,CAAChB,WAAW,EAAAiB,QAAA,KACN,IAAI,CAACC,oBAAoB,CAAC,CAAC;MAC/BC,GAAG,EAAGA,GAAQ,IAAK;QAAC,IAAI,CAACC,SAAS,GAAGD,GAAG;QACtC;QACF,IAAIA,GAAG,IAAI,CAAChB,MAAM,CAACgB,GAAG,CAACE,cAAc,CAAC,IAAI,CAAClB,MAAM,CAACgB,GAAG,CAACG,YAAY,CAAC,EAAE;UACnE;UACAH,GAAG,CAACE,cAAc,GAAGF,GAAG,CAACG,YAAY,GAAG,IAAI,CAACC,MAAM;QACrD;MAAC;IAAE,GACCb,IAAI;MACRc,oBAAoB,EAAE,IAAI,CAACC,MAAM,CAACC,eAAe,CAACC,KAAa;MAC/DC,KAAK,EAAE,CAAC,IAAI,CAACH,MAAM,CAACI,IAAI,EAAE,IAAI,CAAChB,KAAK,CAACiB,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAACL,MAAM,CAACM,OAAO,CAAE;MACzEC,YAAY,EAAE,IAAI,CAACnB,KAAK,CAACmB,YAAa;MACtCC,YAAY,EAAE1B,KAAK,CAAC2B,YAAY,GAAG,UAAU,GAAG,KAAM;MACtDC,SAAS,EAAE5B,KAAK,CAAC6B,SAAU;MAC3BC,QAAQ,EAAE9B,KAAK,CAAC+B,QAAQ,IAAI/B,KAAK,CAACgC,QAAQ,GAAG,KAAK,GAAG,IAAK;MAC1DC,eAAe,EAAEjC,KAAK,CAACkC,IAAI,KAAK,UAAU,GAAG,IAAI,GAAG,KAAM;MAC1DC,SAAS,EAAEnC,KAAK,CAACoC,QAAS;MAC1BC,WAAW,EAAErC,KAAK,CAACqC,WAAY;MAC/BC,MAAM,EAAE,IAAI,CAACA,MAAM,CAACC,IAAI,CAAC,IAAI,CAAE;MAC/BC,OAAO,EAAE,IAAI,CAACA,OAAO,CAACD,IAAI,CAAC,IAAI,CAAE;MACjCE,UAAU,EAAE,IAAI,CAACA,UAAU,CAACF,IAAI,CAAC,IAAI,CAAE;MACvCG,YAAY,EAAE,IAAI,CAACA,YAAY,CAACH,IAAI,CAAC,IAAI,CAAE;MAC3CI,QAAQ,EAAE,IAAI,CAACC,YAAY,CAACL,IAAI,CAAC,IAAI,CAAE;MACvCM,qBAAqB,EAAE,IAAI,CAAC3B,MAAM,CAAC4B,IAAI,CAACC,UAAU,KAAK;IAAO,EAC/D,CAAC;EAER;AACF"}
+{"version":3,"names":["React","Platform","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderWidget","_this$state$textValue","opts","valueExpr","OS","textValue","toString","createElement","_extends","getTestPropsForInput","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","styles","activeFloatingLabelStyle","activeFloatingLabel","placeholderTextColor","placeholderText","color","style","root","isValid","invalid","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","disabled","readonly","secureTextEntry","type","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","text","userSelect"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n  constructor(props: WmTextProps) {\n    super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n  }\n\n  public getStyleClassName(): string | undefined {\n    const classes = [];\n    if (this.state.props.floatinglabel) {\n      classes.push('app-text-with-label'); \n    }\n    classes.push(super.getStyleClassName());\n    return classes.join(' ');\n  }\n\n  renderWidget(props: WmTextProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (\n        <WMTextInput\n          {...this.getTestPropsForInput()}\n          ref={(ref: any) => {this.widgetRef = ref;\n            // @ts-ignore\n          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n            // @ts-ignore\n            ref.selectionStart = ref.selectionEnd = this.cursor;\n          }}}\n          {...opts}\n          floatingLabel={props.floatinglabel}\n          floatingLabelStyle={this.styles.floatingLabel}\n          activeFloatingLabelStyle={this.styles.activeFloatingLabel}\n          placeholderTextColor={this.styles.placeholderText.color as any}\n          style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid]}\n          keyboardType={this.state.keyboardType}\n          autoComplete={props.autocomplete ? 'username' : 'off'}\n          autoFocus={props.autofocus}\n          editable={props.disabled || props.readonly ? false : true}\n          secureTextEntry={props.type === 'password' ? true : false}\n          maxLength={props.maxchars}\n          placeholder={props.placeholder}\n          onBlur={this.onBlur.bind(this)}\n          onFocus={this.onFocus.bind(this)}\n          onKeyPress={this.onKeyPress.bind(this)}\n          onChangeText={this.onChangeText.bind(this)}\n          onChange={this.invokeChange.bind(this)}\n          allowContentSelection={this.styles.text.userSelect === 'text'}\n        />\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import BaseInputProps from "@wavemaker/app-rn-runtime/components/input/baseinput
 export default class WmTextProps extends BaseInputProps {
   constructor() {
     super(...arguments);
+    _defineProperty(this, "floatinglabel", void 0);
     _defineProperty(this, "placeholder", 'Enter text');
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["BaseInputProps","WmTextProps","constructor","arguments","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.props\";\n\nexport default class WmTextProps extends BaseInputProps {\n  placeholder: string = 'Enter text';\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,sEAAsE;AAEjG,eAAe,MAAMC,WAAW,SAASD,cAAc,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,sBAChC,YAAY;EAAA;AACpC"}
+{"version":3,"names":["BaseInputProps","WmTextProps","constructor","arguments","_defineProperty"],"sources":["text.props.ts"],"sourcesContent":["import BaseInputProps from \"@wavemaker/app-rn-runtime/components/input/baseinput/baseinput.props\";\n\nexport default class WmTextProps extends BaseInputProps {\n  floatinglabel?: string;\n  placeholder: string = 'Enter text';\n}\n"],"mappings":";;;AAAA,OAAOA,cAAc,MAAM,sEAAsE;AAEjG,eAAe,MAAMC,WAAW,SAASD,cAAc,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,sBAEhC,YAAY;EAAA;AACpC"}

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

@@ -25,6 +25,8 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     placeholderText: {
       color: themeVariables.inputPlaceholderColor
     },
+    floatingLabel: {},
+    activeFloatingLabel: {},
     skeleton: {
       root: {
         width: '100%',
@@ -44,5 +46,20 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       textAlign: 'right'
     }
   });
+  addStyle(DEFAULT_CLASS + '-with-label', '', {
+    root: {
+      minHeight: 48
+    },
+    floatingLabel: {
+      position: 'absolute',
+      top: 12,
+      left: 16,
+      fontSize: 14,
+      color: themeVariables.floatingLabelColor
+    },
+    activeFloatingLabel: {
+      color: themeVariables.activeFloatingLabelColor
+    }
+  });
 });
 //# sourceMappingURL=text.styles.js.map