@wavemaker-ai/app-rn-runtime 12.0.1-rc.647755 → 12.0.2-rc.344

package/components/input/baseinput/baseinput.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_CLASS","BaseComponent","BaseComponentState","isString","Platform","validateField","Injector","BaseInputState","constructor","args","_defineProperty","BaseInputComponent","props","defaultClass","defaultProps","defaultState","focus","_this$widgetRef","widgetRef","blur","_this$widgetRef2","_this$widgetRef3","onPropertyChange","name","$new","$old","keyboardType","type","updateState","textValue","state","isValid","validationObj","errorType","isDefault","isdefault","skipscripteventtrigger","onFieldChange","bind","onChange","event","updateon","updateDatavalue","target","value","timer","clearTimeout","setTimeout","onChangeText","charlength","length","validate","invokeChange","e","OS","cursor","selectionStart","setState","source","oldValue","datavalue","autotrim","trim","Promise","resolve","hastwowaybinding","setProp","then","invokeEventCallback","proxy","onBlur","FOCUSED_ELEMENT","remove","isTouched","newVal","oldVal","undefined","triggerValidation","skipBlurCallback","_submitEditingTriggered","isInputFocused","onFocus","_this$closestTappable","set","closestTappable","triggerTap","onKeyPress","_event$persist","_event$nativeEvent","_props","persist","call","key","nativeEvent","onSubmitediting","onSubmitEditing","_event$persist2"],"sources":["baseinput.component.ts"],"sourcesContent":["import { DEFAULT_CLASS } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.styles';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport BaseInputProps from './baseinput.props';\nimport { isString } from 'lodash';\nimport { BaseInputStyles } from './baseinput.styles';\nimport { Platform, TextInput } from 'react-native';\nimport { validateField } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport Injector from '@wavemaker-ai/app-rn-runtime/core/injector';\n\nexport class BaseInputState <T extends BaseInputProps> extends BaseComponentState<T> {\n  keyboardType: any = 'default';\n  isValid: boolean = true;\n  isInputFocused: boolean = false;\n  textValue: string = '';\n  isDefault = false;\n  errorType: string = '';\n}\nexport abstract class BaseInputComponent< T extends BaseInputProps, S extends BaseInputState<T>, L extends BaseInputStyles> extends BaseComponent<T, S, L> {\n  public widgetRef: TextInput | null = null;\n  isTouched: boolean = false;\n  private cursor: any = 0;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private _submitEditingTriggered = false;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n  public charlength:number = 0;\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  blur() {\n    this?.widgetRef?.blur && this?.widgetRef?.blur();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'type':\n        let keyboardType;\n        if (this.props.type === 'number') {\n          keyboardType = 'numeric';\n        } else if (this.props.type === 'tel') {\n          keyboardType = 'phone-pad';\n        } else if (this.props.type === 'email') {\n          keyboardType = 'email-address';\n        }\n        this.updateState({\n          keyboardType: keyboardType,\n        } as S);\n        break;\n      case 'datavalue':\n        this.updateState({\n            textValue: $new\n          } as S\n        );\n        if (!this.state.isValid) {\n        const validationObj = validateField(this.state.props, $new);\n        this.updateState({ isValid: validationObj.isValid, errorType: validationObj.errorType || '' } as S);\n        }\n\n        const isDefault = this.state.props.isdefault;\n        if (isDefault) {\n          this.updateState(\n            { props: {isdefault: false} } as S,\n            !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault)\n          );\n        }\n        else {\n          !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }else if(this.state.props.updateon === 'lazy') {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.updateDatavalue(event.target.value, event);\n      }, 300)\n    }\n  }\n\n  onChangeText(value: any) {\n    this.charlength = value?.length;\n    if(this.state.props.updateon === 'lazy') {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.updateState({\n          textValue: value\n        } as S, () => {\n          this.validate(value);\n          this.updateDatavalue(value, null);\n          }\n        );\n      }, 300)\n    }\n    else {\n      this.updateState({\n          textValue: value\n        } as S, () => {\n          if (this.state.props.updateon === 'default') {\n            this.validate(value);\n            this.updateDatavalue(value, null);\n          }\n        }\n      );\n    }\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n\n    // autotrim\n    if (props.autotrim && props.datavalue && isString(props.datavalue)) {\n      value = value.trim();\n    }\n    new Promise((resolve) => {\n      if (props.hastwowaybinding) {\n        this.setProp(\"datavalue\", value);\n        this.updateState({props: { \"datavalue\": value }} as S);\n        resolve(true);\n      } else {\n        this.updateState({\n          props: {\n            datavalue: value\n          }\n        } as S, () => resolve(true));\n      }\n    }).then(() => {\n      if(!this.props.onFieldChange && value !== oldValue){\n        this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n      }else if(this.state.props.skipscripteventtrigger && this.props.onFieldChange){\n        this.props.onFieldChange('datavalue', value, oldValue, false);\n      }\n      if (source === 'blur') {\n        setTimeout(() => {\n          this.invokeEventCallback('onBlur', [event, this.proxy]);\n        }, 10);\n      }\n    })\n  }\n\n  onBlur(event: any) {\n    Injector.FOCUSED_ELEMENT.remove();\n    this.isTouched = true;\n    let newVal = this.state.textValue || '';\n    let oldVal = this.state.props.datavalue || '';\n    this.validate(newVal);\n    if (newVal === '' || newVal == undefined) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      },10)\n    }\n\n    const skipBlurCallback = this._submitEditingTriggered;\n    this._submitEditingTriggered = false;\n\n    if (this.state.props.updateon === 'blur' || this.state.props.updateon === 'default') {\n      if (oldVal !== newVal && this.state.props.updateon === 'blur') {\n        this.updateDatavalue(newVal, event, skipBlurCallback ? undefined : 'blur');\n      } else if (!skipBlurCallback) {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n      this.setState({ isInputFocused: false })\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.setState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n  }\n\n  onFocus(event: any) {\n    // When input widgets are inside list widget and try to focus the field, list is selecting but unable to enter values in input fields\n    // because on tap event of list is triggering after 200ms timeout So added 250ms timeout here\n    setTimeout(() => {\n      Injector.FOCUSED_ELEMENT.set(this);\n      this.invokeEventCallback('onFocus', [ event, this.proxy]);\n      this.closestTappable?.triggerTap();\n    }, 250);\n    this.setState({ isInputFocused: true })\n  }\n\n  onKeyPress(event: any) {\n    event?.persist?.();\n    const key = event.nativeEvent?.key;\n    if (key === 'Enter' && !!(this as any).props?.onSubmitediting) {\n      return;\n    }\n    this.invokeEventCallback('onKeypress', [event, this.proxy, key]);\n  }\n\n  onSubmitEditing(event: any) {\n    event?.persist?.();\n    this._submitEditingTriggered = true;\n    this.updateDatavalue(this.state.textValue, null);\n    setTimeout(() => {\n      this.invokeEventCallback('onSubmitediting', [event, this.proxy]);\n    }, 100);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DEFAULT_CLASS","BaseComponent","BaseComponentState","isString","Platform","validateField","Injector","BaseInputState","constructor","args","_defineProperty","BaseInputComponent","props","defaultClass","defaultProps","defaultState","focus","_this$widgetRef","widgetRef","blur","_this$widgetRef2","_this$widgetRef3","onPropertyChange","name","$new","$old","keyboardType","type","updateState","textValue","state","isValid","validationObj","errorType","isDefault","isdefault","skipscripteventtrigger","onFieldChange","bind","onChange","event","updateon","updateDatavalue","target","value","timer","clearTimeout","setTimeout","onChangeText","charlength","length","validate","invokeChange","e","OS","cursor","selectionStart","setState","source","oldValue","datavalue","autotrim","trim","Promise","resolve","hastwowaybinding","setProp","then","invokeEventCallback","proxy","onBlur","FOCUSED_ELEMENT","remove","isTouched","newVal","oldVal","undefined","triggerValidation","skipBlurCallback","_submitEditingTriggered","isInputFocused","onFocus","_this$closestTappable","set","closestTappable","triggerTap","onKeyPress","_event$persist","_event$nativeEvent","_props","persist","call","key","nativeEvent","onSubmitediting","onSubmitEditing","_event$persist2","_this$state$props$onS","_this$state$props"],"sources":["baseinput.component.ts"],"sourcesContent":["import { DEFAULT_CLASS } from '@wavemaker-ai/app-rn-runtime/components/navigation/basenav/basenav.styles';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport BaseInputProps from './baseinput.props';\nimport { isString } from 'lodash';\nimport { BaseInputStyles } from './baseinput.styles';\nimport { Platform, TextInput } from 'react-native';\nimport { validateField } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport Injector from '@wavemaker-ai/app-rn-runtime/core/injector';\n\nexport class BaseInputState <T extends BaseInputProps> extends BaseComponentState<T> {\n  keyboardType: any = 'default';\n  isValid: boolean = true;\n  isInputFocused: boolean = false;\n  textValue: string = '';\n  isDefault = false;\n  errorType: string = '';\n}\nexport abstract class BaseInputComponent< T extends BaseInputProps, S extends BaseInputState<T>, L extends BaseInputStyles> extends BaseComponent<T, S, L> {\n  public widgetRef: TextInput | null = null;\n  isTouched: boolean = false;\n  private cursor: any = 0;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private _submitEditingTriggered = false;\n  constructor(props: T, public defaultClass: string = DEFAULT_CLASS, defaultProps?: T, defaultState?: S) {\n    super(props, defaultClass, defaultProps, defaultState);\n  }\n  public charlength:number = 0;\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  blur() {\n    this?.widgetRef?.blur && this?.widgetRef?.blur();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'type':\n        let keyboardType;\n        if (this.props.type === 'number') {\n          keyboardType = 'numeric';\n        } else if (this.props.type === 'tel') {\n          keyboardType = 'phone-pad';\n        } else if (this.props.type === 'email') {\n          keyboardType = 'email-address';\n        }\n        this.updateState({\n          keyboardType: keyboardType,\n        } as S);\n        break;\n      case 'datavalue':\n        this.updateState({\n            textValue: $new\n          } as S\n        );\n        if (!this.state.isValid) {\n        const validationObj = validateField(this.state.props, $new);\n        this.updateState({ isValid: validationObj.isValid, errorType: validationObj.errorType || '' } as S);\n        }\n\n        const isDefault = this.state.props.isdefault;\n        if (isDefault) {\n          this.updateState(\n            { props: {isdefault: false} } as S,\n            !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault)\n          );\n        }\n        else {\n          !this.state.props.skipscripteventtrigger && this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);\n        }\n    }\n  }\n\n  onChange(event: any) {\n    if (this.state.props.updateon === 'default') {\n      this.updateDatavalue(event.target.value, event);\n    }else if(this.state.props.updateon === 'lazy') {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.updateDatavalue(event.target.value, event);\n      }, 300)\n    }\n  }\n\n  onChangeText(value: any) {\n    this.charlength = value?.length;\n    if(this.state.props.updateon === 'lazy') {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.updateState({\n          textValue: value\n        } as S, () => {\n          this.validate(value);\n          this.updateDatavalue(value, null);\n          }\n        );\n      }, 300)\n    }\n    else {\n      this.updateState({\n          textValue: value\n        } as S, () => {\n          if (this.state.props.updateon === 'default') {\n            this.validate(value);\n            this.updateDatavalue(value, null);\n          }\n        }\n      );\n    }\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.setState({ textValue: e.target.value });\n    }\n  }\n\n  updateDatavalue(value: any, event?: any, source?: any) {\n    const props = this.state.props;\n    const oldValue = props.datavalue;\n    if (value === oldValue) {\n      return;\n    }\n\n    // autotrim\n    if (props.autotrim && props.datavalue && isString(props.datavalue)) {\n      value = value.trim();\n    }\n    new Promise((resolve) => {\n      if (props.hastwowaybinding) {\n        this.setProp(\"datavalue\", value);\n        this.updateState({props: { \"datavalue\": value }} as S);\n        resolve(true);\n      } else {\n        this.updateState({\n          props: {\n            datavalue: value\n          }\n        } as S, () => resolve(true));\n      }\n    }).then(() => {\n      if(!this.props.onFieldChange && value !== oldValue){\n        this.invokeEventCallback('onChange', [event, this.proxy, value, oldValue]);\n      }else if(this.state.props.skipscripteventtrigger && this.props.onFieldChange){\n        this.props.onFieldChange('datavalue', value, oldValue, false);\n      }\n      if (source === 'blur') {\n        setTimeout(() => {\n          this.invokeEventCallback('onBlur', [event, this.proxy]);\n        }, 10);\n      }\n    })\n  }\n\n  onBlur(event: any) {\n    Injector.FOCUSED_ELEMENT.remove();\n    this.isTouched = true;\n    let newVal = this.state.textValue || '';\n    let oldVal = this.state.props.datavalue || '';\n    this.validate(newVal);\n    if (newVal === '' || newVal == undefined) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      },10)\n    }\n\n    const skipBlurCallback = this._submitEditingTriggered;\n    this._submitEditingTriggered = false;\n\n    if (this.state.props.updateon === 'blur' || this.state.props.updateon === 'default') {\n      if (oldVal !== newVal && this.state.props.updateon === 'blur') {\n        this.updateDatavalue(newVal, event, skipBlurCallback ? undefined : 'blur');\n      } else if (!skipBlurCallback) {\n        this.invokeEventCallback('onBlur', [event, this.proxy]);\n      }\n      this.setState({ isInputFocused: false })\n    }\n  }\n\n  validate(value: any) {\n    const validationObj = validateField(this.state.props, value);\n    this.setState({\n      isValid: validationObj.isValid,\n      errorType: validationObj.errorType\n    } as S);\n  }\n\n  onFocus(event: any) {\n    // When input widgets are inside list widget and try to focus the field, list is selecting but unable to enter values in input fields\n    // because on tap event of list is triggering after 200ms timeout So added 250ms timeout here\n    setTimeout(() => {\n      Injector.FOCUSED_ELEMENT.set(this);\n      this.invokeEventCallback('onFocus', [ event, this.proxy]);\n      this.closestTappable?.triggerTap();\n    }, 250);\n    this.setState({ isInputFocused: true })\n  }\n\n  onKeyPress(event: any) {\n    event?.persist?.();\n    const key = event.nativeEvent?.key;\n    if (key === 'Enter' && !!(this as any).props?.onSubmitediting) {\n      return;\n    }\n    this.invokeEventCallback('onKeypress', [event, this.proxy, key]);\n  }\n\n  onSubmitEditing(event: any) {\n    event?.persist?.();\n    this._submitEditingTriggered = true;\n    this.updateDatavalue(this.state.textValue, null);\n    setTimeout(() => {\n      this.invokeEventCallback('onSubmitediting', [event, this.proxy]);\n      this.state.props.onSubmitEditing?.(event);\n    }, 100);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/basenumber/basenumber.props.js

@@ -17,6 +17,7 @@ export default class BaseNumberProps extends BaseProps {
     _defineProperty(this, "required", false);
     _defineProperty(this, "triggerValidation", void 0);
     _defineProperty(this, "decimalPlaces", 2);
+    _defineProperty(this, "returnkeytype", 'auto');
     _defineProperty(this, "onSubmitEditing", void 0);
     _defineProperty(this, "accessibilitylabel", undefined);
     _defineProperty(this, "hint", undefined);

package/components/input/basenumber/basenumber.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","BaseNumberProps","constructor","args","_defineProperty","undefined"],"sources":["basenumber.props.ts"],"sourcesContent":["import {AccessibilityRole} from \"react-native\";\nimport { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class BaseNumberProps extends BaseProps {\n  datavalue: any;\n  hastwowaybinding = false;\n  minvalue: number = null as any;\n  maxvalue: number = null as any;\n  step: number = 1;\n  updateon: string = 'blur' as any;\n  readonly: boolean = null as any;\n  regexp: string = null as any;\n  onFieldChange: any;\n  required: boolean = false;\n  triggerValidation: any;\n  decimalPlaces: number = 2;\n  onSubmitEditing?: any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n  accessibilitylabelledby?: string = undefined;\n  displayValue?: string;\n  skipscripteventtrigger: boolean = false;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,2BAElC,KAAK;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,eACR,CAAC;IAAAA,eAAA,mBACG,MAAM;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,iBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA,mBAED,KAAK;IAAAA,eAAA;IAAAA,eAAA,wBAED,CAAC;IAAAA,eAAA;IAAAA,eAAA,6BAEKC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,kCAEUC,SAAS;IAAAD,eAAA;IAAAA,eAAA,iCAEV,KAAK;EAAA;AACzC","ignoreList":[]}
+{"version":3,"names":["BaseProps","BaseNumberProps","constructor","args","_defineProperty","undefined"],"sources":["basenumber.props.ts"],"sourcesContent":["import {AccessibilityRole} from \"react-native\";\nimport { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport default class BaseNumberProps extends BaseProps {\n  datavalue: any;\n  hastwowaybinding = false;\n  minvalue: number = null as any;\n  maxvalue: number = null as any;\n  step: number = 1;\n  updateon: string = 'blur' as any;\n  readonly: boolean = null as any;\n  regexp: string = null as any;\n  onFieldChange: any;\n  required: boolean = false;\n  triggerValidation: any;\n  decimalPlaces: number = 2;\n  returnkeytype: 'auto' | 'next' | 'done' = 'auto';\n  onSubmitEditing?: any;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole;\n  accessibilitylabelledby?: string = undefined;\n  displayValue?: string;\n  skipscripteventtrigger: boolean = false;\n}\n"],"mappings":";;;AACA,SAASA,SAAS,QAAQ,kDAAkD;AAE5E,eAAe,MAAMC,eAAe,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA;IAAAA,eAAA,2BAElC,KAAK;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,mBACJ,IAAI;IAAAA,eAAA,eACR,CAAC;IAAAA,eAAA,mBACG,MAAM;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,iBACP,IAAI;IAAAA,eAAA;IAAAA,eAAA,mBAED,KAAK;IAAAA,eAAA;IAAAA,eAAA,wBAED,CAAC;IAAAA,eAAA,wBACiB,MAAM;IAAAA,eAAA;IAAAA,eAAA,6BAElBC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA;IAAAA,eAAA,kCAEUC,SAAS;IAAAD,eAAA;IAAAA,eAAA,iCAEV,KAAK;EAAA;AACzC","ignoreList":[]}

package/components/input/calendar/calendar.component.js

@@ -124,7 +124,7 @@ export default class WmCalendar extends BaseComponent {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root,
       onLayout: event => this.handleLayout(event)
-    }, this._background, /*#__PURE__*/React.createElement(MonthView, {
+    }, this.showSpinner(), this._background, /*#__PURE__*/React.createElement(MonthView, {
       date: this.state.selectedDate,
       selectDate: this.onDateChange,
       onDateClick: this.onDateClick,

package/components/input/calendar/calendar.component.js.map

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

package/components/input/checkboxset/checkboxset.component.js

@@ -141,7 +141,7 @@ export default class WmCheckboxset extends BaseDatasetComponent {
     return /*#__PURE__*/React.createElement(ScrollView, {
       style: this.styles.root,
       onLayout: event => this.handleLayout(event)
-    }, /*#__PURE__*/React.createElement(ScrollView, {
+    }, this.showSpinner(), /*#__PURE__*/React.createElement(ScrollView, {
       horizontal: true,
       style: this.isRTL && Platform.OS == 'android' ? {
         transform: [{

package/components/input/checkboxset/checkboxset.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","ScrollView","find","forEach","isEqual","isEmpty","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","getNumberOfEmptyObjects","WmLabel","WmCheckboxsetState","constructor","args","_defineProperty","WmCheckboxset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","getTestPropsForAction","style","iconposition","styles","positionright","checkedItem","width","bind","iconclass","checkicon","uncheckicon","id","getTestId","accessible","template","renderitempartial","dataObject","getTestPropsForLabel","text","selectedLabel","importantForAccessibility","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","noOfColumns","itemsperrow","xs","Math","round","flexWrap","flexDirection","CHECKBOXSET","renderSkeleton","_ref","numberofskeletonitems","_","root","renderWidget","onLayout","event","handleLayout","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, DimensionValue, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n\n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { getNumberOfEmptyObjects } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\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    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\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,colWidth: DimensionValue) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'checkbox' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={[props.iconposition === 'right' ? this.styles.positionright : this.styles.item,item.selected ? this.styles.checkedItem : null, { width: colWidth }]}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('item'+index)} accessible={false}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(\"label\"+index)} style={[this.styles.text, item.selected ? this.styles.selectedLabel: null]} importantForAccessibility='no'>{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    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(<View style = {noOfColumns === 1 ? {} : {flexWrap: 'wrap', flexDirection: 'row'}} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOXSET, props)}>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index, colWidth))\n        : null}\n    </View>)\n  }\n\n  public renderSkeleton(props: WmCheckboxsetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 3)].map(_ => {\n        return <View style={[props.iconposition === 'right' ? this.styles.positionright : this.styles.item, { width: colWidth }]}>\n        <WmIcon styles={this.styles.checkicon}/>\n        <WmLabel styles={{ root: this.styles.text }}/>\n      </View>\n    })\n  }\n\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","TouchableOpacity","Platform","ScrollView","find","forEach","isEqual","isEmpty","WmCheckboxsetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","getNumberOfEmptyObjects","WmLabel","WmCheckboxsetState","constructor","args","_defineProperty","WmCheckboxset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","push","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","getTestPropsForAction","style","iconposition","styles","positionright","checkedItem","width","bind","iconclass","checkicon","uncheckicon","id","getTestId","accessible","template","renderitempartial","dataObject","getTestPropsForLabel","text","selectedLabel","importantForAccessibility","displayValue","filter","map","updateDatavalue","value","Promise","resolve","setTemplate","partialName","renderGroupby","groupedData","length","groupObj","groupHeaderTitle","renderCheckboxses","data","items","noOfColumns","itemsperrow","xs","Math","round","flexWrap","flexDirection","CHECKBOXSET","renderSkeleton","_ref","numberofskeletonitems","_","root","renderWidget","onLayout","event","handleLayout","showSpinner","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","groupby"],"sources":["checkboxset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View, TouchableOpacity, DimensionValue, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, forEach, isEqual,  isEmpty } from 'lodash';\nimport WmCheckboxsetProps from './checkboxset.props';\nimport {\n  DEFAULT_CLASS,\n\n  WmCheckboxsetStyles,\n} from './checkboxset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState,\n} from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { getNumberOfEmptyObjects } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\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    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\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,colWidth: DimensionValue) {\n    const props = this.state.props;\n    const displayText = item.displayexp || item.displayfield;\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'checkbox' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity {...this.getTestPropsForAction(index + '')}\n        style={[props.iconposition === 'right' ? this.styles.positionright : this.styles.item,item.selected ? this.styles.checkedItem : null, { width: colWidth }]}\n        onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps}>\n        <WmIcon iconclass=\"wi wi-check\" styles={item.selected? this.styles.checkicon : this.styles.uncheckicon} disabled={props.readonly || props.disabled} id={this.getTestId('item'+index)} accessible={false}/>\n        {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) :\n        <Text {...this.getTestPropsForLabel(\"label\"+index)} style={[this.styles.text, item.selected ? this.styles.selectedLabel: null]} importantForAccessibility='no'>{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    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return(<View style = {noOfColumns === 1 ? {} : {flexWrap: 'wrap', flexDirection: 'row'}} {...getAccessibilityProps(AccessibilityWidgetType.CHECKBOXSET, props)}>\n      {items && items.length\n        ? items.map((item: any, index: any) => this.renderChild(item, index, colWidth))\n        : null}\n    </View>)\n  }\n\n  public renderSkeleton(props: WmCheckboxsetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 3)].map(_ => {\n        return <View style={[props.iconposition === 'right' ? this.styles.positionright : this.styles.item, { width: colWidth }]}>\n        <WmIcon styles={this.styles.checkicon}/>\n        <WmLabel styles={{ root: this.styles.text }}/>\n      </View>\n    })\n  }\n\n  renderWidget(props: WmCheckboxsetProps) {\n    const items = this.state.dataItems;\n    return (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n        {this.showSpinner()}\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderCheckboxses(items)}\n        </ScrollView>\n      </ScrollView>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAkBC,QAAQ,QAA2B,cAAc;AACxG,SAASC,UAAU,QAAQ,8BAA8B;AACzD,SAASC,IAAI,EAAEC,OAAO,EAAEC,OAAO,EAAGC,OAAO,QAAQ,QAAQ;AACzD,OAAOC,kBAAkB,MAAM,qBAAqB;AACpD,SACEC,aAAa,QAGR,sBAAsB;AAC7B,SACEC,oBAAoB,EACpBC,gBAAgB,QACX,iFAAiF;AACxF,OAAOC,MAAM,MAAM,mEAAmE;AACtF,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,iDAAiD;AAChH,SAASC,uBAAuB,QAAQ,yCAAyC;AACjF,OAAOC,OAAO,MAAM,qEAAqE;AAEzF,OAAO,MAAMC,kBAAkB,SAASN,gBAAgB,CAAqB;EAAAO,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBACxD,IAAI;IAAAA,eAAA,mBACJ,EAAE;EAAA;AACvB;AAEA,eAAe,MAAMC,aAAa,SAASX,oBAAoB,CAA8D;EAC3HQ,WAAWA,CAACI,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEb,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAe,OAAOA,CAACC,IAAS,EAAE;IACjB,IAAI,IAAI,CAACC,KAAK,CAACH,KAAK,CAACI,QAAQ,IAAI,IAAI,CAACD,KAAK,CAACH,KAAK,CAACK,QAAQ,EAAE;MAC1D;IACF;IACA,IAAI,CAACC,mBAAmB,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAACC,KAAK,CAAC,CAAC;IACrDL,IAAI,CAACM,QAAQ,GAAG,CAACN,IAAI,CAACM,QAAQ;IAC9B,MAAMC,aAAkB,GAAG,EAAE;IAC7B,MAAMC,YAAY,GAAG5B,IAAI,CAAC,IAAI,CAACqB,KAAK,CAACQ,SAAS,EAAEC,CAAC,IAAI5B,OAAO,CAAC4B,CAAC,CAACC,GAAG,EAAEX,IAAI,CAACW,GAAG,CAAC,CAAC;IAC9E,MAAMC,QAAQ,GAAG,IAAI,CAACX,KAAK,CAACH,KAAK,CAACe,SAAS;IAC3CL,YAAY,CAACF,QAAQ,GAAGN,IAAI,CAACM,QAAQ;IACrCzB,OAAO,CAAC,IAAI,CAACoB,KAAK,CAACQ,SAAS,EAAGT,IAAI,IAAK;MACpC,IAAIA,IAAI,CAACM,QAAQ,EAAE;QACjBC,aAAa,CAACO,IAAI,CAACd,IAAI,CAACe,SAAS,CAAC;MACpC;IACJ,CAAC,CAAC;IACF,IAAI,CAACC,QAAQ,CAACT,aAAa,CAAC;IAC5B,IAAI,CAACU,WAAW,CAAC;MAAEnB,KAAK,EAAE;QAAEe,SAAS,EAAEN;MAAc;IAAC,CAAC,EACrD,MAAM;MACJ,IAAI,CAACW,mBAAmB,CAAC,CAAC;MAC1B,IAAI,CAACd,mBAAmB,CAAC,UAAU,EAAE,CAAEe,SAAS,EAAE,IAAI,CAACd,KAAK,EAAEE,aAAa,EAAEK,QAAQ,CAAE,CAAC;IAC1F,CAAC,CAAC;EACN;EAEAQ,WAAWA,CAACpB,IAAS,EAAEqB,KAAU,EAACC,QAAwB,EAAE;IAC1D,MAAMxB,KAAK,GAAG,IAAI,CAACG,KAAK,CAACH,KAAK;IAC9B,MAAMyB,WAAW,GAAGvB,IAAI,CAACwB,UAAU,IAAIxB,IAAI,CAACyB,YAAY;IACxD,MAAMC,kBAAkB,GAAG;MAAEC,kBAAkB,EAAEJ,WAAW;MAC1DK,iBAAiB,EAAE,UAA+B;MAClDC,kBAAkB,EAAE;QAClB3B,QAAQ,EAAE,IAAI,CAACJ,KAAK,CAACK,QAAQ,IAAI,IAAI,CAACL,KAAK,CAACI,QAAQ;QACpDI,QAAQ,EAAEN,IAAI,CAACM;MACjB;IACF,CAAC;IACD,oBACEhC,KAAA,CAAAwD,aAAA,CAACrD,gBAAgB,EAAAsD,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAACX,KAAK,GAAG,EAAE,CAAC;MAC1DY,KAAK,EAAE,CAACnC,KAAK,CAACoC,YAAY,KAAK,OAAO,GAAG,IAAI,CAACC,MAAM,CAACC,aAAa,GAAG,IAAI,CAACD,MAAM,CAACnC,IAAI,EAACA,IAAI,CAACM,QAAQ,GAAG,IAAI,CAAC6B,MAAM,CAACE,WAAW,GAAG,IAAI,EAAE;QAAEC,KAAK,EAAEhB;MAAS,CAAC,CAAE;MAC3JvB,OAAO,EAAE,IAAI,CAACA,OAAO,CAACwC,IAAI,CAAC,IAAI,EAAEvC,IAAI,CAAE;MAACW,GAAG,EAAEX,IAAI,CAACW;IAAI,GAAKe,kBAAkB,gBAC7EpD,KAAA,CAAAwD,aAAA,CAAC1C,MAAM;MAACoD,SAAS,EAAC,aAAa;MAACL,MAAM,EAAEnC,IAAI,CAACM,QAAQ,GAAE,IAAI,CAAC6B,MAAM,CAACM,SAAS,GAAG,IAAI,CAACN,MAAM,CAACO,WAAY;MAACxC,QAAQ,EAAEJ,KAAK,CAACK,QAAQ,IAAIL,KAAK,CAACI,QAAS;MAACyC,EAAE,EAAE,IAAI,CAACC,SAAS,CAAC,MAAM,GAACvB,KAAK,CAAE;MAACwB,UAAU,EAAE;IAAM,CAAC,CAAC,EACzM,CAAC9D,OAAO,CAAC,IAAI,CAACkB,KAAK,CAAC6C,QAAQ,CAAC,IAAI,IAAI,CAAChD,KAAK,CAACiD,iBAAiB,GAC3D,IAAI,CAACjD,KAAK,CAACiD,iBAAiB,CAAC/C,IAAI,CAACgD,UAAU,EAAE3B,KAAK,EAAE,IAAI,CAACpB,KAAK,CAAC6C,QAAQ,CAAC,gBAC5ExE,KAAA,CAAAwD,aAAA,CAACvD,IAAI,EAAAwD,QAAA,KAAK,IAAI,CAACkB,oBAAoB,CAAC,OAAO,GAAC5B,KAAK,CAAC;MAAEY,KAAK,EAAE,CAAC,IAAI,CAACE,MAAM,CAACe,IAAI,EAAElD,IAAI,CAACM,QAAQ,GAAG,IAAI,CAAC6B,MAAM,CAACgB,aAAa,GAAE,IAAI,CAAE;MAACC,yBAAyB,EAAC;IAAI,IAAE7B,WAAkB,CAClK,CAAC;EACvB;EAEAL,mBAAmBA,CAAA,EAAG;IACpB,IAAI,CAACD,WAAW,CAAC;MACfnB,KAAK,EAAE;QACLuD,YAAY,EAAG,CAAC,IAAI,CAACpD,KAAK,CAACQ,SAAS,IAAI,EAAS,EAC9C6C,MAAM,CAAEtD,IAAS,IAAKA,IAAI,CAACM,QAAQ,CAAC,CACpCiD,GAAG,CAAEvD,IAAS,IAAKA,IAAI,CAACwB,UAAU,IAAIxB,IAAI,CAACyB,YAAY,CAAC,IAAK;MAClE;IACF,CAAuB,CAAC;EAC1B;EAEA+B,eAAeA,CAACC,KAAU,EAAE;IAC1B,IAAI,CAACxC,WAAW,CAAC;MAAEnB,KAAK,EAAE;QAAEe,SAAS,EAAE4C;MAAM;IAAC,CAAuB,CAAC;IACtE,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;EAEAC,WAAWA,CAACC,WAAgB,EAAE;IAC5B,IAAI,CAAC5C,WAAW,CAAC;MAAE6B,QAAQ,EAAEe;IAAW,CAAuB,CAAC;EAClE;EAEAC,aAAaA,CAAA,EAAG;IACd,MAAMC,WAAW,GAAG,IAAI,CAAC9D,KAAK,CAAC8D,WAAW;IAC1C,oBACEzF,KAAA,CAAAwD,aAAA,CAACtD,IAAI,QACFuF,WAAW,IAAIA,WAAW,CAACC,MAAM,GAC9BD,WAAW,CAACR,GAAG,CAAC,CAACU,QAAa,EAAE5C,KAAU,KAAK;MAC/C,oBACE/C,KAAA,CAAAwD,aAAA,CAACtD,IAAI;QAACmC,GAAG,EAAEsD,QAAQ,CAACtD;MAAI,gBACtBrC,KAAA,CAAAwD,aAAA,CAACvD,IAAI;QAAC0D,KAAK,EAAE,IAAI,CAACE,MAAM,CAAC+B;MAAiB,GAAED,QAAQ,CAACtD,GAAU,CAAC,EAC/D,IAAI,CAACwD,iBAAiB,CAACF,QAAQ,CAACG,IAAI,CACjC,CAAC;IACX,CAAC,CAAC,GACA,IACA,CAAC;EAEX;EAEAD,iBAAiBA,CAACE,KAAU,EAAE;IAC5B,MAAMvE,KAAK,GAAG,IAAI,CAACG,KAAK,CAACH,KAAK;IAC9B,MAAMwE,WAAW,GAAGxE,KAAK,CAACyE,WAAW,CAACC,EAAE,IAAI,CAAC;IAC7C,MAAMlD,QAAQ,GAAGmD,IAAI,CAACC,KAAK,CAAC,GAAG,GAAEJ,WAAW,CAAC,GAAG,GAAqB;IACrE,oBAAOhG,KAAA,CAAAwD,aAAA,CAACtD,IAAI,EAAAuD,QAAA;MAACE,KAAK,EAAIqC,WAAW,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG;QAACK,QAAQ,EAAE,MAAM;QAAEC,aAAa,EAAE;MAAK;IAAE,GAAKtF,qBAAqB,CAACD,uBAAuB,CAACwF,WAAW,EAAE/E,KAAK,CAAC,GAC3JuE,KAAK,IAAIA,KAAK,CAACL,MAAM,GAClBK,KAAK,CAACd,GAAG,CAAC,CAACvD,IAAS,EAAEqB,KAAU,KAAK,IAAI,CAACD,WAAW,CAACpB,IAAI,EAAEqB,KAAK,EAAEC,QAAQ,CAAC,CAAC,GAC7E,IACA,CAAC;EACT;EAEOwD,cAAcA,CAAChF,KAAyB,EAAmB;IAAA,IAAAiF,IAAA;IAChE,MAAMT,WAAW,GAAGxE,KAAK,CAACyE,WAAW,CAACC,EAAE,IAAI,CAAC;IAC7C,MAAMlD,QAAQ,GAAGmD,IAAI,CAACC,KAAK,CAAC,GAAG,GAAEJ,WAAW,CAAC,GAAG,GAAqB;IAErE,OAAO,CAAC,GAAG/E,uBAAuB,EAAAwF,IAAA,GAACjF,KAAK,CAACkF,qBAAqB,cAAAD,IAAA,cAAAA,IAAA,GAAc,CAAC,CAAC,CAAC,CAACxB,GAAG,CAAC0B,CAAC,IAAI;MACrF,oBAAO3G,KAAA,CAAAwD,aAAA,CAACtD,IAAI;QAACyD,KAAK,EAAE,CAACnC,KAAK,CAACoC,YAAY,KAAK,OAAO,GAAG,IAAI,CAACC,MAAM,CAACC,aAAa,GAAG,IAAI,CAACD,MAAM,CAACnC,IAAI,EAAE;UAAEsC,KAAK,EAAEhB;QAAS,CAAC;MAAE,gBACzHhD,KAAA,CAAAwD,aAAA,CAAC1C,MAAM;QAAC+C,MAAM,EAAE,IAAI,CAACA,MAAM,CAACM;MAAU,CAAC,CAAC,eACxCnE,KAAA,CAAAwD,aAAA,CAACtC,OAAO;QAAC2C,MAAM,EAAE;UAAE+C,IAAI,EAAE,IAAI,CAAC/C,MAAM,CAACe;QAAK;MAAE,CAAC,CACzC,CAAC;IACT,CAAC,CAAC;EACJ;EAEAiC,YAAYA,CAACrF,KAAyB,EAAE;IACtC,MAAMuE,KAAK,GAAG,IAAI,CAACpE,KAAK,CAACQ,SAAS;IAClC,oBACEnC,KAAA,CAAAwD,aAAA,CAACnD,UAAU;MAACsD,KAAK,EAAE,IAAI,CAACE,MAAM,CAAC+C,IAAK;MAACE,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;IAAE,GAChF,IAAI,CAACE,WAAW,CAAC,CAAC,eACnBjH,KAAA,CAAAwD,aAAA,CAACnD,UAAU;MAAC6G,UAAU,EAAE,IAAK;MAC3BvD,KAAK,EAAE,IAAI,CAACwD,KAAK,IAAI/G,QAAQ,CAACgH,EAAE,IAAI,SAAS,GAAG;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;QAAE,CAAC;MAAE,CAAC,GAAG,CAAC,CAAE;MACrFC,qBAAqB,EAAE,IAAI,CAACJ,KAAK,IAAI/G,QAAQ,CAACgH,EAAE,IAAI,SAAS,GAAG;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;QAAE,CAAC;MAAE,CAAC,GAAG,CAAC;IAAE,GAEpG9F,KAAK,CAACgG,OAAO,IAAI,IAAI,CAAChC,aAAa,CAAC,CAAC,EACrC,CAAChE,KAAK,CAACgG,OAAO,IAAI,IAAI,CAAC3B,iBAAiB,CAACE,KAAK,CACrC,CACF,CAAC;EAEjB;AACF","ignoreList":[]}

package/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js

@@ -4,6 +4,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { Modal, Platform, Text, TouchableWithoutFeedback, View } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import WmWheelDatePicker from '../../wheel-date-picker.component';
 import WmButton from '../../../../basic/button/button.component';
 import { DEFAULT_CLASS } from '../styles/datetime-picker-modal.styles';
@@ -43,6 +44,10 @@ export class WmDatePickerModal extends BaseComponent {
       visible: isVisible,
       onRequestClose: onClose,
       onDismiss: onClose
+    }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+      style: {
+        flex: 1
+      }
     }, /*#__PURE__*/React.createElement(View, _extends({
       style: styles.root,
       onLayout: event => this.handleLayout(event)
@@ -78,7 +83,7 @@ export class WmDatePickerModal extends BaseComponent {
       styles: styles.selectBtn,
       caption: dateconfirmationtitle,
       onTap: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedDate || this.props.selectedDate || new Date())
-    })))));
+    }))))));
   }
 }
 export default WmDatePickerModal;

package/components/input/epoch/wheelpickermodal/date/date-picker-modal.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","Platform","Text","TouchableWithoutFeedback","View","WmWheelDatePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmDatePickerModalProps","WmDatePickerModalState","constructor","args","_defineProperty","Date","WmDatePickerModal","props","renderWidget","isVisible","minDate","maxDate","onClose","onCancel","onSelect","dateheadertitle","dateconfirmationtitle","datecanceltitle","selectedDate","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","_extends","style","root","onLayout","event","handleLayout","OS","onStartShouldSetResponder","onResponderTerminationRequest","flex1","onPress","container","header","onDateChange","date","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn"],"sources":["date-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Platform, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport WmWheelDatePicker from '../../wheel-date-picker.component';\nimport WmButton from '../../../../basic/button/button.component';\nimport {\n  DEFAULT_CLASS,\n  WmDateTimePickerModalStyles,\n} from '../styles/datetime-picker-modal.styles';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmDatePickerModalProps from './date-picker-modal.props';\n\nexport class WmDatePickerModalState extends BaseComponentState<WmDatePickerModalProps> {\n  selectedDate: Date = new Date();\n}\n\nexport class WmDatePickerModal extends BaseComponent<\n  WmDatePickerModalProps,\n  WmDatePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmDatePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());\n  }\n\n  renderWidget() {\n    const { isVisible, minDate, maxDate, onClose, onCancel, onSelect, dateheadertitle, dateconfirmationtitle, datecanceltitle } = this.props;\n    const { selectedDate } = this.state;\n    const { styles } = this;\n\n    return (\n      <Modal\n        animationType=\"fade\"\n        transparent={true}\n        visible={isVisible}\n        onRequestClose={onClose}\n        onDismiss={onClose}\n      >\n        <View style={styles.root} onLayout={(event) => this.handleLayout(event)}\n         // prevent swipe gesture from bubbling to parent (fixes scroll vs. bottom sheet swipe conflict)\n          {...(Platform.OS === 'ios'\n              ? {\n                onStartShouldSetResponder: () => true,\n                onResponderTerminationRequest: () => false,\n              }\n              : {})}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>{dateheadertitle}</Text>\n            <WmWheelDatePicker\n              minDate={minDate}\n              maxDate={maxDate}\n              selectedDate={this.props.selectedDate || selectedDate}\n              onDateChange={(date) => {\n                this.setState({ selectedDate: date });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption={datecanceltitle}\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption={dateconfirmationtitle}\n                onTap={() => onSelect?.(selectedDate || this.props.selectedDate || new Date())}\n              />\n            </View>\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nexport default WmDatePickerModal;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,wBAAwB,EAAEC,IAAI,QAAQ,cAAc;AACpF,OAAOC,iBAAiB,MAAM,mCAAmC;AACjE,OAAOC,QAAQ,MAAM,2CAA2C;AAChE,SACEC,aAAa,QAER,wCAAwC;AAC/C,SACEC,aAAa,EACbC,kBAAkB,QACb,kDAAkD;AACzD,OAAOC,sBAAsB,MAAM,2BAA2B;AAE9D,OAAO,MAAMC,sBAAsB,SAASF,kBAAkB,CAAyB;EAAAG,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAChE,IAAIC,IAAI,CAAC,CAAC;EAAA;AACjC;AAEA,OAAO,MAAMC,iBAAiB,SAASR,aAAa,CAIlD;EACAI,WAAWA,CAACK,KAA6B,EAAE;IACzC,KAAK,CAACA,KAAK,EAAEV,aAAa,EAAE,IAAIG,sBAAsB,CAAC,CAAC,CAAC;EAC3D;EAEAQ,YAAYA,CAAA,EAAG;IACb,MAAM;MAAEC,SAAS;MAAEC,OAAO;MAAEC,OAAO;MAAEC,OAAO;MAAEC,QAAQ;MAAEC,QAAQ;MAAEC,eAAe;MAAEC,qBAAqB;MAAEC;IAAgB,CAAC,GAAG,IAAI,CAACV,KAAK;IACxI,MAAM;MAAEW;IAAa,CAAC,GAAG,IAAI,CAACC,KAAK;IACnC,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI;IAEvB,oBACE/B,KAAA,CAAAgC,aAAA,CAAC/B,KAAK;MACJgC,aAAa,EAAC,MAAM;MACpBC,WAAW,EAAE,IAAK;MAClBC,OAAO,EAAEf,SAAU;MACnBgB,cAAc,EAAEb,OAAQ;MACxBc,SAAS,EAAEd;IAAQ,gBAEnBvB,KAAA,CAAAgC,aAAA,CAAC3B,IAAI,EAAAiC,QAAA;MAACC,KAAK,EAAER,MAAM,CAACS,IAAK;MAACC,QAAQ,EAAGC,KAAK,IAAK,IAAI,CAACC,YAAY,CAACD,KAAK;MACrE;IAAA,GACMxC,QAAQ,CAAC0C,EAAE,KAAK,KAAK,GACpB;MACAC,yBAAyB,EAAEA,CAAA,KAAM,IAAI;MACrCC,6BAA6B,EAAEA,CAAA,KAAM;IACvC,CAAC,GACC,CAAC,CAAC,gBACR9C,KAAA,CAAAgC,aAAA,CAAC5B,wBAAwB;MAACmC,KAAK,EAAER,MAAM,CAACgB,KAAM;MAACC,OAAO,EAAEzB;IAAQ,gBAC9DvB,KAAA,CAAAgC,aAAA,CAAC3B,IAAI;MAACkC,KAAK,EAAER,MAAM,CAACgB;IAAM,CAAE,CACJ,CAAC,eAC3B/C,KAAA,CAAAgC,aAAA,CAAC3B,IAAI;MAACkC,KAAK,EAAER,MAAM,CAACkB;IAAU,gBAC5BjD,KAAA,CAAAgC,aAAA,CAAC7B,IAAI;MAACoC,KAAK,EAAER,MAAM,CAACmB;IAAO,GAAExB,eAAsB,CAAC,eACpD1B,KAAA,CAAAgC,aAAA,CAAC1B,iBAAiB;MAChBe,OAAO,EAAEA,OAAQ;MACjBC,OAAO,EAAEA,OAAQ;MACjBO,YAAY,EAAE,IAAI,CAACX,KAAK,CAACW,YAAY,IAAIA,YAAa;MACtDsB,YAAY,EAAGC,IAAI,IAAK;QACtB,IAAI,CAACC,QAAQ,CAAC;UAAExB,YAAY,EAAEuB;QAAK,CAAC,CAAC;MACvC;IAAE,CACH,CAAC,eACFpD,KAAA,CAAAgC,aAAA,CAAC3B,IAAI;MAACkC,KAAK,EAAER,MAAM,CAACuB;IAAc,gBAChCtD,KAAA,CAAAgC,aAAA,CAACzB,QAAQ;MACPwB,MAAM,EAAEA,MAAM,CAACwB,SAAU;MACzBC,OAAO,EAAE5B,eAAgB;MACzB6B,KAAK,EAAEjC;IAAS,CACjB,CAAC,eACFxB,KAAA,CAAAgC,aAAA,CAACzB,QAAQ;MACPwB,MAAM,EAAEA,MAAM,CAAC2B,SAAU;MACzBF,OAAO,EAAE7B,qBAAsB;MAC/B8B,KAAK,EAAEA,CAAA,KAAMhC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGI,YAAY,IAAI,IAAI,CAACX,KAAK,CAACW,YAAY,IAAI,IAAIb,IAAI,CAAC,CAAC;IAAE,CAChF,CACG,CACF,CACF,CACD,CAAC;EAEZ;AACF;AAEA,eAAeC,iBAAiB","ignoreList":[]}
+{"version":3,"names":["React","Modal","Platform","Text","TouchableWithoutFeedback","View","GestureHandlerRootView","WmWheelDatePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmDatePickerModalProps","WmDatePickerModalState","constructor","args","_defineProperty","Date","WmDatePickerModal","props","renderWidget","isVisible","minDate","maxDate","onClose","onCancel","onSelect","dateheadertitle","dateconfirmationtitle","datecanceltitle","selectedDate","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","style","flex","_extends","root","onLayout","event","handleLayout","OS","onStartShouldSetResponder","onResponderTerminationRequest","flex1","onPress","container","header","onDateChange","date","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn"],"sources":["date-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Platform, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport WmWheelDatePicker from '../../wheel-date-picker.component';\nimport WmButton from '../../../../basic/button/button.component';\nimport {\n  DEFAULT_CLASS,\n  WmDateTimePickerModalStyles,\n} from '../styles/datetime-picker-modal.styles';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmDatePickerModalProps from './date-picker-modal.props';\n\nexport class WmDatePickerModalState extends BaseComponentState<WmDatePickerModalProps> {\n  selectedDate: Date = new Date();\n}\n\nexport class WmDatePickerModal extends BaseComponent<\n  WmDatePickerModalProps,\n  WmDatePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmDatePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmDatePickerModalProps());\n  }\n\n  renderWidget() {\n    const { isVisible, minDate, maxDate, onClose, onCancel, onSelect, dateheadertitle, dateconfirmationtitle, datecanceltitle } = this.props;\n    const { selectedDate } = this.state;\n    const { styles } = this;\n\n    return (\n      <Modal\n        animationType=\"fade\"\n        transparent={true}\n        visible={isVisible}\n        onRequestClose={onClose}\n        onDismiss={onClose}\n      >\n        {/* TODO: Remove GestureHandlerRootView once the issue with expo 56 is fixed. */}\n        <GestureHandlerRootView style={{ flex: 1 }}>\n        <View style={styles.root} onLayout={(event) => this.handleLayout(event)}\n          // prevent swipe gesture from bubbling to parent (fixes scroll vs. bottom sheet swipe conflict)\n          {...(Platform.OS === 'ios'\n              ? {\n                onStartShouldSetResponder: () => true,\n                onResponderTerminationRequest: () => false,\n              }\n              : {})}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>{dateheadertitle}</Text>\n            <WmWheelDatePicker\n              minDate={minDate}\n              maxDate={maxDate}\n              selectedDate={this.props.selectedDate || selectedDate}\n              onDateChange={(date) => {\n                this.setState({ selectedDate: date });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption={datecanceltitle}\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption={dateconfirmationtitle}\n                onTap={() => onSelect?.(selectedDate || this.props.selectedDate || new Date())}\n              />\n            </View>\n          </View>\n        </View>\n        </GestureHandlerRootView>\n      </Modal>\n    );\n  }\n}\n\nexport default WmDatePickerModal;\n"],"mappings":"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","ignoreList":[]}

package/components/input/epoch/wheelpickermodal/time/time-picker-modal.component.js

@@ -4,6 +4,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import { Modal, Platform, Text, TouchableWithoutFeedback, View } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import WmWheelTimePicker from '../../wheel-time-picker.component';
 import WmButton from '../../../../basic/button/button.component';
 import { DEFAULT_CLASS } from '../styles/datetime-picker-modal.styles';
@@ -42,6 +43,10 @@ export class WmTimePickerModal extends BaseComponent {
       visible: isVisible,
       onRequestClose: onClose,
       onDismiss: onClose
+    }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+      style: {
+        flex: 1
+      }
     }, /*#__PURE__*/React.createElement(View, _extends({
       style: styles.root,
       onLayout: event => this.handleLayout(event)
@@ -76,7 +81,7 @@ export class WmTimePickerModal extends BaseComponent {
       styles: styles.selectBtn,
       caption: timeconfirmationtitle,
       onTap: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedTime || this.props.selectedDateTime || new Date().setSeconds(0))
-    })))));
+    }))))));
   }
 }
 export default WmTimePickerModal;

package/components/input/epoch/wheelpickermodal/time/time-picker-modal.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Modal","Platform","Text","TouchableWithoutFeedback","View","WmWheelTimePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmTimePickerModalProps","WmTimePickerModalState","constructor","args","_defineProperty","Date","WmTimePickerModal","props","renderWidget","is24Hour","isVisible","onClose","onCancel","onSelect","timeheadertitle","timeconfirmationtitle","timecanceltitle","selectedTime","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","_extends","style","root","onLayout","event","handleLayout","OS","onStartShouldSetResponder","onResponderTerminationRequest","flex1","onPress","container","header","selectedDateTime","onTimeChange","time","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn","setSeconds"],"sources":["time-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Platform, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport WmWheelTimePicker from '../../wheel-time-picker.component';\nimport WmButton from '../../../../basic/button/button.component';\nimport {\n  DEFAULT_CLASS,\n  WmDateTimePickerModalStyles,\n} from '../styles/datetime-picker-modal.styles';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmTimePickerModalProps from './time-picker-modal.props';\n\nexport class WmTimePickerModalState extends BaseComponentState<WmTimePickerModalProps> {\n  selectedTime: Date = new Date();\n}\n\nexport class WmTimePickerModal extends BaseComponent<\n  WmTimePickerModalProps,\n  WmTimePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmTimePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmTimePickerModalProps());\n  }\n\n  renderWidget(props: WmTimePickerModalProps) {\n    const { is24Hour, isVisible, onClose, onCancel, onSelect, timeheadertitle, timeconfirmationtitle, timecanceltitle } = this.props;\n    const { selectedTime } = this.state;\n    const { styles } = this;\n\n    return (\n      <Modal\n        animationType=\"fade\"\n        transparent={true}\n        visible={isVisible}\n        onRequestClose={onClose}\n        onDismiss={onClose}\n      >\n        <View style={styles.root} onLayout={(event) => this.handleLayout(event)}\n                      // prevent swipe gesture from bubbling to parent (fixes scroll vs. bottom sheet swipe conflict)\n                      {...(Platform.OS === 'ios'\n                      ? {\n                        onStartShouldSetResponder: () => true,\n                        onResponderTerminationRequest: () => false,\n                      }\n                      : {})}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>{timeheadertitle}</Text>\n            <WmWheelTimePicker\n              selectedTime={this.props.selectedDateTime || selectedTime}\n              is24Hour={is24Hour}\n              onTimeChange={(time) => {\n                this.setState({ selectedTime: time });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption={timecanceltitle}\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption={timeconfirmationtitle}\n                onTap={() => onSelect?.(selectedTime || this.props.selectedDateTime || new Date().setSeconds(0))}\n              />\n            </View>\n          </View>\n        </View>\n      </Modal>\n    );\n  }\n}\n\nexport default WmTimePickerModal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Modal","Platform","Text","TouchableWithoutFeedback","View","GestureHandlerRootView","WmWheelTimePicker","WmButton","DEFAULT_CLASS","BaseComponent","BaseComponentState","WmTimePickerModalProps","WmTimePickerModalState","constructor","args","_defineProperty","Date","WmTimePickerModal","props","renderWidget","is24Hour","isVisible","onClose","onCancel","onSelect","timeheadertitle","timeconfirmationtitle","timecanceltitle","selectedTime","state","styles","createElement","animationType","transparent","visible","onRequestClose","onDismiss","style","flex","_extends","root","onLayout","event","handleLayout","OS","onStartShouldSetResponder","onResponderTerminationRequest","flex1","onPress","container","header","selectedDateTime","onTimeChange","time","setState","buttonWrapper","cancelBtn","caption","onTap","selectBtn","setSeconds"],"sources":["time-picker-modal.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Modal, Platform, Text, TouchableWithoutFeedback, View } from 'react-native';\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\nimport WmWheelTimePicker from '../../wheel-time-picker.component';\nimport WmButton from '../../../../basic/button/button.component';\nimport {\n  DEFAULT_CLASS,\n  WmDateTimePickerModalStyles,\n} from '../styles/datetime-picker-modal.styles';\nimport {\n  BaseComponent,\n  BaseComponentState,\n} from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport WmTimePickerModalProps from './time-picker-modal.props';\n\nexport class WmTimePickerModalState extends BaseComponentState<WmTimePickerModalProps> {\n  selectedTime: Date = new Date();\n}\n\nexport class WmTimePickerModal extends BaseComponent<\n  WmTimePickerModalProps,\n  WmTimePickerModalState,\n  WmDateTimePickerModalStyles\n> {\n  constructor(props: WmTimePickerModalProps) {\n    super(props, DEFAULT_CLASS, new WmTimePickerModalProps());\n  }\n\n  renderWidget(props: WmTimePickerModalProps) {\n    const { is24Hour, isVisible, onClose, onCancel, onSelect, timeheadertitle, timeconfirmationtitle, timecanceltitle } = this.props;\n    const { selectedTime } = this.state;\n    const { styles } = this;\n\n    return (\n      <Modal\n        animationType=\"fade\"\n        transparent={true}\n        visible={isVisible}\n        onRequestClose={onClose}\n        onDismiss={onClose}\n      >\n        {/* TODO: Remove GestureHandlerRootView once the issue with expo 56 is fixed. */}\n        <GestureHandlerRootView style={{ flex: 1 }}>\n        <View style={styles.root} onLayout={(event) => this.handleLayout(event)}\n                      // prevent swipe gesture from bubbling to parent (fixes scroll vs. bottom sheet swipe conflict)\n                      {...(Platform.OS === 'ios'\n                      ? {\n                        onStartShouldSetResponder: () => true,\n                        onResponderTerminationRequest: () => false,\n                      }\n                      : {})}>\n          <TouchableWithoutFeedback style={styles.flex1} onPress={onClose}>\n            <View style={styles.flex1} />\n          </TouchableWithoutFeedback>\n          <View style={styles.container}>\n            <Text style={styles.header}>{timeheadertitle}</Text>\n            <WmWheelTimePicker\n              selectedTime={this.props.selectedDateTime || selectedTime}\n              is24Hour={is24Hour}\n              onTimeChange={(time) => {\n                this.setState({ selectedTime: time });\n              }}\n            />\n            <View style={styles.buttonWrapper}>\n              <WmButton\n                styles={styles.cancelBtn}\n                caption={timecanceltitle}\n                onTap={onCancel}\n              />\n              <WmButton\n                styles={styles.selectBtn}\n                caption={timeconfirmationtitle}\n                onTap={() => onSelect?.(selectedTime || this.props.selectedDateTime || new Date().setSeconds(0))}\n              />\n            </View>\n          </View>\n        </View>\n        </GestureHandlerRootView>\n      </Modal>\n    );\n  }\n}\n\nexport default WmTimePickerModal;\n"],"mappings":"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","ignoreList":[]}

package/components/input/radioset/radioset.component.js

@@ -126,7 +126,7 @@ export default class WmRadioset extends BaseDatasetComponent {
       accessible: false,
       bounces: false,
       alwaysBounceVertical: false
-    }, /*#__PURE__*/React.createElement(ScrollView, _extends({
+    }, this.showSpinner(), /*#__PURE__*/React.createElement(ScrollView, _extends({
       horizontal: true,
       style: this.isRTL && Platform.OS == 'android' ? {
         transform: [{
@@ -143,7 +143,7 @@ export default class WmRadioset extends BaseDatasetComponent {
     }), props.groupby && this.renderGroupby(), !props.groupby && this.renderRadioButtons(items))) : /*#__PURE__*/React.createElement(View, _extends({
       style: [this.styles.root],
       onLayout: event => this.handleLayout(event)
-    }, getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)), props.groupby && this.renderGroupby(), !props.groupby && this.renderRadioButtons(items));
+    }, getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)), this.showSpinner(), props.groupby && this.renderGroupby(), !props.groupby && this.renderRadioButtons(items));
   }
 }
 //# sourceMappingURL=radioset.component.js.map

package/components/input/radioset/radioset.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","Platform","ScrollView","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","find","isEqual","isEmpty","WmLabel","getNumberOfEmptyObjects","WmRadiosetState","constructor","args","_defineProperty","WmRadioset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","value","getItemKey","itemStyle","width","iconposition","styles","positionright","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","style","bind","getTestPropsForAction","id","getTestId","iconclass","checkedRadio","uncheckedRadio","accessible","template","renderitempartial","dataObject","radioLabel","selectedLabel","getTestPropsForLabel","setTemplate","partialName","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","radiosetscroll","group","renderSkeleton","_ref","numberofskeletonitems","_","skeleton","renderWidget","root","onLayout","event","handleLayout","bounces","alwaysBounceVertical","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","RADIOSET","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue, TouchableOpacity, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { find, forEach, isEqual } from 'lodash-es';\nimport { isEmpty } from 'lodash';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\nimport { getNumberOfEmptyObjects } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n  template: string = '';\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = true;\n    let 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    selectedValue = selectedItem.selected ? selectedItem.datafield : null;\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmRadiosetState,() => {\n      this.computeDisplayValue();\n      this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n    });\n  }\n\n  renderChild(item: any, index: any, colWidth?: DimensionValue) {\n    const displayText = item.displayexp || item.displayfield;\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    const itemStyle = colWidth\n    ? [{ width: colWidth }, this.props.iconposition === 'right' ? this.styles.positionright : this.styles.item]\n    : [this.props.iconposition === 'right' ? this.styles.positionright : this.styles.item];\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'radio' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity style={[\n        itemStyle,\n         item.selected ? this.styles.selectedItem : null]}\n         onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps} {...this.getTestPropsForAction(\"radio\"+index)}>\n          <WmIcon id={this.getTestId('radiobutton' + index)} iconclass=\"wi wi-fiber-manual-record\" styles={item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio} disabled={this.state.props.readonly || this.state.props.disabled} accessible={false}></WmIcon>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n          this.props.renderitempartial(item.dataObject, index, this.state.template) : <Text style={[this.styles.radioLabel, item.selected ? this.styles.selectedLabel : null]} {...this.getTestPropsForLabel('caption'+index)}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName } as WmRadiosetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View accessibilityRole='radiogroup'>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return props.radiosetscroll ? (\n      <View style={noOfColumns === 1 ? {} : this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n      </View>\n      ) : (\n       <View style={[this.styles.group]}>\n          {items && items.length ?\n           items.map((item: any, index: any) => this.renderChild(item, index)): null}\n       </View>\n      )\n  }\n\n  public renderSkeleton(props: WmRadiosetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 5)].map(_ => {\n      return <View style={[this.props.iconposition === 'right' ? this.styles.positionright : this.styles.item, { width: colWidth }]}>\n        <WmIcon styles={this.styles.checkedRadio}/>\n        <WmLabel styles={{ skeleton: this.styles.skeleton }}/>\n      </View>\n    })\n\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return props.radiosetscroll ? (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)} accessible={false}\n        bounces={false}\n        alwaysBounceVertical={false}\n      >\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}\n          accessible={false}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </ScrollView>\n      </ScrollView>\n    ) : (\n      <View style={[this.styles.root]} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}>\n        {props.groupby && this.renderGroupby()}\n        {!props.groupby && this.renderRadioButtons(items)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","Platform","ScrollView","WmRadiosetProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","AccessibilityWidgetType","getAccessibilityProps","find","isEqual","isEmpty","WmLabel","getNumberOfEmptyObjects","WmRadiosetState","constructor","args","_defineProperty","WmRadioset","props","onPress","item","state","disabled","readonly","invokeEventCallback","proxy","selected","selectedValue","selectedItem","dataItems","d","key","oldValue","datavalue","datafield","validate","updateState","computeDisplayValue","undefined","renderChild","index","colWidth","displayText","displayexp","displayfield","value","getItemKey","itemStyle","width","iconposition","styles","positionright","accessibilityProps","accessibilityLabel","accessibilityRole","accessibilityState","createElement","_extends","style","bind","getTestPropsForAction","id","getTestId","iconclass","checkedRadio","uncheckedRadio","accessible","template","renderitempartial","dataObject","radioLabel","selectedLabel","getTestPropsForLabel","setTemplate","partialName","renderGroupby","groupedData","length","map","groupObj","groupHeaderTitle","renderRadioButtons","data","items","noOfColumns","itemsperrow","xs","Math","round","radiosetscroll","group","renderSkeleton","_ref","numberofskeletonitems","_","skeleton","renderWidget","root","onLayout","event","handleLayout","bounces","alwaysBounceVertical","showSpinner","horizontal","isRTL","OS","transform","scaleX","contentContainerStyle","RADIOSET","groupby"],"sources":["radioset.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, DimensionValue, TouchableOpacity, Platform, AccessibilityRole } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\n\nimport WmRadiosetProps from './radioset.props';\nimport { DEFAULT_CLASS, WmRadiosetStyles } from './radioset.styles';\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport WmSkeleton, { createSkeleton } from '../../basic/skeleton/skeleton.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { find, forEach, isEqual } from 'lodash-es';\nimport { isEmpty } from 'lodash';\nimport WmLabel from '@wavemaker-ai/app-rn-runtime/components/basic/label/label.component';\nimport { getNumberOfEmptyObjects } from '@wavemaker-ai/app-rn-runtime/core/utils';\n\nexport class WmRadiosetState extends BaseDatasetState<WmRadiosetProps> {\n  template: string = '';\n}\n\nexport default class WmRadioset extends BaseDatasetComponent<WmRadiosetProps, WmRadiosetState, WmRadiosetStyles> {\n\n  constructor(props: WmRadiosetProps) {\n    super(props, DEFAULT_CLASS, new WmRadiosetProps());\n  }\n\n  onPress(item: any) {\n    if (this.state.props.disabled || this.state.props.readonly) {\n      return;\n    }\n    this.invokeEventCallback('onTap', [null, this.proxy]);\n    item.selected = true;\n    let 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    selectedValue = selectedItem.selected ? selectedItem.datafield : null;\n    this.validate(selectedValue);\n    this.updateState({ props: { datavalue: selectedValue }} as WmRadiosetState,() => {\n      this.computeDisplayValue();\n      this.invokeEventCallback('onChange', [ undefined, this.proxy, selectedValue, oldValue ]);\n    });\n  }\n\n  renderChild(item: any, index: any, colWidth?: DimensionValue) {\n    const displayText = item.displayexp || item.displayfield;\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    const itemStyle = colWidth\n    ? [{ width: colWidth }, this.props.iconposition === 'right' ? this.styles.positionright : this.styles.item]\n    : [this.props.iconposition === 'right' ? this.styles.positionright : this.styles.item];\n    const accessibilityProps = { accessibilityLabel: displayText ,\n      accessibilityRole: 'radio' as AccessibilityRole,\n      accessibilityState: {\n        disabled: this.props.readonly || this.props.disabled,\n        selected: item.selected,\n      }\n    }\n    return (\n      <TouchableOpacity style={[\n        itemStyle,\n         item.selected ? this.styles.selectedItem : null]}\n         onPress={this.onPress.bind(this, item)} key={item.key} {...accessibilityProps} {...this.getTestPropsForAction(\"radio\"+index)}>\n          <WmIcon id={this.getTestId('radiobutton' + index)} iconclass=\"wi wi-fiber-manual-record\" styles={item.selected ? this.styles.checkedRadio : this.styles.uncheckedRadio} disabled={this.state.props.readonly || this.state.props.disabled} accessible={false}></WmIcon>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n          this.props.renderitempartial(item.dataObject, index, this.state.template) : <Text style={[this.styles.radioLabel, item.selected ? this.styles.selectedLabel : null]} {...this.getTestPropsForLabel('caption'+index)}>{displayText}</Text>}\n      </TouchableOpacity>)\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName } as WmRadiosetState);\n  }\n\n  renderGroupby() {\n    const groupedData = this.state.groupedData;\n    return (\n      <View accessibilityRole='radiogroup'>\n        {groupedData && groupedData.length\n          ? groupedData.map((groupObj: any, index: any) => {\n            return(\n              <View key={groupObj.key}>\n                <Text style={this.styles.groupHeaderTitle}>{groupObj.key}</Text>\n                {this.renderRadioButtons(groupObj.data)}\n              </View>)\n          })\n          : null}\n      </View>\n    );\n  }\n\n  renderRadioButtons(items: any) {\n    const props = this.state.props;\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n    return props.radiosetscroll ? (\n      <View style={noOfColumns === 1 ? {} : this.styles.group}>\n        {items && items.length ?\n          items.map((item: any, index: any) => this.renderChild(item, index, colWidth)): null}\n      </View>\n      ) : (\n       <View style={[this.styles.group]}>\n          {items && items.length ?\n           items.map((item: any, index: any) => this.renderChild(item, index)): null}\n       </View>\n      )\n  }\n\n  public renderSkeleton(props: WmRadiosetProps): React.ReactNode {\n    const noOfColumns = props.itemsperrow.xs || 1;\n    const colWidth = Math.round(100/ noOfColumns) + '%' as DimensionValue;\n\n    return [...getNumberOfEmptyObjects(props.numberofskeletonitems as number ?? 5)].map(_ => {\n      return <View style={[this.props.iconposition === 'right' ? this.styles.positionright : this.styles.item, { width: colWidth }]}>\n        <WmIcon styles={this.styles.checkedRadio}/>\n        <WmLabel styles={{ skeleton: this.styles.skeleton }}/>\n      </View>\n    })\n\n  }\n\n  renderWidget(props: WmRadiosetProps) {\n    const items = this.state.dataItems;\n    return props.radiosetscroll ? (\n      <ScrollView style={this.styles.root} onLayout={(event) => this.handleLayout(event)} accessible={false}\n        bounces={false}\n        alwaysBounceVertical={false}\n      >\n        {this.showSpinner()}\n        <ScrollView horizontal={true}\n          style={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          contentContainerStyle={this.isRTL && Platform.OS == 'android' ? { transform: [{ scaleX: -1 }] } : {}}\n          {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}\n          accessible={false}\n        >\n          {props.groupby && this.renderGroupby()}\n          {!props.groupby && this.renderRadioButtons(items)}\n        </ScrollView>\n      </ScrollView>\n    ) : (\n      <View style={[this.styles.root]} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.RADIOSET, this.props)}>\n        {this.showSpinner()}\n        {props.groupby && this.renderGroupby()}\n        {!props.groupby && this.renderRadioButtons(items)}\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/text/text.component.js

@@ -128,6 +128,7 @@ export default class WmText extends BaseInputComponent {
       onChange: this.invokeChange.bind(this),
       allowContentSelection: this.styles.text.userSelect === 'text',
       autoCapitalize: props.autocapitalize,
+      returnKeyType: props.returnkeytype,
       handleLayout: this.handleLayout,
       leadingiconclass: props.leadingiconclass,
       leadingiconurl: props.leadingiconurl