@wavemaker/app-rn-runtime 11.4.0-next.28152 → 11.4.0-next.28701

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCompositeProps","DEFAULT_CLASS","WmCompositeState","WmComposite","constructor","props","renderWidget","styles","root","_background","children"],"sources":["composite.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCompositeProps from './composite.props';\nimport { DEFAULT_CLASS, WmCompositeStyles } from './composite.styles';\n\nexport class WmCompositeState extends BaseComponentState<WmCompositeProps> {}\n\nexport default class WmComposite extends BaseComponent<WmCompositeProps, WmCompositeState, WmCompositeStyles> {\n\n  constructor(props: WmCompositeProps) {\n    super(props, DEFAULT_CLASS, new WmCompositeProps());\n  }\n\n  renderWidget(props: WmCompositeProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,OAAO,MAAMC,gBAAgB,SAASH,kBAAkB,CAAmB;AAE3E,eAAe,MAAMI,WAAW,SAASL,aAAa,CAAwD;EAE5GM,WAAW,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,gBAAgB,EAAE,CAAC;EACrD;EAEAM,YAAY,CAACD,KAAuB,EAAE;IACpC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCompositeProps","DEFAULT_CLASS","WmCompositeState","WmComposite","constructor","props","renderWidget","createElement","style","styles","root","_background","children"],"sources":["composite.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCompositeProps from './composite.props';\nimport { DEFAULT_CLASS, WmCompositeStyles } from './composite.styles';\n\nexport class WmCompositeState extends BaseComponentState<WmCompositeProps> {}\n\nexport default class WmComposite extends BaseComponent<WmCompositeProps, WmCompositeState, WmCompositeStyles> {\n\n  constructor(props: WmCompositeProps) {\n    super(props, DEFAULT_CLASS, new WmCompositeProps());\n  }\n\n  renderWidget(props: WmCompositeProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,gBAAgB,MAAM,mBAAmB;AAChD,SAASC,aAAa,QAA2B,oBAAoB;AAErE,OAAO,MAAMC,gBAAgB,SAASH,kBAAkB,CAAmB;AAE3E,eAAe,MAAMI,WAAW,SAASL,aAAa,CAAwD;EAE5GM,WAAWA,CAACC,KAAuB,EAAE;IACnC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,gBAAgB,CAAC,CAAC,CAAC;EACrD;EAEAM,YAAYA,CAACD,KAAuB,EAAE;IACpC,oBAAQT,KAAA,CAAAW,aAAA,CAACV,IAAI;MAACW,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEN,KAAK,CAACO,QAAe,CAAC;EAClF;AACF"}

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

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

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

@@ -3,9 +3,10 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { View, Text, TextInput, Platform } from 'react-native';
+import { View, Text, Platform } from 'react-native';
 import WmCurrencyProps from './currency.props';
 import { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';
+import { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';
 import { DEFAULT_CLASS } from './currency.styles';
 import { BaseNumberComponent, BaseNumberState } from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';
 import { isNull } from "lodash";
@@ -42,7 +43,7 @@ export default class WmCurrency extends BaseNumberComponent {
       style: this.styles.labelWrapper
     }, /*#__PURE__*/React.createElement(Text, {
       style: this.styles.label
-    }, this.state.currencySymbol)), /*#__PURE__*/React.createElement(TextInput, _extends({
+    }, this.state.currencySymbol)), /*#__PURE__*/React.createElement(WMTextInput, _extends({
       ref: ref => {
         this.widgetRef = ref;
         // @ts-ignore
@@ -56,12 +57,13 @@ export default class WmCurrency extends BaseNumberComponent {
       style: [this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid]
     }, opts, {
       editable: props.disabled || props.readonly ? false : true,
-      placeholder: props.placeholder || 'Enter value',
+      placeholder: props.placeholder,
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),
       onKeyPress: this.validateInputEntry.bind(this),
       onChangeText: this.onChangeText.bind(this),
-      onChange: this.invokeChange.bind(this)
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text'
     })));
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TextInput","Platform","WmCurrencyProps","CURRENCY_INFO","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","WmCurrencyState","WmCurrency","constructor","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","renderWidget","opts","valueExpr","OS","state","textValue","toString","styles","root","labelWrapper","label","ref","widgetRef","selectionStart","selectionEnd","cursor","placeholderText","color","input","text","isValid","invalid","disabled","readonly","placeholder","onBlur","bind","onFocus","validateInputEntry","onChangeText","invokeChange"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, TextInput, Platform } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport AppI18nService from '@wavemaker/app-rn-runtime/runtime/services/app-i18n.service';\nimport { isNull } from \"lodash\";\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root}>\n      <View style={this.styles.labelWrapper}>\n        <Text style={this.styles.label}>{this.state.currencySymbol}</Text></View>\n      <TextInput\n        ref={ref => {\n          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        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        style={[this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n        {...opts}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder || 'Enter value'}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onChangeText={this.onChangeText.bind(this)}\n        onChange={this.invokeChange.bind(this)}\n      />\n    </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","WmCurrencyState","constructor","arguments","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","renderWidget","_this$state$textValue","opts","valueExpr","OS","state","textValue","toString","createElement","style","styles","root","labelWrapper","label","_extends","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","input","text","isValid","invalid","editable","disabled","readonly","placeholder","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n  BaseNumberComponent,\n  BaseNumberState\n} from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n  currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n  constructor(props: WmCurrencyProps) {\n    super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch (name) {\n      case 'currency':\n        if ($new) {\n          this.updateState({\n            currencySymbol: CURRENCY_INFO[$new].symbol,\n          } as WmCurrencyState);\n        }\n        break;\n\n    }\n  }\n\n  renderWidget(props: WmCurrencyProps) {\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.textValue?.toString() || '';\n    return (<View style={this.styles.root}>\n      <View style={this.styles.labelWrapper}>\n        <Text style={this.styles.label}>{this.state.currencySymbol}</Text></View>\n      <WMTextInput\n        ref={(ref: any) => {\n          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        }}\n        keyboardType=\"numeric\"\n        placeholderTextColor={this.styles.placeholderText.color as any}\n        style={[this.styles.input, this.styles.text, this.state.isValid ? {} : this.styles.invalid]}\n        {...opts}\n        editable={props.disabled || props.readonly ? false : true}\n        placeholder={props.placeholder}\n        onBlur={this.onBlur.bind(this)}\n        onFocus={this.onFocus.bind(this)}\n        onKeyPress={this.validateInputEntry.bind(this)}\n        onChangeText={this.onChangeText.bind(this)}\n        onChange={this.invokeChange.bind(this)}\n        allowContentSelection={this.styles.text.userSelect === 'text'}\n      />\n    </View>);\n  }\n}\n"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ export default class WmCurrencyProps extends BaseNumberProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "currency", void 0);
-    _defineProperty(this, "placeholder", 'Enter value');
+    _defineProperty(this, "placeholder", '');
   }
 }
 //# sourceMappingURL=currency.props.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BaseNumberProps","WmCurrencyProps"],"sources":["currency.props.ts"],"sourcesContent":["import BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\n\nexport default class WmCurrencyProps extends BaseNumberProps {\n  currency: any;\n  placeholder: string = 'Enter value';\n}\n"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,wEAAwE;AAEpG,eAAe,MAAMC,eAAe,SAASD,eAAe,CAAC;EAAA;IAAA;IAAA;IAAA,qCAErC,aAAa;EAAA;AACrC"}
+{"version":3,"names":["BaseNumberProps","WmCurrencyProps","constructor","arguments","_defineProperty"],"sources":["currency.props.ts"],"sourcesContent":["import BaseNumberProps from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.props';\n\nexport default class WmCurrencyProps extends BaseNumberProps {\n  currency: any;\n  placeholder: string = '';\n}\n"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,wEAAwE;AAEpG,eAAe,MAAMC,eAAe,SAASD,eAAe,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;IAAAA,eAAA,sBAErC,EAAE;EAAA;AAC1B"}

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

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-currency';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
@@ -46,6 +47,14 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    labelWrapper: {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderTopRightRadius: 6,
+      borderBottomRightRadius: 6
+    }
+  } : {});
   addStyle(DEFAULT_CLASS + '-disabled', '', {
     root: {
       backgroundColor: themeVariables.inputDisabledBgColor

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","flexDirection","text","fontSize","input","height","padding","flex","transparent","labelWrapper","primaryColor","borderTopLeftRadius","borderBottomLeftRadius","width","label","color","primaryContrastColor","textAlignVertical","textAlign","fontWeight","fontFamily","baseFont","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","inputPlaceholderColor","inputDisabledBgColor"],"sources":["currency.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';\n\nexport type WmCurrencyStyles = BaseStyles & {\n  label: AllStyle;\n  invalid: AllStyle;\n  placeholderText: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-currency';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCurrencyStyles = defineStyles({\n      root: {\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        flexDirection: 'row'\n      },\n      text: {\n        fontSize: 16\n      },\n      input : {\n        height: '100%',\n        padding: 12,\n        flex: 1,\n        borderWidth: 1,\n        borderColor: themeVariables.transparent,\n        borderStyle: 'solid'\n      },\n      labelWrapper: {\n        height: '100%',\n        backgroundColor: themeVariables.primaryColor,\n        borderTopLeftRadius: 6,\n        borderBottomLeftRadius: 6,\n        width: 48,\n        padding: 12,\n      },\n      label: {\n        color: themeVariables.primaryContrastColor,\n        textAlignVertical: 'center',\n        textAlign: 'center',\n        fontWeight: 'bold',\n        fontFamily: themeVariables.baseFont,\n        fontSize: 16\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEN,cAAc,CAACO,gBAAgB;MAC5CC,eAAe,EAAER,cAAc,CAACS,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,KAAK,EAAG;MACNC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE,CAAC;MACPb,WAAW,EAAE,CAAC;MACdE,WAAW,EAAEN,cAAc,CAACkB,WAAW;MACvCb,WAAW,EAAE;IACf,CAAC;IACDc,YAAY,EAAE;MACZJ,MAAM,EAAE,MAAM;MACdP,eAAe,EAAER,cAAc,CAACoB,YAAY;MAC5CC,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,KAAK,EAAE,EAAE;MACTP,OAAO,EAAE;IACX,CAAC;IACDQ,KAAK,EAAE;MACLC,KAAK,EAAEzB,cAAc,CAAC0B,oBAAoB;MAC1CC,iBAAiB,EAAE,QAAQ;MAC3BC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAE9B,cAAc,CAAC+B,QAAQ;MACnClB,QAAQ,EAAE;IACZ,CAAC;IACDmB,OAAO,EAAE;MACPC,iBAAiB,EAAEjC,cAAc,CAACkC;IACpC,CAAC;IACDC,eAAe,EAAE;MACfV,KAAK,EAAEzB,cAAc,CAACoC;IACxB;EACJ,CAAC,CAAC;EAEFnC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLK,eAAe,EAAER,cAAc,CAACqC;IAClC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","flexDirection","text","fontSize","input","height","padding","flex","transparent","labelWrapper","primaryColor","borderTopLeftRadius","borderBottomLeftRadius","width","label","color","primaryContrastColor","textAlignVertical","textAlign","fontWeight","fontFamily","baseFont","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","inputPlaceholderColor","OS","borderTopRightRadius","borderBottomRightRadius","inputDisabledBgColor"],"sources":["currency.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 { Platform } from 'react-native';\n\nexport type WmCurrencyStyles = BaseStyles & {\n  label: AllStyle;\n  invalid: AllStyle;\n  placeholderText: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-currency';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCurrencyStyles = defineStyles({\n      root: {\n        borderWidth: 1,\n        borderStyle: 'solid',\n        borderColor: themeVariables.inputBorderColor,\n        backgroundColor: themeVariables.inputBackgroundColor,\n        borderRadius: 6,\n        flexDirection: 'row'\n      },\n      text: {\n        fontSize: 16\n      },\n      input : {\n        height: '100%',\n        padding: 12,\n        flex: 1,\n        borderWidth: 1,\n        borderColor: themeVariables.transparent,\n        borderStyle: 'solid'\n      },\n      labelWrapper: {\n        height: '100%',\n        backgroundColor: themeVariables.primaryColor,\n        borderTopLeftRadius: 6,\n        borderBottomLeftRadius: 6,\n        width: 48,\n        padding: 12,\n      },\n      label: {\n        color: themeVariables.primaryContrastColor,\n        textAlignVertical: 'center',\n        textAlign: 'center',\n        fontWeight: 'bold',\n        fontFamily: themeVariables.baseFont,\n        fontSize: 16\n      },\n      invalid: {\n        borderBottomColor: themeVariables.inputInvalidBorderColor\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    labelWrapper:{\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    }\n  }:{});\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AACxF,SAASC,QAAQ,QAAQ,cAAc;AAQvC,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACJC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEN,cAAc,CAACO,gBAAgB;MAC5CC,eAAe,EAAER,cAAc,CAACS,oBAAoB;MACpDC,YAAY,EAAE,CAAC;MACfC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE;IACZ,CAAC;IACDC,KAAK,EAAG;MACNC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE,EAAE;MACXC,IAAI,EAAE,CAAC;MACPb,WAAW,EAAE,CAAC;MACdE,WAAW,EAAEN,cAAc,CAACkB,WAAW;MACvCb,WAAW,EAAE;IACf,CAAC;IACDc,YAAY,EAAE;MACZJ,MAAM,EAAE,MAAM;MACdP,eAAe,EAAER,cAAc,CAACoB,YAAY;MAC5CC,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,KAAK,EAAE,EAAE;MACTP,OAAO,EAAE;IACX,CAAC;IACDQ,KAAK,EAAE;MACLC,KAAK,EAAEzB,cAAc,CAAC0B,oBAAoB;MAC1CC,iBAAiB,EAAE,QAAQ;MAC3BC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,MAAM;MAClBC,UAAU,EAAE9B,cAAc,CAAC+B,QAAQ;MACnClB,QAAQ,EAAE;IACZ,CAAC;IACDmB,OAAO,EAAE;MACPC,iBAAiB,EAAEjC,cAAc,CAACkC;IACpC,CAAC;IACDC,eAAe,EAAE;MACfV,KAAK,EAAEzB,cAAc,CAACoC;IACxB;EACJ,CAAC,CAAC;EAEFnC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAACwC,EAAE,IAAE,KAAK,GAAC;IACtDlB,YAAY,EAAC;MACXE,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBgB,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;EACLtC,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLK,eAAe,EAAER,cAAc,CAACwC;IAClC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -245,9 +245,12 @@ export default class BaseDatetime extends BaseComponent {
       style: this.styles.container
     }, this.addTouchableOpacity(props, /*#__PURE__*/React.createElement(Text, {
       style: [this.styles.text, this.state.displayValue ? {} : this.styles.placeholderText]
-    }, this.state.displayValue || this.state.props.placeholder), {
+    }, this.state.displayValue || this.state.props.placeholder), [{
       flex: 1
-    }), !props.readonly && props.datavalue && /*#__PURE__*/React.createElement(WmIcon, {
+    }, this.isRTL ? {
+      flexDirection: 'row',
+      textAlign: 'right'
+    } : {}]), !props.readonly && props.datavalue && /*#__PURE__*/React.createElement(WmIcon, {
       iconclass: "wi wi-clear",
       styles: {
         color: this.styles.text.color,

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","BaseDatetimeState","CURRENT_DATE","CURRENT_TIME","BaseDatetime","constructor","props","defaultClass","defaultProps","defaultState","format","date","Date","getTime","parse","parseInt","toDate","monitorAndUpdateCurrentTime","stopCurrentTimeMonitor","timerId","setInterval","updateState","readonly","datavalue","now","state","clearInterval","onPropertyChange","name","$new","$old","invokeEventCallback","prevDatavalue","outputformat","datepattern","dateValue","displayValue","onFieldChange","minDateVal","mindate","maxDateVal","maxdate","disabled","onDateChange","$event","validate","modes","shift","isFocused","showDatePicker","length","timestamp","onBlur","OS","setTimeout","triggerValidation","onFocus","mode","value","validationObj","setState","isValid","errorType","componentWillUnmount","renderWebWidget","locale","renderNativeWidget","onDismiss","event","dateSelected","set","getMonth","getFullYear","getDate","renderNativeWidgetWithModal","modalService","nativeModalOptions","content","hideModal","centered","onClose","showModal","addTouchableOpacity","children","styles","getIcon","renderWidget","root","invalid","focused","_background","container","text","placeholderText","placeholder","flex","color","clearIcon","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';\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 BaseDatetimeState);\n    }, 1000);\n  }\n\n  private stopCurrentTimeMonitor() {\n    if (this.state.timerId) {\n      clearInterval(this.state.timerId);\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          if (props.datavalue === CURRENT_DATE || props.datavalue === CURRENT_TIME) {\n            props.datavalue = this.format(new Date(), props.outputformat);\n          }\n          const date = isString(props.datavalue) ? this.parse(props.datavalue as string, props.outputformat) : props.datavalue;\n          this.updateState({\n            dateValue : date,\n            displayValue: this.format(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 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                ]}>{this.state.displayValue || this.state.props.placeholder}</Text>\n              ), { flex: 1 })}\n              {(!props.readonly && props.datavalue &&\n                (<WmIcon iconclass=\"wi wi-clear\"\n                styles={{color: this.styles.text.color, ...this.styles.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","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","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","locale","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","style","onPress","getIcon","renderWidget","root","invalid","focused","_background","container","text","placeholderText","placeholder","flex","isRTL","flexDirection","textAlign","iconclass","color","clearIcon","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';\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 BaseDatetimeState);\n    }, 1000);\n  }\n\n  private stopCurrentTimeMonitor() {\n    if (this.state.timerId) {\n      clearInterval(this.state.timerId);\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          if (props.datavalue === CURRENT_DATE || props.datavalue === CURRENT_TIME) {\n            props.datavalue = this.format(new Date(), props.outputformat);\n          }\n          const date = isString(props.datavalue) ? this.parse(props.datavalue as string, props.outputformat) : props.datavalue;\n          this.updateState({\n            dateValue : date,\n            displayValue: this.format(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 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                ]}>{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                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.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,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAM,YAAY,CAACD,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACC,YAAY,CAACD,KAAK,CAAC;EAClC;AACF"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["WmDatetimeProps","WmDateProps","constructor","mode","placeholder","datepattern","outputformat"],"sources":["date.props.ts"],"sourcesContent":["import WmDatetimeProps from '../datetime/datetime.props';\n\nexport default class WmDateProps extends WmDatetimeProps {\n  constructor() {\n    super();\n    this.mode = 'date';\n    this.placeholder = 'Select date';\n    this.datepattern = '';\n    this.outputformat = 'YYYY-MM-DD';\n  }\n}"],"mappings":"AAAA,OAAOA,eAAe,MAAM,4BAA4B;AAExD,eAAe,MAAMC,WAAW,SAASD,eAAe,CAAC;EACvDE,WAAW,GAAG;IACZ,KAAK,EAAE;IACP,IAAI,CAACC,IAAI,GAAG,MAAM;IAClB,IAAI,CAACC,WAAW,GAAG,aAAa;IAChC,IAAI,CAACC,WAAW,GAAG,EAAE;IACrB,IAAI,CAACC,YAAY,GAAG,YAAY;EAClC;AACF"}
+{"version":3,"names":["WmDatetimeProps","WmDateProps","constructor","mode","placeholder","datepattern","outputformat"],"sources":["date.props.ts"],"sourcesContent":["import WmDatetimeProps from '../datetime/datetime.props';\n\nexport default class WmDateProps extends WmDatetimeProps {\n  constructor() {\n    super();\n    this.mode = 'date';\n    this.placeholder = 'Select date';\n    this.datepattern = '';\n    this.outputformat = 'YYYY-MM-DD';\n  }\n}"],"mappings":"AAAA,OAAOA,eAAe,MAAM,4BAA4B;AAExD,eAAe,MAAMC,WAAW,SAASD,eAAe,CAAC;EACvDE,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IACP,IAAI,CAACC,IAAI,GAAG,MAAM;IAClB,IAAI,CAACC,WAAW,GAAG,aAAa;IAChC,IAAI,CAACC,WAAW,GAAG,EAAE;IACrB,IAAI,CAACC,YAAY,GAAG,YAAY;EAClC;AACF"}

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

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-date';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});
@@ -8,5 +9,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.inputDisabledBgColor
     }
   });
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    clearIcon: {
+      root: {
+        marginLeft: 4,
+        marginRight: 0
+      }
+    }
+  } : {});
 });
 //# 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","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor"],"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';\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});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AAIxG,OAAO,MAAMD,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACJ,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDG,QAAQ,CAACJ,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","DatePickerModalContent","TimePickerModal","ModalConsumer","ThemeVariables","DatePickerProps","Date","DatePickerState","styles","root","text","modal","content","backgroundColor","INSTANCE","datepickerBgColor","DatePickerComponnent","Component","constructor","props","state","showDatePicker","mode","showTimePicker","value","modalOptions","prepareModalOptions","o","modalStyle","centered","onDateChange","date","modalService","old","setHours","getHours","setMinutes","getMinutes","setState","close","refresh","onTimeChange","hours","minutes","timemodal","prepareTimeModal","height","marginTop","createElement","visible","onDismiss","onConfirm","params","hideModal","render","showModal","validRange","startDate","minimumDate","endDate","maximumDate","locale"],"sources":["date-picker.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { View } from 'react-native';\nimport { DatePickerModalContent, TimePickerModal } from 'react-native-paper-dates';\nimport { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalService, ModalOptions } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport class DatePickerProps {\n    mode?: 'date' | 'time' | 'datetime' | string = 'datetime';\n    value?: Date = new Date();\n    minimumDate?: Date = null as any;\n    maximumDate?: Date = null as any;\n    onDateChange?: Function = null as any;\n    onDismiss?: Function = null as any;\n    locale: string = '';\n}\n\nexport class DatePickerState {\n    public value?: Date = null as any;\n    public modalOptions: ModalOptions = {} as any;\n    public showDatePicker = false;\n    public showTimePicker = false;\n}\n\ntype DatePickerStyles = BaseStyles & {\n    modal: AllStyle,\n    content: AllStyle\n};\n\nconst styles: DatePickerStyles = {\n    root: {},\n    text: {},\n    modal: {},\n    content: {\n        backgroundColor: ThemeVariables.INSTANCE.datepickerBgColor\n    }\n};\n\nexport default class DatePickerComponnent extends React.Component<DatePickerProps, DatePickerState, any> {\n    timemodal = null as any;\n    constructor(props: DatePickerProps) {\n        super(props);\n        this.state = {\n            showDatePicker: this.props.mode !== 'time',\n            showTimePicker: this.props.mode === 'time',\n            value: props.value,\n            modalOptions: {}\n        } as DatePickerState;\n    }\n\n    prepareModalOptions(content: ReactNode) {\n        const o = this.state.modalOptions;\n        o.content = content;\n        o.modalStyle = styles.modal;\n        o.centered = true;\n        return o;\n    }\n\n    public onDateChange(date: Date | undefined, modalService: ModalService) {\n        const old = this.state.value;\n        if (old && date) {\n            date.setHours(old.getHours());\n            date.setMinutes(old.getMinutes());\n        }\n        if (this.props.mode === 'date') {\n            this.setState({\n                value : date,\n                showDatePicker: false,\n                showTimePicker: false\n            }, () => {\n                this.props.onDateChange && this.props.onDateChange(this.state.value);\n                this.close(modalService);\n            });\n        } else if (date) {\n            this.setState({\n                value : date,\n                showDatePicker: false,\n                showTimePicker: true\n            }, () => {\n                modalService.refresh();\n            });\n        }\n    }\n\n    public onTimeChange(hours: number, minutes: number, modalService: ModalService) {\n        const date = this.state.value || new Date();\n        date.setHours(hours);\n        date.setMinutes(minutes);\n        this.setState({\n            value : date,\n            showDatePicker: false,\n            showTimePicker: false\n        }, () => {\n            this.props.onDateChange && this.props.onDateChange(this.state.value);\n            this.timemodal = null;\n            this.close(modalService);\n        });\n    }\n\n    prepareTimeModal(modalService: ModalService) {\n        if (!this.timemodal) {\n            this.timemodal = (\n            <View style={{height: 600, marginTop: 600}}>\n                {\n                    React.createElement(TimePickerModal, {\n                        hours : this.props.value?.getHours() || 0,\n                        minutes : this.props.value?.getMinutes() || 0,\n                        visible : true,\n                        onDismiss : () => this.close(modalService),\n                        onConfirm: (params) => {\n                            this.onTimeChange(params.hours, params.minutes, modalService);\n                        }\n                    })\n                }\n            </View>);\n        }\n        return this.timemodal;\n    }\n\n    close(modalService: ModalService) {\n        modalService.hideModal(this.state.modalOptions);\n        this.props.onDismiss && this.props.onDismiss();\n    }\n\n    render() {\n        return (this.state.showDatePicker || this.state.showTimePicker) ? (\n        <ModalConsumer>\n            {(modalService: ModalService) => {\n                modalService.showModal(this.prepareModalOptions(\n                    (<View style={this.state.showDatePicker ? styles.content: {}}>\n                        {this.state.showDatePicker && \n                            React.createElement(DatePickerModalContent, {\n                                mode: \"single\",\n                                date: this.props.value,\n                                onDismiss: () => this.close(modalService),\n                                onConfirm: (params) => this.onDateChange(params.date, modalService),\n                                validRange: {\n                                    startDate: this.props.minimumDate,\n                                    endDate: this.props.maximumDate\n                                },\n                                locale: this.props.locale})}\n                        {this.state.showTimePicker && this.prepareTimeModal(modalService)}\n                    </View>)\n                ));\n                return null;\n            }}\n        </ModalConsumer>): null;\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","DatePickerModalContent","TimePickerModal","ModalConsumer","ThemeVariables","DatePickerProps","constructor","_defineProperty","Date","DatePickerState","styles","root","text","modal","content","backgroundColor","INSTANCE","datepickerBgColor","DatePickerComponnent","Component","props","state","showDatePicker","mode","showTimePicker","value","modalOptions","prepareModalOptions","o","modalStyle","centered","onDateChange","date","modalService","old","setHours","getHours","setMinutes","getMinutes","setState","close","refresh","onTimeChange","hours","minutes","timemodal","prepareTimeModal","_this$props$value","_this$props$value2","createElement","style","height","marginTop","visible","onDismiss","onConfirm","params","hideModal","render","showModal","validRange","startDate","minimumDate","endDate","maximumDate","locale"],"sources":["date-picker.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { View } from 'react-native';\nimport { DatePickerModalContent, TimePickerModal } from 'react-native-paper-dates';\nimport { BaseStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { ModalConsumer, ModalService, ModalOptions } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\n\nexport class DatePickerProps {\n    mode?: 'date' | 'time' | 'datetime' | string = 'datetime';\n    value?: Date = new Date();\n    minimumDate?: Date = null as any;\n    maximumDate?: Date = null as any;\n    onDateChange?: Function = null as any;\n    onDismiss?: Function = null as any;\n    locale: string = '';\n}\n\nexport class DatePickerState {\n    public value?: Date = null as any;\n    public modalOptions: ModalOptions = {} as any;\n    public showDatePicker = false;\n    public showTimePicker = false;\n}\n\ntype DatePickerStyles = BaseStyles & {\n    modal: AllStyle,\n    content: AllStyle\n};\n\nconst styles: DatePickerStyles = {\n    root: {},\n    text: {},\n    modal: {},\n    content: {\n        backgroundColor: ThemeVariables.INSTANCE.datepickerBgColor\n    }\n};\n\nexport default class DatePickerComponnent extends React.Component<DatePickerProps, DatePickerState, any> {\n    timemodal = null as any;\n    constructor(props: DatePickerProps) {\n        super(props);\n        this.state = {\n            showDatePicker: this.props.mode !== 'time',\n            showTimePicker: this.props.mode === 'time',\n            value: props.value,\n            modalOptions: {}\n        } as DatePickerState;\n    }\n\n    prepareModalOptions(content: ReactNode) {\n        const o = this.state.modalOptions;\n        o.content = content;\n        o.modalStyle = styles.modal;\n        o.centered = true;\n        return o;\n    }\n\n    public onDateChange(date: Date | undefined, modalService: ModalService) {\n        const old = this.state.value;\n        if (old && date) {\n            date.setHours(old.getHours());\n            date.setMinutes(old.getMinutes());\n        }\n        if (this.props.mode === 'date') {\n            this.setState({\n                value : date,\n                showDatePicker: false,\n                showTimePicker: false\n            }, () => {\n                this.props.onDateChange && this.props.onDateChange(this.state.value);\n                this.close(modalService);\n            });\n        } else if (date) {\n            this.setState({\n                value : date,\n                showDatePicker: false,\n                showTimePicker: true\n            }, () => {\n                modalService.refresh();\n            });\n        }\n    }\n\n    public onTimeChange(hours: number, minutes: number, modalService: ModalService) {\n        const date = this.state.value || new Date();\n        date.setHours(hours);\n        date.setMinutes(minutes);\n        this.setState({\n            value : date,\n            showDatePicker: false,\n            showTimePicker: false\n        }, () => {\n            this.props.onDateChange && this.props.onDateChange(this.state.value);\n            this.timemodal = null;\n            this.close(modalService);\n        });\n    }\n\n    prepareTimeModal(modalService: ModalService) {\n        if (!this.timemodal) {\n            this.timemodal = (\n            <View style={{height: 600, marginTop: 600}}>\n                {\n                    React.createElement(TimePickerModal, {\n                        hours : this.props.value?.getHours() || 0,\n                        minutes : this.props.value?.getMinutes() || 0,\n                        visible : true,\n                        onDismiss : () => this.close(modalService),\n                        onConfirm: (params) => {\n                            this.onTimeChange(params.hours, params.minutes, modalService);\n                        }\n                    })\n                }\n            </View>);\n        }\n        return this.timemodal;\n    }\n\n    close(modalService: ModalService) {\n        modalService.hideModal(this.state.modalOptions);\n        this.props.onDismiss && this.props.onDismiss();\n    }\n\n    render() {\n        return (this.state.showDatePicker || this.state.showTimePicker) ? (\n        <ModalConsumer>\n            {(modalService: ModalService) => {\n                modalService.showModal(this.prepareModalOptions(\n                    (<View style={this.state.showDatePicker ? styles.content: {}}>\n                        {this.state.showDatePicker && \n                            React.createElement(DatePickerModalContent, {\n                                mode: \"single\",\n                                date: this.props.value,\n                                onDismiss: () => this.close(modalService),\n                                onConfirm: (params) => this.onDateChange(params.date, modalService),\n                                validRange: {\n                                    startDate: this.props.minimumDate,\n                                    endDate: this.props.maximumDate\n                                },\n                                locale: this.props.locale})}\n                        {this.state.showTimePicker && this.prepareTimeModal(modalService)}\n                    </View>)\n                ));\n                return null;\n            }}\n        </ModalConsumer>): null;\n    }\n}\n"],"mappings":"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"}

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,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,EAAE,CAAC;EACpD;EAEAM,YAAY,CAACD,KAAsB,EAAE;IACnC,OAAO,KAAK,CAACC,YAAY,CAACD,KAAK,CAAC;EAClC;AACF"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmDatetimeProps","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;EAAA;IAAA;IAAA,8BAC9C,UAAU;IAAA,mCACoBE,SAAS;IAAA,qCACvB,EAAE;IAAA,sCACD,WAAW;IAAA,iCACTA,SAAS;IAAA,iCACTA,SAAS;IAAA,qCACpB,kBAAkB;IAAA,kCACrB,KAAK;IAAA;IAAA,gCAEA,EAAE;IAAA;IAAA;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}\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"}

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

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-datetime';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   const defaultStyles = defineStyles({
@@ -58,5 +59,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.inputDisabledBgColor
     }
   });
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    clearIcon: {
+      root: {
+        marginLeft: 4,
+        marginRight: 0
+      }
+    }
+  } : {});
 });
 //# sourceMappingURL=datetime.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","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"],"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 } 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 WmDatetimeStyles;\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n        root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n        }\n    });\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAaxF,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,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,CAAqB;EAEtBjC,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;AACN,CAAC,CAAC"}
+{"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 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,CAAqB;EAEtBjC,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"}

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,WAAW,CAACC,KAAkB,EAAE;IAC9B,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,WAAW,EAAE,CAAC;EAChD;EAEAM,YAAY,CAACC,MAA2B,EAAEC,IAAW,EAAQ;IAC3D,KAAK,CAACF,YAAY,CAACC,MAAM,EAAEC,IAAI,CAAC;EAClC;EAEA,IAAIC,SAAS,GAAG;IACd,OAAO,IAAI,CAACC,KAAK,CAACC,SAAS;EAC7B;EAEAC,YAAY,CAACP,KAAkB,EAAE;IAC/B,OAAO,KAAK,CAACO,YAAY,CAACP,KAAK,CAAC;EAClC;AACF"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["WmDatetimeProps","WmDateProps","constructor","mode","placeholder","datepattern","timepattern","outputformat"],"sources":["time.props.ts"],"sourcesContent":["import WmDatetimeProps from '../datetime/datetime.props';\n\nexport default class WmDateProps extends WmDatetimeProps {\n  public timepattern = '';\n  constructor() {\n    super();\n    this.mode = 'time';\n    this.placeholder = 'Select time';\n    this.datepattern = this.timepattern;\n    this.outputformat = 'HH:mm:ss';\n  }\n}"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,4BAA4B;AAExD,eAAe,MAAMC,WAAW,SAASD,eAAe,CAAC;EAEvDE,WAAW,GAAG;IACZ,KAAK,EAAE;IAAC,qCAFW,EAAE;IAGrB,IAAI,CAACC,IAAI,GAAG,MAAM;IAClB,IAAI,CAACC,WAAW,GAAG,aAAa;IAChC,IAAI,CAACC,WAAW,GAAG,IAAI,CAACC,WAAW;IACnC,IAAI,CAACC,YAAY,GAAG,UAAU;EAChC;AACF"}
+{"version":3,"names":["WmDatetimeProps","WmDateProps","constructor","_defineProperty","mode","placeholder","datepattern","timepattern","outputformat"],"sources":["time.props.ts"],"sourcesContent":["import WmDatetimeProps from '../datetime/datetime.props';\n\nexport default class WmDateProps extends WmDatetimeProps {\n  public timepattern = '';\n  constructor() {\n    super();\n    this.mode = 'time';\n    this.placeholder = 'Select time';\n    this.datepattern = this.timepattern;\n    this.outputformat = 'HH:mm:ss';\n  }\n}"],"mappings":";;;AAAA,OAAOA,eAAe,MAAM,4BAA4B;AAExD,eAAe,MAAMC,WAAW,SAASD,eAAe,CAAC;EAEvDE,WAAWA,CAAA,EAAG;IACZ,KAAK,CAAC,CAAC;IAACC,eAAA,sBAFW,EAAE;IAGrB,IAAI,CAACC,IAAI,GAAG,MAAM;IAClB,IAAI,CAACC,WAAW,GAAG,aAAa;IAChC,IAAI,CAACC,WAAW,GAAG,IAAI,CAACC,WAAW;IACnC,IAAI,CAACC,YAAY,GAAG,UAAU;EAChC;AACF"}

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

@@ -1,5 +1,6 @@
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { DEFAULT_CLASS as DATE_TIME_DEFAUlT_CLASS } from '../datetime/datetime.styles';
+import { Platform } from 'react-native';
 export const DEFAULT_CLASS = 'app-time';
 BASE_THEME.registerStyle((themeVariables, addStyle) => {
   addStyle(DEFAULT_CLASS, DATE_TIME_DEFAUlT_CLASS, {});
@@ -8,5 +9,13 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.inputDisabledBgColor
     }
   });
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    clearIcon: {
+      root: {
+        marginLeft: 4,
+        marginRight: 0
+      }
+    }
+  } : {});
 });
 //# 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","registerStyle","themeVariables","addStyle","root","backgroundColor","inputDisabledBgColor"],"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';\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});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAA2BC,aAAa,IAAIC,uBAAuB,QAAQ,6BAA6B;AAIxG,OAAO,MAAMD,aAAa,GAAG,UAAU;AACvCD,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrDA,QAAQ,CAACJ,aAAa,EAAEC,uBAAuB,EAAE,CAAC,CAAC,CAAC;EACpDG,QAAQ,CAACJ,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACLC,eAAe,EAAEH,cAAc,CAACI;IAClC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","View","DocumentPicker","BaseComponent","BaseComponentState","WmFileuploadProps","DEFAULT_CLASS","WmButton","WmFileuploadState","namedParameters","copyToCacheDirectory","multiple","type","WmFileupload","constructor","props","onTap","getDocumentAsync","then","response","selectedFile","OS","mimeType","file","invokeEventCallback","proxy","updateState","selectedFiles","bind","renderWidget","styles","root","_background","iconclass","caption","button","iconsize"],"sources":["fileupload.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport * as DocumentPicker from 'expo-document-picker';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFileuploadProps from './fileupload.props';\nimport { DEFAULT_CLASS, WmFileuploadStyles } from './fileupload.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\n\nexport interface SelectFileOutput {\n  mimeType: string;\n  name: string;\n  size: number;\n  type: 'cancel' | 'success';\n  uri: string;\n}\n\nexport class WmFileuploadState extends BaseComponentState<WmFileuploadProps> {\n  selectedFiles: any;\n}\n\nconst namedParameters = {\n  copyToCacheDirectory: false,\n  multiple: false,\n  type: '*/*'\n};\n\nexport default class WmFileupload extends BaseComponent<WmFileuploadProps, WmFileuploadState, WmFileuploadStyles> {\n\n  constructor(props: WmFileuploadProps) {\n    super(props, DEFAULT_CLASS, new WmFileuploadProps());\n  }\n\n  onTap() {\n    DocumentPicker.getDocumentAsync(namedParameters).then((response: any) => {\n      let selectedFile;\n      if (Platform.OS !== 'web') {\n        selectedFile = response;\n        selectedFile.type = selectedFile.mimeType;\n      } else {\n        selectedFile = response.file;\n      }\n      this.invokeEventCallback('onBeforeselect', [null, this.proxy, selectedFile]);\n\n      this.updateState({\n          props: {\n          selectedFiles: selectedFile\n        }\n      } as WmFileuploadState, this.invokeEventCallback.bind(this, 'onSelect', [null, this.proxy, selectedFile]));\n    });\n  }\n\n  renderWidget(props: WmFileuploadProps) {\n    return <View style={this.styles.root}>\n      {this._background}\n      <WmButton iconclass={props.iconclass} caption={props.caption} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onTap.bind(this)}></WmButton>\n    </View>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,OAAO,KAAKC,cAAc,MAAM,sBAAsB;AAEtD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AACvE,OAAOC,QAAQ,MAAM,oEAAoE;AAWzF,OAAO,MAAMC,iBAAiB,SAASJ,kBAAkB,CAAoB;EAAA;IAAA;IAAA;EAAA;AAE7E;AAEA,MAAMK,eAAe,GAAG;EACtBC,oBAAoB,EAAE,KAAK;EAC3BC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAe,MAAMC,YAAY,SAASV,aAAa,CAA2D;EAEhHW,WAAW,CAACC,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,iBAAiB,EAAE,CAAC;EACtD;EAEAW,KAAK,GAAG;IACNd,cAAc,CAACe,gBAAgB,CAACR,eAAe,CAAC,CAACS,IAAI,CAAEC,QAAa,IAAK;MACvE,IAAIC,YAAY;MAChB,IAAIpB,QAAQ,CAACqB,EAAE,KAAK,KAAK,EAAE;QACzBD,YAAY,GAAGD,QAAQ;QACvBC,YAAY,CAACR,IAAI,GAAGQ,YAAY,CAACE,QAAQ;MAC3C,CAAC,MAAM;QACLF,YAAY,GAAGD,QAAQ,CAACI,IAAI;MAC9B;MACA,IAAI,CAACC,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEL,YAAY,CAAC,CAAC;MAE5E,IAAI,CAACM,WAAW,CAAC;QACbX,KAAK,EAAE;UACPY,aAAa,EAAEP;QACjB;MACF,CAAC,EAAuB,IAAI,CAACI,mBAAmB,CAACI,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACH,KAAK,EAAEL,YAAY,CAAC,CAAC,CAAC;IAC5G,CAAC,CAAC;EACJ;EAEAS,YAAY,CAACd,KAAwB,EAAE;IACrC,oBAAO,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACe,MAAM,CAACC;IAAK,GAClC,IAAI,CAACC,WAAW,eACjB,oBAAC,QAAQ;MAAC,SAAS,EAAEjB,KAAK,CAACkB,SAAU;MAAC,OAAO,EAAElB,KAAK,CAACmB,OAAQ;MAAC,MAAM,EAAE,IAAI,CAACJ,MAAM,CAACK,MAAO;MAAC,QAAQ,EAAEpB,KAAK,CAACqB,QAAS;MAAC,KAAK,EAAE,IAAI,CAACpB,KAAK,CAACY,IAAI,CAAC,IAAI;IAAE,EAAY,CACxJ;EACT;AACF"}
+{"version":3,"names":["React","Platform","View","DocumentPicker","BaseComponent","BaseComponentState","WmFileuploadProps","DEFAULT_CLASS","WmButton","WmFileuploadState","constructor","arguments","_defineProperty","namedParameters","copyToCacheDirectory","multiple","type","WmFileupload","props","onTap","getDocumentAsync","then","response","selectedFile","OS","mimeType","file","invokeEventCallback","proxy","updateState","selectedFiles","bind","renderWidget","createElement","style","styles","root","_background","iconclass","caption","button","iconsize"],"sources":["fileupload.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, View } from 'react-native';\nimport * as DocumentPicker from 'expo-document-picker';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmFileuploadProps from './fileupload.props';\nimport { DEFAULT_CLASS, WmFileuploadStyles } from './fileupload.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\n\nexport interface SelectFileOutput {\n  mimeType: string;\n  name: string;\n  size: number;\n  type: 'cancel' | 'success';\n  uri: string;\n}\n\nexport class WmFileuploadState extends BaseComponentState<WmFileuploadProps> {\n  selectedFiles: any;\n}\n\nconst namedParameters = {\n  copyToCacheDirectory: false,\n  multiple: false,\n  type: '*/*'\n};\n\nexport default class WmFileupload extends BaseComponent<WmFileuploadProps, WmFileuploadState, WmFileuploadStyles> {\n\n  constructor(props: WmFileuploadProps) {\n    super(props, DEFAULT_CLASS, new WmFileuploadProps());\n  }\n\n  onTap() {\n    DocumentPicker.getDocumentAsync(namedParameters).then((response: any) => {\n      let selectedFile;\n      if (Platform.OS !== 'web') {\n        selectedFile = response;\n        selectedFile.type = selectedFile.mimeType;\n      } else {\n        selectedFile = response.file;\n      }\n      this.invokeEventCallback('onBeforeselect', [null, this.proxy, selectedFile]);\n\n      this.updateState({\n          props: {\n          selectedFiles: selectedFile\n        }\n      } as WmFileuploadState, this.invokeEventCallback.bind(this, 'onSelect', [null, this.proxy, selectedFile]));\n    });\n  }\n\n  renderWidget(props: WmFileuploadProps) {\n    return <View style={this.styles.root}>\n      {this._background}\n      <WmButton iconclass={props.iconclass} caption={props.caption} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onTap.bind(this)}></WmButton>\n    </View>\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,OAAO,KAAKC,cAAc,MAAM,sBAAsB;AAEtD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,iBAAiB,MAAM,oBAAoB;AAClD,SAASC,aAAa,QAA4B,qBAAqB;AACvE,OAAOC,QAAQ,MAAM,oEAAoE;AAWzF,OAAO,MAAMC,iBAAiB,SAASJ,kBAAkB,CAAoB;EAAAK,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAE7E;AAEA,MAAMC,eAAe,GAAG;EACtBC,oBAAoB,EAAE,KAAK;EAC3BC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAe,MAAMC,YAAY,SAASb,aAAa,CAA2D;EAEhHM,WAAWA,CAACQ,KAAwB,EAAE;IACpC,KAAK,CAACA,KAAK,EAAEX,aAAa,EAAE,IAAID,iBAAiB,CAAC,CAAC,CAAC;EACtD;EAEAa,KAAKA,CAAA,EAAG;IACNhB,cAAc,CAACiB,gBAAgB,CAACP,eAAe,CAAC,CAACQ,IAAI,CAAEC,QAAa,IAAK;MACvE,IAAIC,YAAY;MAChB,IAAItB,QAAQ,CAACuB,EAAE,KAAK,KAAK,EAAE;QACzBD,YAAY,GAAGD,QAAQ;QACvBC,YAAY,CAACP,IAAI,GAAGO,YAAY,CAACE,QAAQ;MAC3C,CAAC,MAAM;QACLF,YAAY,GAAGD,QAAQ,CAACI,IAAI;MAC9B;MACA,IAAI,CAACC,mBAAmB,CAAC,gBAAgB,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEL,YAAY,CAAC,CAAC;MAE5E,IAAI,CAACM,WAAW,CAAC;QACbX,KAAK,EAAE;UACPY,aAAa,EAAEP;QACjB;MACF,CAAC,EAAuB,IAAI,CAACI,mBAAmB,CAACI,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACH,KAAK,EAAEL,YAAY,CAAC,CAAC,CAAC;IAC5G,CAAC,CAAC;EACJ;EAEAS,YAAYA,CAACd,KAAwB,EAAE;IACrC,oBAAOlB,KAAA,CAAAiC,aAAA,CAAC/B,IAAI;MAACgC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAClC,IAAI,CAACC,WAAW,eACjBrC,KAAA,CAAAiC,aAAA,CAACzB,QAAQ;MAAC8B,SAAS,EAAEpB,KAAK,CAACoB,SAAU;MAACC,OAAO,EAAErB,KAAK,CAACqB,OAAQ;MAACJ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACK,MAAO;MAACC,QAAQ,EAAEvB,KAAK,CAACuB,QAAS;MAACtB,KAAK,EAAE,IAAI,CAACA,KAAK,CAACY,IAAI,CAAC,IAAI;IAAE,CAAW,CACxJ,CAAC;EACT;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmFileuploadProps"],"sources":["fileupload.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmFileuploadProps extends BaseProps {\n  iconclass: string = 'wm-sl-l sl-cloud-upload';\n  iconsize: number = 16;\n  caption: string = 'Upload';\n  selectedFiles?: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,mCACnC,yBAAyB;IAAA,kCAC1B,EAAE;IAAA,iCACH,QAAQ;IAAA;EAAA;AAE5B"}
+{"version":3,"names":["BaseProps","WmFileuploadProps","constructor","arguments","_defineProperty"],"sources":["fileupload.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmFileuploadProps extends BaseProps {\n  iconclass: string = 'wm-sl-l sl-cloud-upload';\n  iconsize: number = 16;\n  caption: string = 'Upload';\n  selectedFiles?: any;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,iBAAiB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACnC,yBAAyB;IAAAA,eAAA,mBAC1B,EAAE;IAAAA,eAAA,kBACH,QAAQ;IAAAA,eAAA;EAAA;AAE5B"}

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

@@ -3,10 +3,11 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
-import { Platform, TextInput } from 'react-native';
+import { Platform } from 'react-native';
 import { isNull } from 'lodash';
 import WmNumberProps from './number.props';
 import { DEFAULT_CLASS } from './number.styles';
+import { WMTextInput } from '@wavemaker/app-rn-runtime/core/components/textinput.component';
 import { BaseNumberComponent, BaseNumberState } from '@wavemaker/app-rn-runtime/components/input/basenumber/basenumber.component';
 export class WmNumberState extends BaseNumberState {
   constructor() {
@@ -23,7 +24,7 @@ export default class WmNumber extends BaseNumberComponent {
     let opts = {};
     const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
     opts[valueExpr] = ((_this$state$textValue = this.state.textValue) === null || _this$state$textValue === void 0 ? void 0 : _this$state$textValue.toString()) || '';
-    return /*#__PURE__*/React.createElement(TextInput, _extends({
+    return /*#__PURE__*/React.createElement(WMTextInput, _extends({
       ref: ref => {
         this.widgetRef = ref;
         // @ts-ignore
@@ -38,12 +39,13 @@ export default class WmNumber extends BaseNumberComponent {
       placeholderTextColor: this.styles.placeholderText.color,
       autoFocus: props.autofocus,
       editable: props.disabled || props.readonly ? false : true,
-      placeholder: props.placeholder || 'Enter number',
+      placeholder: props.placeholder,
       onBlur: this.onBlur.bind(this),
       onFocus: this.onFocus.bind(this),
       onKeyPress: this.validateInputEntry.bind(this),
       onChangeText: this.onChangeText.bind(this),
-      onChange: this.invokeChange.bind(this)
+      onChange: this.invokeChange.bind(this),
+      allowContentSelection: this.styles.text.userSelect === 'text'
     }));
   }
 }