@wavemaker/app-rn-runtime 11.4.0-next.26251 → 11.4.0-next.27501

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","isDefined","debounce","find","forEach","get","set","WmLabel","WmIcon","WmMessage","ToastConsumer","WmFormProps","DEFAULT_CLASS","createSkeleton","WmFormState","WmForm","constructor","props","handleSubmit","componentDidMount","getParentFormRef","parentForm","pformName","current","parent","parentFormRef","registerFormFields","formFields","formWidgets","w","form","formwidget","formKey","name","f","formfields","applyFormData","applyDefaultValue","formdataoutput","datavalue","formData","state","formdata","formField","fw","key","setState","isDefault","updateState","updateFormFieldDefaultValue","dv","defaultvalue","field","invokeEventCallback","bind","undefined","formreset","ff","id","widget","isValid","reset","submit","_debouncedSubmitForm","onPropertyChange","$new","$old","validateFieldsOnSubmit","val","onValidate","required","msg","defaultValidatorMessages","validationmessage","validate","event","preventDefault","dataoutput","onBeforesubmit","proxy","formSubmit","data","onResultCb","error","response","status","onSuccess","postmessage","toggleMessage","onError","errormessage","updateDataOutput","Object","assign","type","message","messagelayout","showInlineMsg","toaster","showToast","placement","styles","bottom","text","hideOnClick","onMsgClose","renderSkeleton","root","iconclass","title","subheading","heading","flex","flexDirection","listIcon","theme","width","height","fontSize","children","renderWidget","toastService"],"sources":["form.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined, widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { debounce, find, forEach, get, set } from 'lodash';\n\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmFormField, { WmFormFieldState } from '@wavemaker/app-rn-runtime/components/data/form/form-field/form-field.component';\nimport WmMessage from '@wavemaker/app-rn-runtime/components/basic/message/message.component';\nimport { ToastConsumer, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmFormProps from './form.props';\nimport { DEFAULT_CLASS, WmFormStyles } from './form.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\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}\nexport default class WmForm extends BaseComponent<WmFormProps, WmFormState, WmFormStyles> {\n  public formFields: Array<WmFormField> = []; // contains array of direct widget elements [WmText, WmNumber, WmCurrent]\n  public parentFormRef: any;\n  public formfields: {[key: string]: WmFormField} = {};\n  private formdataoutput: any;\n  private toaster: any;\n  formWidgets: { [key: string]: BaseComponent<any, any, any> } = {}; // object containing key as name of formField and value as WmFormField proxy.\n  constructor(props: WmFormProps) {\n    super(props, DEFAULT_CLASS, new WmFormProps());\n  }\n\n  private _debouncedSubmitForm = debounce(this.handleSubmit, 250);\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.getParentFormRef(this.props.parentForm);\n  }\n\n  getParentFormRef(pformName: string) {\n    let current = this.parent;\n    while (current) {\n      if (get(current, 'props.name') === pformName) {\n        this.parentFormRef = current;\n        break;\n      }\n      current = current.parent;\n    }\n  }\n\n  registerFormFields(\n    formFields: Array<WmFormField>,\n    formWidgets: { [key: string]: BaseComponent<any, any, any> }\n  ) {\n    forEach(formFields, (w: WmFormField) => {\n      if (!w.form) {\n        w.form = this;\n        w.formwidget = (w.props.formKey && formWidgets[w.props.formKey]) \n          || (w.props.name && formWidgets[w.props.name]);\n      }\n    });\n\n    this.formFields = formFields;\n    this.formWidgets = formWidgets;\n\n    formFields.forEach((f: WmFormField) => {\n      if (f.props.name) {\n        set(this.formfields, f.props.name, f);\n      }\n    })\n\n    this.applyFormData();\n    this.applyDefaultValue();\n\n    // setting default form dataoutput.\n    if (!this.formdataoutput) {\n      this.formdataoutput = {};\n      formFields.forEach((w: WmFormField) => {\n        const name = get(w.props, 'formKey') || w.props.name;\n        if (name) {\n          set(this.formdataoutput, name, w.props.datavalue);\n        }\n      });\n    }\n  }\n\n  applyFormData() {\n    let formData = this.state.props.formdata || this.parentFormRef?.state.props.formdata;\n    if (!formData || (this.parentFormRef && this.state.props.formdata)) {\n      return;\n    }\n    forEach(this.formFields, (formField: WmFormField) => {\n      let fw = formField.props?.name && this.formWidgets[formField.props.name];\n      if (!fw) {\n        fw = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n          return get(fw, 'formfieldname') === formField.props.name\n        });\n      }\n      let key = get(formField, 'formKey') || get(fw, 'props.name');\n      fw && fw.setState({ isDefault: true });\n      formField.updateState({\n        props: {\n          datavalue: get(formData, key)\n        }\n      } as WmFormFieldState);\n    });\n  }\n\n  updateFormFieldDefaultValue(formField: WmFormField) {\n    if (formField) {\n      const dv = formField.state.props.defaultvalue;\n      if (isDefined(dv) && dv !== null && this.formFields) {\n        let field = formField.props?.name && this.formWidgets[formField.props.name];\n        if (!field) {\n          field = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n            return get(fw, 'formfieldname') === formField.props.name\n          });\n        }\n        if (field) {\n          field.setState({ isDefault: true });\n          field.updateState({\n            props: {\n              datavalue: dv\n            }\n          }, this.invokeEventCallback.bind(formField, 'onFieldChange', [undefined, formField, dv]));\n        }\n      }\n    }\n  }\n\n  applyDefaultValue(formField?: WmFormField) {\n    if (formField) {\n      this.updateFormFieldDefaultValue(formField);\n      return;\n    }\n    forEach(this.formFields, (w: WmFormField) => {\n      this.updateFormFieldDefaultValue(w);\n    });\n  }\n\n  formreset() {\n    forEach(this.formFields, (ff: WmFormField) => {\n      ff.updateState({\n        props : {\n          datavalue: ''\n        }\n      } as WmFormFieldState, () => {\n          const id = ff.props.formKey || ff.props.name;\n          if (id) {\n            let widget: BaseComponent<any, any, any> | undefined | any = this.formWidgets[id];\n            if (!widget) {\n              widget = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n                return get(fw, 'formfieldname') === ff.props.name\n              });\n            }\n            widget.updateState({\n              isValid: true,\n              props : {\n                datavalue: ''\n              }\n            }, () => ff.updateState({\n              isValid: true\n            } as WmFormFieldState));\n            widget?.reset();\n          }\n        }\n      );\n    });\n  }\n\n  submit() {\n    this._debouncedSubmitForm();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'formdata':\n        if ($new) {\n          this.applyFormData();\n        }\n    }\n  }\n  // Disable the form submit if form is in invalid state. Highlight all the invalid fields if validation type is default\n  validateFieldsOnSubmit() {\n    let isValid = true;\n    forEach(this.formFields, (field) => {\n      const val = field?.state.props.datavalue;\n\n      const onValidate = get(field, 'props.onValidate');\n      onValidate && onValidate(field);\n      if (!val && field?.state.props.required) {\n        isValid = false;\n        const msg = get(field.defaultValidatorMessages, 'required') || field.state.props.validationmessage;\n        field.updateState({ isValid: isValid, props: {\n            validationmessage: msg\n          }} as WmFormFieldState);\n        field.formwidget.validate && field.formwidget.validate(val);\n      }\n      // check for isvalid state of formwidget\n      if (field.formwidget.state.isValid === false) {\n        isValid = false;\n      }\n    });\n    return isValid;\n  }\n\n  // @ts-ignore\n  handleSubmit(event?: any) {\n    event?.preventDefault();\n    const formData = this.state.props.dataoutput || this.formdataoutput;\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(formData, ((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.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'));\n    }\n  }\n\n  updateDataOutput(key: string, val: any) {\n    const current = this.formdataoutput || {};\n    if (key) {\n      set(current, key, val);\n    } else {\n      Object.assign(current, val)\n    }\n    this.formdataoutput = current;\n    this.updateState({ props: { dataoutput: current }} as WmFormState);\n    this.parentFormRef && this.parentFormRef.updateDataOutput(undefined, this.formdataoutput);\n  }\n\n  toggleMessage(\n    type: 'success' | 'warning' | 'error' | 'info' | 'loading' | undefined,\n    message: string\n  ) {\n    if (this.state.props.messagelayout === 'Inline') {\n        this.setState({\n          type: type,\n          message: message,\n          showInlineMsg: true\n        } as WmFormState)\n      return;\n    }\n    this.toaster.showToast({\n      name: this, placement: \"\", styles: {bottom: 0},\n      text: message,\n      type: type,\n      hideOnClick: true\n    });\n  }\n\n  onMsgClose() {\n    this.setState({\n      showInlineMsg: false\n    } as WmFormState)\n  }\n\n  public renderSkeleton(props: WmFormProps){\n    return(\n      <View style={this.styles.root}>\n            {this.props.iconclass || this.props.title || this.props.subheading ? (\n              <View style={this.styles.heading}>\n                <View style={{flex: 1, flexDirection: 'row'}}>\n                  <WmIcon styles={this.styles.listIcon} iconclass={this.props.iconclass}></WmIcon>\n                  <View>\n                    {\n                      createSkeleton(this.theme, {} as WmSkeletonStyles, {\n                        ...this.styles.title.root,\n                        width: 96,\n                        height: this.styles.title.text.fontSize\n                      })\n                    }\n                    {\n                      createSkeleton(this.theme, {} as WmSkeletonStyles, {\n                        ...this.styles.subheading.root,\n                        width: 160,\n                        height: this.styles.subheading.text.fontSize\n                      })\n                    }\n                  </View>\n                </View>\n              </View>\n            ) : null}\n            {this.state.showInlineMsg ? <WmMessage type={this.state.type} caption={this.state.message} hideclose={false} onClose={this.onMsgClose.bind(this)}></WmMessage> : null\n            }\n            {this.props.children}\n          </View>\n    )\n  }\n\n  renderWidget(props: WmFormProps) {\n    return (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this.toaster = toastService;\n          return <View style={this.styles.root}>\n            {props.iconclass || props.title || props.subheading ? (\n              <View style={this.styles.heading}>\n                <View style={{flex: 1, flexDirection: 'row'}}>\n                  <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n                  <View>\n                    <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n                    <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n                  </View>\n                </View>\n              </View>\n            ) : null}\n            {this.state.showInlineMsg ? <WmMessage type={this.state.type} caption={this.state.message} hideclose={false} onClose={this.onMsgClose.bind(this)}></WmMessage> : null\n            }\n            {props.children}\n          </View>\n        }\n        }\n      </ToastConsumer>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","isDefined","debounce","find","forEach","get","set","WmLabel","WmIcon","WmMessage","ToastConsumer","WmFormProps","DEFAULT_CLASS","WmFormState","WmForm","constructor","props","handleSubmit","componentDidMount","getParentFormRef","parentForm","pformName","current","parent","parentFormRef","registerFormFields","formFields","formWidgets","w","form","formwidget","formKey","name","f","formfields","applyFormData","applyDefaultValue","formdataoutput","datavalue","formData","state","formdata","formField","fw","key","setState","isDefault","updateState","updateFormFieldDefaultValue","dv","defaultvalue","field","invokeEventCallback","bind","undefined","formreset","ff","id","widget","isValid","reset","submit","_debouncedSubmitForm","onPropertyChange","$new","$old","validateFieldsOnSubmit","val","onValidate","required","msg","defaultValidatorMessages","validationmessage","validate","event","preventDefault","dataoutput","onBeforesubmit","proxy","formSubmit","data","onResultCb","error","response","status","onSuccess","postmessage","toggleMessage","onError","errormessage","updateDataOutput","Object","assign","type","message","messagelayout","showInlineMsg","toaster","showToast","placement","styles","bottom","text","hideOnClick","onMsgClose","renderWidget","toastService","root","_background","iconclass","title","subheading","heading","flex","flexDirection","listIcon","children"],"sources":["form.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { isDefined, widgetsWithUndefinedValue } from '@wavemaker/app-rn-runtime/core/utils';\nimport { debounce, find, forEach, get, set } from 'lodash';\n\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmFormField, { WmFormFieldState } from '@wavemaker/app-rn-runtime/components/data/form/form-field/form-field.component';\nimport WmMessage from '@wavemaker/app-rn-runtime/components/basic/message/message.component';\nimport { ToastConsumer, ToastService } from '@wavemaker/app-rn-runtime/core/toast.service';\n\nimport WmFormProps from './form.props';\nimport { DEFAULT_CLASS, WmFormStyles } from './form.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\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}\nexport default class WmForm extends BaseComponent<WmFormProps, WmFormState, WmFormStyles> {\n  public formFields: Array<WmFormField> = []; // contains array of direct widget elements [WmText, WmNumber, WmCurrent]\n  public parentFormRef: any;\n  public formfields: {[key: string]: WmFormField} = {};\n  private formdataoutput: any;\n  private toaster: any;\n  formWidgets: { [key: string]: BaseComponent<any, any, any> } = {}; // object containing key as name of formField and value as WmFormField proxy.\n  constructor(props: WmFormProps) {\n    super(props, DEFAULT_CLASS, new WmFormProps());\n  }\n\n  private _debouncedSubmitForm = debounce(this.handleSubmit, 250);\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.getParentFormRef(this.props.parentForm);\n  }\n\n  getParentFormRef(pformName: string) {\n    let current = this.parent;\n    while (current) {\n      if (get(current, 'props.name') === pformName) {\n        this.parentFormRef = current;\n        break;\n      }\n      current = current.parent;\n    }\n  }\n\n  registerFormFields(\n    formFields: Array<WmFormField>,\n    formWidgets: { [key: string]: BaseComponent<any, any, any> }\n  ) {\n    forEach(formFields, (w: WmFormField) => {\n      if (!w.form) {\n        w.form = this;\n        w.formwidget = (w.props.formKey && formWidgets[w.props.formKey]) \n          || (w.props.name && formWidgets[w.props.name]);\n      }\n    });\n\n    this.formFields = formFields;\n    this.formWidgets = formWidgets;\n\n    formFields.forEach((f: WmFormField) => {\n      if (f.props.name) {\n        set(this.formfields, f.props.name, f);\n      }\n    })\n\n    this.applyFormData();\n    this.applyDefaultValue();\n\n    // setting default form dataoutput.\n    if (!this.formdataoutput) {\n      this.formdataoutput = {};\n      formFields.forEach((w: WmFormField) => {\n        const name = get(w.props, 'formKey') || w.props.name;\n        if (name) {\n          set(this.formdataoutput, name, w.props.datavalue);\n        }\n      });\n    }\n  }\n\n  applyFormData() {\n    let formData = this.state.props.formdata || this.parentFormRef?.state.props.formdata;\n    if (!formData || (this.parentFormRef && this.state.props.formdata)) {\n      return;\n    }\n    forEach(this.formFields, (formField: WmFormField) => {\n      let fw = formField.props?.name && this.formWidgets[formField.props.name];\n      if (!fw) {\n        fw = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n          return get(fw, 'formfieldname') === formField.props.name\n        });\n      }\n      let key = get(formField, 'formKey') || get(fw, 'props.name');\n      fw && fw.setState({ isDefault: true });\n      formField.updateState({\n        props: {\n          datavalue: get(formData, key)\n        }\n      } as WmFormFieldState);\n    });\n  }\n\n  updateFormFieldDefaultValue(formField: WmFormField) {\n    if (formField) {\n      const dv = formField.state.props.defaultvalue;\n      if (isDefined(dv) && dv !== null && this.formFields) {\n        let field = formField.props?.name && this.formWidgets[formField.props.name];\n        if (!field) {\n          field = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n            return get(fw, 'formfieldname') === formField.props.name\n          });\n        }\n        if (field) {\n          field.setState({ isDefault: true });\n          field.updateState({\n            props: {\n              datavalue: dv\n            }\n          }, this.invokeEventCallback.bind(formField, 'onFieldChange', [undefined, formField, dv]));\n        }\n      }\n    }\n  }\n\n  applyDefaultValue(formField?: WmFormField) {\n    if (formField) {\n      this.updateFormFieldDefaultValue(formField);\n      return;\n    }\n    forEach(this.formFields, (w: WmFormField) => {\n      this.updateFormFieldDefaultValue(w);\n    });\n  }\n\n  formreset() {\n    forEach(this.formFields, (ff: WmFormField) => {\n      ff.updateState({\n        props : {\n          datavalue: ''\n        }\n      } as WmFormFieldState, () => {\n          const id = ff.props.formKey || ff.props.name;\n          if (id) {\n            let widget: BaseComponent<any, any, any> | undefined | any = this.formWidgets[id];\n            if (!widget) {\n              widget = find(this.formWidgets, (fw: BaseComponent<any, any, any>) => {\n                return get(fw, 'formfieldname') === ff.props.name\n              });\n            }\n            widget.updateState({\n              isValid: true,\n              props : {\n                datavalue: ''\n              }\n            }, () => ff.updateState({\n              isValid: true\n            } as WmFormFieldState));\n            widget?.reset();\n          }\n        }\n      );\n    });\n  }\n\n  submit() {\n    this._debouncedSubmitForm();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'formdata':\n        if ($new) {\n          this.applyFormData();\n        }\n    }\n  }\n  // Disable the form submit if form is in invalid state. Highlight all the invalid fields if validation type is default\n  validateFieldsOnSubmit() {\n    let isValid = true;\n    forEach(this.formFields, (field) => {\n      const val = field?.state.props.datavalue;\n\n      const onValidate = get(field, 'props.onValidate');\n      onValidate && onValidate(field);\n      if (!val && field?.state.props.required) {\n        isValid = false;\n        const msg = get(field.defaultValidatorMessages, 'required') || field.state.props.validationmessage;\n        field.updateState({ isValid: isValid, props: {\n            validationmessage: msg\n          }} as WmFormFieldState);\n        field.formwidget.validate && field.formwidget.validate(val);\n      }\n      // check for isvalid state of formwidget\n      if (field.formwidget.state.isValid === false) {\n        isValid = false;\n      }\n    });\n    return isValid;\n  }\n\n  // @ts-ignore\n  handleSubmit(event?: any) {\n    event?.preventDefault();\n    const formData = this.state.props.dataoutput || this.formdataoutput;\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(formData, ((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.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'));\n    }\n  }\n\n  updateDataOutput(key: string, val: any) {\n    const current = this.formdataoutput || {};\n    if (key) {\n      set(current, key, val);\n    } else {\n      Object.assign(current, val)\n    }\n    this.formdataoutput = current;\n    this.updateState({ props: { dataoutput: current }} as WmFormState);\n    this.parentFormRef && this.parentFormRef.updateDataOutput(undefined, this.formdataoutput);\n  }\n\n  toggleMessage(\n    type: 'success' | 'warning' | 'error' | 'info' | 'loading' | undefined,\n    message: string\n  ) {\n    if (this.state.props.messagelayout === 'Inline') {\n        this.setState({\n          type: type,\n          message: message,\n          showInlineMsg: true\n        } as WmFormState)\n      return;\n    }\n    this.toaster.showToast({\n      name: this, placement: \"\", styles: {bottom: 0},\n      text: message,\n      type: type,\n      hideOnClick: true\n    });\n  }\n\n  onMsgClose() {\n    this.setState({\n      showInlineMsg: false\n    } as WmFormState)\n  }\n\n  renderWidget(props: WmFormProps) {\n    return (\n      <ToastConsumer>\n        {(toastService: ToastService) => {\n          this.toaster = toastService;\n          return <View style={this.styles.root}>\n            {this._background}\n            {props.iconclass || props.title || props.subheading ? (\n              <View style={this.styles.heading}>\n                <View style={{flex: 1, flexDirection: 'row'}}>\n                  <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n                  <View>\n                    <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n                    <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n                  </View>\n                </View>\n              </View>\n            ) : null}\n            {this.state.showInlineMsg ? <WmMessage type={this.state.type} caption={this.state.message} hideclose={false} onClose={this.onMsgClose.bind(this)}></WmMessage> : null\n            }\n            {props.children}\n          </View>\n        }\n        }\n      </ToastConsumer>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -11,7 +11,7 @@ export default class WmListTemplate extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=list-template.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmListTemplateProps","DEFAULT_CLASS","WmListTemplateState","WmListTemplate","constructor","props","renderWidget","styles","root","children"],"sources":["list-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmListTemplateProps from './list-template.props';\nimport { DEFAULT_CLASS, WmListTemplateStyles } from './list-template.styles';\n\nexport class WmListTemplateState extends BaseComponentState<WmListTemplateProps> {\n\n}\n\nexport default class WmListTemplate extends BaseComponent<WmListTemplateProps, WmListTemplateState, WmListTemplateStyles> {\n\n  constructor(props: WmListTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmListTemplateProps());\n  }\n\n  renderWidget(props: WmListTemplateProps) {\n    return (\n      <View style={this.styles.root}>{props.children}</View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAIjF,eAAe,MAAMI,cAAc,SAASL,aAAa,CAAiE;EAExHM,WAAW,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,EAAE,CAAC;EACxD;EAEAM,YAAY,CAACD,KAA0B,EAAE;IACvC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAE1D;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmListTemplateProps","DEFAULT_CLASS","WmListTemplateState","WmListTemplate","constructor","props","renderWidget","styles","root","_background","children"],"sources":["list-template.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmListTemplateProps from './list-template.props';\nimport { DEFAULT_CLASS, WmListTemplateStyles } from './list-template.styles';\n\nexport class WmListTemplateState extends BaseComponentState<WmListTemplateProps> {\n\n}\n\nexport default class WmListTemplate extends BaseComponent<WmListTemplateProps, WmListTemplateState, WmListTemplateStyles> {\n\n  constructor(props: WmListTemplateProps) {\n    super(props, DEFAULT_CLASS, new WmListTemplateProps());\n  }\n\n  renderWidget(props: WmListTemplateProps) {\n    return (\n      <View style={this.styles.root}>{this._background}{props.children}</View>\n    ); \n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,SAASC,aAAa,QAA8B,wBAAwB;AAE5E,OAAO,MAAMC,mBAAmB,SAASH,kBAAkB,CAAsB;AAIjF,eAAe,MAAMI,cAAc,SAASL,aAAa,CAAiE;EAExHM,WAAW,CAACC,KAA0B,EAAE;IACtC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,mBAAmB,EAAE,CAAC;EACxD;EAEAM,YAAY,CAACD,KAA0B,EAAE;IACvC,oBACE,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAE5E;AACF"}

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

@@ -76,9 +76,6 @@ export default class WmList extends BaseComponent {
         }
         break;
       case 'dataset':
-        if (this._showSkeleton) {
-          $new = [{}, {}, {}];
-        }
         if (this.state.props.groupby) {
           this.setGroupData($new);
         } else {
@@ -238,7 +235,7 @@ export default class WmList extends BaseComponent {
   renderWidget(props) {
     this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);
     const isHorizontal = props.direction === 'horizontal';
-    return /*#__PURE__*/React.createElement(View, null, isHorizontal ? this.renderWithFlatList(props, isHorizontal) : this.renderWithSectionList(props, isHorizontal));
+    return /*#__PURE__*/React.createElement(View, null, this._background, isHorizontal ? this.renderWithFlatList(props, isHorizontal) : this.renderWithSectionList(props, isHorizontal));
   }
 }
 //# sourceMappingURL=list.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","SectionList","Text","View","TouchableWithoutFeedback","FlatList","isArray","BaseComponent","BaseComponentState","getGroupedData","isDefined","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","WmList","constructor","props","onSelect","$item","$index","state","disableitem","selectedItemWidgets","itemWidgets","updateState","selecteditem","selectedindex","invokeEventCallback","proxy","selectFirstItem","initialized","dataset","length","index","groupby","deselect","setGroupData","items","dataItems","groupedData","match","orderby","dateformat","key","onPropertyChange","name","$new","$old","_showSkeleton","data","direction","selectfirstitem","componentDidMount","setTimeout","componentDidUpdate","prevProps","prevState","snapshot","getDefaultStyles","isHorizontal","theme","getStyle","defaultClass","getIndex","item","indexOf","generateItemKey","itemkey","renderItem","styles","itemclass","_groupIndex","selectedItem","selectedIcon","renderHeader","title","groupHeading","iconclass","subheading","heading","flex","flexDirection","listIcon","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","renderWithFlatList","root","map","v","marginBottom","i","itemInfo","getSectionListData","renderWithSectionList","distanceFromEnd","setState","currentPage","section","loadingdata","renderWidget"],"sources":["list.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, Text, View, TouchableWithoutFeedback } from 'react-native';\nimport { FlatList } from 'react-native-gesture-handler';\nimport { isArray } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {getGroupedData, isDefined} from \"@wavemaker/app-rn-runtime/core/utils\";\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmListProps from './list.props';\nimport { DEFAULT_CLASS, WmListStyles } from './list.styles';\n\n\nexport class WmListState extends BaseComponentState<WmListProps> {\n  public selectedindex: any;\n  groupedData: Array<any> = [];\n  currentPage: number = 1;\n}\n\nexport default class WmList extends BaseComponent<WmListProps, WmListState, WmListStyles> {\n\n  private itemWidgets = [] as any[];\n  private selectedItemWidgets = {} as any;\n  private key = 1;\n\n  constructor(props: WmListProps) {\n    super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());\n  }\n\n  private onSelect($item: any, $index: number | string) {\n    if (!this.state.props.disableitem($item, $index)) {\n      this.selectedItemWidgets = this.itemWidgets[$index as number];\n      this.updateState({\n        props: { selecteditem: $item },\n        selectedindex: $index\n      } as WmListState, () => {\n        this.invokeEventCallback('onSelect', [this.proxy, $item]);\n      });\n    }\n  }\n\n  private selectFirstItem() {\n    const props = this.state.props;\n    if (this.initialized\n      && props.dataset\n      && props.dataset.length) {\n        const index = props.groupby ? '00': 0;\n        this.onSelect(props.dataset[0], index);\n      }\n  }\n\n  private deselect() {\n    this.updateState({\n      props: { selecteditem: null },\n      selectedindex: -1\n    } as WmListState);\n  }\n\n  setGroupData(items: any) {\n    const dataItems = items;\n    const props = this.state.props;\n    if (props.groupby) {\n      const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this);\n      this.updateState({\n        groupedData: groupedData\n      } as WmListState, () => {\n        this.key +=  (items && items.length) || 0;\n      });\n    }\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    const props = this.state.props;\n    switch(name) {\n      case 'selectfirstitem':\n        if ($new) {\n          this.selectFirstItem();\n        }\n      break;\n      case 'dataset':\n        if(this._showSkeleton) {\n          $new = [{}, {}, {}];\n        }\n        if (this.state.props.groupby) {\n          this.setGroupData($new);\n        } else {\n          const data = isArray($new) ? $new : (isDefined($new) ? [$new] : []);\n          this.updateState({\n            groupedData: (data[0] || props.direction === 'horizontal' ? [{\n              key: '',\n              data: data\n            }] : [])\n          } as WmListState, () => {\n            this.key += ($new && $new.length) || 0;\n          });\n        }\n        this.itemWidgets = [];\n        if (props.selectfirstitem) {\n          this.selectFirstItem();\n        } else {\n          this.deselect();\n        }\n      break;\n      case 'groupby':\n      case 'match':\n        this.setGroupData(this.state.props.dataset);\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const props = this.state.props;\n    if (this.state.props.selectfirstitem && props.dataset?.length) {\n      setTimeout(() => {\n        this.onSelect(props.dataset[0], 0);\n      });\n    }\n    super.componentDidMount();\n  }\n\n  componentDidUpdate(prevProps: WmListProps, prevState: WmListState, snapshot?: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onRender', [this, this.state.props.dataset]);\n  }\n\n  getDefaultStyles() {\n    const isHorizontal = this.state.props.direction === 'horizontal';\n    return this.theme.getStyle(`${this.defaultClass} ${isHorizontal ? 'app-horizontal-list' : 'app-vertical-list'}`);\n  }\n\n  getIndex(item: any) {\n    return this.state.props.dataset.indexOf(item);\n  }\n\n  private generateItemKey(item: any, index: number, props: WmListProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  (this.key + index);\n  }\n\n  private renderItem(item: any, index: number, props: WmListProps) {\n    return (\n        <TouchableWithoutFeedback onPress={() => this.onSelect(item, index)}>\n          <View style={[\n              this.styles.item,\n              props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null,\n              this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? this.styles.selectedItem : {}]}>\n            {props.renderItem(item, index, this)}\n            { this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? (\n              <WmIcon iconclass='wi wi-check-circle' styles={this.styles.selectedIcon} />\n            ) : null}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n  }\n\n  private renderHeader(props: WmListProps, title: string) {\n    return props.groupby ? (\n      <Text style={this.styles.groupHeading}>{title}</Text>\n    ) : (props.iconclass || props.title || props.subheading) ? (\n      <View style={this.styles.heading}>\n        <View style={{flex: 1, flexDirection: 'row'}}>\n          <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n          <View>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n        </View>\n      </View>) : null;\n  }\n\n  private renderEmptyMessage(isHorizontal: boolean, item: any, index: any, props: WmListProps) {\n    return (<WmLabel styles={this.styles.emptyMessage} caption={props.nodatamessage}></WmLabel>);\n  }\n\n  private renderLoadingIcon(props: WmListProps) {\n    return (<WmIcon\n      styles={this.styles.loadingIcon}\n      iconclass={props.loadingicon}\n      caption={props.loadingdatamsg}></WmIcon>)\n  }\n\n  private renderWithFlatList(props: WmListProps, isHorizontal = false) {\n    return (\n    <View style={this.styles.root}>\n      {this.state.groupedData ? this.state.groupedData.map((v: any) => ((\n          <View style={{marginBottom: 16}}>\n            {this.renderHeader(props, v.key)}\n            <FlatList\n              keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n              horizontal = {isHorizontal}\n              data={v.data || []}\n              ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n              renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n            </FlatList>\n          </View>\n        ))) : null\n      }\n    </View>);\n  }\n\n  private getSectionListData() {\n    if (this._showSkeleton) {\n      return [{\n        key: '',\n        data: [{}, {}, {}]\n      }];\n    } else if (this.state.groupedData[0] && this.state.groupedData[0]['data'].length) {\n      return this.state.groupedData;\n    }\n    return [];\n  }\n\n  private renderWithSectionList(props: WmListProps, isHorizontal = false) {\n    return (\n      <SectionList\n        keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n        horizontal = {isHorizontal}\n        onEndReached={({distanceFromEnd}) => {\n          this.setState({ currentPage: this.state.currentPage + 1 } as WmListState);\n          this.invokeEventCallback('onEndReached', [null, this]);\n        }}\n        contentContainerStyle={this.styles.root}\n        onEndReachedThreshold={0.3}\n        sections={this.getSectionListData()}\n        renderSectionHeader={({ section: {key, data}}) => {\n          return this.renderHeader(props, key);\n        }}\n        renderSectionFooter={() => props.loadingdata ? this.renderLoadingIcon(props) : null}\n        ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n        renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n      </SectionList>\n    );\n  }\n\n  renderWidget(props: WmListProps) {\n    this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);\n    const isHorizontal = (props.direction === 'horizontal');\n    return (\n      <View>\n        {(isHorizontal) ?\n          this.renderWithFlatList(props, isHorizontal)\n        : this.renderWithSectionList(props, isHorizontal)}\n      </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","SectionList","Text","View","TouchableWithoutFeedback","FlatList","isArray","BaseComponent","BaseComponentState","getGroupedData","isDefined","WmLabel","WmIcon","WmListProps","DEFAULT_CLASS","WmListState","WmList","constructor","props","onSelect","$item","$index","state","disableitem","selectedItemWidgets","itemWidgets","updateState","selecteditem","selectedindex","invokeEventCallback","proxy","selectFirstItem","initialized","dataset","length","index","groupby","deselect","setGroupData","items","dataItems","groupedData","match","orderby","dateformat","key","onPropertyChange","name","$new","$old","data","direction","selectfirstitem","componentDidMount","setTimeout","componentDidUpdate","prevProps","prevState","snapshot","getDefaultStyles","isHorizontal","theme","getStyle","defaultClass","getIndex","item","indexOf","generateItemKey","itemkey","_showSkeleton","renderItem","styles","itemclass","_groupIndex","selectedItem","selectedIcon","renderHeader","title","groupHeading","iconclass","subheading","heading","flex","flexDirection","listIcon","renderEmptyMessage","emptyMessage","nodatamessage","renderLoadingIcon","loadingIcon","loadingicon","loadingdatamsg","renderWithFlatList","root","map","v","marginBottom","i","itemInfo","getSectionListData","renderWithSectionList","distanceFromEnd","setState","currentPage","section","loadingdata","renderWidget","_background"],"sources":["list.component.tsx"],"sourcesContent":["import React from 'react';\nimport { SectionList, Text, View, TouchableWithoutFeedback } from 'react-native';\nimport { FlatList } from 'react-native-gesture-handler';\nimport { isArray } from 'lodash-es';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {getGroupedData, isDefined} from \"@wavemaker/app-rn-runtime/core/utils\";\nimport WmLabel from '@wavemaker/app-rn-runtime/components/basic/label/label.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\n\nimport WmListProps from './list.props';\nimport { DEFAULT_CLASS, WmListStyles } from './list.styles';\n\n\nexport class WmListState extends BaseComponentState<WmListProps> {\n  public selectedindex: any;\n  groupedData: Array<any> = [];\n  currentPage: number = 1;\n}\n\nexport default class WmList extends BaseComponent<WmListProps, WmListState, WmListStyles> {\n\n  private itemWidgets = [] as any[];\n  private selectedItemWidgets = {} as any;\n  private key = 1;\n\n  constructor(props: WmListProps) {\n    super(props, DEFAULT_CLASS, new WmListProps(), new WmListState());\n  }\n\n  private onSelect($item: any, $index: number | string) {\n    if (!this.state.props.disableitem($item, $index)) {\n      this.selectedItemWidgets = this.itemWidgets[$index as number];\n      this.updateState({\n        props: { selecteditem: $item },\n        selectedindex: $index\n      } as WmListState, () => {\n        this.invokeEventCallback('onSelect', [this.proxy, $item]);\n      });\n    }\n  }\n\n  private selectFirstItem() {\n    const props = this.state.props;\n    if (this.initialized\n      && props.dataset\n      && props.dataset.length) {\n        const index = props.groupby ? '00': 0;\n        this.onSelect(props.dataset[0], index);\n      }\n  }\n\n  private deselect() {\n    this.updateState({\n      props: { selecteditem: null },\n      selectedindex: -1\n    } as WmListState);\n  }\n\n  setGroupData(items: any) {\n    const dataItems = items;\n    const props = this.state.props;\n    if (props.groupby) {\n      const groupedData = dataItems && getGroupedData(dataItems, props.groupby, props.match, props.orderby, props.dateformat, this);\n      this.updateState({\n        groupedData: groupedData\n      } as WmListState, () => {\n        this.key +=  (items && items.length) || 0;\n      });\n    }\n  }\n\n  public onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    const props = this.state.props;\n    switch(name) {\n      case 'selectfirstitem':\n        if ($new) {\n          this.selectFirstItem();\n        }\n      break;\n      case 'dataset':\n        if (this.state.props.groupby) {\n          this.setGroupData($new);\n        } else {\n          const data = isArray($new) ? $new : (isDefined($new) ? [$new] : []);\n          this.updateState({\n            groupedData: (data[0] || props.direction === 'horizontal' ? [{\n              key: '',\n              data: data\n            }] : [])\n          } as WmListState, () => {\n            this.key += ($new && $new.length) || 0;\n          });\n        }\n        this.itemWidgets = [];\n        if (props.selectfirstitem) {\n          this.selectFirstItem();\n        } else {\n          this.deselect();\n        }\n      break;\n      case 'groupby':\n      case 'match':\n        this.setGroupData(this.state.props.dataset);\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const props = this.state.props;\n    if (this.state.props.selectfirstitem && props.dataset?.length) {\n      setTimeout(() => {\n        this.onSelect(props.dataset[0], 0);\n      });\n    }\n    super.componentDidMount();\n  }\n\n  componentDidUpdate(prevProps: WmListProps, prevState: WmListState, snapshot?: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onRender', [this, this.state.props.dataset]);\n  }\n\n  getDefaultStyles() {\n    const isHorizontal = this.state.props.direction === 'horizontal';\n    return this.theme.getStyle(`${this.defaultClass} ${isHorizontal ? 'app-horizontal-list' : 'app-vertical-list'}`);\n  }\n\n  getIndex(item: any) {\n    return this.state.props.dataset.indexOf(item);\n  }\n\n  private generateItemKey(item: any, index: number, props: WmListProps) {\n    if (props.itemkey && item && !this._showSkeleton) {\n      return props.itemkey(item, index);\n    }\n    return 'list_item_' +  (this.key + index);\n  }\n\n  private renderItem(item: any, index: number, props: WmListProps) {\n    return (\n        <TouchableWithoutFeedback onPress={() => this.onSelect(item, index)}>\n          <View style={[\n              this.styles.item,\n              props.itemclass ? this.theme.getStyle(props.itemclass(item, index)) : null,\n              this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? this.styles.selectedItem : {}]}>\n            {props.renderItem(item, index, this)}\n            { this.state.selectedindex === index && this.state.props.selecteditem?._groupIndex === item._groupIndex ? (\n              <WmIcon iconclass='wi wi-check-circle' styles={this.styles.selectedIcon} />\n            ) : null}\n          </View>\n        </TouchableWithoutFeedback>\n      );\n  }\n\n  private renderHeader(props: WmListProps, title: string) {\n    return props.groupby ? (\n      <Text style={this.styles.groupHeading}>{title}</Text>\n    ) : (props.iconclass || props.title || props.subheading) ? (\n      <View style={this.styles.heading}>\n        <View style={{flex: 1, flexDirection: 'row'}}>\n          <WmIcon styles={this.styles.listIcon} iconclass={props.iconclass}></WmIcon>\n          <View>\n            <WmLabel styles={this.styles.title} caption={props.title}></WmLabel>\n            <WmLabel styles={this.styles.subheading} caption={props.subheading}></WmLabel>\n          </View>\n        </View>\n      </View>) : null;\n  }\n\n  private renderEmptyMessage(isHorizontal: boolean, item: any, index: any, props: WmListProps) {\n    return (<WmLabel styles={this.styles.emptyMessage} caption={props.nodatamessage}></WmLabel>);\n  }\n\n  private renderLoadingIcon(props: WmListProps) {\n    return (<WmIcon\n      styles={this.styles.loadingIcon}\n      iconclass={props.loadingicon}\n      caption={props.loadingdatamsg}></WmIcon>)\n  }\n\n  private renderWithFlatList(props: WmListProps, isHorizontal = false) {\n    return (\n    <View style={this.styles.root}>\n      {this.state.groupedData ? this.state.groupedData.map((v: any) => ((\n          <View style={{marginBottom: 16}}>\n            {this.renderHeader(props, v.key)}\n            <FlatList\n              keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n              horizontal = {isHorizontal}\n              data={v.data || []}\n              ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n              renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n            </FlatList>\n          </View>\n        ))) : null\n      }\n    </View>);\n  }\n\n  private getSectionListData() {\n    if (this._showSkeleton) {\n      return [{\n        key: '',\n        data: [{}, {}, {}]\n      }];\n    } else if (this.state.groupedData[0] && this.state.groupedData[0]['data'].length) {\n      return this.state.groupedData;\n    }\n    return [];\n  }\n\n  private renderWithSectionList(props: WmListProps, isHorizontal = false) {\n    return (\n      <SectionList\n        keyExtractor={(item, i) => this.generateItemKey(item, i, props)}\n        horizontal = {isHorizontal}\n        onEndReached={({distanceFromEnd}) => {\n          this.setState({ currentPage: this.state.currentPage + 1 } as WmListState);\n          this.invokeEventCallback('onEndReached', [null, this]);\n        }}\n        contentContainerStyle={this.styles.root}\n        onEndReachedThreshold={0.3}\n        sections={this.getSectionListData()}\n        renderSectionHeader={({ section: {key, data}}) => {\n          return this.renderHeader(props, key);\n        }}\n        renderSectionFooter={() => props.loadingdata ? this.renderLoadingIcon(props) : null}\n        ListEmptyComponent = {(itemInfo) => this.renderEmptyMessage(isHorizontal, itemInfo.item, itemInfo.index, props)}\n        renderItem={(itemInfo) => this.renderItem(itemInfo.item, itemInfo.index, props)}>\n      </SectionList>\n    );\n  }\n\n  renderWidget(props: WmListProps) {\n    this.invokeEventCallback('onBeforedatarender', [this, this.state.props.dataset]);\n    const isHorizontal = (props.direction === 'horizontal');\n    return (\n      <View>\n        {this._background}\n        {(isHorizontal) ?\n          this.renderWithFlatList(props, isHorizontal)\n        : this.renderWithSectionList(props, isHorizontal)}\n      </View>);\n  }\n}\n"],"mappings":"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"}

app-rn-runtime/components/device/barcodescanner/barcodescanner.component.js

@@ -33,7 +33,7 @@ export default class WmBarcodescanner extends BaseComponent {
       this.scanner = scanService;
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, /*#__PURE__*/React.createElement(WmButton, {
+      }, this._background, /*#__PURE__*/React.createElement(WmButton, {
         iconclass: props.iconclass,
         styles: this.styles.button,
         onTap: this.onScanTap.bind(this),

app-rn-runtime/components/device/barcodescanner/barcodescanner.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","scanService","styles","root","iconclass","button","bind","caption","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState, () => {\n        this.invokeEventCallback('onSuccess', [null, this.proxy]);\n      });\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    return (\n      <ScanConsumer>\n        {(scanService: ScanService) => {\n          this.scanner = scanService;\n          return <View style={this.styles.root}>\n            <WmButton iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize}></WmButton>\n          </View>\n        }}\n      </ScanConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,YAAY,QAAqB,oDAAoD;AAE9F,OAAOC,qBAAqB,MAAM,wBAAwB;AAC1D,SAASC,aAAa,QAAgC,yBAAyB;AAC/E,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAO,MAAMC,qBAAqB,SAASL,kBAAkB,CAAwB;AAErF,eAAe,MAAMM,gBAAgB,SAASP,aAAa,CAAuE;EAEhIQ,WAAW,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,EAAE,CAAC;IAAC,iCAF5B,IAAI;EAGnC;EAEAO,SAAS,GAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfV,KAAK,EAAE;UACLW,SAAS,EAAEF,GAAG,CAACG;QACjB;MACF,CAAC,EAA2B,MAAM;QAChC,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC3D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAC,YAAY,CAACf,KAA4B,EAAE;IACzC,oBACE,oBAAC,YAAY,QACTgB,WAAwB,IAAK;MAC7B,IAAI,CAACV,OAAO,GAAGU,WAAW;MAC1B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,gBACnC,oBAAC,QAAQ;QAAC,SAAS,EAAElB,KAAK,CAACmB,SAAU;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACG,MAAO;QAAC,KAAK,EAAE,IAAI,CAACnB,SAAS,CAACoB,IAAI,CAAC,IAAI,CAAE;QAAC,OAAO,EAAErB,KAAK,CAACsB,OAAQ;QAAC,QAAQ,EAAEtB,KAAK,CAACuB;MAAS,EAAY,CAC5J;IACT,CAAC,CACY;EAEnB;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","ScanConsumer","WmBarcodescannerProps","DEFAULT_CLASS","WmButton","WmBarcodescannerState","WmBarcodescanner","constructor","props","onScanTap","params","barcodeFormat","state","barcodeformat","scanner","scanBarcode","then","res","updateState","datavalue","text","invokeEventCallback","proxy","renderWidget","scanService","styles","root","_background","iconclass","button","bind","caption","iconsize"],"sources":["barcodescanner.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { ScanInput, ScanOutput } from '@wavemaker/app-rn-runtime/variables/device/scan/scan.operation';\nimport { ScanConsumer, ScanService } from '@wavemaker/app-rn-runtime/core/device/scan-service';\n\nimport WmBarcodescannerProps from './barcodescanner.props';\nimport { DEFAULT_CLASS, WmBarcodescannerStyles } from './barcodescanner.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nexport class WmBarcodescannerState extends BaseComponentState<WmBarcodescannerProps> {}\n\nexport default class WmBarcodescanner extends BaseComponent<WmBarcodescannerProps, WmBarcodescannerState, WmBarcodescannerStyles> {\n  private scanner: ScanService = null as any;\n  constructor(props: WmBarcodescannerProps) {\n    super(props, DEFAULT_CLASS, new WmBarcodescannerProps());\n  }\n\n  onScanTap() {\n    const params: ScanInput = {\n      barcodeFormat: this.state.props.barcodeformat\n    };\n    this.scanner.scanBarcode(params).then((res: ScanOutput) => {\n      this.updateState({\n        props: {\n          datavalue: res.text\n        }\n      } as WmBarcodescannerState, () => {\n        this.invokeEventCallback('onSuccess', [null, this.proxy]);\n      });\n    })\n  }\n\n  renderWidget(props: WmBarcodescannerProps) {\n    return (\n      <ScanConsumer>\n        {(scanService: ScanService) => {\n          this.scanner = scanService;\n          return <View style={this.styles.root}>\n            {this._background}\n            <WmButton iconclass={props.iconclass} styles={this.styles.button} onTap={this.onScanTap.bind(this)} caption={props.caption} iconsize={props.iconsize}></WmButton>\n          </View>\n        }}\n      </ScanConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,SAASC,YAAY,QAAqB,oDAAoD;AAE9F,OAAOC,qBAAqB,MAAM,wBAAwB;AAC1D,SAASC,aAAa,QAAgC,yBAAyB;AAC/E,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,OAAO,MAAMC,qBAAqB,SAASL,kBAAkB,CAAwB;AAErF,eAAe,MAAMM,gBAAgB,SAASP,aAAa,CAAuE;EAEhIQ,WAAW,CAACC,KAA4B,EAAE;IACxC,KAAK,CAACA,KAAK,EAAEL,aAAa,EAAE,IAAID,qBAAqB,EAAE,CAAC;IAAC,iCAF5B,IAAI;EAGnC;EAEAO,SAAS,GAAG;IACV,MAAMC,MAAiB,GAAG;MACxBC,aAAa,EAAE,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK;IAClC,CAAC;IACD,IAAI,CAACC,OAAO,CAACC,WAAW,CAACL,MAAM,CAAC,CAACM,IAAI,CAAEC,GAAe,IAAK;MACzD,IAAI,CAACC,WAAW,CAAC;QACfV,KAAK,EAAE;UACLW,SAAS,EAAEF,GAAG,CAACG;QACjB;MACF,CAAC,EAA2B,MAAM;QAChC,IAAI,CAACC,mBAAmB,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;MAC3D,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAC,YAAY,CAACf,KAA4B,EAAE;IACzC,oBACE,oBAAC,YAAY,QACTgB,WAAwB,IAAK;MAC7B,IAAI,CAACV,OAAO,GAAGU,WAAW;MAC1B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,GAClC,IAAI,CAACC,WAAW,eACjB,oBAAC,QAAQ;QAAC,SAAS,EAAEnB,KAAK,CAACoB,SAAU;QAAC,MAAM,EAAE,IAAI,CAACH,MAAM,CAACI,MAAO;QAAC,KAAK,EAAE,IAAI,CAACpB,SAAS,CAACqB,IAAI,CAAC,IAAI,CAAE;QAAC,OAAO,EAAEtB,KAAK,CAACuB,OAAQ;QAAC,QAAQ,EAAEvB,KAAK,CAACwB;MAAS,EAAY,CAC5J;IACT,CAAC,CACY;EAEnB;AACF"}

app-rn-runtime/components/device/camera/camera.component.js

@@ -46,6 +46,9 @@ export default class WmCamera extends BaseComponent {
   }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(CameraConsumer, null, cameraService => {
+      {
+        this._background;
+      }
       this.camera = cameraService;
       return /*#__PURE__*/React.createElement(View, {
         style: this.styles.root

app-rn-runtime/components/device/camera/camera.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","WmCameraState","WmCamera","constructor","props","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","camera","captureImage","then","res","updateModel","imagePath","content","captureVideo","videoPath","$event","value","startsWith","localFile","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","cameraService","styles","root","iconclass","button","iconsize"],"sources":["camera.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCameraProps from './camera.props';\nimport { DEFAULT_CLASS, WmCameraStyles } from './camera.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { CaptureImageOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation';\nimport { CameraConsumer, CameraInput, CameraService } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\n\n\nexport class WmCameraState extends BaseComponentState<WmCameraProps> {}\n\nexport default class WmCamera extends BaseComponent<WmCameraProps, WmCameraState, WmCameraStyles> {\n  private camera: CameraService = null as any;\n  public localFile: string = '';\n  constructor(props: WmCameraProps) {\n    super(props, DEFAULT_CLASS, new WmCameraProps());\n  }\n\n  onCameraTap() {\n    const props = this.state.props;\n    if (props.capturetype === 'IMAGE') {\n      const params: CameraInput = {\n        allowImageEdit: props.allowedit,\n        imageQuality: props.imagequality,\n        imageEncodingType: props.imageencodingtype,\n        imageTargetWidth: props.imagetargetwidth,\n        imageTargetHeight: props.imagetargetheight\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath, res.content);\n      });\n    } else {\n      this.camera.captureVideo().then((res: CaptureVideoOutput) => {\n        this.updateModel(null, res.videoPath, res.content);\n      });\n    }\n\n  }\n\n  private updateModel($event: any, value: any, content: string) {\n    value = (value.startsWith('file://') ? '' : 'file://') + value;\n    this.localFile = content;\n    this.updateState({\n      props: {\n        datavalue: value,\n        localFilePath: value\n      }\n    } as WmCameraState, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));\n  }\n\n  renderWidget(props: WmCameraProps) {\n    return (\n          <CameraConsumer>\n              {(cameraService: CameraService) => {\n              this.camera = cameraService;\n              return <View style={this.styles.root}>\n                <WmButton iconclass={props.iconclass} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onCameraTap.bind(this)}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,SAASC,cAAc,QAAoC,sDAAsD;AAIjH,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;AAErE,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAGhGQ,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,EAAE,CAAC;IAAC,gCAHnB,IAAI;IAAA,mCACT,EAAE;EAG7B;EAEAQ,WAAW,GAAG;IACZ,MAAMD,KAAK,GAAG,IAAI,CAACE,KAAK,CAACF,KAAK;IAC9B,IAAIA,KAAK,CAACG,WAAW,KAAK,OAAO,EAAE;MACjC,MAAMC,MAAmB,GAAG;QAC1BC,cAAc,EAAEL,KAAK,CAACM,SAAS;QAC/BC,YAAY,EAAEP,KAAK,CAACQ,YAAY;QAChCC,iBAAiB,EAAET,KAAK,CAACU,iBAAiB;QAC1CC,gBAAgB,EAAEX,KAAK,CAACY,gBAAgB;QACxCC,iBAAiB,EAAEb,KAAK,CAACc;MAC3B,CAAC;MAED,IAAI,CAACC,MAAM,CAACC,YAAY,CAACZ,MAAM,CAAC,CAACa,IAAI,CAAEC,GAAuB,IAAK;QACjE,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACE,SAAS,EAAEF,GAAG,CAACG,OAAO,CAAC;MACpD,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACN,MAAM,CAACO,YAAY,EAAE,CAACL,IAAI,CAAEC,GAAuB,IAAK;QAC3D,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACK,SAAS,EAAEL,GAAG,CAACG,OAAO,CAAC;MACpD,CAAC,CAAC;IACJ;EAEF;EAEQF,WAAW,CAACK,MAAW,EAAEC,KAAU,EAAEJ,OAAe,EAAE;IAC5DI,KAAK,GAAG,CAACA,KAAK,CAACC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,SAAS,IAAID,KAAK;IAC9D,IAAI,CAACE,SAAS,GAAGN,OAAO;IACxB,IAAI,CAACO,WAAW,CAAC;MACf5B,KAAK,EAAE;QACL6B,SAAS,EAAEJ,KAAK;QAChBK,aAAa,EAAEL;MACjB;IACF,CAAC,EAAmB,IAAI,CAACM,mBAAmB,CAACC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAER,KAAK,EAAE,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC;EAClH;EAEAO,YAAY,CAAClC,KAAoB,EAAE;IACjC,oBACM,oBAAC,cAAc,QACTmC,aAA4B,IAAK;MACnC,IAAI,CAACpB,MAAM,GAAGoB,aAAa;MAC3B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;MAAK,gBACnC,oBAAC,QAAQ;QAAC,SAAS,EAAErC,KAAK,CAACsC,SAAU;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACG,MAAO;QAAC,QAAQ,EAAEvC,KAAK,CAACwC,QAAS;QAAC,KAAK,EAAE,IAAI,CAACvC,WAAW,CAAC+B,IAAI,CAAC,IAAI;MAAE,EAAY,CACtI;IACT,CAAC,CACc;EAEzB;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmCameraProps","DEFAULT_CLASS","WmButton","CameraConsumer","WmCameraState","WmCamera","constructor","props","onCameraTap","state","capturetype","params","allowImageEdit","allowedit","imageQuality","imagequality","imageEncodingType","imageencodingtype","imageTargetWidth","imagetargetwidth","imageTargetHeight","imagetargetheight","camera","captureImage","then","res","updateModel","imagePath","content","captureVideo","videoPath","$event","value","startsWith","localFile","updateState","datavalue","localFilePath","invokeEventCallback","bind","proxy","renderWidget","cameraService","_background","styles","root","iconclass","button","iconsize"],"sources":["camera.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmCameraProps from './camera.props';\nimport { DEFAULT_CLASS, WmCameraStyles } from './camera.styles';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { CaptureImageOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-image.operation';\nimport { CameraConsumer, CameraInput, CameraService } from \"@wavemaker/app-rn-runtime/core/device/camera-service\";\nimport { CaptureVideoOutput } from '@wavemaker/app-rn-runtime/variables/device/camera/capture-video.operation';\n\n\nexport class WmCameraState extends BaseComponentState<WmCameraProps> {}\n\nexport default class WmCamera extends BaseComponent<WmCameraProps, WmCameraState, WmCameraStyles> {\n  private camera: CameraService = null as any;\n  public localFile: string = '';\n  constructor(props: WmCameraProps) {\n    super(props, DEFAULT_CLASS, new WmCameraProps());\n  }\n\n  onCameraTap() {\n    const props = this.state.props;\n    if (props.capturetype === 'IMAGE') {\n      const params: CameraInput = {\n        allowImageEdit: props.allowedit,\n        imageQuality: props.imagequality,\n        imageEncodingType: props.imageencodingtype,\n        imageTargetWidth: props.imagetargetwidth,\n        imageTargetHeight: props.imagetargetheight\n      };\n\n      this.camera.captureImage(params).then((res: CaptureImageOutput) => {\n        this.updateModel(null, res.imagePath, res.content);\n      });\n    } else {\n      this.camera.captureVideo().then((res: CaptureVideoOutput) => {\n        this.updateModel(null, res.videoPath, res.content);\n      });\n    }\n\n  }\n\n  private updateModel($event: any, value: any, content: string) {\n    value = (value.startsWith('file://') ? '' : 'file://') + value;\n    this.localFile = content;\n    this.updateState({\n      props: {\n        datavalue: value,\n        localFilePath: value\n      }\n    } as WmCameraState, this.invokeEventCallback.bind(this, 'onSuccess', [null, this.proxy, value, this.localFile]));\n  }\n\n  renderWidget(props: WmCameraProps) {\n    return (\n          <CameraConsumer>\n              {(cameraService: CameraService) => {\n              {this._background}\n              this.camera = cameraService;\n              return <View style={this.styles.root}>\n                <WmButton iconclass={props.iconclass} styles={this.styles.button} iconsize={props.iconsize} onTap={this.onCameraTap.bind(this)}></WmButton>\n              </View>\n            }}\n          </CameraConsumer>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,OAAOC,QAAQ,MAAM,oEAAoE;AAEzF,SAASC,cAAc,QAAoC,sDAAsD;AAIjH,OAAO,MAAMC,aAAa,SAASL,kBAAkB,CAAgB;AAErE,eAAe,MAAMM,QAAQ,SAASP,aAAa,CAA+C;EAGhGQ,WAAW,CAACC,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAEN,aAAa,EAAE,IAAID,aAAa,EAAE,CAAC;IAAC,gCAHnB,IAAI;IAAA,mCACT,EAAE;EAG7B;EAEAQ,WAAW,GAAG;IACZ,MAAMD,KAAK,GAAG,IAAI,CAACE,KAAK,CAACF,KAAK;IAC9B,IAAIA,KAAK,CAACG,WAAW,KAAK,OAAO,EAAE;MACjC,MAAMC,MAAmB,GAAG;QAC1BC,cAAc,EAAEL,KAAK,CAACM,SAAS;QAC/BC,YAAY,EAAEP,KAAK,CAACQ,YAAY;QAChCC,iBAAiB,EAAET,KAAK,CAACU,iBAAiB;QAC1CC,gBAAgB,EAAEX,KAAK,CAACY,gBAAgB;QACxCC,iBAAiB,EAAEb,KAAK,CAACc;MAC3B,CAAC;MAED,IAAI,CAACC,MAAM,CAACC,YAAY,CAACZ,MAAM,CAAC,CAACa,IAAI,CAAEC,GAAuB,IAAK;QACjE,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACE,SAAS,EAAEF,GAAG,CAACG,OAAO,CAAC;MACpD,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAI,CAACN,MAAM,CAACO,YAAY,EAAE,CAACL,IAAI,CAAEC,GAAuB,IAAK;QAC3D,IAAI,CAACC,WAAW,CAAC,IAAI,EAAED,GAAG,CAACK,SAAS,EAAEL,GAAG,CAACG,OAAO,CAAC;MACpD,CAAC,CAAC;IACJ;EAEF;EAEQF,WAAW,CAACK,MAAW,EAAEC,KAAU,EAAEJ,OAAe,EAAE;IAC5DI,KAAK,GAAG,CAACA,KAAK,CAACC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,SAAS,IAAID,KAAK;IAC9D,IAAI,CAACE,SAAS,GAAGN,OAAO;IACxB,IAAI,CAACO,WAAW,CAAC;MACf5B,KAAK,EAAE;QACL6B,SAAS,EAAEJ,KAAK;QAChBK,aAAa,EAAEL;MACjB;IACF,CAAC,EAAmB,IAAI,CAACM,mBAAmB,CAACC,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAER,KAAK,EAAE,IAAI,CAACE,SAAS,CAAC,CAAC,CAAC;EAClH;EAEAO,YAAY,CAAClC,KAAoB,EAAE;IACjC,oBACM,oBAAC,cAAc,QACTmC,aAA4B,IAAK;MACnC;QAAC,IAAI,CAACC,WAAW;MAAA;MACjB,IAAI,CAACrB,MAAM,GAAGoB,aAAa;MAC3B,oBAAO,oBAAC,IAAI;QAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;MAAK,gBACnC,oBAAC,QAAQ;QAAC,SAAS,EAAEtC,KAAK,CAACuC,SAAU;QAAC,MAAM,EAAE,IAAI,CAACF,MAAM,CAACG,MAAO;QAAC,QAAQ,EAAExC,KAAK,CAACyC,QAAS;QAAC,KAAK,EAAE,IAAI,CAACxC,WAAW,CAAC+B,IAAI,CAAC,IAAI;MAAE,EAAY,CACtI;IACT,CAAC,CACc;EAEzB;AACF"}

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

@@ -68,7 +68,7 @@ export default class WmDialog extends BaseComponent {
         value: this.theme
       }, /*#__PURE__*/React.createElement(View, {
         style: this.styles.root
-      }, props.showheader ? /*#__PURE__*/React.createElement(View, {
+      }, this._background, props.showheader ? /*#__PURE__*/React.createElement(View, {
         style: this.styles.header
       }, /*#__PURE__*/React.createElement(View, {
         style: this.styles.headerLabel

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","ModalConsumer","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","WmDialog","constructor","props","hideMode","DONOT_ADD_TO_DOM","state","modalOptions","onClose","Promise","res","updateState","show","invokeEventCallback","onOpen","open","close","_close","prepareModalOptions","content","modalService","o","name","modalStyle","styles","modal","contentStyle","isModal","centered","animation","hideModal","renderWidget","showModal","theme","root","showheader","header","headerLabel","title","iconclass","icon","closable","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\n\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nimport WmDialogProps from './dialog.props';\nimport { DEFAULT_CLASS, WmDialogStyles } from './dialog.styles';\n\nexport class WmDialogState extends BaseComponentState<WmDialogProps> {\n  modalOptions = {} as ModalOptions;\n}\n\nexport default class WmDialog extends BaseComponent<WmDialogProps, WmDialogState, WmDialogStyles> {\n\n  private _close: Function = () => {};\n\n  constructor(props: WmDialogProps) {\n    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.state.modalOptions.onClose = () => {\n      return new Promise<void>((res) => {\n        this.updateState({\n          props: {show: false}\n        } as WmDialogState, () => {\n          this.invokeEventCallback('onClose', [null, this]);\n          res();\n        });\n      });\n    };\n    this.state.modalOptions.onOpen = () => {\n      this.invokeEventCallback('onOpened', [null, this]);\n    };\n  }\n\n  open() {\n    if (!this.state.props.show) {\n      this.updateState({\n        props:{show: true}\n      } as WmDialogState);\n    }\n  }\n\n  close() {\n    this._close();\n  }\n\n  prepareModalOptions(content: React.ReactNode, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.name = this.state.props.name;\n    o.modalStyle = this.styles.modal;\n    o.content = content;\n    o.contentStyle = this.styles.content;\n    o.isModal = !!this.state.props.modal;\n    o.centered = true;\n    o.animation = this.state.props.animation;\n    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <ThemeProvider value={this.theme}>\n            <View style={this.styles.root}>\n              {props.showheader ? (<View style={this.styles.header}>\n                <View style={this.styles.headerLabel}>\n                  <WmIcon caption={props.title} iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>\n                </View>\n                {props.closable && <WmButton show={props.closable} iconclass=\"wm-sl-l sl-close\" onTap={() => this.close()} styles={this.styles.closeBtn}></WmButton>}\n              </View>) : null}\n              {props.children}\n            </View>\n          </ThemeProvider>\n        ), modalService));\n        return null;\n      }}\n    </ModalConsumer>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","ModalConsumer","HideMode","ThemeProvider","BaseComponent","BaseComponentState","WmIcon","WmButton","WmDialogProps","DEFAULT_CLASS","WmDialogState","WmDialog","constructor","props","hideMode","DONOT_ADD_TO_DOM","state","modalOptions","onClose","Promise","res","updateState","show","invokeEventCallback","onOpen","open","close","_close","prepareModalOptions","content","modalService","o","name","modalStyle","styles","modal","contentStyle","isModal","centered","animation","hideModal","renderWidget","showModal","theme","root","_background","showheader","header","headerLabel","title","iconclass","icon","closable","closeBtn","children"],"sources":["dialog.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\n\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport { HideMode } from '@wavemaker/app-rn-runtime/core/if.component';\nimport { ThemeProvider } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\n\nimport WmDialogProps from './dialog.props';\nimport { DEFAULT_CLASS, WmDialogStyles } from './dialog.styles';\n\nexport class WmDialogState extends BaseComponentState<WmDialogProps> {\n  modalOptions = {} as ModalOptions;\n}\n\nexport default class WmDialog extends BaseComponent<WmDialogProps, WmDialogState, WmDialogStyles> {\n\n  private _close: Function = () => {};\n\n  constructor(props: WmDialogProps) {\n    super(props, DEFAULT_CLASS, new WmDialogProps(), new WmDialogState());\n    this.hideMode = HideMode.DONOT_ADD_TO_DOM;\n    this.state.modalOptions.onClose = () => {\n      return new Promise<void>((res) => {\n        this.updateState({\n          props: {show: false}\n        } as WmDialogState, () => {\n          this.invokeEventCallback('onClose', [null, this]);\n          res();\n        });\n      });\n    };\n    this.state.modalOptions.onOpen = () => {\n      this.invokeEventCallback('onOpened', [null, this]);\n    };\n  }\n\n  open() {\n    if (!this.state.props.show) {\n      this.updateState({\n        props:{show: true}\n      } as WmDialogState);\n    }\n  }\n\n  close() {\n    this._close();\n  }\n\n  prepareModalOptions(content: React.ReactNode, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.name = this.state.props.name;\n    o.modalStyle = this.styles.modal;\n    o.content = content;\n    o.contentStyle = this.styles.content;\n    o.isModal = !!this.state.props.modal;\n    o.centered = true;\n    o.animation = this.state.props.animation;\n    this._close = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  renderWidget(props: WmDialogProps) {\n    return (<ModalConsumer>\n      {(modalService: ModalService) => {\n        modalService.showModal(this.prepareModalOptions((\n          <ThemeProvider value={this.theme}>\n            <View style={this.styles.root}>\n            {this._background}\n              {props.showheader ? (<View style={this.styles.header}>\n                <View style={this.styles.headerLabel}>\n                  <WmIcon caption={props.title} iconclass={props.iconclass} styles={this.styles.icon}></WmIcon>\n                </View>\n                {props.closable && <WmButton show={props.closable} iconclass=\"wm-sl-l sl-close\" onTap={() => this.close()} styles={this.styles.closeBtn}></WmButton>}\n              </View>) : null}\n              {props.children}\n            </View>\n          </ThemeProvider>\n        ), modalService));\n        return null;\n      }}\n    </ModalConsumer>);\n  }\n}\n"],"mappings":"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"}

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

@@ -15,7 +15,7 @@ export default class WmDialogactions extends BaseComponent {
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=dialogactions.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmDialogactionsProps","DEFAULT_CLASS","WmDialogactionsState","WmDialogactions","constructor","props","renderWidget","styles","root","children"],"sources":["dialogactions.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogactionsProps from './dialogactions.props';\nimport { DEFAULT_CLASS, WmDialogactionsStyles } from './dialogactions.styles';\n\nexport class WmDialogactionsState extends BaseComponentState<WmDialogactionsProps> {}\n\nexport default class WmDialogactions extends BaseComponent<WmDialogactionsProps, WmDialogactionsState, WmDialogactionsStyles> {\n  __TYPE='WmDialogactions';\n\n  constructor(props: WmDialogactionsProps) {\n    super(props, DEFAULT_CLASS, new WmDialogactionsProps());\n  }\n\n  renderWidget(props: WmDialogactionsProps) {\n    return (<View style={this.styles.root}>{props.children}</View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAG5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;IAAC,gCAHnD,iBAAiB;EAIxB;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAEH,KAAK,CAACI,QAAQ,CAAQ;EAChE;AACF"}
+{"version":3,"names":["React","View","BaseComponent","BaseComponentState","WmDialogactionsProps","DEFAULT_CLASS","WmDialogactionsState","WmDialogactions","constructor","props","renderWidget","styles","root","_background","children"],"sources":["dialogactions.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogactionsProps from './dialogactions.props';\nimport { DEFAULT_CLASS, WmDialogactionsStyles } from './dialogactions.styles';\n\nexport class WmDialogactionsState extends BaseComponentState<WmDialogactionsProps> {}\n\nexport default class WmDialogactions extends BaseComponent<WmDialogactionsProps, WmDialogactionsState, WmDialogactionsStyles> {\n  __TYPE='WmDialogactions';\n\n  constructor(props: WmDialogactionsProps) {\n    super(props, DEFAULT_CLASS, new WmDialogactionsProps());\n  }\n\n  renderWidget(props: WmDialogactionsProps) {\n    return (<View style={this.styles.root}>{this._background}{props.children}</View>); \n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAG5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;IAAC,gCAHnD,iBAAiB;EAIxB;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACE,MAAM,CAACC;IAAK,GAAE,IAAI,CAACC,WAAW,EAAEJ,KAAK,CAACK,QAAQ,CAAQ;EAClF;AACF"}

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

@@ -14,7 +14,7 @@ export default class WmDialogcontent extends BaseComponent {
       style: {
         maxHeight: '90%'
       }
-    }, props.children);
+    }, this._background, props.children);
   }
 }
 //# sourceMappingURL=dialogcontent.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","styles","root","maxHeight","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView contentContainerStyle={this.styles.root} style={{maxHeight: '90%'}}>{props.children}</ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACE,MAAM,CAACC,IAAK;MAAC,KAAK,EAAE;QAACC,SAAS,EAAE;MAAK;IAAE,GAAEJ,KAAK,CAACK,QAAQ,CAAc;EACvH;AACF"}
+{"version":3,"names":["React","ScrollView","BaseComponent","BaseComponentState","WmDialogcontentProps","DEFAULT_CLASS","WmDialogcontentState","WmDialogcontent","constructor","props","renderWidget","styles","root","maxHeight","_background","children"],"sources":["dialogcontent.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmDialogcontentProps from './dialogcontent.props';\nimport { DEFAULT_CLASS, WmDialogcontentStyles } from './dialogcontent.styles';\n\nexport class WmDialogcontentState extends BaseComponentState<WmDialogcontentProps> {}\n\nexport default class WmDialogcontent extends BaseComponent<WmDialogcontentProps, WmDialogcontentState, WmDialogcontentStyles> {\n\n  constructor(props: WmDialogcontentProps) {\n    super(props, DEFAULT_CLASS, new WmDialogcontentProps());\n  }\n\n  renderWidget(props: WmDialogcontentProps) {\n    return (<ScrollView contentContainerStyle={this.styles.root} style={{maxHeight: '90%'}}>{this._background}{props.children}</ScrollView>);\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,oBAAoB,MAAM,uBAAuB;AACxD,SAASC,aAAa,QAA+B,wBAAwB;AAE7E,OAAO,MAAMC,oBAAoB,SAASH,kBAAkB,CAAuB;AAEnF,eAAe,MAAMI,eAAe,SAASL,aAAa,CAAoE;EAE5HM,WAAW,CAACC,KAA2B,EAAE;IACvC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,oBAAoB,EAAE,CAAC;EACzD;EAEAM,YAAY,CAACD,KAA2B,EAAE;IACxC,oBAAQ,oBAAC,UAAU;MAAC,qBAAqB,EAAE,IAAI,CAACE,MAAM,CAACC,IAAK;MAAC,KAAK,EAAE;QAACC,SAAS,EAAE;MAAK;IAAE,GAAE,IAAI,CAACC,WAAW,EAAEL,KAAK,CAACM,QAAQ,CAAc;EACzI;AACF"}

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

@@ -95,7 +95,7 @@ export default class WmCalendar extends BaseComponent {
     this.invokeEventCallback('onBeforerender', [null, this]);
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, /*#__PURE__*/React.createElement(MonthView, {
+    }, this._background, /*#__PURE__*/React.createElement(MonthView, {
       date: this.state.selectedDate,
       selectDate: this.onDateChange,
       format: DEFAULT_DATE_FORMAT,

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","Map","DEFAULT_DATE_FORMAT","WmCalendar","constructor","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","root","marginTop","alignSelf","icon","styles","Math","min","length","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","onDateChange","renderDay","selectedDay","selectedDayText","weekDay","calendarHeader","weekDayText","dayWrapper","day","yearText","monthText","today","todayText","notDayOfCurrentMonth","prevYearBtn","prevMonthBtn","nextMonthBtn","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","isString","moment","BaseComponent","BaseComponentState","MonthView","WmCalendarProps","DEFAULT_CLASS","WmIcon","WmCalendarState","Map","DEFAULT_DATE_FORMAT","WmCalendar","constructor","props","date","d","format","dateWindow","state","calendar","get","updateState","datavalue","selectedDate","invokeEventCallback","events","root","marginTop","alignSelf","icon","styles","Math","min","length","prepareDataset","dataset","eventStartKey","eventstart","forEach","startDate","has","set","push","onPropertyChange","name","$new","$old","componentDidUpdate","prevProps","prevState","snapshot","renderWidget","_background","onDateChange","renderDay","selectedDay","selectedDayText","weekDay","calendarHeader","weekDayText","dayWrapper","day","yearText","monthText","today","todayText","notDayOfCurrentMonth","prevYearBtn","prevMonthBtn","nextMonthBtn","nextYearBtn"],"sources":["calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { isString } from 'lodash';\nimport moment, { Moment } from 'moment';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport { MonthView } from './views/month-view';\nimport WmCalendarProps from './calendar.props';\nimport { DEFAULT_CLASS, WmCalendarStyles } from './calendar.styles';\nimport WmIcon from '../../basic/icon/icon.component';\n\nexport class WmCalendarState extends BaseComponentState<WmCalendarProps> {\n  selectedDate: Moment = moment();\n  calendar: Map<String, { date: number, events: any []}> = new Map();\n}\n\nconst DEFAULT_DATE_FORMAT = 'DD-MM-YYYY';\n\nexport default class WmCalendar extends BaseComponent<WmCalendarProps, WmCalendarState, WmCalendarStyles> {\n\n  constructor(props: WmCalendarProps) {\n    super(props, DEFAULT_CLASS, new WmCalendarProps(), new WmCalendarState());\n  }\n\n  onDateChange = (date: Moment) => {\n    const d = moment(date).format(DEFAULT_DATE_FORMAT);\n    const dateWindow = this.state.calendar.get(d);\n    this.updateState({\n      props: {datavalue: d},\n      selectedDate: date\n    } as WmCalendarState);\n    this.invokeEventCallback('onSelect', [d, d, this, dateWindow?.events]);\n  }\n\n  prepareDataset(dataset: any[]) {\n    if (!dataset) {\n      return;\n    }\n    const state = {\n      calendar: new Map()\n    } as WmCalendarState;\n    const eventStartKey = this.state.props.eventstart;\n    dataset.forEach(d => {\n      let startDate = d[eventStartKey];\n      if (!isString(startDate)) {\n        startDate = moment(startDate).format(DEFAULT_DATE_FORMAT);\n      }\n      if (!state.calendar.has(startDate)) {\n        state.calendar.set(startDate, {\n          date: moment(startDate, DEFAULT_DATE_FORMAT).get('milliseconds'),\n          events: []\n        });\n      }\n      const dateWindow = state.calendar.get(startDate);\n      dateWindow?.events.push(d);\n    });\n    this.updateState(state);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'dataset':\n        this.prepareDataset($new);\n        break;\n      case 'datavalue':\n        if ($new) {\n          this.updateState({\n            selectedDate: isString($new) ? moment($new, DEFAULT_DATE_FORMAT) : moment($new)\n          } as WmCalendarState)\n      }\n    }\n  }\n\n  renderDay = (date: Moment) => {\n    const dateWindow = this.state.calendar.get(moment(date).format(DEFAULT_DATE_FORMAT));\n    if (dateWindow) {\n      return (\n        <WmIcon\n          iconclass=\"fa fa-circle\"\n          iconsize={8}\n          styles={{\n            root: {marginTop: -8, alignSelf: 'flexStart'},\n            icon: this.styles['eventDay' + Math.min(3, dateWindow.events.length)]}}></WmIcon>\n      );\n    }\n    return (<></>);\n  }\n\n  componentDidUpdate(prevProps: WmCalendarProps, prevState: WmCalendarState, snapshot: any) {\n    super.componentDidUpdate && super.componentDidUpdate(prevProps, prevState, snapshot);\n    this.invokeEventCallback('onViewrender', [this, null]);\n  }\n\n  renderWidget(props: WmCalendarProps) {\n    this.invokeEventCallback('onBeforerender', [null, this]);\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        <MonthView\n            date={this.state.selectedDate}\n            selectDate={this.onDateChange}\n            format={DEFAULT_DATE_FORMAT}\n            renderChildDay={this.renderDay}\n            containerStyle={this.styles.calendar}\n            dateSelectedWarpDayStyle={this.styles.selectedDay}\n            selectedDayTextStyle={this.styles.selectedDayText}\n            warpRowWeekdays={this.styles.weekDay}\n            warpRowControlMonthYear={this.styles.calendarHeader}\n            weekdayStyle={this.styles.weekDayText}\n            warpDayStyle={this.styles.dayWrapper}\n            textDayStyle={this.styles.day}\n            yearTextStyle={this.styles.yearText}\n            monthTextStyle={this.styles.monthText}\n            currentDayStyle={this.styles.today}\n            currentDayTextStyle={this.styles.todayText}\n            notDayOfCurrentMonthStyle={this.styles.notDayOfCurrentMonth}\n            renderPrevYearButton={() =>\n              (<WmIcon iconclass=\"wi wi-angle-double-left\" styles={this.styles.prevYearBtn}/>)}\n            renderPrevMonthButton={() =>\n              (<WmIcon iconclass=\"wi wi-chevron-left fa-2x\" styles={this.styles.prevMonthBtn}/>)}\n            renderNextMonthButton={() =>\n                (<WmIcon iconclass=\"wi wi-chevron-right fa-2x\" styles={this.styles.nextMonthBtn}/>)}\n            renderNextYearButton={() =>\n                (<WmIcon iconclass=\"wi wi-angle-double-right\" styles={this.styles.nextYearBtn}/>)}\n          />\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -9,7 +9,6 @@ import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/cor
 import { unStringify, validateField } from '@wavemaker/app-rn-runtime/core/utils';
 import WmCheckboxProps from './checkbox.props';
 import { DEFAULT_CLASS } from './checkbox.styles';
-import { createSkeleton } from '../../basic/skeleton/skeleton.component';
 export class WmCheckboxState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -80,25 +79,11 @@ export default class WmCheckbox extends BaseComponent {
       this.invokeEventCallback('onBlur', [null, this.proxy]);
     });
   }
-  renderSkeleton(props) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, {
-      style: this.styles.root,
-      onPress: this.onPress.bind(this)
-    }, /*#__PURE__*/React.createElement(Checkbox.Android, {
-      status: this.state.isChecked ? 'checked' : 'unchecked',
-      color: this.styles.text.color,
-      disabled: this.props.readonly || this.props.disabled
-    }), createSkeleton(this.theme, this.styles.skeleton, {
-      ...this.styles.root,
-      width: this.styles.root.width,
-      height: this.styles.root.height
-    }));
-  }
   renderWidget(props) {
     return /*#__PURE__*/React.createElement(TouchableOpacity, {
       style: this.styles.root,
       onPress: this.onPress.bind(this)
-    }, /*#__PURE__*/React.createElement(Checkbox.Android, {
+    }, this._background, /*#__PURE__*/React.createElement(Checkbox.Android, {
       status: this.state.isChecked ? 'checked' : 'unchecked',
       color: this.styles.text.color,
       disabled: props.readonly || props.disabled

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","Checkbox","TouchableOpacity","BaseComponent","BaseComponentState","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","createSkeleton","WmCheckboxState","WmCheckbox","constructor","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","readonly","invokeEventCallback","proxy","disabled","oldValue","uncheckedvalue","onFieldChange","renderSkeleton","styles","root","bind","text","color","theme","skeleton","width","height","renderWidget","checkboxLabel","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Checkbox } from 'react-native-paper';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\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 WmCheckboxState);\n  }\n\n  onPress() {\n    if (!this.state.props.readonly) {\n      this.invokeEventCallback('onFocus', [null, this.proxy]);\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled) {\n      return;\n    }\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  public renderSkeleton(props: WmCheckboxProps){\n    return (\n      <TouchableOpacity style={this.styles.root} onPress={this.onPress.bind(this)}>\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={this.props.readonly || this.props.disabled}/>\n          {\n            createSkeleton(this.theme, this.styles.skeleton, {\n              ...this.styles.root,\n              width: this.styles.root.width,\n              height: this.styles.root.height\n            })\n          }\n      </TouchableOpacity>\n    );\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity style={this.styles.root} onPress={this.onPress.bind(this)}>\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n          <Text style={this.styles.checkboxLabel}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","Checkbox","TouchableOpacity","BaseComponent","BaseComponentState","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","WmCheckboxState","WmCheckbox","constructor","props","setChecked","dataValue","checkedvalue","value","updateState","isChecked","onPropertyChange","name","$new","$old","state","datavalue","updateDatavalue","validate","validationObj","isValid","errorType","onPress","readonly","invokeEventCallback","proxy","disabled","oldValue","uncheckedvalue","onFieldChange","renderWidget","styles","root","bind","_background","text","color","checkboxLabel","caption"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { Checkbox } from 'react-native-paper';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {unStringify, validateField} from '@wavemaker/app-rn-runtime/core/utils';\n\nimport WmCheckboxProps from './checkbox.props';\nimport { DEFAULT_CLASS, WmCheckboxStyles } from './checkbox.styles';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\n\nexport class WmCheckboxState extends BaseComponentState<WmCheckboxProps> {\n  isChecked: boolean = false;\n  isValid: boolean = true;\n  errorType = '';\n}\n\nexport default class WmCheckbox extends BaseComponent<WmCheckboxProps, WmCheckboxState, WmCheckboxStyles> {\n\n  constructor(props: WmCheckboxProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxProps(), new WmCheckboxState());\n  }\n\n  setChecked(dataValue: any, checkedvalue: any) {\n    const value = unStringify(dataValue) === unStringify(checkedvalue, true);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'checkedvalue':\n        this.setChecked(this.state.props.datavalue, $new);\n        break;\n      case 'datavalue':\n        this.setChecked($new, this.state.props.checkedvalue);\n        break;\n    }\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxState);\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 WmCheckboxState);\n  }\n\n  onPress() {\n    if (!this.state.props.readonly) {\n      this.invokeEventCallback('onFocus', [null, this.proxy]);\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled) {\n      return;\n    }\n    const oldValue = this.state.props.datavalue;\n    const value = !this.state.isChecked;\n    this.validate(value);\n    this.updateState({ isChecked: value } as WmCheckboxState);\n    const dataValue = value === true ? this.state.props.checkedvalue : this.state.props.uncheckedvalue;\n    this.updateState({ props: { datavalue: dataValue } } as WmCheckboxState,\n      () => {\n        if (!this.props.onFieldChange) {\n          this.invokeEventCallback('onChange', [null, this.proxy, dataValue, oldValue]);\n        } else {\n          this.props.onFieldChange && this.props.onFieldChange('datavalue', dataValue, oldValue);\n        }\n        this.invokeEventCallback('onBlur', [ null, this.proxy ]);\n      });\n  }\n\n  renderWidget(props: WmCheckboxProps) {\n    return (\n      <TouchableOpacity style={this.styles.root} onPress={this.onPress.bind(this)}>\n          {this._background}\n          <Checkbox.Android status={this.state.isChecked ? 'checked' : 'unchecked'} color={this.styles.text.color as string} disabled={props.readonly || props.disabled}/>\n          <Text style={this.styles.checkboxLabel}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,gBAAgB,QAAQ,8BAA8B;AAE/D,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAAQC,WAAW,EAAEC,aAAa,QAAO,sCAAsC;AAE/E,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAA0B,mBAAmB;AAGnE,OAAO,MAAMC,eAAe,SAASL,kBAAkB,CAAkB;EAAA;IAAA;IAAA,mCAClD,KAAK;IAAA,iCACP,IAAI;IAAA,mCACX,EAAE;EAAA;AAChB;AAEA,eAAe,MAAMM,UAAU,SAASP,aAAa,CAAqD;EAExGQ,WAAW,CAACC,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,eAAe,EAAE,EAAE,IAAIE,eAAe,EAAE,CAAC;EAC3E;EAEAI,UAAU,CAACC,SAAc,EAAEC,YAAiB,EAAE;IAC5C,MAAMC,KAAK,GAAGX,WAAW,CAACS,SAAS,CAAC,KAAKT,WAAW,CAACU,YAAY,EAAE,IAAI,CAAC;IACxE,IAAI,CAACE,WAAW,CAAC;MAAEC,SAAS,EAAEF;IAAM,CAAC,CAAoB;EAC3D;EAEAG,gBAAgB,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,QAAQF,IAAI;MACV,KAAK,cAAc;QACjB,IAAI,CAACP,UAAU,CAAC,IAAI,CAACU,KAAK,CAACX,KAAK,CAACY,SAAS,EAAEH,IAAI,CAAC;QACjD;MACF,KAAK,WAAW;QACd,IAAI,CAACR,UAAU,CAACQ,IAAI,EAAE,IAAI,CAACE,KAAK,CAACX,KAAK,CAACG,YAAY,CAAC;QACpD;IAAM;EAEZ;EAEAU,eAAe,CAACT,KAAU,EAAE;IAC1B,IAAI,CAACC,WAAW,CAAC;MAAEL,KAAK,EAAE;QAAEY,SAAS,EAAER;MAAM;IAAC,CAAC,CAAoB;EACrE;EACAU,QAAQ,CAACV,KAAU,EAAE;IACnB,MAAMW,aAAa,GAAGrB,aAAa,CAAC,IAAI,CAACiB,KAAK,CAACX,KAAK,EAAEI,KAAK,CAAC;IAC5D,IAAI,CAACC,WAAW,CAAC;MACfW,OAAO,EAAED,aAAa,CAACC,OAAO;MAC9BC,SAAS,EAAEF,aAAa,CAACE;IAC3B,CAAC,CAAoB;EACvB;EAEAC,OAAO,GAAG;IACR,IAAI,CAAC,IAAI,CAACP,KAAK,CAACX,KAAK,CAACmB,QAAQ,EAAE;MAC9B,IAAI,CAACC,mBAAmB,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACzD;IACA,IAAI,CAACD,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACrD,IAAI,IAAI,CAACV,KAAK,CAACX,KAAK,CAACsB,QAAQ,EAAE;MAC7B;IACF;IACA,MAAMC,QAAQ,GAAG,IAAI,CAACZ,KAAK,CAACX,KAAK,CAACY,SAAS;IAC3C,MAAMR,KAAK,GAAG,CAAC,IAAI,CAACO,KAAK,CAACL,SAAS;IACnC,IAAI,CAACQ,QAAQ,CAACV,KAAK,CAAC;IACpB,IAAI,CAACC,WAAW,CAAC;MAAEC,SAAS,EAAEF;IAAM,CAAC,CAAoB;IACzD,MAAMF,SAAS,GAAGE,KAAK,KAAK,IAAI,GAAG,IAAI,CAACO,KAAK,CAACX,KAAK,CAACG,YAAY,GAAG,IAAI,CAACQ,KAAK,CAACX,KAAK,CAACwB,cAAc;IAClG,IAAI,CAACnB,WAAW,CAAC;MAAEL,KAAK,EAAE;QAAEY,SAAS,EAAEV;MAAU;IAAE,CAAC,EAClD,MAAM;MACJ,IAAI,CAAC,IAAI,CAACF,KAAK,CAACyB,aAAa,EAAE;QAC7B,IAAI,CAACL,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,EAAEnB,SAAS,EAAEqB,QAAQ,CAAC,CAAC;MAC/E,CAAC,MAAM;QACL,IAAI,CAACvB,KAAK,CAACyB,aAAa,IAAI,IAAI,CAACzB,KAAK,CAACyB,aAAa,CAAC,WAAW,EAAEvB,SAAS,EAAEqB,QAAQ,CAAC;MACxF;MACA,IAAI,CAACH,mBAAmB,CAAC,QAAQ,EAAE,CAAE,IAAI,EAAE,IAAI,CAACC,KAAK,CAAE,CAAC;IAC1D,CAAC,CAAC;EACN;EAEAK,YAAY,CAAC1B,KAAsB,EAAE;IACnC,oBACE,oBAAC,gBAAgB;MAAC,KAAK,EAAE,IAAI,CAAC2B,MAAM,CAACC,IAAK;MAAC,OAAO,EAAE,IAAI,CAACV,OAAO,CAACW,IAAI,CAAC,IAAI;IAAE,GACvE,IAAI,CAACC,WAAW,eACjB,oBAAC,QAAQ,CAAC,OAAO;MAAC,MAAM,EAAE,IAAI,CAACnB,KAAK,CAACL,SAAS,GAAG,SAAS,GAAG,WAAY;MAAC,KAAK,EAAE,IAAI,CAACqB,MAAM,CAACI,IAAI,CAACC,KAAgB;MAAC,QAAQ,EAAEhC,KAAK,CAACmB,QAAQ,IAAInB,KAAK,CAACsB;IAAS,EAAE,eAChK,oBAAC,IAAI;MAAC,KAAK,EAAE,IAAI,CAACK,MAAM,CAACM;IAAc,GAAEjC,KAAK,CAACkC,OAAO,CAAQ,CAC/C;EAEvB;AACF"}