@wavemaker/app-rn-runtime 11.4.0-next.140972 → 11.4.0-next.140976

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

@@ -0,0 +1,102 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { forEach, isEmpty, some, get } from 'lodash';
+import WmForm from '@wavemaker/app-rn-runtime/components/data/form/form.component';
+export class WmFormState extends BaseComponentState {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "isValid", false);
+    _defineProperty(this, "type", 'success');
+    _defineProperty(this, "message", '');
+    _defineProperty(this, "showInlineMsg", false);
+  }
+}
+const Live_Operations = {
+  INSERT: 'insert',
+  UPDATE: 'update',
+  DELETE: 'delete',
+  READ: 'read'
+};
+export default class WmLiveForm extends WmForm {
+  findOperationType() {
+    let operation;
+    let isPrimary = false;
+    // const sourceOperation = this.form.datasource && this.form.datasource.execute(DataSource.Operation.GET_OPERATION_TYPE);
+    // if (sourceOperation && sourceOperation !== 'read') {
+    //   return sourceOperation;
+    // }
+    /*If OperationType is not set then based on the formdata object return the operation type,
+        this case occurs only if the form is outside a livegrid*/
+    /*If the formdata object has primary key value then return update else insert*/
+    if (this.primaryKey && !isEmpty(this.state.props.formdata)) {
+      /*If only one column is primary key*/
+      if (this.primaryKey.length === 1) {
+        if (this.state.props.formdata[this.primaryKey[0]]) {
+          operation = Live_Operations.UPDATE;
+        }
+        /*If only no column is primary key*/
+      } else if (this.primaryKey.length === 0) {
+        forEach(this.state.props.formdata, value => {
+          if (value) {
+            isPrimary = true;
+          }
+        });
+        if (isPrimary) {
+          operation = Live_Operations.UPDATE;
+        }
+        /*If multiple columns are primary key*/
+      } else {
+        // @ts-ignore
+        isPrimary = some(this.primaryKey, primaryKey => {
+          if (this.state.props.formdata[primaryKey]) {
+            return true;
+          }
+        });
+        if (isPrimary) {
+          operation = Live_Operations.UPDATE;
+        }
+      }
+    }
+    return operation || Live_Operations.INSERT;
+  }
+
+  // @ts-ignore
+  handleSubmit(event) {
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    const formData = this.state.props.dataoutput || this.formdataoutput;
+    const operationType = this.findOperationType();
+    if (!this.validateFieldsOnSubmit()) {
+      return false;
+    }
+    if (this.props.onBeforesubmit) {
+      this.invokeEventCallback('onBeforesubmit', [null, this.proxy, formData]);
+    }
+    if (this.props.formSubmit) {
+      this.props.formSubmit({
+        inputFields: formData
+      }, operationType, data => {
+        this.invokeEventCallback('onSubmit', [null, this.proxy, formData]);
+        this.onResultCb(get(data, 'params'), 'success');
+      }, error => {
+        this.invokeEventCallback('onSubmit', [null, this.proxy, formData]);
+        this.onResultCb(error, '');
+      });
+    } else {
+      this.invokeEventCallback('onSubmit', [null, this.proxy, formData]);
+    }
+  }
+  onResultCb(response, status, event) {
+    this.invokeEventCallback('onResult', [null, this.proxy, response]);
+    if (status) {
+      this.invokeEventCallback('onSuccess', [null, this.proxy, response]);
+      this.props.formSuccess && this.props.formSuccess();
+      !this.props.onSuccess && this.state.props.postmessage && this.toggleMessage('success', this.state.props.postmessage);
+    } else {
+      this.invokeEventCallback('onError', [null, this.proxy, response]);
+      !this.props.onError && this.toggleMessage('error', this.state.props.errormessage || get(response, 'message') || response);
+    }
+  }
+}
+//# sourceMappingURL=liveform.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseComponentState","forEach","isEmpty","some","get","WmForm","WmFormState","constructor","arguments","_defineProperty","Live_Operations","INSERT","UPDATE","DELETE","READ","WmLiveForm","findOperationType","operation","isPrimary","primaryKey","state","props","formdata","length","value","handleSubmit","event","preventDefault","formData","dataoutput","formdataoutput","operationType","validateFieldsOnSubmit","onBeforesubmit","invokeEventCallback","proxy","formSubmit","inputFields","data","onResultCb","error","response","status","formSuccess","onSuccess","postmessage","toggleMessage","onError","errormessage"],"sources":["liveform.component.tsx"],"sourcesContent":["import { BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { forEach, isEmpty, some, get } from 'lodash';\n\nimport WmFormProps from '../form/form.props';\nimport WmForm from '@wavemaker/app-rn-runtime/components/data/form/form.component';\n\nexport class WmFormState extends BaseComponentState<WmFormProps> {\n  isValid = false;\n  type: 'success' | 'warning' | 'error' | 'info' | 'loading' | undefined = 'success';\n  message: string = '';\n  showInlineMsg: boolean = false;\n}\nconst Live_Operations = {\n  INSERT : 'insert',\n  UPDATE : 'update',\n  DELETE : 'delete',\n  READ : 'read'\n}\n\nexport default class WmLiveForm extends WmForm {\n\n  findOperationType() {\n    let operation;\n    let isPrimary = false;\n    // const sourceOperation = this.form.datasource && this.form.datasource.execute(DataSource.Operation.GET_OPERATION_TYPE);\n    // if (sourceOperation && sourceOperation !== 'read') {\n    //   return sourceOperation;\n    // }\n    /*If OperationType is not set then based on the formdata object return the operation type,\n        this case occurs only if the form is outside a livegrid*/\n    /*If the formdata object has primary key value then return update else insert*/\n    if (this.primaryKey && !isEmpty(this.state.props.formdata)) {\n      /*If only one column is primary key*/\n      if (this.primaryKey.length === 1) {\n        if (this.state.props.formdata[this.primaryKey[0]]) {\n          operation = Live_Operations.UPDATE;\n        }\n        /*If only no column is primary key*/\n      } else if (this.primaryKey.length === 0) {\n          forEach(this.state.props.formdata, (value) => {\n          if (value) {\n            isPrimary = true;\n          }\n        });\n        if (isPrimary) {\n          operation = Live_Operations.UPDATE;\n        }\n        /*If multiple columns are primary key*/\n      } else {\n        // @ts-ignore\n        isPrimary = some(this.primaryKey, (primaryKey: any) => {\n          if (this.state.props.formdata[primaryKey]) {\n            return true;\n          }\n        });\n        if (isPrimary) {\n          operation = Live_Operations.UPDATE;\n        }\n      }\n    }\n    return operation || Live_Operations.INSERT;\n  }\n\n  // @ts-ignore\n  handleSubmit(event?: any) {\n    event?.preventDefault();\n    const formData = this.state.props.dataoutput || this.formdataoutput;\n    const operationType = this.findOperationType();\n\n    if (!this.validateFieldsOnSubmit()) {\n      return false;\n    }\n    if (this.props.onBeforesubmit) {\n      this.invokeEventCallback('onBeforesubmit', [ null, this.proxy, formData ]);\n    }\n    if (this.props.formSubmit) {\n      this.props.formSubmit({inputFields: formData}, operationType, ((data: any) => {\n        this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n        this.onResultCb(get(data, 'params'), 'success');\n      }), ((error: any) => {\n        this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n        this.onResultCb(error, '');\n      }));\n    } else {\n      this.invokeEventCallback('onSubmit', [ null, this.proxy, formData ]);\n    }\n  }\n\n  onResultCb(response: any, status: string, event?: any) {\n    this.invokeEventCallback('onResult', [ null, this.proxy, response ]);\n    if (status) {\n      this.invokeEventCallback('onSuccess', [ null, this.proxy, response ]);\n      this.props.formSuccess && this.props.formSuccess();\n      !this.props.onSuccess && this.state.props.postmessage && this.toggleMessage('success', this.state.props.postmessage);\n    } else {\n      this.invokeEventCallback('onError', [ null, this.proxy, response ]);\n      !this.props.onError && this.toggleMessage('error', this.state.props.errormessage || get(response, 'message') || response);\n    }\n  }\n\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","dialogContent","dialogActions","okButton","width","borderRadius","message","color","alertMessageColor"],"sources":["alertdialog.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\n\nexport type WmAlertdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-alertdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAlertdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {} as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogactionsStyles,\n        dialogActions: {} as WmDialogcontentStyles,\n        okButton: {\n            root: {\n                width: '100%',\n                borderRadius: 4\n            }\n        } as WmButtonStyles,\n        message: {\n            text: {\n                color: themeVariables.alertMessageColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE,CAAC,CAAmB;IAC5BC,aAAa,EAAE;MACXH,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BI,aAAa,EAAE,CAAC,CAA0B;IAC1CC,QAAQ,EAAE;MACNL,IAAI,EAAE;QACFM,KAAK,EAAE,MAAM;QACbC,YAAY,EAAE;MAClB;IACJ,CAAmB;IACnBC,OAAO,EAAE;MACLP,IAAI,EAAE;QACFQ,KAAK,EAAEZ,cAAc,CAACa;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","dialog","dialogContent","dialogActions","okButton","width","borderRadius","message","color","alertMessageColor"],"sources":["alertdialog.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { WmDialogStyles } from '../dialog/dialog.styles';\nimport { WmDialogcontentStyles } from '../dialogcontent/dialogcontent.styles';\nimport { WmDialogactionsStyles } from '../dialogactions/dialogactions.styles';\nimport { WmLabelStyles } from '../../basic/label/label.styles';\n\nexport type WmAlertdialogStyles = BaseStyles & {\n    dialog: WmDialogStyles,\n    dialogContent: WmDialogcontentStyles,\n    dialogActions: WmDialogactionsStyles,\n    okButton: WmButtonStyles,\n    message: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-alertdialog';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmAlertdialogStyles = defineStyles({\n        root: {},\n        text: {},\n        dialog: {} as WmDialogStyles,\n        dialogContent: {\n            root: {}\n        } as WmDialogactionsStyles,\n        dialogActions: {} as WmDialogcontentStyles,\n        okButton: {\n            root: {\n                width: '100%',\n                borderRadius: 4\n            }\n        } as any as WmButtonStyles,\n        message: {\n            text: {\n                color: themeVariables.alertMessageColor\n            }\n        } as WmLabelStyles\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAM,wCAAwC;AAC/D,SAAqBC,YAAY,QAAQ,+CAA+C;AAexF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,MAAM,EAAE,CAAC,CAAmB;IAC5BC,aAAa,EAAE;MACXH,IAAI,EAAE,CAAC;IACX,CAA0B;IAC1BI,aAAa,EAAE,CAAC,CAA0B;IAC1CC,QAAQ,EAAE;MACNL,IAAI,EAAE;QACFM,KAAK,EAAE,MAAM;QACbC,YAAY,EAAE;MAClB;IACJ,CAA0B;IAC1BC,OAAO,EAAE;MACLP,IAAI,EAAE;QACFQ,KAAK,EAAEZ,cAAc,CAACa;MAC1B;IACJ;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC9C,CAAC,CAAC"}

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

@@ -1,7 +1,7 @@
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import { DEFAULT_CLASS } from "@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles";
+import { DEFAULT_CLASS } from '@wavemaker/app-rn-runtime/components/navigation/basenav/basenav.styles';
 import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
 import { isString } from 'lodash';
 import { Platform } from 'react-native';
@@ -131,7 +131,7 @@ export class BaseInputComponent extends BaseComponent {
   }
   validate(value) {
     const validationObj = validateField(this.state.props, value);
-    this.updateState({
+    this.setState({
       isValid: validationObj.isValid,
       errorType: validationObj.errorType
     });

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

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

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

@@ -6,7 +6,7 @@ export default class WmCheckboxProps extends BaseProps {
   constructor() {
     super(...arguments);
     _defineProperty(this, "caption", null);
-    _defineProperty(this, "datavalue", void 0);
+    _defineProperty(this, "datavalue", false);
     _defineProperty(this, "checkedvalue", true);
     _defineProperty(this, "uncheckedvalue", false);
     _defineProperty(this, "readonly", null);

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmCheckboxProps","constructor","arguments","_defineProperty"],"sources":["checkbox.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCheckboxProps extends BaseProps {\n  caption: string = null as any;\n  datavalue: any;\n  checkedvalue: any = true;\n  uncheckedvalue: any = false;\n  readonly: boolean = null as any;\n  onFieldChange: any;\n  invokeEvent?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBACnC,IAAI;IAAAA,eAAA;IAAAA,eAAA,uBAEF,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA,mBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAG1B"}
+{"version":3,"names":["BaseProps","WmCheckboxProps","constructor","arguments","_defineProperty"],"sources":["checkbox.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport default class WmCheckboxProps extends BaseProps {\n  caption: string = null as any;\n  datavalue = false;\n  checkedvalue: any = true;\n  uncheckedvalue: any = false;\n  readonly: boolean = null as any;\n  onFieldChange: any;\n  invokeEvent?: Function;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,kBACnC,IAAI;IAAAA,eAAA,oBACV,KAAK;IAAAA,eAAA,uBACG,IAAI;IAAAA,eAAA,yBACF,KAAK;IAAAA,eAAA,mBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAG1B"}

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignContent","text","color","checkedColor","checkboxLabel","alignSelf","fontFamily","baseFont","fontSize","labelDefaultColor","skeleton","width","height","opacity","checkedDisabledColor"],"sources":["checkbox.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmCheckboxStyles = BaseStyles & {\n  checkboxLabel: AllStyle\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-checkbox';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCheckboxStyles = defineStyles({\n        root: {\n          flexDirection: 'row',\n          alignContent: 'center',\n        },\n        text: {\n          color: themeVariables.checkedColor\n        },\n        checkboxLabel: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor\n        },\n        skeleton: {\n          root: {\n            width: '100%',\n            height: 16\n          }\n        } as WmSkeletonStyles\n    });\n\n\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        opacity: 0.8\n      },\n      checkboxLabel : {\n        color: themeVariables.checkedDisabledColor\n      }\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\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;EACnD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEP,cAAc,CAACQ;IACxB,CAAC;IACDC,aAAa,EAAE;MACbC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAEX,cAAc,CAACY,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZN,KAAK,EAAEP,cAAc,CAACc;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRZ,IAAI,EAAE;QACJa,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF;EACJ,CAAC,CAAC;EAGFhB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLe,OAAO,EAAE;IACX,CAAC;IACDT,aAAa,EAAG;MACdF,KAAK,EAAEP,cAAc,CAACmB;IACxB;EACF,CAAC,CAAC;EAEFlB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignContent","text","color","checkedColor","checkboxLabel","alignSelf","fontFamily","baseFont","fontSize","labelDefaultColor","skeleton","width","height","opacity","checkedDisabledColor"],"sources":["checkbox.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmCheckboxStyles = BaseStyles & {\n  checkboxLabel: AllStyle\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-checkbox';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmCheckboxStyles = defineStyles({\n        root: {\n          flexDirection: 'row',\n          alignContent: 'center',\n        },\n        text: {\n          color: themeVariables.checkedColor\n        },\n        checkboxLabel: {\n          alignSelf: 'center',\n          fontFamily: themeVariables.baseFont,\n          fontSize: 16,\n          color: themeVariables.labelDefaultColor\n        },\n        skeleton: {\n          root: {\n            width: '100%',\n            height: 16\n          }\n        } as any as WmSkeletonStyles\n    });\n\n\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        opacity: 0.8\n      },\n      checkboxLabel : {\n        color: themeVariables.checkedDisabledColor\n      }\n    });\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\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;EACnD,MAAMC,aAA+B,GAAGL,YAAY,CAAC;IACjDM,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAEP,cAAc,CAACQ;IACxB,CAAC;IACDC,aAAa,EAAE;MACbC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAEX,cAAc,CAACY,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZN,KAAK,EAAEP,cAAc,CAACc;IACxB,CAAC;IACDC,QAAQ,EAAE;MACRZ,IAAI,EAAE;QACJa,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF;EACJ,CAAC,CAAC;EAGFhB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAG;MACLe,OAAO,EAAE;IACX,CAAC;IACDT,aAAa,EAAG;MACdF,KAAK,EAAEP,cAAc,CAACmB;IACxB;EACF,CAAC,CAAC;EAEFlB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","color","checkedColor","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","checkboxHead","flexDirection","alignContent","checkboxLabel","alignSelf","labelDefaultColor","skeleton","width","height","opacity","checkedDisabledColor"],"sources":["checkboxset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmCheckboxsetStyles = BaseStyles & {\n  groupHeaderTitle: AllStyle;\n  checkboxHead: AllStyle;\n  checkboxLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-checkboxset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCheckboxsetStyles = defineStyles({\n      root: {},\n      text: {\n        color: themeVariables.checkedColor\n      },\n    groupHeaderTitle: {\n      backgroundColor: themeVariables.groupHeadingBgColor,\n      fontSize: 16,\n      paddingLeft: 8,\n      paddingRight: 8,\n      lineHeight: 40,\n      fontFamily: themeVariables.baseFont\n    } as AllStyle,\n    checkboxHead: {\n      flexDirection: 'row',\n      alignContent: 'center',\n    } as AllStyle,\n    checkboxLabel: {\n      alignSelf: 'center',\n      fontFamily: themeVariables.baseFont,\n      fontSize: 16,\n      color: themeVariables.labelDefaultColor\n    } as AllStyle,\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 16\n      }\n    } as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      opacity: 0.8\n    },\n    checkboxLabel : {\n      color: themeVariables.checkedDisabledColor\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACJC,KAAK,EAAEL,cAAc,CAACM;IACxB,CAAC;IACHC,gBAAgB,EAAE;MAChBC,eAAe,EAAER,cAAc,CAACS,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEd,cAAc,CAACe;IAC7B,CAAa;IACbC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAa;IACbC,aAAa,EAAE;MACbC,SAAS,EAAE,QAAQ;MACnBN,UAAU,EAAEd,cAAc,CAACe,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZL,KAAK,EAAEL,cAAc,CAACqB;IACxB,CAAa;IACbC,QAAQ,EAAE;MACRnB,IAAI,EAAE;QACJoB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAE;MACJsB,OAAO,EAAE;IACX,CAAC;IACDN,aAAa,EAAG;MACdd,KAAK,EAAEL,cAAc,CAAC0B;IACxB;EACF,CAAC,CAAC;EAEFzB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","color","checkedColor","groupHeaderTitle","backgroundColor","groupHeadingBgColor","fontSize","paddingLeft","paddingRight","lineHeight","fontFamily","baseFont","checkboxHead","flexDirection","alignContent","checkboxLabel","alignSelf","labelDefaultColor","skeleton","width","height","opacity","checkedDisabledColor"],"sources":["checkboxset.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmCheckboxsetStyles = BaseStyles & {\n  groupHeaderTitle: AllStyle;\n  checkboxHead: AllStyle;\n  checkboxLabel: AllStyle;\n  skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-checkboxset';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmCheckboxsetStyles = defineStyles({\n      root: {},\n      text: {\n        color: themeVariables.checkedColor\n      },\n    groupHeaderTitle: {\n      backgroundColor: themeVariables.groupHeadingBgColor,\n      fontSize: 16,\n      paddingLeft: 8,\n      paddingRight: 8,\n      lineHeight: 40,\n      fontFamily: themeVariables.baseFont\n    } as AllStyle,\n    checkboxHead: {\n      flexDirection: 'row',\n      alignContent: 'center',\n    } as AllStyle,\n    checkboxLabel: {\n      alignSelf: 'center',\n      fontFamily: themeVariables.baseFont,\n      fontSize: 16,\n      color: themeVariables.labelDefaultColor\n    } as AllStyle,\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 16\n      }\n    } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n    root: {\n      opacity: 0.8\n    },\n    checkboxLabel : {\n      color: themeVariables.checkedDisabledColor\n    }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAUxF,OAAO,MAAMC,aAAa,GAAG,iBAAiB;AAC9CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE;MACJC,KAAK,EAAEL,cAAc,CAACM;IACxB,CAAC;IACHC,gBAAgB,EAAE;MAChBC,eAAe,EAAER,cAAc,CAACS,mBAAmB;MACnDC,QAAQ,EAAE,EAAE;MACZC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,UAAU,EAAE,EAAE;MACdC,UAAU,EAAEd,cAAc,CAACe;IAC7B,CAAa;IACbC,YAAY,EAAE;MACZC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE;IAChB,CAAa;IACbC,aAAa,EAAE;MACbC,SAAS,EAAE,QAAQ;MACnBN,UAAU,EAAEd,cAAc,CAACe,QAAQ;MACnCL,QAAQ,EAAE,EAAE;MACZL,KAAK,EAAEL,cAAc,CAACqB;IACxB,CAAa;IACbC,QAAQ,EAAE;MACRnB,IAAI,EAAE;QACJoB,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACxCK,IAAI,EAAE;MACJsB,OAAO,EAAE;IACX,CAAC;IACDN,aAAa,EAAG;MACdd,KAAK,EAAEL,cAAc,CAAC0B;IACxB;EACF,CAAC,CAAC;EAEFzB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;AAC5C,CAAC,CAAC"}

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","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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"}
+{"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 any as BaseDatetimeState);\n    }, 1000);\n  }\n\n  private stopCurrentTimeMonitor() {\n    if (this.state.timerId) {\n      clearInterval(this.state.timerId as any);\n    }\n  }\n\n  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":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,gBAAgB,QAAQ,cAAc;AACrE,OAAOC,MAAM,MAAM,QAAQ;AAC3B,OAAOC,cAAc,MAA+B,wCAAwC;AAC5F,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AAEnF,OAAOC,eAAe,MAAM,2BAA2B;AACvD,SAASC,aAAa,QAA0B,4BAA4B;AAC5E,OAAOC,aAAa,MAAM,yBAAyB;AACnD,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,WAAW;AAC9C,SAASC,aAAa,QAAoC,8CAA8C;AACxG,SAASC,aAAa,QAAQ,sCAAsC;AAEpE,OAAO,MAAMC,iBAAiB,SAAST,kBAAkB,CAAkB;EAAAU,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,yBACxD,KAAK;IAAAA,eAAA,oBACH,IAAI;IAAAA,eAAA,uBACA,IAAI;IAAAA,eAAA,oBACf,KAAK;IAAAA,eAAA,kBACO,IAAI;IAAAA,eAAA,kBACT,IAAI;IAAAA,eAAA,oBACX,EAAE;EAAA;AAChB;AAEA,MAAMC,YAAY,GAAG,cAAc;AACnC,MAAMC,YAAY,GAAG,cAAc;AAEnC,eAAe,MAAeC,YAAY,SAAShB,aAAa,CAAuD;EAMrHW,WAAWA,CAACM,KAAsB,EAA6G;IAAA,IAA3GC,YAAY,GAAAN,SAAA,CAAAO,MAAA,QAAAP,SAAA,QAAAQ,SAAA,GAAAR,SAAA,MAAGR,aAAa;IAAA,IAAEiB,YAAY,GAAAT,SAAA,CAAAO,MAAA,QAAAP,SAAA,QAAAQ,SAAA,GAAAR,SAAA,MAAG,IAAIT,eAAe,CAAC,CAAC;IAAA,IAAEmB,YAAY,GAAAV,SAAA,CAAAO,MAAA,QAAAP,SAAA,QAAAQ,SAAA,GAAAR,SAAA,MAAE,IAAIF,iBAAiB,CAAC,CAAC;IAC3I,KAAK,CAACO,KAAK,EAAEC,YAAY,EAAEG,YAAY,EAAEC,YAAY,CAAC;IAACT,eAAA,0BANvC,KAAK;IAAAA,eAAA,gBACf,EAAE;IAAAA,eAAA,6BACyB,CAAC,CAAC;IAAAA,eAAA;EAKrC;EAEAU,MAAMA,CAACC,IAA+B,EAAED,MAAc,EAAE;IACtD,IAAIA,MAAM,KAAK,WAAW,EAAE;MAC1B,OAAOC,IAAI,YAAYC,IAAI,GAAG,EAAE,GAAGD,IAAI,CAACE,OAAO,CAAC,CAAC,GAAGF,IAAI;IAC1D;IACA,OAAOA,IAAI,IAAI1B,MAAM,CAAC0B,IAAI,CAAC,CAACD,MAAM,CAACA,MAAM,CAAC;EAC5C;EAEAI,KAAKA,CAACH,IAAqB,EAAED,MAAc,EAAE;IAC3C,IAAIA,MAAM,KAAK,WAAW,EAAE;MAC1B,IAAIhB,QAAQ,CAACiB,IAAI,CAAC,EAAE;QAClB,OAAO,IAAIC,IAAI,CAACG,QAAQ,CAACJ,IAAI,CAAC,CAAC;MACjC;MACA,IAAIlB,QAAQ,CAACkB,IAAI,CAAC,EAAE;QAClB,OAAO,IAAIC,IAAI,CAACD,IAAI,CAAC;MACvB;IACF;IACA,OAAOA,IAAI,IAAI1B,MAAM,CAAC0B,IAAI,EAAED,MAAM,CAAC,CAACM,MAAM,CAAC,CAAC;EAC9C;EAEQC,2BAA2BA,CAAA,EAAG;IACpC,IAAI,CAACC,sBAAsB,CAAC,CAAC;IAC7B,MAAMC,OAAO,GAAGC,WAAW,CAAC,MAAM;MAChC,IAAI,CAACC,WAAW,CAAC;QACfjB,KAAK,EAAE;UACLkB,QAAQ,EAAE,IAAI;UACdC,SAAS,EAAEX,IAAI,CAACY,GAAG,CAAC;QACtB,CAAC;QACDL,OAAO,EAAEA;MACX,CAA6B,CAAC;IAChC,CAAC,EAAE,IAAI,CAAC;EACV;EAEQD,sBAAsBA,CAAA,EAAG;IAC/B,IAAI,IAAI,CAACO,KAAK,CAACN,OAAO,EAAE;MACtBO,aAAa,CAAC,IAAI,CAACD,KAAK,CAACN,OAAc,CAAC;IAC1C;EACF;EAEAQ,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,KAAK,CAACH,gBAAgB,CAACC,IAAI,EAAEC,IAAI,EAAEC,IAAI,CAAC;IACxC,MAAM1B,KAAK,GAAG,IAAI,CAACqB,KAAK,CAACrB,KAAK;IAC9B,QAAOwB,IAAI;MACT;MACA,KAAK,WAAW;QACd,IAAI,CAACG,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAEF,IAAI,EAAEC,IAAI,CAAC,CAAC;QAC9D,IAAI,CAACE,aAAa,GAAGF,IAAI;QACzB,IAAI1B,KAAK,CAACmB,SAAS,KAAKrB,YAAY,EAAE;UACpC,IAAI,CAACe,2BAA2B,CAAC,CAAC;QACpC;MACF,KAAK,aAAa;MAClB,KAAK,cAAc;QACjB,IAAIb,KAAK,CAACmB,SAAS,IAAInB,KAAK,CAAC6B,YAAY,IAAI7B,KAAK,CAAC8B,WAAW,EAAE;UAC9D,IAAI9B,KAAK,CAACmB,SAAS,KAAKtB,YAAY,IAAIG,KAAK,CAACmB,SAAS,KAAKrB,YAAY,EAAE;YACxEE,KAAK,CAACmB,SAAS,GAAG,IAAI,CAACb,MAAM,CAAC,IAAIE,IAAI,CAAC,CAAC,EAAER,KAAK,CAAC6B,YAAY,CAAC;UAC/D;UACA,MAAMtB,IAAI,GAAGjB,QAAQ,CAACU,KAAK,CAACmB,SAAS,CAAC,GAAG,IAAI,CAACT,KAAK,CAACV,KAAK,CAACmB,SAAS,EAAYnB,KAAK,CAAC6B,YAAY,CAAC,GAAG7B,KAAK,CAACmB,SAAS;UACpH,IAAI,CAACF,WAAW,CAAC;YACfc,SAAS,EAAGxB,IAAI;YAChByB,YAAY,EAAE,IAAI,CAAC1B,MAAM,CAACC,IAAI,EAASP,KAAK,CAAC8B,WAAW;UAC1D,CAAsB,CAAC;QACzB,CAAC,MAAM;UACL,IAAI,CAACb,WAAW,CAAC;YACfc,SAAS,EAAG,IAAW;YACvBC,YAAY,EAAE;UAChB,CAAsB,CAAC;QACzB;QACA,IAAI,CAAChC,KAAK,CAACiC,aAAa,IAAI,IAAI,CAACjC,KAAK,CAACiC,aAAa,CAAC,WAAW,EAAEjC,KAAK,CAACmB,SAAS,EAAE,IAAI,CAACS,aAAa,CAAC;QACtG;MACF,KAAK,SAAS;QACZ,IAAItC,QAAQ,CAACmC,IAAI,CAAC,EAAE;UAClB,MAAMS,UAAU,GAAIT,IAAI,KAAK5B,YAAY,IAAI4B,IAAI,KAAK3B,YAAY,GAAI,IAAIU,IAAI,CAAC,CAAC,GAAGR,KAAK,CAACmC,OAAO;UAChG,IAAI,CAAClB,WAAW,CAAC;YACfjB,KAAK,EAAE;cACLmC,OAAO,EAAEtD,MAAM,CAACqD,UAAU,EAAElC,KAAK,CAAC8B,WAAW,CAAC,CAAClB,MAAM,CAAC;YACxD;UACF,CAAsB,CAAC;QACzB;QACA;MACF,KAAK,SAAS;QACZ,IAAItB,QAAQ,CAACmC,IAAI,CAAC,EAAE;UAClB,MAAMW,UAAU,GAAIX,IAAI,KAAK5B,YAAY,IAAI4B,IAAI,KAAK3B,YAAY,GAAI,IAAIU,IAAI,CAAC,CAAC,GAAGR,KAAK,CAACqC,OAAO;UAChG,IAAI,CAACpB,WAAW,CAAC;YACfjB,KAAK,EAAE;cACLqC,OAAO,EAAExD,MAAM,CAACuD,UAAU,EAAEpC,KAAK,CAAC8B,WAAW,CAAC,CAAClB,MAAM,CAAC;YACxD;UACF,CAAsB,CAAC;QACzB;QACA;MACF,KAAK,UAAU;QACb,IAAI,CAACK,WAAW,CAAC;UACfjB,KAAK,EAAE;YACLsC,QAAQ,EAAEb;UACZ;QACF,CAAsB,CAAC;QACvB;IACJ;EACF;EAEAc,YAAYA,CAACC,MAA2B,EAAEjC,IAAW,EAAE;IACrD,IAAI,CAACkC,QAAQ,CAAClC,IAAI,CAAC;IACnB,IAAI,CAACmC,KAAK,CAACC,KAAK,CAAC,CAAC;IAClB,IAAI,CAAC1B,WAAW,CAAC;MACf2B,SAAS,EAAE,KAAK;MAChBC,cAAc,EAAE,CAAC,CAAC,IAAI,CAACH,KAAK,CAACxC,MAAM;MACnCF,KAAK,EAAE;QACLmB,SAAS,EAAE,IAAI,CAACb,MAAM,CAACC,IAAI,EAAE,IAAI,CAACc,KAAK,CAACrB,KAAK,CAAC6B,YAAsB,CAAC;QACrEiB,SAAS,EAAE,IAAI,CAACxC,MAAM,CAACC,IAAI,EAAE,WAAW;MAC1C;IACF,CAAsB,CAAC;EACzB;EAEAwC,MAAMA,CAAA,EAAG;IACP,IAAIpE,QAAQ,CAACqE,EAAE,KAAK,KAAK,EAAE;MACzB,IAAI,CAACP,QAAQ,CAAC,IAAI,CAACpB,KAAK,CAACrB,KAAK,CAACmB,SAAS,CAAC;MACzC8B,UAAU,CAAC,MAAM,IAAI,CAACjD,KAAK,CAACkD,iBAAiB,IAAI,IAAI,CAAClD,KAAK,CAACkD,iBAAiB,CAAC,CAAC,CAAC;IAClF;IACA,IAAI,CAACvB,mBAAmB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;EAClD;EAEAwB,OAAOA,CAAA,EAAG;IACR,IAAI,CAAC,IAAI,CAAC9B,KAAK,CAACrB,KAAK,CAACkB,QAAQ,EAAE;MAC9B,IAAIvC,QAAQ,CAACqE,EAAE,KAAK,KAAK,IAAI,IAAI,CAAC3B,KAAK,CAACrB,KAAK,CAACoD,IAAI,KAAK,UAAU,EAAE;QACjE,IAAI,CAACV,KAAK,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;MAC/B,CAAC,MAAM;QACL,IAAI,CAACA,KAAK,GAAG,CAAC,IAAI,CAACrB,KAAK,CAACrB,KAAK,CAACoD,IAAI,CAAC;MACtC;MACA,IAAI,CAACnC,WAAW,CAAC;QAAC4B,cAAc,EAAE,IAAI;QAAED,SAAS,EAAE;MAAI,CAAsB,CAAC;MAC9E,IAAI,CAACjB,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACnD;EACF;EAEAc,QAAQA,CAACY,KAAU,EAAE;IACnB,MAAMC,aAAa,GAAG9D,aAAa,CAAC,IAAI,CAAC6B,KAAK,CAACrB,KAAK,EAAEqD,KAAK,CAAC;IAC5D,IAAI,CAACE,QAAQ,CAAC;MACZC,OAAO,EAAEF,aAAa,CAACE,OAAO;MAC9BC,SAAS,EAAEH,aAAa,CAACG;IAC3B,CAAsB,CAAC;EACzB;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,KAAK,CAACA,oBAAoB,CAAC,CAAC;IAC5B,IAAI,CAAC5C,sBAAsB,CAAC,CAAC;EAC/B;EAEA6C,eAAeA,CAAC3D,KAAsB,EAAE;IACtC,oBAAQxB,KAAA,CAAAoF,aAAA,CAACxE,aAAa;MACpBgE,IAAI,EAAE,IAAI,CAAC/B,KAAK,CAACrB,KAAK,CAACoD,IAAK;MAC5BS,MAAM,EAAE7D,KAAK,CAAC6D,MAAO;MACrBR,KAAK,EAAE,IAAI,CAAChC,KAAK,CAACU,SAAS,IAAI,IAAIvB,IAAI,CAAC,CAAE;MAC1C+B,YAAY,EAAGhC,IAAU,IAAK,IAAI,CAACgC,YAAY,CAAC,IAAI,EAAShC,IAAI,CAAE;MACnEuD,SAAS,EAAEA,CAAA,KACT,IAAI,CAAC7C,WAAW,CAAC;QACf2B,SAAS,EAAE,KAAK;QAChBC,cAAc,EAAE;MAClB,CAAC,EAAuB,MAAM,IAAI,CAACE,MAAM,CAAC,CAAC,CAAE;MAC/CgB,WAAW,EAAE/D,KAAK,CAACmC,OAAgB;MACnC6B,WAAW,EAAEhE,KAAK,CAACqC;IAAgB,CAAC,CAAC;EACzC;EAEA4B,kBAAkBA,CAACjE,KAAsB,EAAE8D,SAAoB,EAAE;IAC/D,oBAAQtF,KAAA,CAAAoF,aAAA,CAAC9E,cAAc;MACrBsE,IAAI,EAAE,IAAI,CAACV,KAAK,CAAC,CAAC,CAAS;MAC3BW,KAAK,EAAE,IAAI,CAAChC,KAAK,CAACU,SAAS,IAAI,IAAIvB,IAAI,CAAC,CAAE;MAC1C0D,QAAQ,EAAE,IAAK;MACfC,OAAO,EAAExF,QAAQ,CAACqE,EAAE,KAAK,KAAK,GAAG,SAAS,GAAE,SAAU;MACtDoB,QAAQ,EAAEA,CAACC,KAA0B,EAAE9D,IAAW,KAAK;QACrD,IAAIA,IAAI,IAAI,IAAI,CAACc,KAAK,CAACrB,KAAK,CAACoD,IAAI,KAAK,UAAU,IAAI,IAAI,CAACV,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;UAC5E,MAAM4B,YAAY,GAAG,IAAI,CAACjD,KAAK,CAACU,SAAS;UACzCxB,IAAI,GAAG1B,MAAM,CAAC0B,IAAI,CAAC,CAChBgE,GAAG,CAAC,OAAO,EAAED,YAAY,CAACE,QAAQ,CAAC,CAAC,CAAC,CACrCD,GAAG,CAAC,MAAM,EAAED,YAAY,CAACG,WAAW,CAAC,CAAC,CAAC,CACvCF,GAAG,CAAC,MAAM,EAAED,YAAY,CAACI,OAAO,CAAC,CAAC,CAAC,CACnC9D,MAAM,CAAC,CAAC;QACb;QACA,IAAI,CAAC2B,YAAY,CAAC8B,KAAK,EAAE9D,IAAI,IAAI,IAAI,CAACc,KAAK,CAACU,SAAS,CAAC;QACtD,IAAI,IAAI,CAACW,KAAK,CAACxC,MAAM,IAAI,CAAC,EAAE;UAC1B,IAAI,CAAC6C,MAAM,CAAC,CAAC;UACbe,SAAS,IAAIA,SAAS,CAAC,CAAC;QAC1B;MACF,CAAE;MACFC,WAAW,EAAE/D,KAAK,CAACmC,OAAgB;MACnC6B,WAAW,EAAEhE,KAAK,CAACqC;IAAgB,CACpC,CAAC;EAEJ;EAEAsC,2BAA2BA,CAAC3E,KAAsB,EAAE;IAClD,oBAAQxB,KAAA,CAAAoF,aAAA,CAACrE,aAAa,QAAGqF,YAA0B,IAAK;MACtD,IAAI,CAACC,kBAAkB,CAACC,OAAO,gBAAItG,KAAA,CAAAoF,aAAA,CAAApF,KAAA,CAAAuG,QAAA,QAChC,IAAI,CAACd,kBAAkB,CAACjE,KAAK,EAAE,MAAM4E,YAAY,CAACI,SAAS,CAAC,IAAI,CAACH,kBAAkB,CAAC,CACnF,CAAE;MACN,IAAI,CAACA,kBAAkB,CAACI,QAAQ,GAAG,IAAI;MACvC,IAAI,CAACJ,kBAAkB,CAACK,OAAO,GAAG,MAAM;QACtC,IAAI,CAACnC,MAAM,CAAC,CAAC;MACf,CAAC;MACD6B,YAAY,CAACO,SAAS,CAAC,IAAI,CAACN,kBAAkB,CAAC;MAC/C,OAAO,IAAI;IACb,CAAiB,CAAC;EACpB;EAEAO,mBAAmBA,CAACpF,KAAsB,EAAEqF,QAAyB,EAAEC,MAAY,EAAmB;IACpG,oBACE9G,KAAA,CAAAoF,aAAA,CAAChF,gBAAgB;MAAC2G,KAAK,EAAED,MAAO;MAACE,OAAO,EAAEA,CAAA,KAAM;QAC9C,IAAI,CAACxF,KAAK,CAACkB,QAAQ,EAAE;UACnB,IAAI,CAACiC,OAAO,CAAC,CAAC;QAChB;QACA,IAAI,CAACxB,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;MACjD;IAAE,GACC0D,QACe,CAAC;EAEvB;EAEAI,OAAOA,CAAA,EAAG;IACR,IAAI,IAAI,CAACpE,KAAK,CAACrB,KAAK,CAACoD,IAAI,KAAK,MAAM,EAAE;MACpC,OAAO,iBAAiB;IAC1B;IACA,OAAO,qBAAqB;EAC9B;EAEAsC,YAAYA,CAAC1F,KAAsB,EAAE;IACnC,OACI,IAAI,CAACoF,mBAAmB,CAACpF,KAAK,eAC9BxB,KAAA,CAAAoF,aAAA,CAACnF,IAAI;MAAC8G,KAAK,EAAE,CAAC,IAAI,CAACD,MAAM,CAACK,IAAI,EAAE,IAAI,CAACtE,KAAK,CAACmC,OAAO,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC8B,MAAM,CAACM,OAAO,EAAE,IAAI,CAACvE,KAAK,CAACuB,SAAS,GAAG,IAAI,CAAC0C,MAAM,CAACO,OAAO,GAAG,IAAI;IAAE,GAC/H,IAAI,CAACC,WAAW,eACftH,KAAA,CAAAoF,aAAA,CAACnF,IAAI;MAAC8G,KAAK,EAAE,IAAI,CAACD,MAAM,CAACS;IAAU,GAChC,IAAI,CAACX,mBAAmB,CAACpF,KAAK,eAC7BxB,KAAA,CAAAoF,aAAA,CAAClF,IAAI;MAAC6G,KAAK,EAAE,CACX,IAAI,CAACD,MAAM,CAACU,IAAI,EAChB,IAAI,CAAC3E,KAAK,CAACW,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAACsD,MAAM,CAACW,eAAe;IAC1D,GAAE,IAAI,CAAC5E,KAAK,CAACW,YAAY,IAAI,IAAI,CAACX,KAAK,CAACrB,KAAK,CAACkG,WAAkB,CAAC,EAClE,CAAC;MAAEC,IAAI,EAAE;IAAC,CAAC,EAAE,IAAI,CAACC,KAAK,GAAC;MAACC,aAAa,EAAC,KAAK;MAAEC,SAAS,EAAC;IAAO,CAAC,GAAC,CAAC,CAAC,CAAE,CAAC,EACvE,CAACtG,KAAK,CAACkB,QAAQ,IAAIlB,KAAK,CAACmB,SAAS,iBACjC3C,KAAA,CAAAoF,aAAA,CAAC3E,MAAM;MAACsH,SAAS,EAAC,aAAa;MAChCjB,MAAM,EAAE;QAACkB,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACU,IAAI,CAACQ,KAAK;QAAE,GAAG,IAAI,CAAClB,MAAM,CAACmB;MAAS,CAAE;MAClEC,KAAK,EAAEA,CAAA,KAAM;QACX,IAAI,CAACnE,YAAY,CAAC,IAAI,EAAS,IAAW,CAAC;QAC3C,IAAI,CAACoE,eAAe,GAAG,IAAI;MAC7B;IAAE,CAAC,CAAE,IAAK,IAAI,EACf,IAAI,CAACvB,mBAAmB,CAACpF,KAAK,eAC7BxB,KAAA,CAAAoF,aAAA,CAAC3E,MAAM;MAACsH,SAAS,EAAE,IAAI,CAACd,OAAO,CAAC,CAAE;MAACH,MAAM,EAAE;QAACkB,KAAK,EAAE,IAAI,CAAClB,MAAM,CAACU,IAAI,CAACQ,KAAK;QAAE,GAAG,IAAI,CAAClB,MAAM,CAACsB;MAAY;IAAE,CAAC,CAC1G,CACG,CAAC,EAEP,IAAI,CAACvF,KAAK,CAACwB,cAAc,KACpBlE,QAAQ,CAACqE,EAAE,KAAK,KAAK,IAAI,IAAI,CAACW,eAAe,CAAC3D,KAAK,CAAC,IACnDrB,QAAQ,CAACqE,EAAE,KAAK,SAAS,IAAI,IAAI,CAACiB,kBAAkB,CAACjE,KAAK,CAAE,IAC5DrB,QAAQ,CAACqE,EAAE,KAAK,KAAK,IAAI,IAAI,CAACiB,kBAAkB,CAACjE,KAAK,CAAE,CAE5D,CACL,CAAC;EAER;AACF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderRadius","backgroundColor","inputBackgroundColor","borderColor","inputBorderColor","justifyContent","width","focused","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","container","flexDirection","alignItems","text","fontSize","inputTextColor","calendarIcon","alignSelf","icon","clearIcon","marginRight","height","inputDisabledBgColor","fontWeight","OS","marginLeft"],"sources":["datetime.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, Platform } from 'react-native';\n\nexport type WmDatetimeStyles = BaseStyles & {\n    focused: AllStyle,\n    container: AllStyle,\n    placeholderText: TextStyle,\n    invalid: AllStyle,\n    clearIcon: WmIconStyles,\n    calendarIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-datetime';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDatetimeStyles = defineStyles({\n        root: {\n            padding: 12,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderRadius: 6,\n            backgroundColor: themeVariables.inputBackgroundColor,\n            borderColor: themeVariables.inputBorderColor,\n            justifyContent: 'center',\n            width: '100%'\n        },\n        focused: {\n\n        },\n        invalid: {\n            borderBottomColor: themeVariables.inputInvalidBorderColor\n        },\n        placeholderText: {\n          color: themeVariables.inputPlaceholderColor\n        },\n        container: {\n            flexDirection: 'row',\n            alignItems: 'center'\n        },\n        text: {\n            fontSize: 16,\n            color: themeVariables.inputTextColor\n        },\n        calendarIcon: {\n            root: {\n                alignSelf: 'center'\n            },\n            icon: {\n                fontSize: 24\n            }\n        },\n        clearIcon:  {\n            root : {\n                alignSelf: 'center',\n                justifyContent: 'center',\n                marginRight: 4,\n                height: 24,\n                width: 24,\n                borderRadius: 16,\n                backgroundColor: themeVariables.inputDisabledBgColor\n            },\n            icon: {\n                fontSize: 16,\n                fontWeight: 'bold'\n            }\n        } as WmIconStyles\n    }) as 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"}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","padding","borderWidth","borderStyle","borderRadius","backgroundColor","inputBackgroundColor","borderColor","inputBorderColor","justifyContent","width","focused","invalid","borderBottomColor","inputInvalidBorderColor","placeholderText","color","inputPlaceholderColor","container","flexDirection","alignItems","text","fontSize","inputTextColor","calendarIcon","alignSelf","icon","clearIcon","marginRight","height","inputDisabledBgColor","fontWeight","OS","marginLeft"],"sources":["datetime.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { TextStyle, Platform } from 'react-native';\n\nexport type WmDatetimeStyles = BaseStyles & {\n    focused: AllStyle,\n    container: AllStyle,\n    placeholderText: TextStyle,\n    invalid: AllStyle,\n    clearIcon: WmIconStyles,\n    calendarIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-datetime';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmDatetimeStyles = defineStyles({\n        root: {\n            padding: 12,\n            borderWidth: 1,\n            borderStyle: 'solid',\n            borderRadius: 6,\n            backgroundColor: themeVariables.inputBackgroundColor,\n            borderColor: themeVariables.inputBorderColor,\n            justifyContent: 'center',\n            width: '100%'\n        },\n        focused: {\n\n        },\n        invalid: {\n            borderBottomColor: themeVariables.inputInvalidBorderColor\n        },\n        placeholderText: {\n          color: themeVariables.inputPlaceholderColor\n        },\n        container: {\n            flexDirection: 'row',\n            alignItems: 'center'\n        },\n        text: {\n            fontSize: 16,\n            color: themeVariables.inputTextColor\n        },\n        calendarIcon: {\n            root: {\n                alignSelf: 'center'\n            },\n            icon: {\n                fontSize: 24\n            }\n        },\n        clearIcon:  {\n            root : {\n                alignSelf: 'center',\n                justifyContent: 'center',\n                marginRight: 4,\n                height: 24,\n                width: 24,\n                borderRadius: 16,\n                backgroundColor: themeVariables.inputDisabledBgColor\n            },\n            icon: {\n                fontSize: 16,\n                fontWeight: 'bold'\n            }\n        } as WmIconStyles\n    }) as any as WmDatetimeStyles;\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n        root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n        }\n    });\n    addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n        clearIcon: {\n        root: {\n            marginLeft: 4,\n            marginRight: 0\n        }\n    }\n  }:{});\n});"],"mappings":"AAAA,OAAOA,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAExF,SAAoBC,QAAQ,QAAQ,cAAc;AAWlD,OAAO,MAAMC,aAAa,GAAG,cAAc;AAC3CH,UAAU,CAACI,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA+B,GAAGN,YAAY,CAAC;IACjDO,IAAI,EAAE;MACFC,OAAO,EAAE,EAAE;MACXC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,YAAY,EAAE,CAAC;MACfC,eAAe,EAAER,cAAc,CAACS,oBAAoB;MACpDC,WAAW,EAAEV,cAAc,CAACW,gBAAgB;MAC5CC,cAAc,EAAE,QAAQ;MACxBC,KAAK,EAAE;IACX,CAAC;IACDC,OAAO,EAAE,CAET,CAAC;IACDC,OAAO,EAAE;MACLC,iBAAiB,EAAEhB,cAAc,CAACiB;IACtC,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEnB,cAAc,CAACoB;IACxB,CAAC;IACDC,SAAS,EAAE;MACPC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IAChB,CAAC;IACDC,IAAI,EAAE;MACFC,QAAQ,EAAE,EAAE;MACZN,KAAK,EAAEnB,cAAc,CAAC0B;IAC1B,CAAC;IACDC,YAAY,EAAE;MACVxB,IAAI,EAAE;QACFyB,SAAS,EAAE;MACf,CAAC;MACDC,IAAI,EAAE;QACFJ,QAAQ,EAAE;MACd;IACJ,CAAC;IACDK,SAAS,EAAG;MACR3B,IAAI,EAAG;QACHyB,SAAS,EAAE,QAAQ;QACnBhB,cAAc,EAAE,QAAQ;QACxBmB,WAAW,EAAE,CAAC;QACdC,MAAM,EAAE,EAAE;QACVnB,KAAK,EAAE,EAAE;QACTN,YAAY,EAAE,EAAE;QAChBC,eAAe,EAAER,cAAc,CAACiC;MACpC,CAAC;MACDJ,IAAI,EAAE;QACFJ,QAAQ,EAAE,EAAE;QACZS,UAAU,EAAE;MAChB;IACJ;EACJ,CAAC,CAA4B;EAE7BjC,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACPK,eAAe,EAAER,cAAc,CAACiC;IAChC;EACJ,CAAC,CAAC;EACFhC,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAED,QAAQ,CAACsC,EAAE,IAAE,KAAK,GAAC;IACpDL,SAAS,EAAE;MACX3B,IAAI,EAAE;QACFiC,UAAU,EAAE,CAAC;QACbL,WAAW,EAAE;MACjB;IACJ;EACF,CAAC,GAAC,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

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

@@ -42,7 +42,9 @@ export default class WmRadioset extends BaseDatasetComponent {
     return /*#__PURE__*/React.createElement(RadioButton.Group, {
       onValueChange: this.onPress.bind(this),
       value: this.state.props.datafield === 'All Fields' ? this.getItemKey(props.datavalue) : props.datavalue
-    }, items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null);
+    }, /*#__PURE__*/React.createElement(View, {
+      style: this.styles.group
+    }, items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null));
   }
   renderWidget(props) {
     const items = this.state.dataItems;

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

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

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

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

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

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

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

@@ -7,6 +7,7 @@ import { find, isEmpty } from 'lodash';
 import WmSelectProps from './select.props';
 import { DEFAULT_CLASS } from './select.styles';
 import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
 import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
@@ -113,6 +114,10 @@ export default class WmSelect extends BaseDatasetComponent {
       }))
     );
   }
+  isSelected(item) {
+    const val = this.state.props.datafield === 'All Fields' ? item.dataObject : item.datafield;
+    return this.state.props.datavalue === val;
+  }
   onItemSelect(item, isPlaceholder) {
     this.isDefaultValue = false;
     this.onChange(isPlaceholder ? '' : this.state.props.datafield === 'All Fields' ? item.dataObject : item.datafield);
@@ -127,7 +132,14 @@ export default class WmSelect extends BaseDatasetComponent {
       style: [this.styles.selectItemText, {
         color: isPlaceholder ? this.styles.placeholderText.color : this.styles.selectItemText.color
       }]
-    }, isPlaceholder ? this.state.props.placeholder : item.displayexp || item.displayfield)));
+    }, isPlaceholder ? this.state.props.placeholder : item.displayexp || item.displayfield), /*#__PURE__*/React.createElement(WmIcon, {
+      iconclass: "wi wi-check",
+      styles: this.theme.mergeStyle(this.styles.checkIcon, {
+        root: {
+          opacity: !isPlaceholder && this.isSelected(item) ? 1 : 0
+        }
+      })
+    })));
   }
   updateDefaultQueryModel() {
     if (this.state.dataItems && this.state.dataItems.length && this.isDefaultValue) {