@wavemaker/app-rn-runtime 11.5.2-next.141129 → 11.5.2-next.141132

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","TouchableOpacity","BaseComponent","BaseComponentState","WmIcon","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","WmCheckboxState","constructor","arguments","_defineProperty","WmCheckbox","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","createElement","_extends","getTestPropsForAction","style","styles","root","bind","CHECKBOX","checked","accessibilityRole","accessibilityLabel","caption","_background","iconclass","checkicon","uncheckicon","getTestPropsForLabel","text"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.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 { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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 {...this.getTestPropsForAction()} style={this.styles.root} onPress={this.onPress.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {...props, checked: this.state.isChecked})} accessibilityRole='checkbox' accessibilityLabel={`Checkbox for ${props.caption}`}>\n          {this._background}\n          <WmIcon iconclass=\"wi wi-check\" styles={this.state.isChecked ? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled}/>\n          <Text {...this.getTestPropsForLabel()} style={this.styles.text}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AAErD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,OAAOC,MAAM,MAAM,gEAAgE;AACnF,SAAQC,WAAW,EAAEC,aAAa,QAAO,sCAAsC;AAE/E,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,SAASC,aAAa,QAA0B,mBAAmB;AACnE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAO,MAAMC,eAAe,SAASR,kBAAkB,CAAkB;EAAAS,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBAClD,KAAK;IAAAA,eAAA,kBACP,IAAI;IAAAA,eAAA,oBACX,EAAE;EAAA;AAChB;AAEA,eAAe,MAAMC,UAAU,SAASb,aAAa,CAAqD;EAExGU,WAAWA,CAACI,KAAsB,EAAE;IAClC,KAAK,CAACA,KAAK,EAAER,aAAa,EAAE,IAAID,eAAe,CAAC,CAAC,EAAE,IAAII,eAAe,CAAC,CAAC,CAAC;EAC3E;EAEAM,UAAUA,CAACC,SAAc,EAAEC,YAAiB,EAAE;IAC5C,MAAMC,KAAK,GAAGf,WAAW,CAACa,SAAS,CAAC,KAAKb,WAAW,CAACc,YAAY,EAAE,IAAI,CAAC;IACxE,IAAI,CAACE,WAAW,CAAC;MAAEC,SAAS,EAAEF;IAAM,CAAoB,CAAC;EAC3D;EAEAG,gBAAgBA,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;IACJ;EACF;EAEAU,eAAeA,CAACT,KAAU,EAAE;IAC1B,IAAI,CAACC,WAAW,CAAC;MAAEL,KAAK,EAAE;QAAEY,SAAS,EAAER;MAAM;IAAC,CAAoB,CAAC;EACrE;EACAU,QAAQA,CAACV,KAAU,EAAE;IACnB,MAAMW,aAAa,GAAGzB,aAAa,CAAC,IAAI,CAACqB,KAAK,CAACX,KAAK,EAAEI,KAAK,CAAC;IAC5D,IAAI,CAACC,WAAW,CAAC;MACfW,OAAO,EAAED,aAAa,CAACC,OAAO;MAC9BC,SAAS,EAAEF,aAAa,CAACE;IAC3B,CAAoB,CAAC;EACvB;EAEAC,OAAOA,CAAA,EAAG;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,CAAoB,CAAC;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,YAAYA,CAAC1B,KAAsB,EAAE;IACnC,oBACEjB,KAAA,CAAA4C,aAAA,CAAC1C,gBAAgB,EAAA2C,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC,IAAK;MAACd,OAAO,EAAE,IAAI,CAACA,OAAO,CAACe,IAAI,CAAC,IAAI;IAAE,GAAKvC,qBAAqB,CAACD,uBAAuB,CAACyC,QAAQ,EAAE;MAAC,GAAGlC,KAAK;MAAEmC,OAAO,EAAE,IAAI,CAACxB,KAAK,CAACL;IAAS,CAAC,CAAC;MAAE8B,iBAAiB,EAAC,UAAU;MAACC,kBAAkB,EAAG,gBAAerC,KAAK,CAACsC,OAAQ;IAAE,IACnS,IAAI,CAACC,WAAW,eACjBxD,KAAA,CAAA4C,aAAA,CAACvC,MAAM;MAACoD,SAAS,EAAC,aAAa;MAACT,MAAM,EAAE,IAAI,CAACpB,KAAK,CAACL,SAAS,GAAG,IAAI,CAACyB,MAAM,CAACU,SAAS,GAAG,IAAI,CAACV,MAAM,CAACW,WAAY;MAACpB,QAAQ,EAAEtB,KAAK,CAACmB,QAAQ,IAAInB,KAAK,CAACsB;IAAS,CAAC,CAAC,eAC7JvC,KAAA,CAAA4C,aAAA,CAAC3C,IAAI,EAAA4C,QAAA,KAAK,IAAI,CAACe,oBAAoB,CAAC,CAAC;MAAEb,KAAK,EAAE,IAAI,CAACC,MAAM,CAACa;IAAK,IAAE5C,KAAK,CAACsC,OAAc,CACvE,CAAC;EAEvB;AACF"}
+{"version":3,"names":["React","Text","TouchableOpacity","BaseComponent","BaseComponentState","WmIcon","unStringify","validateField","WmCheckboxProps","DEFAULT_CLASS","AccessibilityWidgetType","getAccessibilityProps","WmCheckboxState","constructor","arguments","_defineProperty","WmCheckbox","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","createElement","_extends","getTestPropsForAction","style","styles","root","bind","CHECKBOX","hint","checked","accessibilityRole","accessibilityLabel","caption","_background","iconclass","checkicon","uncheckicon","getTestPropsForLabel","text"],"sources":["checkbox.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TouchableOpacity } from 'react-native';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.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 { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\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 {...this.getTestPropsForAction()} style={this.styles.root} onPress={this.onPress.bind(this)} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {hint: props?.hint, checked: this.state.isChecked})} accessibilityRole='checkbox' accessibilityLabel={`Checkbox for ${props.caption}`}>\n          {this._background}\n          <WmIcon iconclass=\"wi wi-check\" styles={this.state.isChecked ? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled}/>\n          <Text {...this.getTestPropsForLabel()} style={this.styles.text}>{props.caption}</Text>\n      </TouchableOpacity>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -12,6 +12,7 @@ export default class WmCheckboxProps extends BaseProps {
     _defineProperty(this, "readonly", null);
     _defineProperty(this, "onFieldChange", void 0);
     _defineProperty(this, "invokeEvent", void 0);
+    _defineProperty(this, "hint", undefined);
   }
 }
 //# sourceMappingURL=checkbox.props.js.map

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

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

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

@@ -55,7 +55,7 @@ export default class WmCheckboxset extends BaseDatasetComponent {
       onPress: this.onPress.bind(this, item),
       key: item.key
     }, getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {
-      ...props,
+      hint: props === null || props === void 0 ? void 0 : props.hint,
       checked: item.selected
     }), {
       accessibilityRole: "checkbox",

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","find","forEach","isEqual","isEmpty","ScrollView","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","WmCheckboxsetState","constructor","arguments","_defineProperty","WmCheckboxset","props","onPress","item","invokeEventCallback","proxy","state","disabled","readonly","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","displayText","displayexp","displayfield","createElement","_extends","getTestPropsForAction","style","styles","bind","CHECKBOX","checked","accessibilityRole","accessibilityLabel","iconclass","checkicon","uncheckicon","template","renderitempartial","dataObject","getTestPropsForLabel","text","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","renderWidget","root","horizontal","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport { Checkbox } from 'react-native-paper';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n  \n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n  template: string = \"\";\n}\n\nexport default class WmCheckboxset extends BaseDatasetComponent<WmCheckboxsetProps, WmCheckboxsetState, WmCheckboxsetStyles> {\n  constructor(props: WmCheckboxsetProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());\n  }\n\n  onPress(item: any) {\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    item.selected = !item.selected;\n    const selectedValue: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    forEach(this.state.dataItems, (item) => {\n        if (item.selected) {\n          selectedValue.push(item.datafield);\n        }\n    });\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmCheckboxsetState,\n      () => {\n        this.computeDisplayValue();\n        this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n      });\n  }\n\n  renderChild(item: any, index: any) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={this.styles.item}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {...props, checked: item.selected})} accessibilityRole='checkbox' accessibilityLabel={`Checkbox for ${displayText}`}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.text}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield)) || ''\n      }\n    } as WmCheckboxsetState);\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmCheckboxsetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderCheckboxses(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderCheckboxses(items: any) {\n    const props = this.state.props;\n    return(<View>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index))\n        : null}\n    </View>)\n  }\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root}>\n        <ScrollView horizontal={true}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","View","TouchableOpacity","find","forEach","isEqual","isEmpty","ScrollView","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","WmCheckboxsetState","constructor","arguments","_defineProperty","WmCheckboxset","props","onPress","item","invokeEventCallback","proxy","state","disabled","readonly","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","displayText","displayexp","displayfield","createElement","_extends","getTestPropsForAction","style","styles","bind","CHECKBOX","hint","checked","accessibilityRole","accessibilityLabel","iconclass","checkicon","uncheckicon","template","renderitempartial","dataObject","getTestPropsForLabel","text","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","renderWidget","root","horizontal","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity } from 'react-native';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport { Checkbox } from 'react-native-paper';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n  \n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nexport class WmCheckboxsetState extends BaseDatasetState<WmCheckboxsetProps> {\n  isValid: boolean = true;\n  template: string = \"\";\n}\n\nexport default class WmCheckboxset extends BaseDatasetComponent<WmCheckboxsetProps, WmCheckboxsetState, WmCheckboxsetStyles> {\n  constructor(props: WmCheckboxsetProps) {\n    super(props, DEFAULT_CLASS, new WmCheckboxsetProps());\n  }\n\n  onPress(item: any) {\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    item.selected = !item.selected;\n    const selectedValue: any = [];\n    const selectedItem = find(this.state.dataItems, d => isEqual(d.key, item.key));\n    const oldValue = this.state.props.datavalue;\n    selectedItem.selected = item.selected;\n    forEach(this.state.dataItems, (item) => {\n        if (item.selected) {\n          selectedValue.push(item.datafield);\n        }\n    });\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmCheckboxsetState,\n      () => {\n        this.computeDisplayValue();\n        this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n      });\n  }\n\n  renderChild(item: any, index: any) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={this.styles.item}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOX, {hint: props?.hint, checked: item.selected})} accessibilityRole='checkbox' accessibilityLabel={`Checkbox for ${displayText}`}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.text}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  computeDisplayValue() {\n    this.updateState({\n      props: {\n        displayValue: ((this.state.dataItems || [] as any)\n          .filter((item: any) => item.selected)\n          .map((item: any) => item.displayexp || item.displayfield)) || ''\n      }\n    } as WmCheckboxsetState);\n  }\n\n  updateDatavalue(value: any) {\n    this.updateState({ props: { datavalue: value }} as WmCheckboxsetState);\n    return Promise.resolve();\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmCheckboxsetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderCheckboxses(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderCheckboxses(items: any) {\n    const props = this.state.props;\n    return(<View>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index))\n        : null}\n    </View>)\n  }\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root}>\n        <ScrollView horizontal={true}>\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -295,7 +295,13 @@ export default class BaseDatetime extends BaseComponent {
     });
   }
   addTouchableOpacity(props, children, styles) {
-    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(), {
+    var _children$props;
+    const hint = children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.hint;
+    const accessibilityProps = hint ? {
+      accessible: true,
+      accessibilityHint: hint
+    } : {};
+    return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, this.getTestPropsForAction(), accessibilityProps, {
       style: styles,
       onPress: () => {
         if (!props.readonly) {
@@ -337,6 +343,7 @@ export default class BaseDatetime extends BaseComponent {
         ...this.styles.clearIcon
       },
       id: this.getTestId('clearicon'),
+      accessibilitylabel: `clear ${props === null || props === void 0 ? void 0 : props.mode}`,
       onTap: () => {
         this.onDateChange(null, null);
         this.clearBtnClicked = true;
@@ -346,7 +353,8 @@ export default class BaseDatetime extends BaseComponent {
       styles: {
         color: this.styles.text.color,
         ...this.styles.calendarIcon
-      }
+      },
+      hint: props === null || props === void 0 ? void 0 : props.hint
     }))), this.state.showDatePicker && (Platform.OS === 'web' && this.renderWebWidget(props) || Platform.OS === 'android' && this.renderNativeWidget(props) || Platform.OS === 'ios' && this.renderNativeIOSWidgetWithModal(props))));
   }
 }

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

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

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

@@ -20,7 +20,7 @@ export default class WmDatetimeProps extends BaseProps {
     _defineProperty(this, "floatinglabel", void 0);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);
-    _defineProperty(this, "accessibilityrole", "none");
+    _defineProperty(this, "accessibilityrole", void 0);
     _defineProperty(this, "accessibilitylabelledby", undefined);
   }
 }

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

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

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

@@ -93,7 +93,7 @@ export default class WmSelect extends BaseDatasetComponent {
        * onLayout function is required.
        * https://github.com/naoufal/react-native-accordion/pull/19/files
        */
-      React.createElement(View, _extends({}, getAccessibilityProps(AccessibilityWidgetType.SELECT, props), {
+      React.createElement(View, {
         style: [this.styles.root, this.state.isValid ? {} : this.styles.invalid, {
           backgroundColor: props.disabled ? this.styles.disabledText.backgroundColor : this.styles.root.backgroundColor
         }],
@@ -101,19 +101,20 @@ export default class WmSelect extends BaseDatasetComponent {
           this.view = ref;
         },
         onLayout: () => {}
-      }), /*#__PURE__*/React.createElement(Text, _extends({
+      }, /*#__PURE__*/React.createElement(Text, _extends({
         style: [this.styles.text, this.state.props.displayValue ? {} : {
           color: this.styles.placeholderText.color
         }],
         ref: ref => {
           this.widgetRef = ref;
         }
-      }, this.getTestPropsForInput(), {
+      }, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.SELECT, props), {
         onPress: this.onPress.bind(this)
       }), this.state.props.displayValue || props.placeholder || ' '), /*#__PURE__*/React.createElement(WmButton, {
         styles: this.styles.arrowButton,
         iconclass: 'wi wi-keyboard-arrow-down',
-        onTap: this.onPress.bind(this)
+        onTap: this.onPress.bind(this),
+        hint: props === null || props === void 0 ? void 0 : props.hint
       }))
     );
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","Text","View","find","isEmpty","WmSelectProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","ModalConsumer","WmButton","Tappable","ThemeVariables","AccessibilityWidgetType","getAccessibilityProps","WmSelectState","constructor","arguments","_defineProperty","WmSelect","props","updateState","isOpened","onPress","event","state","disabled","showPopover","invokeEventCallback","proxy","onPropertyChange","name","$new","$old","isNaN","displayValue","placeholder","prepareModalOptions","content","styles","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","centered","onClose","hide","isDefaultValue","validate","triggerValidation","setState","hideModal","focus","_this$widgetRef","widgetRef","renderSelect","createElement","_extends","SELECT","style","root","isValid","invalid","backgroundColor","disabledText","ref","view","onLayout","text","color","placeholderText","getTestPropsForInput","bind","arrowButton","iconclass","onTap","isSelected","item","val","datafield","dataObject","datavalue","onItemSelect","isPlaceholder","onChange","renderSelectItem","index","isLast","selected","getTestPropsForAction","expanded","selectItem","lastSelectItem","selectedItem","getTestPropsForLabel","selectItemText","selectedItemText","displayexp","displayfield","id","getTestId","theme","mergeStyle","checkIcon","opacity","updateDefaultQueryModel","dataItems","length","componentDidMount","onDataItemsUpdate","renderWidget","items","showModal","width","maxHeight","INSTANCE","maxModalHeight","contentContainerStyle","dropDownContent","key","map"],"sources":["select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, Text, View } from 'react-native';\nimport { find, isEmpty } from 'lodash';\n\nimport WmSelectProps from './select.props';\nimport { DEFAULT_CLASS, WmSelectStyles } from './select.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nexport class WmSelectState extends BaseDatasetState<WmSelectProps> {\n  modalOptions = {} as ModalOptions;\n  isOpened: boolean = false;\n  selectedValue: any = '';\n}\n\nexport default class WmSelect extends BaseDatasetComponent<WmSelectProps, WmSelectState, WmSelectStyles> {\n  constructor(props: WmSelectProps) {\n    super(props, DEFAULT_CLASS, new WmSelectProps(), new WmSelectState());\n  }\n  view: View = null as any;\n  public widgetRef: Text | null = null;\n  private isDefaultValue: boolean = true;\n\n  onPress(event: any) {\n    if (this.state.props.disabled) {\n      return;\n    }\n    if (!this.state.isOpened) {\n      this.showPopover();\n    }\n    this.invokeEventCallback('onFocus', [event, this.proxy]);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'datavalue':\n          if (isNaN($new) && isEmpty($new)) {\n            this.updateState({\n              props: {\n                displayValue: this.state.props.placeholder || ''\n              }\n            } as WmSelectState);\n          }\n      }\n  }\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSelectStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.modalStyle = styles.modal;\n    o.contentStyle = {...styles.modalContent};\n    o.content = content;\n    o.isModal = true;\n    o.centered = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      if (this.isDefaultValue && this.state.props.displayValue === '') {\n        this.validate(this.state.props.displayValue);\n        this.props.triggerValidation && this.props.triggerValidation();\n      }\n      this.invokeEventCallback('onBlur', [{}, this.proxy]);\n      this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSelectState);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  public showPopover = () => {\n      this.updateState({ isOpened: true } as WmSelectState);\n  };\n\n  public hide = () => {};\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  renderSelect() {\n    const props = this.state.props;\n    return (\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View\n        {...getAccessibilityProps(\n          AccessibilityWidgetType.SELECT,\n          props\n        )}\n        style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid, { backgroundColor: props.disabled ? this.styles.disabledText.backgroundColor : this.styles.root.backgroundColor}]}\n        ref={(ref) => {\n          this.view = ref as View;\n        }}\n        onLayout={() => {}}>\n          <Text\n            style={[this.styles.text,\n              this.state.props.displayValue ? {} : {color: this.styles.placeholderText.color}]}\n            ref={(ref) => {\n              this.widgetRef = ref;\n            }}\n            {...this.getTestPropsForInput()}\n            onPress={this.onPress.bind(this)}>\n            {this.state.props.displayValue || props.placeholder || ' '}\n          </Text>\n          <WmButton\n            styles={this.styles.arrowButton}\n            iconclass={'wi wi-keyboard-arrow-down'}\n            onTap={this.onPress.bind(this)}\n          />\n      </View>\n    );\n  }\n\n  isSelected(item: any) {\n    const val = this.state.props.datafield === 'All Fields'  ? item.dataObject : item.datafield;\n    return this.state.props.datavalue === val;\n  }\n\n  onItemSelect(item: any, isPlaceholder?: boolean) {\n    this.isDefaultValue = false;\n    this.onChange(isPlaceholder ? '' : this.state.props.datafield === 'All Fields'  ? item.dataObject : item.datafield);\n    this.hide();\n  }\n\n  renderSelectItem(item: any, index: number, isPlaceholder: boolean, isLast: boolean) {\n    let selected = this.isSelected(item);\n    return (\n      <Tappable  {...this.getTestPropsForAction(index + '')} onTap={this.onItemSelect.bind(this, item, isPlaceholder)} {...getAccessibilityProps(\n        AccessibilityWidgetType.SELECT,\n        {...this.props, expanded: this.state.isOpened}\n      )}>\n        <View style={[this.styles.selectItem, isLast ?  this.styles.lastSelectItem  : null, selected ? this.styles.selectedItem : null ]}>\n          <Text  {...this.getTestPropsForLabel(index + '')} style={[this.styles.selectItemText,  {color: isPlaceholder ? this.styles.placeholderText.color : selected ? this.styles.selectedItemText.color : this.styles.selectItemText.color}]}>\n            {isPlaceholder ? this.state.props.placeholder : (item.displayexp || item.displayfield)}\n          </Text>\n          <WmIcon id={this.getTestId('checkicon' + index)} iconclass='wi wi-check' styles={this.theme.mergeStyle(this.styles.checkIcon, {\n            root: {\n              opacity: !isPlaceholder && selected ?  1 : 0\n            }\n          })}></WmIcon>\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultValue) {\n      const selectedItem = find(this.state.dataItems, (item) => item.selected);\n      selectedItem && this.updateState({\n        props: {\n        displayValue: selectedItem.displayexp || selectedItem.displayfield || ''\n      }\n      } as WmSelectState);\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.updateDefaultQueryModel();\n  }\n\n  renderWidget(props: WmSelectProps) {\n    return (\n      <View>\n        {this.renderSelect()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              const items = this.state.dataItems;\n              modalService.showModal(\n                this.prepareModalOptions(\n                  <ScrollView style={{width: '100%', maxHeight: ThemeVariables.INSTANCE.maxModalHeight}} contentContainerStyle={this.styles.dropDownContent}>\n                    {props.placeholder ?\n                      <View key={props.name + '_placeholder'} style={this.styles.placeholderText}>\n                        {this.renderSelectItem({}, 0, true, false)}\n                      </View>\n                      : null}\n                      {items && items.map((item: any, index: number) => (\n                        <View key={item.key}>\n                          {this.renderSelectItem(item, index, false, index === items.length - 1)}\n                        </View>\n                      ))}\n                  </ScrollView>,\n                  this.styles,\n                  modalService\n                )\n              );\n              return null;\n            }}\n          </ModalConsumer>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","ScrollView","Text","View","find","isEmpty","WmSelectProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","ModalConsumer","WmButton","Tappable","ThemeVariables","AccessibilityWidgetType","getAccessibilityProps","WmSelectState","constructor","arguments","_defineProperty","WmSelect","props","updateState","isOpened","onPress","event","state","disabled","showPopover","invokeEventCallback","proxy","onPropertyChange","name","$new","$old","isNaN","displayValue","placeholder","prepareModalOptions","content","styles","modalService","o","modalOptions","modalStyle","modal","contentStyle","modalContent","isModal","centered","onClose","hide","isDefaultValue","validate","triggerValidation","setState","hideModal","focus","_this$widgetRef","widgetRef","renderSelect","createElement","style","root","isValid","invalid","backgroundColor","disabledText","ref","view","onLayout","_extends","text","color","placeholderText","getTestPropsForInput","SELECT","bind","arrowButton","iconclass","onTap","hint","isSelected","item","val","datafield","dataObject","datavalue","onItemSelect","isPlaceholder","onChange","renderSelectItem","index","isLast","selected","getTestPropsForAction","expanded","selectItem","lastSelectItem","selectedItem","getTestPropsForLabel","selectItemText","selectedItemText","displayexp","displayfield","id","getTestId","theme","mergeStyle","checkIcon","opacity","updateDefaultQueryModel","dataItems","length","componentDidMount","onDataItemsUpdate","renderWidget","items","showModal","width","maxHeight","INSTANCE","maxModalHeight","contentContainerStyle","dropDownContent","key","map"],"sources":["select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView, Text, View } from 'react-native';\nimport { find, isEmpty } from 'lodash';\n\nimport WmSelectProps from './select.props';\nimport { DEFAULT_CLASS, WmSelectStyles } from './select.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker/app-rn-runtime/core/modal.service';\nimport WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility'; \n\nexport class WmSelectState extends BaseDatasetState<WmSelectProps> {\n  modalOptions = {} as ModalOptions;\n  isOpened: boolean = false;\n  selectedValue: any = '';\n}\n\nexport default class WmSelect extends BaseDatasetComponent<WmSelectProps, WmSelectState, WmSelectStyles> {\n  constructor(props: WmSelectProps) {\n    super(props, DEFAULT_CLASS, new WmSelectProps(), new WmSelectState());\n  }\n  view: View = null as any;\n  public widgetRef: Text | null = null;\n  private isDefaultValue: boolean = true;\n\n  onPress(event: any) {\n    if (this.state.props.disabled) {\n      return;\n    }\n    if (!this.state.isOpened) {\n      this.showPopover();\n    }\n    this.invokeEventCallback('onFocus', [event, this.proxy]);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any): void {\n    super.onPropertyChange(name, $new, $old);\n      switch(name) {\n        case 'datavalue':\n          if (isNaN($new) && isEmpty($new)) {\n            this.updateState({\n              props: {\n                displayValue: this.state.props.placeholder || ''\n              }\n            } as WmSelectState);\n          }\n      }\n  }\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSelectStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    o.modalStyle = styles.modal;\n    o.contentStyle = {...styles.modalContent};\n    o.content = content;\n    o.isModal = true;\n    o.centered = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      if (this.isDefaultValue && this.state.props.displayValue === '') {\n        this.validate(this.state.props.displayValue);\n        this.props.triggerValidation && this.props.triggerValidation();\n      }\n      this.invokeEventCallback('onBlur', [{}, this.proxy]);\n      this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSelectState);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  public showPopover = () => {\n      this.updateState({ isOpened: true } as WmSelectState);\n  };\n\n  public hide = () => {};\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  renderSelect() {\n    const props = this.state.props;\n    return (\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View\n        style={[this.styles.root, this.state.isValid ? {} : this.styles.invalid, { backgroundColor: props.disabled ? this.styles.disabledText.backgroundColor : this.styles.root.backgroundColor}]}\n        ref={(ref) => {\n          this.view = ref as View;\n        }}\n        onLayout={() => {}}>\n          <Text\n            style={[this.styles.text,\n              this.state.props.displayValue ? {} : {color: this.styles.placeholderText.color}]}\n            ref={(ref) => {\n              this.widgetRef = ref;\n            }}\n            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(\n              AccessibilityWidgetType.SELECT,\n              props\n            )}\n            onPress={this.onPress.bind(this)}>\n            {this.state.props.displayValue || props.placeholder || ' '}\n          </Text>\n          <WmButton\n            styles={this.styles.arrowButton}\n            iconclass={'wi wi-keyboard-arrow-down'}\n            onTap={this.onPress.bind(this)}\n            hint={props?.hint}\n          />\n      </View>\n    );\n  }\n\n  isSelected(item: any) {\n    const val = this.state.props.datafield === 'All Fields'  ? item.dataObject : item.datafield;\n    return this.state.props.datavalue === val;\n  }\n\n  onItemSelect(item: any, isPlaceholder?: boolean) {\n    this.isDefaultValue = false;\n    this.onChange(isPlaceholder ? '' : this.state.props.datafield === 'All Fields'  ? item.dataObject : item.datafield);\n    this.hide();\n  }\n\n  renderSelectItem(item: any, index: number, isPlaceholder: boolean, isLast: boolean) {\n    let selected = this.isSelected(item);\n    return (\n      <Tappable  {...this.getTestPropsForAction(index + '')} onTap={this.onItemSelect.bind(this, item, isPlaceholder)} {...getAccessibilityProps(\n        AccessibilityWidgetType.SELECT,\n        {...this.props, expanded: this.state.isOpened}\n      )}>\n        <View style={[this.styles.selectItem, isLast ?  this.styles.lastSelectItem  : null, selected ? this.styles.selectedItem : null ]}>\n          <Text  {...this.getTestPropsForLabel(index + '')} style={[this.styles.selectItemText,  {color: isPlaceholder ? this.styles.placeholderText.color : selected ? this.styles.selectedItemText.color : this.styles.selectItemText.color}]}>\n            {isPlaceholder ? this.state.props.placeholder : (item.displayexp || item.displayfield)}\n          </Text>\n          <WmIcon id={this.getTestId('checkicon' + index)} iconclass='wi wi-check' styles={this.theme.mergeStyle(this.styles.checkIcon, {\n            root: {\n              opacity: !isPlaceholder && selected ?  1 : 0\n            }\n          })}></WmIcon>\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultValue) {\n      const selectedItem = find(this.state.dataItems, (item) => item.selected);\n      selectedItem && this.updateState({\n        props: {\n        displayValue: selectedItem.displayexp || selectedItem.displayfield || ''\n      }\n      } as WmSelectState);\n    }\n  }\n\n  componentDidMount() {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.updateDefaultQueryModel();\n  }\n\n  renderWidget(props: WmSelectProps) {\n    return (\n      <View>\n        {this.renderSelect()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              const items = this.state.dataItems;\n              modalService.showModal(\n                this.prepareModalOptions(\n                  <ScrollView style={{width: '100%', maxHeight: ThemeVariables.INSTANCE.maxModalHeight}} contentContainerStyle={this.styles.dropDownContent}>\n                    {props.placeholder ?\n                      <View key={props.name + '_placeholder'} style={this.styles.placeholderText}>\n                        {this.renderSelectItem({}, 0, true, false)}\n                      </View>\n                      : null}\n                      {items && items.map((item: any, index: number) => (\n                        <View key={item.key}>\n                          {this.renderSelectItem(item, index, false, index === items.length - 1)}\n                        </View>\n                      ))}\n                  </ScrollView>,\n                  this.styles,\n                  modalService\n                )\n              );\n              return null;\n            }}\n          </ModalConsumer>\n        ) : null}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -11,6 +11,7 @@ import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/cor
 import WmSliderProps from './slider.props';
 import { DEFAULT_CLASS } from './slider.styles';
 import { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 export class WmSliderState extends BaseComponentState {
   constructor() {
     super(...arguments);
@@ -118,7 +119,7 @@ export default class WmSlider extends BaseComponent {
       activeOpacity: 1,
       style: this.styles.track,
       onLayout: this.onLayoutChange
-    }, this.getTestProps()), /*#__PURE__*/React.createElement(Animated.View, {
+    }, this.getTestProps(), getAccessibilityProps(AccessibilityWidgetType.SLIDER, props)), /*#__PURE__*/React.createElement(Animated.View, {
       style: [this.styles.minimumTrack, {
         width: width,
         transform: [{
@@ -142,7 +143,9 @@ export default class WmSlider extends BaseComponent {
         transform: [{
           translateX: this.position
         }]
-      }]
+      }],
+      accessible: true,
+      accessibilityLabel: 'Thumb'
     }, /*#__PURE__*/React.createElement(BackgroundComponent, {
       size: this.styles.thumb.backgroundSize || 'contain',
       position: this.styles.thumb.backgroundPosition,

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","Animated","debounce","isNumber","isNil","Gesture","GestureDetector","BackgroundComponent","BaseComponent","BaseComponentState","WmSliderProps","DEFAULT_CLASS","isWebPreviewMode","WmSliderState","constructor","arguments","_defineProperty","WmSlider","props","Value","Pan","value","state","datavalue","updateState","onFieldChange","e","layout","nativeEvent","track","top","y","left","x","width","height","computePosition","configureGesture","trackGesture","knobGesture","getValueFromGesture","positionX","factor","step","maxvalue","minvalue","Math","round","max","min","gesture","maxPointers","minDistance","onChange","absoluteX","forceUpdate","onEnd","getDataValue","onPropertyChange","name","$new","$old","invokeEventCallback","setProp","_this$state$track","_this$position","position","setValue","isNaN","renderWidget","_this$state$track2","createElement","style","styles","root","_background","flexDirection","justifyContent","_extends","getTestProps","text","minimumValue","maximumValue","activeOpacity","onLayout","onLayoutChange","minimumTrack","transform","translateX","interpolate","inputRange","outputRange","maximumTrack","thumb","size","backgroundSize","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat"],"sources":["slider.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent, TouchableOpacity, Animated, Easing } from 'react-native';\nimport { debounce, isNumber, isNil } from 'lodash';\nimport { Gesture, GestureDetector, PanGesture } from 'react-native-gesture-handler';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmSliderProps from './slider.props';\nimport { DEFAULT_CLASS, WmSliderStyles } from './slider.styles';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmSliderState extends BaseComponentState<WmSliderProps> {\n  track?: {\n    top: number,\n    left: number,\n    width: number,\n    height: number\n  };\n}\n\nexport default class WmSlider extends BaseComponent<WmSliderProps, WmSliderState, WmSliderStyles> {\n  valueBeforeSlide: number = 0;\n  private position = new Animated.Value(0);\n  private trackGesture = Gesture.Pan();\n  private knobGesture = Gesture.Pan();\n\n  constructor(props: WmSliderProps) {\n    super(props, DEFAULT_CLASS, new WmSliderProps());\n    this.configureGesture(this.trackGesture);\n    this.configureGesture(this.knobGesture);\n  }\n\n  getValueFromGesture(positionX: number) {\n    if (this.state.track) {\n      const factor = (positionX - this.state.track.left) / this.state.track.width;\n      const props = this.state.props;\n      const step = props.step || (props.maxvalue - props.minvalue) / 100;\n      let value =  Math.round((factor * props.maxvalue + props.minvalue) / step) * step;\n      return Math.max(Math.min(props.maxvalue, value), props.minvalue);\n    }\n    return 0;\n  };\n\n  configureGesture(gesture: PanGesture) {\n    gesture\n      .maxPointers(1)\n      .minDistance(0)\n      .onChange(e => {\n        const value = this.getValueFromGesture(e.absoluteX);\n        this.computePosition(value);\n        this.forceUpdate();\n      })\n      .onEnd(e => {\n        if (this.state.track) {\n          const value = this.getValueFromGesture(e.absoluteX);\n          this.onChange(value);\n          this.forceUpdate();\n        }\n      })\n  }\n\n  getDataValue() {\n    if (isNil(this.props.datavalue)) {\n      return this.state.props.minvalue + (this.state.props.maxvalue - this.state.props.minvalue)/2;\n    }\n    return Math.min(Math.max(this.props.datavalue, this.state.props.minvalue), this.state.props.maxvalue);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'datavalue':\n        if (isNumber($new) && isNumber($old)) {\n          this.invokeEventCallback('onChange', [null, this, $new, $old]);\n        }\n      case 'maxvalue':\n      case 'minvalue': \n        this.setProp('datavalue', this.getDataValue() || 0)\n        this.computePosition(this.state.props.datavalue);\n    }\n  }\n\n  onChange = debounce((value: number) => {\n    if (this.state.props.datavalue !== value) {\n      this.updateState({\n        props : {\n          datavalue: value\n        }\n      } as WmSliderState);\n      this.props.onFieldChange &&\n      this.props.onFieldChange(\n        'datavalue',\n        value,\n        this.state.props.datavalue\n      );\n    }\n  }, 200);\n\n  computePosition(datavalue: number) {\n    const props = this.state.props;\n    const width = this.state.track?.width || 0;\n    const value = ((datavalue - props.minvalue) / props.maxvalue) * (width);\n    this.position?.setValue(isNaN(value) ? 0 : value);\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    const layout = e.nativeEvent.layout;\n    this.updateState({\n      track: {\n        top: isWebPreviewMode() ? (layout as any).top : layout.y,\n        left: isWebPreviewMode() ? (layout as any).left : layout.x,\n        width: layout.width,\n        height: layout.height\n      }\n    } as WmSliderState, () => this.computePosition(this.state.props.datavalue));\n  }\n\n  renderWidget(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    return (\n    <View style={this.styles.root}>\n      {this._background}\n      <View style={{flexDirection:'row', justifyContent:'space-between'}}>\n        <Text {...this.getTestProps('min')} style={[this.styles.text, this.styles.minimumValue]}>{props.minvalue}</Text>\n        <Text {...this.getTestProps('value')} style={[this.styles.text, this.styles.value]}>{props.datavalue}</Text>\n        <Text {...this.getTestProps('max')} style={[this.styles.text, this.styles.maximumValue]}>{props.maxvalue}</Text>\n      </View>\n      <GestureDetector gesture={this.trackGesture}>\n        <TouchableOpacity\n          activeOpacity={1} \n          style={this.styles.track}\n          onLayout={this.onLayoutChange}\n          {...this.getTestProps()}>\n            <Animated.View style={[this.styles.minimumTrack, {\n              width: width,\n              transform: [{\n                translateX: this.position.interpolate({\n                  inputRange: [0, width],\n                  outputRange: [-width, 0]\n                })\n              }]\n            }]}></Animated.View>\n            <Animated.View style={[this.styles.maximumTrack, {\n              width: width,\n              transform: [{\n                translateX: this.position\n              }]\n            }]}></Animated.View>\n        </TouchableOpacity>\n      </GestureDetector>\n      <GestureDetector gesture={this.knobGesture}>\n        <Animated.View style={[this.styles.thumb, {\n          transform: [{\n            translateX: this.position\n          }]\n        }]}>\n          <BackgroundComponent\n            size={(this.styles.thumb as any).backgroundSize || 'contain'}\n            position={(this.styles.thumb as any).backgroundPosition}\n            image={(this.styles.thumb as any).backgroundImage}\n            repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}>  \n          </BackgroundComponent>\n        </Animated.View>\n      </GestureDetector>\n    </View>);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","TouchableOpacity","Animated","debounce","isNumber","isNil","Gesture","GestureDetector","BackgroundComponent","BaseComponent","BaseComponentState","WmSliderProps","DEFAULT_CLASS","isWebPreviewMode","AccessibilityWidgetType","getAccessibilityProps","WmSliderState","constructor","arguments","_defineProperty","WmSlider","props","Value","Pan","value","state","datavalue","updateState","onFieldChange","e","layout","nativeEvent","track","top","y","left","x","width","height","computePosition","configureGesture","trackGesture","knobGesture","getValueFromGesture","positionX","factor","step","maxvalue","minvalue","Math","round","max","min","gesture","maxPointers","minDistance","onChange","absoluteX","forceUpdate","onEnd","getDataValue","onPropertyChange","name","$new","$old","invokeEventCallback","setProp","_this$state$track","_this$position","position","setValue","isNaN","renderWidget","_this$state$track2","createElement","style","styles","root","_background","flexDirection","justifyContent","_extends","getTestProps","text","minimumValue","maximumValue","activeOpacity","onLayout","onLayoutChange","SLIDER","minimumTrack","transform","translateX","interpolate","inputRange","outputRange","maximumTrack","thumb","accessible","accessibilityLabel","size","backgroundSize","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat"],"sources":["slider.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent, TouchableOpacity, Animated, Easing } from 'react-native';\nimport { debounce, isNumber, isNil } from 'lodash';\nimport { Gesture, GestureDetector, PanGesture } from 'react-native-gesture-handler';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\n\nimport WmSliderProps from './slider.props';\nimport { DEFAULT_CLASS, WmSliderStyles } from './slider.styles';\nimport { isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmSliderState extends BaseComponentState<WmSliderProps> {\n  track?: {\n    top: number,\n    left: number,\n    width: number,\n    height: number\n  };\n}\n\nexport default class WmSlider extends BaseComponent<WmSliderProps, WmSliderState, WmSliderStyles> {\n  valueBeforeSlide: number = 0;\n  private position = new Animated.Value(0);\n  private trackGesture = Gesture.Pan();\n  private knobGesture = Gesture.Pan();\n\n  constructor(props: WmSliderProps) {\n    super(props, DEFAULT_CLASS, new WmSliderProps());\n    this.configureGesture(this.trackGesture);\n    this.configureGesture(this.knobGesture);\n  }\n\n  getValueFromGesture(positionX: number) {\n    if (this.state.track) {\n      const factor = (positionX - this.state.track.left) / this.state.track.width;\n      const props = this.state.props;\n      const step = props.step || (props.maxvalue - props.minvalue) / 100;\n      let value =  Math.round((factor * props.maxvalue + props.minvalue) / step) * step;\n      return Math.max(Math.min(props.maxvalue, value), props.minvalue);\n    }\n    return 0;\n  };\n\n  configureGesture(gesture: PanGesture) {\n    gesture\n      .maxPointers(1)\n      .minDistance(0)\n      .onChange(e => {\n        const value = this.getValueFromGesture(e.absoluteX);\n        this.computePosition(value);\n        this.forceUpdate();\n      })\n      .onEnd(e => {\n        if (this.state.track) {\n          const value = this.getValueFromGesture(e.absoluteX);\n          this.onChange(value);\n          this.forceUpdate();\n        }\n      })\n  }\n\n  getDataValue() {\n    if (isNil(this.props.datavalue)) {\n      return this.state.props.minvalue + (this.state.props.maxvalue - this.state.props.minvalue)/2;\n    }\n    return Math.min(Math.max(this.props.datavalue, this.state.props.minvalue), this.state.props.maxvalue);\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch(name) {\n      case 'datavalue':\n        if (isNumber($new) && isNumber($old)) {\n          this.invokeEventCallback('onChange', [null, this, $new, $old]);\n        }\n      case 'maxvalue':\n      case 'minvalue': \n        this.setProp('datavalue', this.getDataValue() || 0)\n        this.computePosition(this.state.props.datavalue);\n    }\n  }\n\n  onChange = debounce((value: number) => {\n    if (this.state.props.datavalue !== value) {\n      this.updateState({\n        props : {\n          datavalue: value\n        }\n      } as WmSliderState);\n      this.props.onFieldChange &&\n      this.props.onFieldChange(\n        'datavalue',\n        value,\n        this.state.props.datavalue\n      );\n    }\n  }, 200);\n\n  computePosition(datavalue: number) {\n    const props = this.state.props;\n    const width = this.state.track?.width || 0;\n    const value = ((datavalue - props.minvalue) / props.maxvalue) * (width);\n    this.position?.setValue(isNaN(value) ? 0 : value);\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    const layout = e.nativeEvent.layout;\n    this.updateState({\n      track: {\n        top: isWebPreviewMode() ? (layout as any).top : layout.y,\n        left: isWebPreviewMode() ? (layout as any).left : layout.x,\n        width: layout.width,\n        height: layout.height\n      }\n    } as WmSliderState, () => this.computePosition(this.state.props.datavalue));\n  }\n\n  renderWidget(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    return (\n    <View style={this.styles.root}>\n      {this._background}\n      <View style={{flexDirection:'row', justifyContent:'space-between'}}>\n        <Text {...this.getTestProps('min')} style={[this.styles.text, this.styles.minimumValue]}>{props.minvalue}</Text>\n        <Text {...this.getTestProps('value')} style={[this.styles.text, this.styles.value]}>{props.datavalue}</Text>\n        <Text {...this.getTestProps('max')} style={[this.styles.text, this.styles.maximumValue]}>{props.maxvalue}</Text>\n      </View>\n      <GestureDetector gesture={this.trackGesture}>\n        <TouchableOpacity\n          activeOpacity={1} \n          style={this.styles.track}\n          onLayout={this.onLayoutChange}\n          {...this.getTestProps()}\n          {...getAccessibilityProps(AccessibilityWidgetType.SLIDER, props)}>\n            <Animated.View style={[this.styles.minimumTrack, {\n              width: width,\n              transform: [{\n                translateX: this.position.interpolate({\n                  inputRange: [0, width],\n                  outputRange: [-width, 0]\n                })\n              }]\n            }]}></Animated.View>\n            <Animated.View style={[this.styles.maximumTrack, {\n              width: width,\n              transform: [{\n                translateX: this.position\n              }]\n            }]}></Animated.View>\n        </TouchableOpacity>\n      </GestureDetector>\n      <GestureDetector gesture={this.knobGesture}>\n        <Animated.View style={[this.styles.thumb, {\n            transform: [{\n              translateX: this.position\n            }]\n          }]}\n          accessible={true}\n          accessibilityLabel={'Thumb'}\n          >\n          <BackgroundComponent\n            size={(this.styles.thumb as any).backgroundSize || 'contain'}\n            position={(this.styles.thumb as any).backgroundPosition}\n            image={(this.styles.thumb as any).backgroundImage}\n            repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}>  \n          </BackgroundComponent>\n        </Animated.View>\n      </GestureDetector>\n    </View>);\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAqBC,gBAAgB,EAAEC,QAAQ,QAAgB,cAAc;AAChG,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,QAAQ;AAClD,SAASC,OAAO,EAAEC,eAAe,QAAoB,8BAA8B;AACnF,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AAEjG,OAAOC,aAAa,MAAM,gBAAgB;AAC1C,SAASC,aAAa,QAAwB,iBAAiB;AAC/D,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAO,MAAMC,aAAa,SAASN,kBAAkB,CAAgB;EAAAO,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA;EAAA;AAOrE;AAEA,eAAe,MAAMC,QAAQ,SAASX,aAAa,CAA+C;EAMhGQ,WAAWA,CAACI,KAAoB,EAAE;IAChC,KAAK,CAACA,KAAK,EAAET,aAAa,EAAE,IAAID,aAAa,CAAC,CAAC,CAAC;IAACQ,eAAA,2BANxB,CAAC;IAAAA,eAAA,mBACT,IAAIjB,QAAQ,CAACoB,KAAK,CAAC,CAAC,CAAC;IAAAH,eAAA,uBACjBb,OAAO,CAACiB,GAAG,CAAC,CAAC;IAAAJ,eAAA,sBACdb,OAAO,CAACiB,GAAG,CAAC,CAAC;IAAAJ,eAAA,mBAyDxBhB,QAAQ,CAAEqB,KAAa,IAAK;MACrC,IAAI,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK,SAAS,KAAKF,KAAK,EAAE;QACxC,IAAI,CAACG,WAAW,CAAC;UACfN,KAAK,EAAG;YACNK,SAAS,EAAEF;UACb;QACF,CAAkB,CAAC;QACnB,IAAI,CAACH,KAAK,CAACO,aAAa,IACxB,IAAI,CAACP,KAAK,CAACO,aAAa,CACtB,WAAW,EACXJ,KAAK,EACL,IAAI,CAACC,KAAK,CAACJ,KAAK,CAACK,SACnB,CAAC;MACH;IACF,CAAC,EAAE,GAAG,CAAC;IAAAP,eAAA,yBASWU,CAAoB,IAAK;MACzC,MAAMC,MAAM,GAAGD,CAAC,CAACE,WAAW,CAACD,MAAM;MACnC,IAAI,CAACH,WAAW,CAAC;QACfK,KAAK,EAAE;UACLC,GAAG,EAAEpB,gBAAgB,CAAC,CAAC,GAAIiB,MAAM,CAASG,GAAG,GAAGH,MAAM,CAACI,CAAC;UACxDC,IAAI,EAAEtB,gBAAgB,CAAC,CAAC,GAAIiB,MAAM,CAASK,IAAI,GAAGL,MAAM,CAACM,CAAC;UAC1DC,KAAK,EAAEP,MAAM,CAACO,KAAK;UACnBC,MAAM,EAAER,MAAM,CAACQ;QACjB;MACF,CAAC,EAAmB,MAAM,IAAI,CAACC,eAAe,CAAC,IAAI,CAACd,KAAK,CAACJ,KAAK,CAACK,SAAS,CAAC,CAAC;IAC7E,CAAC;IAtFC,IAAI,CAACc,gBAAgB,CAAC,IAAI,CAACC,YAAY,CAAC;IACxC,IAAI,CAACD,gBAAgB,CAAC,IAAI,CAACE,WAAW,CAAC;EACzC;EAEAC,mBAAmBA,CAACC,SAAiB,EAAE;IACrC,IAAI,IAAI,CAACnB,KAAK,CAACO,KAAK,EAAE;MACpB,MAAMa,MAAM,GAAG,CAACD,SAAS,GAAG,IAAI,CAACnB,KAAK,CAACO,KAAK,CAACG,IAAI,IAAI,IAAI,CAACV,KAAK,CAACO,KAAK,CAACK,KAAK;MAC3E,MAAMhB,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;MAC9B,MAAMyB,IAAI,GAAGzB,KAAK,CAACyB,IAAI,IAAI,CAACzB,KAAK,CAAC0B,QAAQ,GAAG1B,KAAK,CAAC2B,QAAQ,IAAI,GAAG;MAClE,IAAIxB,KAAK,GAAIyB,IAAI,CAACC,KAAK,CAAC,CAACL,MAAM,GAAGxB,KAAK,CAAC0B,QAAQ,GAAG1B,KAAK,CAAC2B,QAAQ,IAAIF,IAAI,CAAC,GAAGA,IAAI;MACjF,OAAOG,IAAI,CAACE,GAAG,CAACF,IAAI,CAACG,GAAG,CAAC/B,KAAK,CAAC0B,QAAQ,EAAEvB,KAAK,CAAC,EAAEH,KAAK,CAAC2B,QAAQ,CAAC;IAClE;IACA,OAAO,CAAC;EACV;EAEAR,gBAAgBA,CAACa,OAAmB,EAAE;IACpCA,OAAO,CACJC,WAAW,CAAC,CAAC,CAAC,CACdC,WAAW,CAAC,CAAC,CAAC,CACdC,QAAQ,CAAC3B,CAAC,IAAI;MACb,MAAML,KAAK,GAAG,IAAI,CAACmB,mBAAmB,CAACd,CAAC,CAAC4B,SAAS,CAAC;MACnD,IAAI,CAAClB,eAAe,CAACf,KAAK,CAAC;MAC3B,IAAI,CAACkC,WAAW,CAAC,CAAC;IACpB,CAAC,CAAC,CACDC,KAAK,CAAC9B,CAAC,IAAI;MACV,IAAI,IAAI,CAACJ,KAAK,CAACO,KAAK,EAAE;QACpB,MAAMR,KAAK,GAAG,IAAI,CAACmB,mBAAmB,CAACd,CAAC,CAAC4B,SAAS,CAAC;QACnD,IAAI,CAACD,QAAQ,CAAChC,KAAK,CAAC;QACpB,IAAI,CAACkC,WAAW,CAAC,CAAC;MACpB;IACF,CAAC,CAAC;EACN;EAEAE,YAAYA,CAAA,EAAG;IACb,IAAIvD,KAAK,CAAC,IAAI,CAACgB,KAAK,CAACK,SAAS,CAAC,EAAE;MAC/B,OAAO,IAAI,CAACD,KAAK,CAACJ,KAAK,CAAC2B,QAAQ,GAAG,CAAC,IAAI,CAACvB,KAAK,CAACJ,KAAK,CAAC0B,QAAQ,GAAG,IAAI,CAACtB,KAAK,CAACJ,KAAK,CAAC2B,QAAQ,IAAE,CAAC;IAC9F;IACA,OAAOC,IAAI,CAACG,GAAG,CAACH,IAAI,CAACE,GAAG,CAAC,IAAI,CAAC9B,KAAK,CAACK,SAAS,EAAE,IAAI,CAACD,KAAK,CAACJ,KAAK,CAAC2B,QAAQ,CAAC,EAAE,IAAI,CAACvB,KAAK,CAACJ,KAAK,CAAC0B,QAAQ,CAAC;EACvG;EAEAc,gBAAgBA,CAACC,IAAY,EAAEC,IAAS,EAAEC,IAAS,EAAE;IACnD,QAAOF,IAAI;MACT,KAAK,WAAW;QACd,IAAI1D,QAAQ,CAAC2D,IAAI,CAAC,IAAI3D,QAAQ,CAAC4D,IAAI,CAAC,EAAE;UACpC,IAAI,CAACC,mBAAmB,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAEF,IAAI,EAAEC,IAAI,CAAC,CAAC;QAChE;MACF,KAAK,UAAU;MACf,KAAK,UAAU;QACb,IAAI,CAACE,OAAO,CAAC,WAAW,EAAE,IAAI,CAACN,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAACrB,eAAe,CAAC,IAAI,CAACd,KAAK,CAACJ,KAAK,CAACK,SAAS,CAAC;IACpD;EACF;EAkBAa,eAAeA,CAACb,SAAiB,EAAE;IAAA,IAAAyC,iBAAA,EAAAC,cAAA;IACjC,MAAM/C,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,MAAMgB,KAAK,GAAG,EAAA8B,iBAAA,OAAI,CAAC1C,KAAK,CAACO,KAAK,cAAAmC,iBAAA,uBAAhBA,iBAAA,CAAkB9B,KAAK,KAAI,CAAC;IAC1C,MAAMb,KAAK,GAAI,CAACE,SAAS,GAAGL,KAAK,CAAC2B,QAAQ,IAAI3B,KAAK,CAAC0B,QAAQ,GAAKV,KAAM;IACvE,CAAA+B,cAAA,OAAI,CAACC,QAAQ,cAAAD,cAAA,uBAAbA,cAAA,CAAeE,QAAQ,CAACC,KAAK,CAAC/C,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,CAAC;EACnD;EAcAgD,YAAYA,CAACnD,KAAoB,EAAE;IAAA,IAAAoD,kBAAA;IACjC,MAAMpC,KAAK,GAAG,EAAAoC,kBAAA,OAAI,CAAChD,KAAK,CAACO,KAAK,cAAAyC,kBAAA,uBAAhBA,kBAAA,CAAkBpC,KAAK,KAAI,CAAC;IAC1C,oBACAvC,KAAA,CAAA4E,aAAA,CAAC3E,IAAI;MAAC4E,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBhF,KAAA,CAAA4E,aAAA,CAAC3E,IAAI;MAAC4E,KAAK,EAAE;QAACI,aAAa,EAAC,KAAK;QAAEC,cAAc,EAAC;MAAe;IAAE,gBACjElF,KAAA,CAAA4E,aAAA,CAAC1E,IAAI,EAAAiF,QAAA,KAAK,IAAI,CAACC,YAAY,CAAC,KAAK,CAAC;MAAEP,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACO,IAAI,EAAE,IAAI,CAACP,MAAM,CAACQ,YAAY;IAAE,IAAE/D,KAAK,CAAC2B,QAAe,CAAC,eAChHlD,KAAA,CAAA4E,aAAA,CAAC1E,IAAI,EAAAiF,QAAA,KAAK,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC;MAAEP,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACO,IAAI,EAAE,IAAI,CAACP,MAAM,CAACpD,KAAK;IAAE,IAAEH,KAAK,CAACK,SAAgB,CAAC,eAC5G5B,KAAA,CAAA4E,aAAA,CAAC1E,IAAI,EAAAiF,QAAA,KAAK,IAAI,CAACC,YAAY,CAAC,KAAK,CAAC;MAAEP,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACO,IAAI,EAAE,IAAI,CAACP,MAAM,CAACS,YAAY;IAAE,IAAEhE,KAAK,CAAC0B,QAAe,CAC3G,CAAC,eACPjD,KAAA,CAAA4E,aAAA,CAACnE,eAAe;MAAC8C,OAAO,EAAE,IAAI,CAACZ;IAAa,gBAC1C3C,KAAA,CAAA4E,aAAA,CAACzE,gBAAgB,EAAAgF,QAAA;MACfK,aAAa,EAAE,CAAE;MACjBX,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC5C,KAAM;MACzBuD,QAAQ,EAAE,IAAI,CAACC;IAAe,GAC1B,IAAI,CAACN,YAAY,CAAC,CAAC,EACnBnE,qBAAqB,CAACD,uBAAuB,CAAC2E,MAAM,EAAEpE,KAAK,CAAC,gBAC9DvB,KAAA,CAAA4E,aAAA,CAACxE,QAAQ,CAACH,IAAI;MAAC4E,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACc,YAAY,EAAE;QAC/CrD,KAAK,EAAEA,KAAK;QACZsD,SAAS,EAAE,CAAC;UACVC,UAAU,EAAE,IAAI,CAACvB,QAAQ,CAACwB,WAAW,CAAC;YACpCC,UAAU,EAAE,CAAC,CAAC,EAAEzD,KAAK,CAAC;YACtB0D,WAAW,EAAE,CAAC,CAAC1D,KAAK,EAAE,CAAC;UACzB,CAAC;QACH,CAAC;MACH,CAAC;IAAE,CAAgB,CAAC,eACpBvC,KAAA,CAAA4E,aAAA,CAACxE,QAAQ,CAACH,IAAI;MAAC4E,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACoB,YAAY,EAAE;QAC/C3D,KAAK,EAAEA,KAAK;QACZsD,SAAS,EAAE,CAAC;UACVC,UAAU,EAAE,IAAI,CAACvB;QACnB,CAAC;MACH,CAAC;IAAE,CAAgB,CACL,CACH,CAAC,eAClBvE,KAAA,CAAA4E,aAAA,CAACnE,eAAe;MAAC8C,OAAO,EAAE,IAAI,CAACX;IAAY,gBACzC5C,KAAA,CAAA4E,aAAA,CAACxE,QAAQ,CAACH,IAAI;MAAC4E,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACqB,KAAK,EAAE;QACtCN,SAAS,EAAE,CAAC;UACVC,UAAU,EAAE,IAAI,CAACvB;QACnB,CAAC;MACH,CAAC,CAAE;MACH6B,UAAU,EAAE,IAAK;MACjBC,kBAAkB,EAAE;IAAQ,gBAE5BrG,KAAA,CAAA4E,aAAA,CAAClE,mBAAmB;MAClB4F,IAAI,EAAG,IAAI,CAACxB,MAAM,CAACqB,KAAK,CAASI,cAAc,IAAI,SAAU;MAC7DhC,QAAQ,EAAG,IAAI,CAACO,MAAM,CAACqB,KAAK,CAASK,kBAAmB;MACxDC,KAAK,EAAG,IAAI,CAAC3B,MAAM,CAACqB,KAAK,CAASO,eAAgB;MAClDC,MAAM,EAAG,IAAI,CAAC7B,MAAM,CAACqB,KAAK,CAASS,gBAAgB,IAAI;IAAY,CAChD,CACR,CACA,CACb,CAAC;EACT;AACF"}

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

@@ -53,10 +53,13 @@ export default class WmSwitch extends BaseDatasetComponent {
     }
     const displayText = item.displayexp || item.displayfield;
     const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;
-    return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(index + ''), getAccessibilityProps(AccessibilityWidgetType.SWITCH, {
-      ...this.state.props,
-      selected: isSelected
-    }), {
+    return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(index + ''), {
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.SWITCH, {
+          selected: isSelected,
+          hint: props === null || props === void 0 ? void 0 : props.hint
+        })
+      },
       onTap: this.state.props.disabled ? undefined : this.onTap.bind(this, null, item),
       styles: [this.styles.button, this.styles[btnClass], isSelected ? this.styles.selectedButton : null],
       key: item.key