@wavemaker/app-rn-runtime 11.7.4-next.24857 → 11.7.4-next.26397

app-rn-runtime/components/data/form/form.styles.js

@@ -30,7 +30,7 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
     },
     listIcon: {
       root: {
-        fontSize: themeVariables.heading4FontSize,
+        fontSize: 18,
         marginRight: 8
       }
     }

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","heading","paddingTop","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","borderStyle","borderColor","formBorderColor","title","fontSize","heading4FontSize","color","formTitleColor","fontWeight","subheading","lineHeight","formSubTitleColor","listIcon","marginRight","marginLeft"],"sources":["form.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {WmLabelStyles} from \"@wavemaker/app-rn-runtime/components/basic/label/label.styles\";\nimport ThemeVariables from \"@wavemaker/app-rn-runtime/styles/theme.variables\";\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmFormStyles = BaseStyles & {\n  heading: AllStyle,\n  title: WmLabelStyles,\n  listIcon: WmIconStyles,\n  subheading: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-form';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmFormStyles = defineStyles({\n    root: {},\n    text: {},\n    heading : {\n      paddingTop: 12,\n      paddingBottom: 12,\n      paddingLeft: 0,\n      paddingRight: 0,\n      borderBottomWidth: 0,\n      borderStyle: 'solid',\n      borderColor: themeVariables.formBorderColor\n    },\n    title: {\n      text: {\n        fontSize: themeVariables.heading4FontSize,\n        color: themeVariables.formTitleColor,\n        fontWeight: 'bold'\n      }\n    } as WmLabelStyles,\n    subheading: {\n      text: {\n        fontSize: 12,\n        lineHeight: 18,\n        color: themeVariables.formSubTitleColor\n      }\n    } as WmLabelStyles,\n    listIcon: {\n      root: {\n        fontSize: themeVariables.heading4FontSize,\n        marginRight: 8\n      }\n    } as WmIconStyles,\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('form-action', '', {\n    root: {\n      marginLeft: 12\n    }\n  } as BaseStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAC3E,SAAqBC,YAAY,QAAQ,+CAA+C;AAYxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAG;MACRC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEZ,cAAc,CAACa;IAC9B,CAAC;IACDC,KAAK,EAAE;MACLV,IAAI,EAAE;QACJW,QAAQ,EAAEf,cAAc,CAACgB,gBAAgB;QACzCC,KAAK,EAAEjB,cAAc,CAACkB,cAAc;QACpCC,UAAU,EAAE;MACd;IACF,CAAkB;IAClBC,UAAU,EAAE;MACVhB,IAAI,EAAE;QACJW,QAAQ,EAAE,EAAE;QACZM,UAAU,EAAE,EAAE;QACdJ,KAAK,EAAEjB,cAAc,CAACsB;MACxB;IACF,CAAkB;IAClBC,QAAQ,EAAE;MACRpB,IAAI,EAAE;QACJY,QAAQ,EAAEf,cAAc,CAACgB,gBAAgB;QACzCQ,WAAW,EAAE;MACf;IACF;EACF,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IAC1BE,IAAI,EAAE;MACJsB,UAAU,EAAE;IACd;EACF,CAAe,CAAC;AAClB,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","heading","paddingTop","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","borderStyle","borderColor","formBorderColor","title","fontSize","heading4FontSize","color","formTitleColor","fontWeight","subheading","lineHeight","formSubTitleColor","listIcon","marginRight","marginLeft"],"sources":["form.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport {WmLabelStyles} from \"@wavemaker/app-rn-runtime/components/basic/label/label.styles\";\nimport ThemeVariables from \"@wavemaker/app-rn-runtime/styles/theme.variables\";\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmFormStyles = BaseStyles & {\n  heading: AllStyle,\n  title: WmLabelStyles,\n  listIcon: WmIconStyles,\n  subheading: WmLabelStyles\n};\n\nexport const DEFAULT_CLASS = 'app-form';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmFormStyles = defineStyles({\n    root: {},\n    text: {},\n    heading : {\n      paddingTop: 12,\n      paddingBottom: 12,\n      paddingLeft: 0,\n      paddingRight: 0,\n      borderBottomWidth: 0,\n      borderStyle: 'solid',\n      borderColor: themeVariables.formBorderColor\n    },\n    title: {\n      text: {\n        fontSize: themeVariables.heading4FontSize,\n        color: themeVariables.formTitleColor,\n        fontWeight: 'bold'\n      }\n    } as WmLabelStyles,\n    subheading: {\n      text: {\n        fontSize: 12,\n        lineHeight: 18,\n        color: themeVariables.formSubTitleColor\n      }\n    } as WmLabelStyles,\n    listIcon: {\n      root: {\n        fontSize: 18,\n        marginRight: 8\n      }\n    } as WmIconStyles,\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('form-action', '', {\n    root: {\n      marginLeft: 12\n    }\n  } as BaseStyles);\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAkB,wCAAwC;AAC3E,SAAqBC,YAAY,QAAQ,+CAA+C;AAYxF,OAAO,MAAMC,aAAa,GAAG,UAAU;AACvCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA2B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAG;MACRC,UAAU,EAAE,EAAE;MACdC,aAAa,EAAE,EAAE;MACjBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,CAAC;MACfC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEZ,cAAc,CAACa;IAC9B,CAAC;IACDC,KAAK,EAAE;MACLV,IAAI,EAAE;QACJW,QAAQ,EAAEf,cAAc,CAACgB,gBAAgB;QACzCC,KAAK,EAAEjB,cAAc,CAACkB,cAAc;QACpCC,UAAU,EAAE;MACd;IACF,CAAkB;IAClBC,UAAU,EAAE;MACVhB,IAAI,EAAE;QACJW,QAAQ,EAAE,EAAE;QACZM,UAAU,EAAE,EAAE;QACdJ,KAAK,EAAEjB,cAAc,CAACsB;MACxB;IACF,CAAkB;IAClBC,QAAQ,EAAE;MACRpB,IAAI,EAAE;QACJY,QAAQ,EAAE,EAAE;QACZS,WAAW,EAAE;MACf;IACF;EACF,CAAC,CAAC;EAEFvB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,aAAa,EAAE,EAAE,EAAE;IAC1BE,IAAI,EAAE;MACJsB,UAAU,EAAE;IACd;EACF,CAAe,CAAC;AAClB,CAAC,CAAC"}

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

@@ -71,30 +71,26 @@ export default class WmLiveForm extends WmForm {
       return false;
     }
     if (this.props.onBeforeservicecall) {
-      this.invokeEventCallback('onBeforeservicecall', [null, this.proxy, formData]);
+      this.invokeEventCallback('onBeforeservicecall', [null, operationType, formData]);
     }
     if (this.props.formSubmit) {
       this.props.formSubmit({
         inputFields: formData
       }, operationType, data => {
-        this.invokeEventCallback('onSubmit', [null, this.proxy, formData]);
-        this.onResultCb(get(data, 'params'), 'success');
+        this.onResultCb(data, 'success', operationType);
       }, error => {
-        this.invokeEventCallback('onSubmit', [null, this.proxy, formData]);
-        this.onResultCb(error, '');
+        this.onResultCb(error, '', operationType);
       });
-    } else {
-      this.invokeEventCallback('onSubmit', [null, this.proxy, formData]);
     }
   }
-  onResultCb(response, status, event) {
-    this.invokeEventCallback('onResult', [null, this.proxy, response]);
+  onResultCb(response, status, operationType, event) {
+    this.invokeEventCallback('onResult', [null, operationType, response]);
     if (status) {
-      this.invokeEventCallback('onSuccess', [null, this.proxy, response]);
+      this.invokeEventCallback('onSuccess', [null, operationType, response]);
       this.props.formSuccess && this.props.formSuccess();
       !this.props.onSuccess && this.state.props.postmessage && this.toggleMessage('success', this.state.props.postmessage);
     } else {
-      this.invokeEventCallback('onError', [null, this.proxy, response]);
+      this.invokeEventCallback('onError', [null, operationType, response]);
       !this.props.onError && this.toggleMessage('error', this.state.props.errormessage || get(response, 'message') || response);
     }
   }

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

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

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

@@ -86,10 +86,8 @@ export default class WmSlider extends BaseComponent {
         }
       case 'maxvalue':
       case 'minvalue':
-        if (this.initialized) {
-          this.setProp('datavalue', this.getDataValue() || 0);
-          this.computePosition(this.state.props.datavalue);
-        }
+        this.setProp('datavalue', this.getDataValue() || 0);
+        this.computePosition(this.state.props.datavalue);
     }
   }
   computePosition(datavalue) {

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","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","initialized","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        if (this.initialized) {\n          this.setProp('datavalue', this.getDataValue() || 0)\n          this.computePosition(this.state.props.datavalue);\n        }\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,mBA2DxBhB,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;IAxFC,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,IAAI,CAACE,WAAW,EAAE;UACpB,IAAI,CAACC,OAAO,CAAC,WAAW,EAAE,IAAI,CAACP,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC;UACnD,IAAI,CAACrB,eAAe,CAAC,IAAI,CAACd,KAAK,CAACJ,KAAK,CAACK,SAAS,CAAC;QAClD;IACJ;EACF;EAkBAa,eAAeA,CAACb,SAAiB,EAAE;IAAA,IAAA0C,iBAAA,EAAAC,cAAA;IACjC,MAAMhD,KAAK,GAAG,IAAI,CAACI,KAAK,CAACJ,KAAK;IAC9B,MAAMgB,KAAK,GAAG,EAAA+B,iBAAA,OAAI,CAAC3C,KAAK,CAACO,KAAK,cAAAoC,iBAAA,uBAAhBA,iBAAA,CAAkB/B,KAAK,KAAI,CAAC;IAC1C,MAAMb,KAAK,GAAI,CAACE,SAAS,GAAGL,KAAK,CAAC2B,QAAQ,IAAI3B,KAAK,CAAC0B,QAAQ,GAAKV,KAAM;IACvE,CAAAgC,cAAA,OAAI,CAACC,QAAQ,cAAAD,cAAA,uBAAbA,cAAA,CAAeE,QAAQ,CAACC,KAAK,CAAChD,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,CAAC;EACnD;EAcAiD,YAAYA,CAACpD,KAAoB,EAAE;IAAA,IAAAqD,kBAAA;IACjC,MAAMrC,KAAK,GAAG,EAAAqC,kBAAA,OAAI,CAACjD,KAAK,CAACO,KAAK,cAAA0C,kBAAA,uBAAhBA,kBAAA,CAAkBrC,KAAK,KAAI,CAAC;IAC1C,oBACAvC,KAAA,CAAA6E,aAAA,CAAC5E,IAAI;MAAC6E,KAAK,EAAE,IAAI,CAACC,MAAM,CAACC;IAAK,GAC3B,IAAI,CAACC,WAAW,eACjBjF,KAAA,CAAA6E,aAAA,CAAC5E,IAAI;MAAC6E,KAAK,EAAE;QAACI,aAAa,EAAC,KAAK;QAAEC,cAAc,EAAC;MAAe;IAAE,gBACjEnF,KAAA,CAAA6E,aAAA,CAAC3E,IAAI,EAAAkF,QAAA,KAAK,IAAI,CAACC,YAAY,CAAC,KAAK,CAAC;MAAEP,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACO,IAAI,EAAE,IAAI,CAACP,MAAM,CAACQ,YAAY;IAAE,IAAEhE,KAAK,CAAC2B,QAAe,CAAC,eAChHlD,KAAA,CAAA6E,aAAA,CAAC3E,IAAI,EAAAkF,QAAA,KAAK,IAAI,CAACC,YAAY,CAAC,OAAO,CAAC;MAAEP,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACO,IAAI,EAAE,IAAI,CAACP,MAAM,CAACrD,KAAK;IAAE,IAAEH,KAAK,CAACK,SAAgB,CAAC,eAC5G5B,KAAA,CAAA6E,aAAA,CAAC3E,IAAI,EAAAkF,QAAA,KAAK,IAAI,CAACC,YAAY,CAAC,KAAK,CAAC;MAAEP,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACO,IAAI,EAAE,IAAI,CAACP,MAAM,CAACS,YAAY;IAAE,IAAEjE,KAAK,CAAC0B,QAAe,CAC3G,CAAC,eACPjD,KAAA,CAAA6E,aAAA,CAACpE,eAAe;MAAC8C,OAAO,EAAE,IAAI,CAACZ;IAAa,gBAC1C3C,KAAA,CAAA6E,aAAA,CAAC1E,gBAAgB,EAAAiF,QAAA;MACfK,aAAa,EAAE,CAAE;MACjBX,KAAK,EAAE,IAAI,CAACC,MAAM,CAAC7C,KAAM;MACzBwD,QAAQ,EAAE,IAAI,CAACC;IAAe,GAC1B,IAAI,CAACN,YAAY,CAAC,CAAC,EACnBpE,qBAAqB,CAACD,uBAAuB,CAAC4E,MAAM,EAAErE,KAAK,CAAC,gBAC9DvB,KAAA,CAAA6E,aAAA,CAACzE,QAAQ,CAACH,IAAI;MAAC6E,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACc,YAAY,EAAE;QAC/CtD,KAAK,EAAEA,KAAK;QACZuD,SAAS,EAAE,CAAC;UACVC,UAAU,EAAE,IAAI,CAACvB,QAAQ,CAACwB,WAAW,CAAC;YACpCC,UAAU,EAAE,CAAC,CAAC,EAAE1D,KAAK,CAAC;YACtB2D,WAAW,EAAE,CAAC,CAAC3D,KAAK,EAAE,CAAC;UACzB,CAAC;QACH,CAAC;MACH,CAAC;IAAE,CAAgB,CAAC,eACpBvC,KAAA,CAAA6E,aAAA,CAACzE,QAAQ,CAACH,IAAI;MAAC6E,KAAK,EAAE,CAAC,IAAI,CAACC,MAAM,CAACoB,YAAY,EAAE;QAC/C5D,KAAK,EAAEA,KAAK;QACZuD,SAAS,EAAE,CAAC;UACVC,UAAU,EAAE,IAAI,CAACvB;QACnB,CAAC;MACH,CAAC;IAAE,CAAgB,CACL,CACH,CAAC,eAClBxE,KAAA,CAAA6E,aAAA,CAACpE,eAAe;MAAC8C,OAAO,EAAE,IAAI,CAACX;IAAY,gBACzC5C,KAAA,CAAA6E,aAAA,CAACzE,QAAQ,CAACH,IAAI;MAAC6E,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,gBAE5BtG,KAAA,CAAA6E,aAAA,CAACnE,mBAAmB;MAClB6F,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"}
+{"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":"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"}

app-rn-runtime/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wavemaker/app-rn-runtime",
-  "version": "11.7.4-next.24857",
+  "version": "11.7.4-next.26397",
   "description": "''",
   "main": "index",
   "module": "index",
@@ -49,7 +49,7 @@
     "@react-navigation/native": "6.1.7",
     "@react-navigation/stack": "^6.3.7",
     "@types/lodash-es": "^4.17.6",
-    "@wavemaker/variables": "11.7.4-next.24857",
+    "@wavemaker/variables": "11.7.4-next.26397",
     "axios": "^1.4.0",
     "color": "4.2.3",
     "cross-env": "^5.2.0",
@@ -131,7 +131,7 @@
     "typescript": "^5.1.3",
     "victory-native": "36.6.11",
     "yargs": "^16.2.0",
-    "@wavemaker/variables": "11.7.4-next.24857"
+    "@wavemaker/variables": "11.7.4-next.26397"
   },
   "jest": {
     "preset": "react-native",