@wavemaker/app-rn-runtime 12.0.0-next.45191 → 12.0.0-next.45196

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

@@ -16,6 +16,7 @@ import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import ThemeVariables from '@wavemaker/app-rn-runtime/styles/theme.variables';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
 import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
 export class WmSelectState extends BaseDatasetState {
   constructor(...args) {
     super(...args);
@@ -89,6 +90,11 @@ export default class WmSelect extends BaseDatasetComponent {
     var _this$widgetRef;
     this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 || _this$widgetRef.focus();
   }
+  renderSkeletonForText() {
+    return createSkeleton(this.theme, {}, {
+      ...this.styles.textSkeleton.root
+    });
+  }
   renderSelect() {
     const props = this.state.props;
     const select = this.styles.root;
@@ -101,7 +107,9 @@ export default class WmSelect extends BaseDatasetComponent {
       React.createElement(View, {
         style: [this.styles.root, this.state.isValid ? {} : this.styles.invalid, {
           backgroundColor: props.disabled ? this.styles.disabledText.backgroundColor : this.styles.root.backgroundColor
-        }],
+        }, this._showSkeleton ? {
+          justifyContent: 'space-between'
+        } : {}],
         ref: ref => {
           this.view = ref;
         },
@@ -115,7 +123,7 @@ export default class WmSelect extends BaseDatasetComponent {
         style: {
           borderRadius: this.styles.root.borderRadius
         }
-      }) : null, /*#__PURE__*/React.createElement(Text, _extends({
+      }) : null, this._showSkeleton && (this.state.props.displayValue || props.placeholder) ? this.renderSkeletonForText() : /*#__PURE__*/React.createElement(Text, _extends({
         style: [this.styles.text, this.state.props.displayValue ? {} : {
           color: this.styles.placeholderText.color
         }],
@@ -125,7 +133,7 @@ export default class WmSelect extends BaseDatasetComponent {
       }, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.SELECT, props), {
         onPress: this.onPress.bind(this)
       }), this.state.props.displayValue || props.placeholder || ' '), /*#__PURE__*/React.createElement(WmButton, {
-        styles: this.styles.arrowButton,
+        styles: this._showSkeleton ? this.styles.arrowButtonSkeleton.root : this.styles.arrowButton,
         iconclass: 'wi wi-keyboard-arrow-down',
         onTap: this.onPress.bind(this),
         hint: props === null || props === void 0 ? void 0 : props.hint

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

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

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

@@ -84,6 +84,30 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
         justifyContent: 'center',
         backgroundColor: 'transparent'
       }
+    },
+    skeleton: {
+      root: {
+        minWidth: 0,
+        width: 120,
+        height: 16,
+        borderRadius: 4,
+        marginRight: 8,
+        padding: 0
+      }
+    },
+    arrowButtonSkeleton: {
+      root: {
+        width: 24,
+        height: 24,
+        borderRadius: 12
+      }
+    },
+    textSkeleton: {
+      root: {
+        width: 100,
+        height: 16,
+        borderRadius: 8
+      }
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","minWidth","alignItems","invalid","borderBottomColor","inputInvalidBorderColor","text","fontSize","fontFamily","baseFont","flex","color","inputTextColor","checkIcon","primaryColor","disabledText","inputDisabledBgColor","modal","height","modalContent","position","width","selectItem","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomStyle","selecttemBorderColor","lastSelectItem","selectItemText","selectItemTextColor","selectedItem","selectedItemText","placeholderText","inputPlaceholderColor","dropDownContent","arrowButton","paddingTop","paddingBottom","paddingLeft","paddingRight","minHeight","alignSelf","justifyContent","OS","textAlign"],"sources":["select.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\n\nexport type WmSelectStyles = BaseStyles & {\n  arrowButton: WmButtonStyles;\n  modal: AllStyle;\n  modalContent: AllStyle;\n  checkIcon: WmIconStyles;\n  selectItem: AllStyle;\n  lastSelectItem: AllStyle,\n  selectItemText: AllStyle;\n  selectedItem: AllStyle;\n  selectedItemText: AllStyle;\n  dropDownContent: AllStyle;\n  disabledText: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-select';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSelectStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      padding: 12,\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      backgroundColor: themeVariables.inputBackgroundColor,\n      borderRadius: 6,\n      minWidth: 160,\n      alignItems: 'center'\n    },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n    text: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      flex: 1,\n      color: themeVariables.inputTextColor\n    },\n    checkIcon: {\n      text: {\n        fontSize: 24,\n        color: themeVariables.primaryColor\n      }\n    } as WmIconStyles,\n    disabledText: {\n      backgroundColor : themeVariables.inputDisabledBgColor\n    },\n    modal: {\n      backgroundColor: 'rgba(0, 0, 0, 0.3)',\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.inputBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      width: '90%'\n    },\n    selectItem: {\n      width: '100%',\n      paddingHorizontal: 16,\n      paddingVertical: 8,\n      borderBottomWidth: 1,\n      borderBottomStyle: 'solid',\n      borderBottomColor: themeVariables.selecttemBorderColor,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    lastSelectItem: {\n      borderBottomWidth: 0\n    },\n    selectItemText: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      color: themeVariables.selectItemTextColor,\n      flex: 1\n    },\n    selectedItem: {},\n    selectedItemText:{},\n    placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n    },\n    dropDownContent: {},\n    arrowButton: {\n      root: {\n        borderRadius: 0,\n        paddingTop: 6,\n        paddingBottom: 6,\n        paddingLeft: 6,\n        paddingRight: 0,\n        minHeight: 0,\n        alignItems: 'center',\n        alignSelf: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'transparent'\n      }\n    } as WmButtonStyles,\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n      textAlign:'right',\n    }\n  }:{\n    text:{\n      textAlign:'left',\n    }\n  });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","padding","borderWidth","borderStyle","borderColor","inputBorderColor","backgroundColor","inputBackgroundColor","borderRadius","minWidth","alignItems","invalid","borderBottomColor","inputInvalidBorderColor","text","fontSize","fontFamily","baseFont","flex","color","inputTextColor","checkIcon","primaryColor","disabledText","inputDisabledBgColor","modal","height","modalContent","position","width","selectItem","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomStyle","selecttemBorderColor","lastSelectItem","selectItemText","selectItemTextColor","selectedItem","selectedItemText","placeholderText","inputPlaceholderColor","dropDownContent","arrowButton","paddingTop","paddingBottom","paddingLeft","paddingRight","minHeight","alignSelf","justifyContent","skeleton","marginRight","arrowButtonSkeleton","textSkeleton","OS","textAlign"],"sources":["select.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\nimport { Platform } from 'react-native';\nimport { WmIconStyles } from '@wavemaker/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmSkeletonStyles } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmSelectStyles = BaseStyles & {\n  arrowButton: WmButtonStyles;\n  modal: AllStyle;\n  modalContent: AllStyle;\n  checkIcon: WmIconStyles;\n  selectItem: AllStyle;\n  lastSelectItem: AllStyle,\n  selectItemText: AllStyle;\n  selectedItem: AllStyle;\n  selectedItemText: AllStyle;\n  dropDownContent: AllStyle;\n  disabledText: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n  skeleton: WmSkeletonStyles;\n  arrowButtonSkeleton: WmSkeletonStyles;\n  textSkeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-select';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSelectStyles = defineStyles({\n    root: {\n      flexDirection: 'row',\n      padding: 12,\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      backgroundColor: themeVariables.inputBackgroundColor,\n      borderRadius: 6,\n      minWidth: 160,\n      alignItems: 'center'\n    },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n    text: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      flex: 1,\n      color: themeVariables.inputTextColor\n    },\n    checkIcon: {\n      text: {\n        fontSize: 24,\n        color: themeVariables.primaryColor\n      }\n    } as WmIconStyles,\n    disabledText: {\n      backgroundColor : themeVariables.inputDisabledBgColor\n    },\n    modal: {\n      backgroundColor: 'rgba(0, 0, 0, 0.3)',\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.inputBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.inputBorderColor,\n      width: '90%'\n    },\n    selectItem: {\n      width: '100%',\n      paddingHorizontal: 16,\n      paddingVertical: 8,\n      borderBottomWidth: 1,\n      borderBottomStyle: 'solid',\n      borderBottomColor: themeVariables.selecttemBorderColor,\n      flexDirection: 'row',\n      alignItems: 'center'\n    },\n    lastSelectItem: {\n      borderBottomWidth: 0\n    },\n    selectItemText: {\n      fontSize: 16,\n      fontFamily: themeVariables.baseFont,\n      color: themeVariables.selectItemTextColor,\n      flex: 1\n    },\n    selectedItem: {},\n    selectedItemText:{},\n    placeholderText: {\n      color: themeVariables.inputPlaceholderColor\n    },\n    dropDownContent: {},\n    arrowButton: {\n      root: {\n        borderRadius: 0,\n        paddingTop: 6,\n        paddingBottom: 6,\n        paddingLeft: 6,\n        paddingRight: 0,\n        minHeight: 0,\n        alignItems: 'center',\n        alignSelf: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'transparent'\n      }\n    } as WmButtonStyles,\n    skeleton: {\n      root:{\n        minWidth: 0,\n        width:120,\n        height: 16,\n        borderRadius: 4,\n        marginRight:8,\n        padding:0\n      }\n    } as any as WmSkeletonStyles,\n    arrowButtonSkeleton: {\n      root: {\n        width: 24,\n        height: 24,\n        borderRadius: 12  \n      }\n    } as any as WmSkeletonStyles,\n    textSkeleton: {\n      root: {\n        width: 100,\n        height: 16,\n        borderRadius: 8  \n      }\n    } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n      textAlign:'right',\n    }\n  }:{\n    text:{\n      textAlign:'left',\n    }\n  });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +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 { View, Text, TouchableOpacity, Animated, Dimensions } from 'react-native';
-import { debounce, isNumber, isNil, isArray, isString, last } from 'lodash';
+import { debounce, isNil, isArray, isString, last, isEqual } from 'lodash';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';
 import WmTooltip from '@wavemaker/app-rn-runtime/components/basic/tooltip/tooltip.component';
@@ -210,7 +210,7 @@ export default class WmSlider extends BaseDatasetComponent {
           this.initNumericSlider();
         }
       case 'datavalue':
-        if (isNumber($new) && isNumber($old)) {
+        if (!isEqual($new, $old)) {
           this.invokeEventCallback('onChange', [null, this, $new, $old]);
         }
         break;

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","Animated","Dimensions","debounce","isNumber","isNil","isArray","isString","last","Gesture","GestureDetector","BackgroundComponent","WmTooltip","WmSliderProps","DEFAULT_CLASS","isDefined","isWebPreviewMode","BaseDatasetComponent","BaseDatasetState","AccessibilityWidgetType","getAccessibilityProps","SCREEN_WIDTH","get","width","WmSliderState","constructor","args","_defineProperty","Scale","getInstanceWithTicks","ticks","scale","getTickIndex","value","parseInt","markIndex","i","findIndex","v","markValue","length","getMinTick","getMaxTick","getTick","clamp","index","transform","min","max","_this$ticks$","_last","thisMin","thisMax","factor","forEach","Math","round","displayfield","datafield","dataitem","WmSlider","props","Value","Pan","gestureType","dataValue","getScaledDataValue","isRangeSlider","state","range","oldThumbValue","thumbDataValue","valueLowerThanHighThumb","valueGreaterThanLowThumb","dataset","map","updateState","datavalue","onFieldChange","e","layout","nativeEvent","track","top","y","left","x","height","initScale","computePosition","configureGesture","trackGesture","knobGesture","highKnobGesture","getValueFromGesture","positionX","_this$scale","uiScale","getPositionFromValue","_this$uiScale","gesture","maxPointers","minDistance","onChange","absoluteX","forceUpdate","onEnd","onSliderChange","getDataValue","d","_this$scale2","find","t","_this$scale$ticks","_this$scale$ticks$mid","mid","floor","_this$scale$getTick","initNumericSlider","minValue","minvalue","maxValue","maxvalue","step","nextMark","push","onPropertyChange","name","$new","$old","datatype","initialized","invokeEventCallback","onDataItemsUpdate","_this$getScaledDataVa","_this$state$dataItems","_state$track","dataItems","displayexp","from","_this$position","position","setValue","isNaN","_this$highPosition","highPosition","_this$position2","_this$scale$getMinTic","_this$position3","_this$scale$getMaxTic","_this$highPosition2","lowPosition","getTooltipLabel","initialValue","type","_this$scale3","tooltipValue","updatedPositionInPx","Number","JSON","stringify","tick","getToolTipExpression","_tick$dataitem","dataObject","componentDidMount","renderToolTips","_this$position4","sDataValue","createElement","Fragment","showTooltip","showtooltip","text","_value","tooltipStyle","translateX","styles","tooltip","tooltipLabelStyle","tooltipLabel","tooltipTriangleStyle","tooltipTriangle","direction","tooltipdirection","style","thumb","accessible","accessibilityLabel","size","backgroundSize","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat","renderOldMarkerStyle","_this$scale4","_this$scale5","_last2","_this$scale6","flexDirection","justifyContent","_extends","getTestProps","minimumValue","maximumValue","renderMarkers","_this$state$track","markWidth","stepwiseLeft","labelText","key","markerWrapper","bottom","markerLabel","markerLabelStyle","mark","borderRadius","markerStyle","renderTracks","_this$state$track2","activeOpacity","trackStyle","onLayout","onLayoutChange","SLIDER","maximumTrack","minimumTrack","interpolate","inputRange","outputRange","minimumTrackStyle","activeTrackStyle","maximumTrackStyle","renderWidget","root","_background","showmarkers"],"sources":["slider.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent, TouchableOpacity, Animated, Easing, Dimensions } from 'react-native';\nimport { debounce, isNumber, isNil, isArray, isString, last, isEqual } from 'lodash';\nimport { Gesture, GestureDetector, PanGesture } from 'react-native-gesture-handler';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport WmTooltip from '@wavemaker/app-rn-runtime/components/basic/tooltip/tooltip.component';\n\nimport WmSliderProps from './slider.props';\nimport { DEFAULT_CLASS, WmSliderStyles } from './slider.styles';\nimport { isDefined, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport type SliderGestureType = 'track' | 'lowThumb' | 'highThumb';\n\nconst SCREEN_WIDTH = Dimensions.get(\"screen\").width;\n\nexport class WmSliderState extends BaseDatasetState<WmSliderProps> {\n  track?: {\n    top: number,\n    left: number,\n    width: number,\n    height: number\n  };\n}\n\ninterface Tick {\n  displayfield: string;\n  markValue: number;\n  datafield: any;\n  dataitem: any;\n}\n\nclass Scale {\n\n  public ticks = [] as Tick[];\n\n  static getInstanceWithTicks(ticks: Tick[]) {\n    const scale = new Scale();\n    scale.ticks = [...ticks];\n    return scale;\n  }\n\n  private constructor() {\n      \n  }\n\n  public getTickIndex(value: number) {\n      if (isString(value)) {\n        value = parseInt(value);\n      }\n      let markIndex = 0;\n      const i = this.ticks.findIndex((v, i) => v.markValue >= value);\n      if (i === 0) {\n          markIndex = 0;\n      } else if (i < 0 || i === this.ticks.length - 1) {\n          markIndex = this.ticks.length - 1;\n      } else if ((value - this.ticks[i - 1].markValue) < (this.ticks[i].markValue - this.ticks[i - 1].markValue)/2) {\n          markIndex = i - 1;\n      } else {\n          markIndex = i;\n      }\n      return markIndex;\n  }\n\n  public getMinTick() {\n    return this.ticks[0];\n  }\n\n  public getMaxTick() {\n    return last(this.ticks) || {} as Tick;\n  }\n\n  public getTick(value: number) {\n    return this.ticks[this.getTickIndex(value)];\n}\n\n  public clamp(value: number) {\n    const index = this.getTickIndex(value);\n    return this.ticks[index].markValue; \n  }\n\n  public transform(min: number, max: number) {\n      const thisMin = (this.ticks ? this.ticks[0]?.markValue : 0) || 0;\n      const thisMax = last(this.ticks)?.markValue;\n      const factor = thisMax ? (max - min)/(thisMax - thisMin) : 1;\n      const ticks = [] as Tick[];\n      this.ticks.forEach((v, i) => {\n        const markValue = Math.round(min + (v.markValue - this.ticks[0].markValue) * factor)\n        ticks[i] = {\n          displayfield: '' + markValue,\n          markValue: markValue,\n          datafield: markValue,\n          dataitem: markValue\n        };\n      });\n      return Scale.getInstanceWithTicks(ticks);\n  }\n}\n\nexport default class WmSlider extends BaseDatasetComponent<WmSliderProps, WmSliderState, WmSliderStyles> {\n  valueBeforeSlide: number = 0;\n  private position: any = new Animated.Value(0);\n  private highPosition: any = new Animated.Value(0);\n  private trackGesture = Gesture.Pan();\n  private knobGesture = Gesture.Pan();\n  private highKnobGesture = Gesture.Pan();\n  private scale: Scale = null as any;\n  private uiScale: Scale = null as any;\n\n  constructor(props: WmSliderProps) {\n    super(props, DEFAULT_CLASS, new WmSliderProps());\n    this.initScale();\n    this.configureGesture(this.trackGesture, 'track');\n    this.configureGesture(this.knobGesture, 'lowThumb');\n    this.configureGesture(this.highKnobGesture, 'highThumb');\n  }\n\n  getValueFromGesture(positionX: number) {\n    return this.scale?.ticks[this.uiScale.getTickIndex(positionX)].markValue || 0;\n  }\n\n  getPositionFromValue(value: number) {\n    return this.uiScale?.ticks[this.scale.getTickIndex(value)]?.markValue;\n  }\n\n  configureGesture(gesture: PanGesture, gestureType: SliderGestureType) {\n    gesture\n      .maxPointers(1)\n      .minDistance(0)\n      .onChange(e => {\n        const value = this.getValueFromGesture(e.absoluteX);\n        this.computePosition(value, gestureType);\n        this.forceUpdate();\n      })\n      .onEnd(e => {\n        if (this.state.track) {\n          const value = this.getValueFromGesture(e.absoluteX);\n          this.onSliderChange(value, gestureType);\n          this.forceUpdate();\n        }\n      })\n  }\n\n  getScaledDataValue() {\n    let dataValue = this.state.props.datavalue || this.getDataValue();\n    if (dataValue && this.scale) {\n      dataValue = isArray(dataValue) ? dataValue: [dataValue];\n      return dataValue.map((d: any) => this.scale?.ticks.find(t => t.datafield === d)?.markValue);\n    }\n    return dataValue;\n  }\n\n  getDataValue() {\n    let dataValue = this.props.datavalue;\n    if (isNil(this.props.datavalue)) {\n      const mid = Math.floor(this.scale.ticks.length / 2);\n      return mid > 0 ? \n        [this.scale.ticks[mid - 1]?.datafield || 0,\n        this.scale.ticks[mid]?.datafield || 100]\n        : [];\n    }\n    dataValue = isArray(dataValue) ? dataValue: [dataValue];\n    return dataValue.map((d: any) => this.scale.getTick(d)?.datafield);\n  }\n\n  initNumericSlider() {\n    const dataset = [];\n    const minValue = this.state.props.minvalue;\n    const maxValue = this.state.props.maxvalue;\n    const step = this.state.props.step;\n    if (isDefined(minValue) \n      && isDefined(maxValue)\n      && isDefined(step)) {\n      let nextMark = minValue;\n      while (nextMark <= maxValue) {\n        dataset.push(nextMark);\n        nextMark += step || 1;\n      }\n      this.updateState({\n        props: {\n          dataset: dataset\n        }\n      } as WmSliderState);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'maxvalue':\n      case 'minvalue': \n      case 'step': \n        if (this.state.props.datatype === 'number' && this.initialized) {\n          this.initNumericSlider();\n        }\n      case 'datavalue':\n        if (isNumber($new) && isNumber($old)) {\n          this.invokeEventCallback('onChange', [null, this, $new, $old]);\n        }\n        break;\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.initScale();\n    this.computePosition(this.getScaledDataValue()?.[0] || 10, \"track\");\n  }\n\n  onSliderChange = debounce((value: number, gestureType: SliderGestureType) => {\n    const dataValue = this.getScaledDataValue();\n    const isRangeSlider = this.state.props.range && isArray(dataValue);\n\n    // * thumb value for low or high\n    const oldThumbValue =\n      gestureType === 'lowThumb'\n        ? dataValue || dataValue?.[0]\n        : dataValue?.[1];\n\n    let thumbDataValue = isRangeSlider\n      ? [dataValue[0], dataValue[1]]\n      : [value];\n    if (isRangeSlider) {\n      if (gestureType === 'lowThumb') {\n        const valueLowerThanHighThumb =\n          value > dataValue?.[1] ? dataValue?.[1] : value;\n\n        thumbDataValue = [valueLowerThanHighThumb, dataValue[1]];\n      } else if (gestureType === 'highThumb') {\n        const valueGreaterThanLowThumb =\n          value < dataValue[0] ? dataValue?.[0] : value;\n\n        thumbDataValue = [dataValue[0], valueGreaterThanLowThumb];\n      } else if (dataValue[1] && value > dataValue[1]) {\n        thumbDataValue = [dataValue[0], value];\n      } else {\n        thumbDataValue = [value, dataValue[1]];\n      }\n    }\n\n    // * new thumb value is different from old value\n    const dataset = thumbDataValue.map(v => this.scale.getTick(v).datafield);\n    this.updateState({\n      props: {\n        datavalue: dataset.length > 1 ? dataset : dataset[0]\n      },\n    } as WmSliderState);\n    this.props.onFieldChange &&\n      this.props.onFieldChange('datavalue', thumbDataValue, oldThumbValue);\n  }, 200);\n\n  initScale() {\n    const props = this.state.props;\n    const state = this.state;\n    this.scale = Scale.getInstanceWithTicks(\n      this.state.dataItems?.map((d: any, i: number) => ({\n        displayfield: d.displayexp || d.displayfield,\n        markValue: i + 1,\n        datafield: d.datafield,\n        dataitem: d         \n      }))\n    );\n    const width = state.track?.width || 0;\n    this.uiScale = this.scale.transform(0, width);\n  }\n\n  computePosition(from: number, gestureType: SliderGestureType) {\n    const state = this.state;\n    const datavalue = this.getScaledDataValue();\n  \n    // * single thumb slider\n    if (!state.props.range) {\n      const value = this.getPositionFromValue(from);\n      this.position?.setValue(isNaN(value) ? 0 : value);\n      return;\n    }\n\n    if (gestureType === 'highThumb') {\n      const value = this.getPositionFromValue(Math.max(datavalue[0], from));\n      this.highPosition?.setValue(value);\n    } else if (gestureType === 'lowThumb') {\n      const value = this.getPositionFromValue(Math.min(from, datavalue[1]));\n      this.position?.setValue(value);\n    } else {\n      /*\n       * gestureType: track\n       * initial position for low and high thumb\n       */\n      const lowPosition = this.getPositionFromValue(datavalue?.[0] || this.scale.getMinTick()?.datafield);\n      this.position?.setValue(lowPosition || 0);\n      const highPosition = this.getPositionFromValue(datavalue?.[1] || this.scale.getMaxTick()?.datafield);\n      this.highPosition?.setValue(highPosition || 0);\n    }\n  }\n\n  getTooltipLabel(value: any, initialValue: any, type: 'lowThumb' | 'highThumb') {\n    const props = this.props;\n    let tooltipValue = initialValue;\n    const updatedPositionInPx = Number(JSON.stringify(value));\n\n    if (updatedPositionInPx) {\n      tooltipValue = this.scale.ticks[this.uiScale.getTickIndex(updatedPositionInPx)].markValue;\n    }\n    const tick = this.scale?.getTick(tooltipValue);\n    // * getting custom tooltip label\n    if (tick && props.getToolTipExpression && this.initialized) {\n      return props.getToolTipExpression(tick.dataitem?.dataObject);\n    }\n    return tick?.displayfield;\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    const layout = e.nativeEvent.layout;\n    this.updateState({\n      track: {\n        top: isWebPreviewMode() ? (layout as any).top : layout.y,\n        left: isWebPreviewMode() ? (layout as any).left : layout.x,\n        width: layout.width,\n        height: layout.height\n      }\n    } as WmSliderState, () => {\n      this.initScale();\n      this.computePosition(this.getScaledDataValue()[0], 'track');\n    });\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    if (this.state.props.datatype === 'number') {\n      this.initNumericSlider();\n    }\n  }\n\n  renderToolTips(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n      <>\n      <WmTooltip\n        showTooltip={props.showtooltip}\n        text={this.getTooltipLabel(\n          this.position?._value,\n          sDataValue[0],\n          'lowThumb'\n        )}\n        tooltipStyle={[\n          {\n            transform: [\n              {\n                translateX: this.position,\n              },\n            ],\n          },\n          this.styles.tooltip,\n        ]}\n        tooltipLabelStyle={this.styles.tooltipLabel}\n        tooltipTriangleStyle={this.styles.tooltipTriangle}\n        direction={props.tooltipdirection}\n      >\n        <GestureDetector gesture={this.knobGesture}>\n          <Animated.View\n            style={[\n              this.styles.thumb,\n              {\n                transform: [\n                  {\n                    translateX: this.position,\n                  },\n                ],\n              },\n            ]}\n            accessible={true}\n            accessibilityLabel={(isRangeSlider && this.highPosition) ? 'Low thumb' : 'Thumb'}\n          >\n            <BackgroundComponent\n              size={(this.styles.thumb as any).backgroundSize}\n              position={(this.styles.thumb as any).backgroundPosition}\n              image={(this.styles.thumb as any).backgroundImage}\n              repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}\n            ></BackgroundComponent>\n          </Animated.View>\n        </GestureDetector>\n      </WmTooltip>\n      {isRangeSlider && this.highPosition ? (\n        <WmTooltip\n          showTooltip={props.showtooltip}\n          text={this.getTooltipLabel(\n            this.highPosition._value,\n            sDataValue[1],\n            'highThumb'\n          )}\n          tooltipStyle={[\n            {\n              transform: [\n                {\n                  translateX: this.highPosition,\n                },\n              ],\n            },\n            this.styles.tooltip,\n          ]}\n          tooltipLabelStyle={this.styles.tooltipLabel}\n          tooltipTriangleStyle={this.styles.tooltipTriangle}\n          direction={props.tooltipdirection}\n        >\n          <GestureDetector gesture={this.highKnobGesture}>\n            <Animated.View\n              style={[\n                this.styles.thumb,\n                {\n                  transform: [\n                    {\n                      translateX: this.highPosition,\n                    },\n                  ],\n                }\n              ]}\n              accessible={true}\n              accessibilityLabel={'High thumb'}\n              >\n              <BackgroundComponent\n                size={(this.styles.thumb as any).backgroundSize}\n                position={(this.styles.thumb as any).backgroundPosition}\n                image={(this.styles.thumb as any).backgroundImage}\n                repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}\n              />\n            </Animated.View>\n          </GestureDetector>\n        </WmTooltip>\n      ) : null}\n      </>\n    );\n  }\n\n  renderOldMarkerStyle(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n        <View\n          style={{ flexDirection: 'row', justifyContent: 'space-between' }}\n        >\n          <Text\n            {...this.getTestProps('min')}\n            style={[this.styles.text, this.styles.minimumValue]}\n          >\n            {this.scale?.ticks[0]?.displayfield}\n          </Text>\n          {isRangeSlider ? (\n            <></>\n          ) : (\n            <Text\n              {...this.getTestProps('value')}\n              style={[this.styles.text, this.styles.value]}\n            >\n              {this.scale?.ticks.find(t => t.datafield === props.datavalue)?.displayfield}\n            </Text>\n          )}\n          <Text\n            {...this.getTestProps('max')}\n            style={[this.styles.text, this.styles.maximumValue]}\n          >\n            {last(this.scale?.ticks)?.displayfield}\n          </Text>\n        </View>\n      );\n  }\n\n  renderMarkers(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    return (<View style={{ flexDirection: 'row' }}>\n      <View>\n        {width ? this.scale.ticks.map((t, i) => {\n          const markWidth = 10;\n          const stepwiseLeft = this.getPositionFromValue(t.markValue);\n          const labelText = t.displayfield;\n          return (\n            <View\n              key={i}\n              style={[\n                this.styles.markerWrapper,\n                {\n                  left: stepwiseLeft,\n                  bottom: markWidth / 2,\n                },\n              ]}\n            >\n              <Text\n                style={[\n                  this.styles.markerLabel,\n                  {\n                    bottom: markWidth / 2 + 10,\n                  },\n                  this.styles.markerLabelStyle,\n                  i === 0 ? this.styles.minimumValue : null,\n                  i === this.scale.ticks.length - 1 ? this.styles.maximumValue : null,\n                ]}\n              >\n                {labelText}\n              </Text>\n              <View\n                style={[\n                  this.styles.mark,\n                  {\n                    width: markWidth,\n                    height: markWidth,\n                    borderRadius: markWidth,\n                  },\n                  this.styles.markerStyle,\n                ]}\n              />\n            </View>\n          );\n        }) : null}\n      </View>\n    </View>);\n  }\n\n  renderTracks(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n      <GestureDetector gesture={this.trackGesture}>\n        <TouchableOpacity\n          activeOpacity={1}\n          style={[this.styles.track, this.styles.trackStyle]}\n          onLayout={this.onLayoutChange}\n          {...this.getTestProps()}\n          {...getAccessibilityProps(AccessibilityWidgetType.SLIDER, props)}\n        >\n          <Animated.View\n            style={[\n              isRangeSlider && this.highPosition\n                ? this.styles.maximumTrack\n                : this.styles.minimumTrack,\n              {\n                width: width,\n                transform: [\n                  {\n                    translateX: this.position.interpolate({\n                      inputRange: [0, width],\n                      outputRange: [-width, 0],\n                    }),\n                  },\n                ],\n              },\n              this.styles.minimumTrackStyle,\n            ]}\n          ></Animated.View>\n          <Animated.View\n            style={[\n              isRangeSlider && this.highPosition\n                ? this.styles.minimumTrack\n                : this.styles.maximumTrack,\n              {\n                width: width,\n                transform: [\n                  {\n                    translateX: this.position,\n                  },\n                ],\n              },\n              this.styles.activeTrackStyle,\n            ]}\n          ></Animated.View>\n          {isRangeSlider && this.highPosition ? (\n            <Animated.View\n              style={[\n                this.styles.maximumTrack,\n                {\n                  width: width,\n                  transform: [\n                    {\n                      translateX: this.highPosition,\n                    },\n                  ],\n                },\n                this.styles.maximumTrackStyle,\n              ]}\n            />\n          ) : null}\n        </TouchableOpacity>\n      </GestureDetector>\n    );\n  }\n\n  renderWidget(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {!props.showmarkers && !props.showtooltip? this.renderOldMarkerStyle(props) : null}\n        {this.renderTracks(props)}\n        <View style={{ flexDirection: 'row' }}>\n          {props.showmarkers ? this.renderMarkers(props) : null}\n          {this.renderToolTips(props)}\n        </View>\n      </View>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","Animated","Dimensions","debounce","isNil","isArray","isString","last","isEqual","Gesture","GestureDetector","BackgroundComponent","WmTooltip","WmSliderProps","DEFAULT_CLASS","isDefined","isWebPreviewMode","BaseDatasetComponent","BaseDatasetState","AccessibilityWidgetType","getAccessibilityProps","SCREEN_WIDTH","get","width","WmSliderState","constructor","args","_defineProperty","Scale","getInstanceWithTicks","ticks","scale","getTickIndex","value","parseInt","markIndex","i","findIndex","v","markValue","length","getMinTick","getMaxTick","getTick","clamp","index","transform","min","max","_this$ticks$","_last","thisMin","thisMax","factor","forEach","Math","round","displayfield","datafield","dataitem","WmSlider","props","Value","Pan","gestureType","dataValue","getScaledDataValue","isRangeSlider","state","range","oldThumbValue","thumbDataValue","valueLowerThanHighThumb","valueGreaterThanLowThumb","dataset","map","updateState","datavalue","onFieldChange","e","layout","nativeEvent","track","top","y","left","x","height","initScale","computePosition","configureGesture","trackGesture","knobGesture","highKnobGesture","getValueFromGesture","positionX","_this$scale","uiScale","getPositionFromValue","_this$uiScale","gesture","maxPointers","minDistance","onChange","absoluteX","forceUpdate","onEnd","onSliderChange","getDataValue","d","_this$scale2","find","t","_this$scale$ticks","_this$scale$ticks$mid","mid","floor","_this$scale$getTick","initNumericSlider","minValue","minvalue","maxValue","maxvalue","step","nextMark","push","onPropertyChange","name","$new","$old","datatype","initialized","invokeEventCallback","onDataItemsUpdate","_this$getScaledDataVa","_this$state$dataItems","_state$track","dataItems","displayexp","from","_this$position","position","setValue","isNaN","_this$highPosition","highPosition","_this$position2","_this$scale$getMinTic","_this$position3","_this$scale$getMaxTic","_this$highPosition2","lowPosition","getTooltipLabel","initialValue","type","_this$scale3","tooltipValue","updatedPositionInPx","Number","JSON","stringify","tick","getToolTipExpression","_tick$dataitem","dataObject","componentDidMount","renderToolTips","_this$position4","sDataValue","createElement","Fragment","showTooltip","showtooltip","text","_value","tooltipStyle","translateX","styles","tooltip","tooltipLabelStyle","tooltipLabel","tooltipTriangleStyle","tooltipTriangle","direction","tooltipdirection","style","thumb","accessible","accessibilityLabel","size","backgroundSize","backgroundPosition","image","backgroundImage","repeat","backgroundRepeat","renderOldMarkerStyle","_this$scale4","_this$scale5","_last2","_this$scale6","flexDirection","justifyContent","_extends","getTestProps","minimumValue","maximumValue","renderMarkers","_this$state$track","markWidth","stepwiseLeft","labelText","key","markerWrapper","bottom","markerLabel","markerLabelStyle","mark","borderRadius","markerStyle","renderTracks","_this$state$track2","activeOpacity","trackStyle","onLayout","onLayoutChange","SLIDER","maximumTrack","minimumTrack","interpolate","inputRange","outputRange","minimumTrackStyle","activeTrackStyle","maximumTrackStyle","renderWidget","root","_background","showmarkers"],"sources":["slider.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, LayoutChangeEvent, TouchableOpacity, Animated, Easing, Dimensions } from 'react-native';\nimport { debounce, isNumber, isNil, isArray, isString, last, isEqual } from 'lodash';\nimport { Gesture, GestureDetector, PanGesture } from 'react-native-gesture-handler';\nimport { BackgroundComponent } from '@wavemaker/app-rn-runtime/styles/background.component';\nimport WmTooltip from '@wavemaker/app-rn-runtime/components/basic/tooltip/tooltip.component';\n\nimport WmSliderProps from './slider.props';\nimport { DEFAULT_CLASS, WmSliderStyles } from './slider.styles';\nimport { isDefined, isWebPreviewMode } from '@wavemaker/app-rn-runtime/core/utils';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport type SliderGestureType = 'track' | 'lowThumb' | 'highThumb';\n\nconst SCREEN_WIDTH = Dimensions.get(\"screen\").width;\n\nexport class WmSliderState extends BaseDatasetState<WmSliderProps> {\n  track?: {\n    top: number,\n    left: number,\n    width: number,\n    height: number\n  };\n}\n\ninterface Tick {\n  displayfield: string;\n  markValue: number;\n  datafield: any;\n  dataitem: any;\n}\n\nclass Scale {\n\n  public ticks = [] as Tick[];\n\n  static getInstanceWithTicks(ticks: Tick[]) {\n    const scale = new Scale();\n    scale.ticks = [...ticks];\n    return scale;\n  }\n\n  private constructor() {\n      \n  }\n\n  public getTickIndex(value: number) {\n      if (isString(value)) {\n        value = parseInt(value);\n      }\n      let markIndex = 0;\n      const i = this.ticks.findIndex((v, i) => v.markValue >= value);\n      if (i === 0) {\n          markIndex = 0;\n      } else if (i < 0 || i === this.ticks.length - 1) {\n          markIndex = this.ticks.length - 1;\n      } else if ((value - this.ticks[i - 1].markValue) < (this.ticks[i].markValue - this.ticks[i - 1].markValue)/2) {\n          markIndex = i - 1;\n      } else {\n          markIndex = i;\n      }\n      return markIndex;\n  }\n\n  public getMinTick() {\n    return this.ticks[0];\n  }\n\n  public getMaxTick() {\n    return last(this.ticks) || {} as Tick;\n  }\n\n  public getTick(value: number) {\n    return this.ticks[this.getTickIndex(value)];\n}\n\n  public clamp(value: number) {\n    const index = this.getTickIndex(value);\n    return this.ticks[index].markValue; \n  }\n\n  public transform(min: number, max: number) {\n      const thisMin = (this.ticks ? this.ticks[0]?.markValue : 0) || 0;\n      const thisMax = last(this.ticks)?.markValue;\n      const factor = thisMax ? (max - min)/(thisMax - thisMin) : 1;\n      const ticks = [] as Tick[];\n      this.ticks.forEach((v, i) => {\n        const markValue = Math.round(min + (v.markValue - this.ticks[0].markValue) * factor)\n        ticks[i] = {\n          displayfield: '' + markValue,\n          markValue: markValue,\n          datafield: markValue,\n          dataitem: markValue\n        };\n      });\n      return Scale.getInstanceWithTicks(ticks);\n  }\n}\n\nexport default class WmSlider extends BaseDatasetComponent<WmSliderProps, WmSliderState, WmSliderStyles> {\n  valueBeforeSlide: number = 0;\n  private position: any = new Animated.Value(0);\n  private highPosition: any = new Animated.Value(0);\n  private trackGesture = Gesture.Pan();\n  private knobGesture = Gesture.Pan();\n  private highKnobGesture = Gesture.Pan();\n  private scale: Scale = null as any;\n  private uiScale: Scale = null as any;\n\n  constructor(props: WmSliderProps) {\n    super(props, DEFAULT_CLASS, new WmSliderProps());\n    this.initScale();\n    this.configureGesture(this.trackGesture, 'track');\n    this.configureGesture(this.knobGesture, 'lowThumb');\n    this.configureGesture(this.highKnobGesture, 'highThumb');\n  }\n\n  getValueFromGesture(positionX: number) {\n    return this.scale?.ticks[this.uiScale.getTickIndex(positionX)].markValue || 0;\n  }\n\n  getPositionFromValue(value: number) {\n    return this.uiScale?.ticks[this.scale.getTickIndex(value)]?.markValue;\n  }\n\n  configureGesture(gesture: PanGesture, gestureType: SliderGestureType) {\n    gesture\n      .maxPointers(1)\n      .minDistance(0)\n      .onChange(e => {\n        const value = this.getValueFromGesture(e.absoluteX);\n        this.computePosition(value, gestureType);\n        this.forceUpdate();\n      })\n      .onEnd(e => {\n        if (this.state.track) {\n          const value = this.getValueFromGesture(e.absoluteX);\n          this.onSliderChange(value, gestureType);\n          this.forceUpdate();\n        }\n      })\n  }\n\n  getScaledDataValue() {\n    let dataValue = this.state.props.datavalue || this.getDataValue();\n    if (dataValue && this.scale) {\n      dataValue = isArray(dataValue) ? dataValue: [dataValue];\n      return dataValue.map((d: any) => this.scale?.ticks.find(t => t.datafield === d)?.markValue);\n    }\n    return dataValue;\n  }\n\n  getDataValue() {\n    let dataValue = this.props.datavalue;\n    if (isNil(this.props.datavalue)) {\n      const mid = Math.floor(this.scale.ticks.length / 2);\n      return mid > 0 ? \n        [this.scale.ticks[mid - 1]?.datafield || 0,\n        this.scale.ticks[mid]?.datafield || 100]\n        : [];\n    }\n    dataValue = isArray(dataValue) ? dataValue: [dataValue];\n    return dataValue.map((d: any) => this.scale.getTick(d)?.datafield);\n  }\n\n  initNumericSlider() {\n    const dataset = [];\n    const minValue = this.state.props.minvalue;\n    const maxValue = this.state.props.maxvalue;\n    const step = this.state.props.step;\n    if (isDefined(minValue) \n      && isDefined(maxValue)\n      && isDefined(step)) {\n      let nextMark = minValue;\n      while (nextMark <= maxValue) {\n        dataset.push(nextMark);\n        nextMark += step || 1;\n      }\n      this.updateState({\n        props: {\n          dataset: dataset\n        }\n      } as WmSliderState);\n    }\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    super.onPropertyChange(name, $new, $old);\n    switch(name) {\n      case 'maxvalue':\n      case 'minvalue': \n      case 'step': \n        if (this.state.props.datatype === 'number' && this.initialized) {\n          this.initNumericSlider();\n        }\n      case 'datavalue':\n        if (!isEqual($new, $old)) {\n          this.invokeEventCallback('onChange', [null, this, $new, $old]);\n        }\n        break;\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.initScale();\n    this.computePosition(this.getScaledDataValue()?.[0] || 10, \"track\");\n  }\n\n  onSliderChange = debounce((value: number, gestureType: SliderGestureType) => {\n    const dataValue = this.getScaledDataValue();\n    const isRangeSlider = this.state.props.range && isArray(dataValue);\n\n    // * thumb value for low or high\n    const oldThumbValue =\n      gestureType === 'lowThumb'\n        ? dataValue || dataValue?.[0]\n        : dataValue?.[1];\n\n    let thumbDataValue = isRangeSlider\n      ? [dataValue[0], dataValue[1]]\n      : [value];\n    if (isRangeSlider) {\n      if (gestureType === 'lowThumb') {\n        const valueLowerThanHighThumb =\n          value > dataValue?.[1] ? dataValue?.[1] : value;\n\n        thumbDataValue = [valueLowerThanHighThumb, dataValue[1]];\n      } else if (gestureType === 'highThumb') {\n        const valueGreaterThanLowThumb =\n          value < dataValue[0] ? dataValue?.[0] : value;\n\n        thumbDataValue = [dataValue[0], valueGreaterThanLowThumb];\n      } else if (dataValue[1] && value > dataValue[1]) {\n        thumbDataValue = [dataValue[0], value];\n      } else {\n        thumbDataValue = [value, dataValue[1]];\n      }\n    }\n\n    // * new thumb value is different from old value\n    const dataset = thumbDataValue.map(v => this.scale.getTick(v).datafield);\n    this.updateState({\n      props: {\n        datavalue: dataset.length > 1 ? dataset : dataset[0]\n      },\n    } as WmSliderState);\n    this.props.onFieldChange &&\n      this.props.onFieldChange('datavalue', thumbDataValue, oldThumbValue);\n  }, 200);\n\n  initScale() {\n    const props = this.state.props;\n    const state = this.state;\n    this.scale = Scale.getInstanceWithTicks(\n      this.state.dataItems?.map((d: any, i: number) => ({\n        displayfield: d.displayexp || d.displayfield,\n        markValue: i + 1,\n        datafield: d.datafield,\n        dataitem: d         \n      }))\n    );\n    const width = state.track?.width || 0;\n    this.uiScale = this.scale.transform(0, width);\n  }\n\n  computePosition(from: number, gestureType: SliderGestureType) {\n    const state = this.state;\n    const datavalue = this.getScaledDataValue();\n  \n    // * single thumb slider\n    if (!state.props.range) {\n      const value = this.getPositionFromValue(from);\n      this.position?.setValue(isNaN(value) ? 0 : value);\n      return;\n    }\n\n    if (gestureType === 'highThumb') {\n      const value = this.getPositionFromValue(Math.max(datavalue[0], from));\n      this.highPosition?.setValue(value);\n    } else if (gestureType === 'lowThumb') {\n      const value = this.getPositionFromValue(Math.min(from, datavalue[1]));\n      this.position?.setValue(value);\n    } else {\n      /*\n       * gestureType: track\n       * initial position for low and high thumb\n       */\n      const lowPosition = this.getPositionFromValue(datavalue?.[0] || this.scale.getMinTick()?.datafield);\n      this.position?.setValue(lowPosition || 0);\n      const highPosition = this.getPositionFromValue(datavalue?.[1] || this.scale.getMaxTick()?.datafield);\n      this.highPosition?.setValue(highPosition || 0);\n    }\n  }\n\n  getTooltipLabel(value: any, initialValue: any, type: 'lowThumb' | 'highThumb') {\n    const props = this.props;\n    let tooltipValue = initialValue;\n    const updatedPositionInPx = Number(JSON.stringify(value));\n\n    if (updatedPositionInPx) {\n      tooltipValue = this.scale.ticks[this.uiScale.getTickIndex(updatedPositionInPx)].markValue;\n    }\n    const tick = this.scale?.getTick(tooltipValue);\n    // * getting custom tooltip label\n    if (tick && props.getToolTipExpression && this.initialized) {\n      return props.getToolTipExpression(tick.dataitem?.dataObject);\n    }\n    return tick?.displayfield;\n  }\n\n  onLayoutChange = (e: LayoutChangeEvent) => {\n    const layout = e.nativeEvent.layout;\n    this.updateState({\n      track: {\n        top: isWebPreviewMode() ? (layout as any).top : layout.y,\n        left: isWebPreviewMode() ? (layout as any).left : layout.x,\n        width: layout.width,\n        height: layout.height\n      }\n    } as WmSliderState, () => {\n      this.initScale();\n      this.computePosition(this.getScaledDataValue()[0], 'track');\n    });\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    if (this.state.props.datatype === 'number') {\n      this.initNumericSlider();\n    }\n  }\n\n  renderToolTips(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n      <>\n      <WmTooltip\n        showTooltip={props.showtooltip}\n        text={this.getTooltipLabel(\n          this.position?._value,\n          sDataValue[0],\n          'lowThumb'\n        )}\n        tooltipStyle={[\n          {\n            transform: [\n              {\n                translateX: this.position,\n              },\n            ],\n          },\n          this.styles.tooltip,\n        ]}\n        tooltipLabelStyle={this.styles.tooltipLabel}\n        tooltipTriangleStyle={this.styles.tooltipTriangle}\n        direction={props.tooltipdirection}\n      >\n        <GestureDetector gesture={this.knobGesture}>\n          <Animated.View\n            style={[\n              this.styles.thumb,\n              {\n                transform: [\n                  {\n                    translateX: this.position,\n                  },\n                ],\n              },\n            ]}\n            accessible={true}\n            accessibilityLabel={(isRangeSlider && this.highPosition) ? 'Low thumb' : 'Thumb'}\n          >\n            <BackgroundComponent\n              size={(this.styles.thumb as any).backgroundSize}\n              position={(this.styles.thumb as any).backgroundPosition}\n              image={(this.styles.thumb as any).backgroundImage}\n              repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}\n            ></BackgroundComponent>\n          </Animated.View>\n        </GestureDetector>\n      </WmTooltip>\n      {isRangeSlider && this.highPosition ? (\n        <WmTooltip\n          showTooltip={props.showtooltip}\n          text={this.getTooltipLabel(\n            this.highPosition._value,\n            sDataValue[1],\n            'highThumb'\n          )}\n          tooltipStyle={[\n            {\n              transform: [\n                {\n                  translateX: this.highPosition,\n                },\n              ],\n            },\n            this.styles.tooltip,\n          ]}\n          tooltipLabelStyle={this.styles.tooltipLabel}\n          tooltipTriangleStyle={this.styles.tooltipTriangle}\n          direction={props.tooltipdirection}\n        >\n          <GestureDetector gesture={this.highKnobGesture}>\n            <Animated.View\n              style={[\n                this.styles.thumb,\n                {\n                  transform: [\n                    {\n                      translateX: this.highPosition,\n                    },\n                  ],\n                }\n              ]}\n              accessible={true}\n              accessibilityLabel={'High thumb'}\n              >\n              <BackgroundComponent\n                size={(this.styles.thumb as any).backgroundSize}\n                position={(this.styles.thumb as any).backgroundPosition}\n                image={(this.styles.thumb as any).backgroundImage}\n                repeat={(this.styles.thumb as any).backgroundRepeat || 'no-repeat'}\n              />\n            </Animated.View>\n          </GestureDetector>\n        </WmTooltip>\n      ) : null}\n      </>\n    );\n  }\n\n  renderOldMarkerStyle(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n        <View\n          style={{ flexDirection: 'row', justifyContent: 'space-between' }}\n        >\n          <Text\n            {...this.getTestProps('min')}\n            style={[this.styles.text, this.styles.minimumValue]}\n          >\n            {this.scale?.ticks[0]?.displayfield}\n          </Text>\n          {isRangeSlider ? (\n            <></>\n          ) : (\n            <Text\n              {...this.getTestProps('value')}\n              style={[this.styles.text, this.styles.value]}\n            >\n              {this.scale?.ticks.find(t => t.datafield === props.datavalue)?.displayfield}\n            </Text>\n          )}\n          <Text\n            {...this.getTestProps('max')}\n            style={[this.styles.text, this.styles.maximumValue]}\n          >\n            {last(this.scale?.ticks)?.displayfield}\n          </Text>\n        </View>\n      );\n  }\n\n  renderMarkers(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    return (<View style={{ flexDirection: 'row' }}>\n      <View>\n        {width ? this.scale.ticks.map((t, i) => {\n          const markWidth = 10;\n          const stepwiseLeft = this.getPositionFromValue(t.markValue);\n          const labelText = t.displayfield;\n          return (\n            <View\n              key={i}\n              style={[\n                this.styles.markerWrapper,\n                {\n                  left: stepwiseLeft,\n                  bottom: markWidth / 2,\n                },\n              ]}\n            >\n              <Text\n                style={[\n                  this.styles.markerLabel,\n                  {\n                    bottom: markWidth / 2 + 10,\n                  },\n                  this.styles.markerLabelStyle,\n                  i === 0 ? this.styles.minimumValue : null,\n                  i === this.scale.ticks.length - 1 ? this.styles.maximumValue : null,\n                ]}\n              >\n                {labelText}\n              </Text>\n              <View\n                style={[\n                  this.styles.mark,\n                  {\n                    width: markWidth,\n                    height: markWidth,\n                    borderRadius: markWidth,\n                  },\n                  this.styles.markerStyle,\n                ]}\n              />\n            </View>\n          );\n        }) : null}\n      </View>\n    </View>);\n  }\n\n  renderTracks(props: WmSliderProps) {\n    const width = this.state.track?.width || 0;\n    const sDataValue = this.getScaledDataValue();\n    const isRangeSlider = props.range && sDataValue.length > 1;\n    return (\n      <GestureDetector gesture={this.trackGesture}>\n        <TouchableOpacity\n          activeOpacity={1}\n          style={[this.styles.track, this.styles.trackStyle]}\n          onLayout={this.onLayoutChange}\n          {...this.getTestProps()}\n          {...getAccessibilityProps(AccessibilityWidgetType.SLIDER, props)}\n        >\n          <Animated.View\n            style={[\n              isRangeSlider && this.highPosition\n                ? this.styles.maximumTrack\n                : this.styles.minimumTrack,\n              {\n                width: width,\n                transform: [\n                  {\n                    translateX: this.position.interpolate({\n                      inputRange: [0, width],\n                      outputRange: [-width, 0],\n                    }),\n                  },\n                ],\n              },\n              this.styles.minimumTrackStyle,\n            ]}\n          ></Animated.View>\n          <Animated.View\n            style={[\n              isRangeSlider && this.highPosition\n                ? this.styles.minimumTrack\n                : this.styles.maximumTrack,\n              {\n                width: width,\n                transform: [\n                  {\n                    translateX: this.position,\n                  },\n                ],\n              },\n              this.styles.activeTrackStyle,\n            ]}\n          ></Animated.View>\n          {isRangeSlider && this.highPosition ? (\n            <Animated.View\n              style={[\n                this.styles.maximumTrack,\n                {\n                  width: width,\n                  transform: [\n                    {\n                      translateX: this.highPosition,\n                    },\n                  ],\n                },\n                this.styles.maximumTrackStyle,\n              ]}\n            />\n          ) : null}\n        </TouchableOpacity>\n      </GestureDetector>\n    );\n  }\n\n  renderWidget(props: WmSliderProps) {\n    const sDataValue = this.getScaledDataValue();\n    return (\n      <View style={this.styles.root}>\n        {this._background}\n        {!props.showmarkers && !props.showtooltip? this.renderOldMarkerStyle(props) : null}\n        {this.renderTracks(props)}\n        <View style={{ flexDirection: 'row' }}>\n          {props.showmarkers ? this.renderMarkers(props) : null}\n          {this.renderToolTips(props)}\n        </View>\n      </View>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

@@ -8,6 +8,7 @@ import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.compone
 import { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';
 import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';
 export class WmSwitchState extends BaseDatasetState {}
 export default class WmSwitch extends BaseDatasetComponent {
   constructor(props) {
@@ -68,17 +69,26 @@ export default class WmSwitch extends BaseDatasetComponent {
       styles: this.styles.loadingIcon,
       iconclass: item.icon,
       caption: displayText
-    }) : /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('label' + index), {
+    }) : /*#__PURE__*/React.createElement(View, null, this._showSkeleton ? createSkeleton(this.theme, {}, {
+      ...this.styles.text,
+      ...this.styles.textSkeleton.root
+    }) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('label' + index), {
       style: [isSelected ? this.styles.selectedButtonText : this.styles.text, {
         color: isSelected ? this.styles.selectedButton.color : this.styles.button.color
       }]
     }), displayText)));
   }
-  renderWidget(props) {
+  renderItems() {
     const items = this.state.dataItems;
+    if (this._showSkeleton) {
+      return [{}, {}, {}].map((item, index) => this.renderChild(item, index));
+    }
+    return items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null;
+  }
+  renderWidget(props) {
     return /*#__PURE__*/React.createElement(View, {
       style: this.styles.root
-    }, items && items.length ? items.map((item, index) => this.renderChild(item, index)) : null);
+    }, this.renderItems());
   }
 }
 //# sourceMappingURL=switch.component.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","isEqual","find","WmSwitchProps","DEFAULT_CLASS","WmIcon","BaseDatasetComponent","BaseDatasetState","Tappable","AccessibilityWidgetType","getAccessibilityProps","WmSwitchState","WmSwitch","constructor","props","onChange","value","oldVal","state","datavalue","validate","datafield","selectedItem","dataItems","item","key","dataObject","updateState","isDefault","invokeEvent","invokeEventCallback","undefined","proxy","onTap","event","getItemKey","renderChild","index","btnClass","length","displayText","displayexp","displayfield","isSelected","createElement","_extends","getTestPropsForAction","accessibilityProps","SWITCH","selected","hint","disabled","bind","styles","button","selectedButton","iconclass","id","getTestId","loadingIcon","icon","caption","getTestPropsForLabel","style","selectedButtonText","text","color","renderWidget","items","root","map"],"sources":["switch.component.tsx"],"sourcesContent":["import React from 'react';\nimport {Text, View} from \"react-native\";\nimport { isEqual, find } from 'lodash';\n\nimport WmSwitchProps from './switch.props';\nimport { DEFAULT_CLASS, WmSwitchStyles } from './switch.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nexport class WmSwitchState extends BaseDatasetState<WmSwitchProps> {}\n\nexport default class WmSwitch extends BaseDatasetComponent<WmSwitchProps, WmSwitchState, WmSwitchStyles> {\n  constructor(props: WmSwitchProps) {\n    super(props, DEFAULT_CLASS, new WmSwitchProps());\n  }\n\n  onChange(value: any) {\n    if (!value) {\n      return;\n    }\n    const oldVal = this.state.props.datavalue;\n    this.validate(value);\n    if (value === oldVal) {\n      return;\n    }\n    if (this.state.props.datafield === 'All Fields') {\n      const selectedItem = find(this.state.dataItems, (item) => isEqual(item.key, value));\n      value = selectedItem && selectedItem.dataObject;\n    }\n    // @ts-ignore\n    this.updateState({props: {datavalue: value}, isDefault: false},\n      () => {\n      if (!this.props.invokeEvent) {\n        this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldVal]);\n      }\n      });\n  }\n\n  onTap(event: any, item: any) {\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    this.onChange(value);\n    this.invokeEventCallback('onTap', [ event, this.proxy ]);\n  }\n\n  renderChild(item: any, index: any) {\n    let btnClass = 'button';\n    const props = this.state.props;\n    if(index === 0) {\n      btnClass = 'firstButton';\n    } else if (index+1 === this.state.dataItems.length) {\n      btnClass = 'lastButton';\n    }\n    const displayText = item.displayexp || item.displayfield;\n    const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;\n    return (\n      <Tappable\n        {...this.getTestPropsForAction('button'+index)}\n        accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.SWITCH, {selected: isSelected, hint: props?.hint})}}\n        onTap={this.state.props.disabled ? undefined : this.onTap.bind(this, null, item)}\n        styles={[\n          this.styles.button,\n          this.styles[btnClass],\n          isSelected ? this.styles.selectedButton : null]}\n          key={item.key}>\n        {this.state.props.iconclass ?\n            (<WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.styles.loadingIcon}\n              iconclass={item.icon}\n              caption={displayText}></WmIcon>)\n            : (<View>\n                <Text\n                  {...this.getTestPropsForLabel('label' + index)}\n                  style={[ isSelected ?  this.styles.selectedButtonText : this.styles.text,\n                    {color: isSelected ? this.styles.selectedButton.color : this.styles.button.color }]}>\n                  {displayText}\n                </Text>\n              </View>)}\n      </Tappable>\n    );\n  };\n\n  renderWidget(props: WmSwitchProps) {\n    const items = this.state.dataItems;\n    return (<View style={this.styles.root}>\n      {items && items.length ?\n        items.map((item: any, index: any) => this.renderChild(item, index)): null}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","isEqual","find","WmSwitchProps","DEFAULT_CLASS","WmIcon","BaseDatasetComponent","BaseDatasetState","Tappable","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmSwitchState","WmSwitch","constructor","props","onChange","value","oldVal","state","datavalue","validate","datafield","selectedItem","dataItems","item","key","dataObject","updateState","isDefault","invokeEvent","invokeEventCallback","undefined","proxy","onTap","event","getItemKey","renderChild","index","btnClass","length","displayText","displayexp","displayfield","isSelected","createElement","_extends","getTestPropsForAction","accessibilityProps","SWITCH","selected","hint","disabled","bind","styles","button","selectedButton","iconclass","id","getTestId","loadingIcon","icon","caption","_showSkeleton","theme","text","textSkeleton","root","getTestPropsForLabel","style","selectedButtonText","color","renderItems","items","map","renderWidget"],"sources":["switch.component.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {DimensionValue, LayoutChangeEvent, Text, View} from \"react-native\";\nimport { isEqual, find } from 'lodash';\n\nimport WmSwitchProps from './switch.props';\nimport { DEFAULT_CLASS, WmSwitchStyles } from './switch.styles';\nimport WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmSwitchState extends BaseDatasetState<WmSwitchProps> {}\n\nexport default class WmSwitch extends BaseDatasetComponent<WmSwitchProps, WmSwitchState, WmSwitchStyles> {\n  constructor(props: WmSwitchProps) {\n    super(props, DEFAULT_CLASS, new WmSwitchProps());\n  }\n\n  onChange(value: any) {\n    if (!value) {\n      return;\n    }\n    const oldVal = this.state.props.datavalue;\n    this.validate(value);\n    if (value === oldVal) {\n      return;\n    }\n    if (this.state.props.datafield === 'All Fields') {\n      const selectedItem = find(this.state.dataItems, (item) => isEqual(item.key, value));\n      value = selectedItem && selectedItem.dataObject;\n    }\n    // @ts-ignore\n    this.updateState({props: {datavalue: value}, isDefault: false},\n      () => {\n      if (!this.props.invokeEvent) {\n        this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldVal]);\n      }\n      });\n  }\n\n  onTap(event: any, item: any) {\n    const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n    this.onChange(value);\n    this.invokeEventCallback('onTap', [ event, this.proxy ]);\n  }\n  renderChild(item: any, index: any) {\n    let btnClass = 'button';\n    const props = this.state.props;\n    if(index === 0) {\n      btnClass = 'firstButton';\n    } else if (index+1 === this.state.dataItems.length) {\n      btnClass = 'lastButton';\n    }\n    const displayText = item.displayexp || item.displayfield;\n    const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;\n    return (\n      <Tappable\n        {...this.getTestPropsForAction('button'+index)}\n        accessibilityProps={{...getAccessibilityProps(AccessibilityWidgetType.SWITCH, {selected: isSelected, hint: props?.hint})}}\n        onTap={this.state.props.disabled ? undefined : this.onTap.bind(this, null, item)}\n        styles={[\n          this.styles.button,\n          this.styles[btnClass],\n          isSelected ? this.styles.selectedButton : null]}\n          key={item.key}>\n        {this.state.props.iconclass ?\n            (<WmIcon\n              id={this.getTestId('icon' + index)}\n              styles={this.styles.loadingIcon}\n              iconclass={item.icon}\n              caption={displayText}></WmIcon>)\n            : (<View>\n                {\n                  this._showSkeleton ? createSkeleton(this.theme, {} as WmSkeletonStyles, {\n                    ...this.styles.text,\n                    ...this.styles.textSkeleton.root\n                  }) : <Text\n                  {...this.getTestPropsForLabel('label' + index)}\n                  style={[ isSelected ?  this.styles.selectedButtonText : this.styles.text,\n                    {color: isSelected ? this.styles.selectedButton.color : this.styles.button.color }]}>\n                  {displayText}\n                </Text>\n                }\n              </View>)}\n      </Tappable>\n    );\n  };\n\n  renderItems() {\n    const items = this.state.dataItems;\n    if(this._showSkeleton) {\n      return [{}, {}, {}].map((item: any, index: any) => this.renderChild(item, index))\n    }\n    return items && items.length ?\n      items.map((item: any, index: any) => this.renderChild(item, index)): null\n  }\n\n  renderWidget(props: WmSwitchProps) {\n    return (<View style={this.styles.root}>\n      {this.renderItems()}\n    </View>);\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -68,6 +68,21 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       borderTopRightRadius: 18,
       borderBottomRightRadius: 18,
       borderRightWidth: 1
+    },
+    skeleton: {
+      root: {
+        width: 64,
+        height: 40,
+        paddingLeft: 16,
+        paddingRight: 16
+      }
+    },
+    textSkeleton: {
+      root: {
+        width: 30,
+        height: 10,
+        borderRadius: 4
+      }
     }
   });
   addStyle(DEFAULT_CLASS, '', defaultStyles);