@wavemaker/app-rn-runtime 12.0.0-next.142016 → 12.0.0-next.25480

package/components/input/select/select.component.js

@@ -0,0 +1,297 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+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 { Dimensions, Platform, StatusBar, Text, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { find, isEmpty, isString } from 'lodash';
+import injector from '@wavemaker/app-rn-runtime/core/injector';
+import WmSelectProps from './select.props';
+import { DEFAULT_CLASS } from './select.styles';
+import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import { ModalConsumer } from '@wavemaker/app-rn-runtime/core/modal.service';
+import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+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';
+import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
+export class WmSelectState extends BaseDatasetState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "isOpened", false);
+    _defineProperty(this, "selectedValue", '');
+    _defineProperty(this, "position", {});
+    _defineProperty(this, "selectWidth", 0);
+    _defineProperty(this, "positionReady", false);
+  }
+}
+export default class WmSelect extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmSelectProps(), new WmSelectState());
+    _defineProperty(this, "view", null);
+    _defineProperty(this, "widgetRef", null);
+    _defineProperty(this, "isDefaultValue", true);
+    _defineProperty(this, "safeAreaInsets", {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    });
+    _defineProperty(this, "isMounted", true);
+    _defineProperty(this, "isComputing", false);
+    _defineProperty(this, "computePosition", () => {
+      if (!this.view || !this.isMounted) return;
+      this.view.measureInWindow((px, py, width, height) => {
+        var _appConfig$edgeToEdge;
+        const windowDimensions = Dimensions.get('window');
+        const position = {};
+        let popoverwidth = this.state.selectWidth;
+        if (popoverwidth && isString(popoverwidth)) {
+          popoverwidth = parseInt(popoverwidth);
+        }
+        this.isRTL ? position.right = px : position.left = px;
+        if (px + popoverwidth > windowDimensions.width) {
+          this.isRTL ? position.right = px + width - popoverwidth : position.left = px + width - popoverwidth;
+        }
+        const appConfig = injector.get('APP_CONFIG');
+        const isEdgeToEdge = !!(appConfig !== null && appConfig !== void 0 && (_appConfig$edgeToEdge = appConfig.edgeToEdgeConfig) !== null && _appConfig$edgeToEdge !== void 0 && _appConfig$edgeToEdge.isEdgeToEdgeApp);
+        const statusBarHeight = Platform.OS === 'android' ? StatusBar.currentHeight || 0 : 0;
+        const needsStatusBarAdjustment = Platform.OS === 'android' && this.safeAreaInsets.top > 0;
+        const yOffset = Platform.OS === 'ios' && !isEdgeToEdge ? this.safeAreaInsets.top : 0;
+        position.top = py + height - yOffset + (needsStatusBarAdjustment ? statusBarHeight : 0);
+        this.updateState({
+          position,
+          positionReady: true,
+          selectWidth: width
+        });
+      });
+    });
+    _defineProperty(this, "showPopover", () => {
+      var _this$state$props$cla;
+      const isDropdown = (_this$state$props$cla = this.state.props.classname) === null || _this$state$props$cla === void 0 ? void 0 : _this$state$props$cla.includes('select-dropdown');
+      if (isDropdown) {
+        this.computePosition();
+      }
+      this.updateState({
+        isOpened: true
+      });
+    });
+    _defineProperty(this, "hide", () => {});
+  }
+  componentWillUnmount() {
+    var _super$componentWillU;
+    this.isMounted = false;
+    (_super$componentWillU = super.componentWillUnmount) === null || _super$componentWillU === void 0 || _super$componentWillU.call(this);
+  }
+  onPress(event) {
+    if (this.state.props.disabled) {
+      return;
+    }
+    if (!this.state.isOpened && !this.isComputing) {
+      this.isComputing = true;
+      try {
+        this.showPopover();
+      } finally {
+        this.isComputing = false;
+      }
+    }
+    this.invokeEventCallback('onFocus', [event, this.proxy]);
+  }
+  onPropertyChange(name, $new, $old) {
+    super.onPropertyChange(name, $new, $old);
+    switch (name) {
+      case 'datavalue':
+        if (isNaN($new) && isEmpty($new)) {
+          this.updateState({
+            props: {
+              displayValue: this.state.props.placeholder || ''
+            }
+          });
+        }
+    }
+  }
+  prepareModalOptions(content, styles, modalService) {
+    const o = this.state.modalOptions;
+    o.modalStyle = styles.modal;
+    o.contentStyle = {
+      ...styles.modalContent,
+      ...this.state.position
+    };
+    o.content = content;
+    o.isModal = true;
+    o.centered = true;
+    o.onClose = () => {
+      this.hide = () => {};
+      if (this.isDefaultValue && this.state.props.displayValue === '') {
+        this.validate(this.state.props.displayValue);
+        setTimeout(() => {
+          this.props.triggerValidation && this.props.triggerValidation();
+        }, 0);
+      }
+      this.invokeEventCallback('onBlur', [{}, this.proxy]);
+      this.setState({
+        isOpened: false,
+        positionReady: false,
+        modalOptions: {}
+      });
+    };
+    this.hide = () => modalService.hideModal(this.state.modalOptions);
+    return o;
+  }
+  focus() {
+    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;
+    const foundationStyle = this.theme.getStyle('app-input');
+    return (
+      /*#__PURE__*/
+      /*
+       * onLayout function is required.
+       * https://github.com/naoufal/react-native-accordion/pull/19/files
+       */
+      React.createElement(View, _extends({
+        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'
+        } : {}, props.disabled ? this.theme.mergeStyle(foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled) : {}],
+        ref: ref => {
+          this.view = ref;
+        },
+        onLayout: event => {
+          this.updateState({
+            selectWidth: event.nativeEvent.layout.width
+          });
+        }
+      }, getAccessibilityProps(AccessibilityWidgetType.SELECT, props)), select.backgroundImage ? /*#__PURE__*/React.createElement(BackgroundComponent, {
+        image: select.backgroundImage,
+        position: select.backgroundPosition || 'center',
+        size: select.backgroundSize || 'contain',
+        repeat: select.backgroundRepeat || 'no-repeat',
+        resizeMode: select.backgroundResizeMode,
+        style: {
+          borderRadius: this.styles.root.borderRadius
+        }
+      }) : 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
+        }],
+        ref: ref => {
+          this.widgetRef = ref;
+        }
+      }, this.getTestPropsForInput(), {
+        onPress: this.onPress.bind(this),
+        importantForAccessibility: "no"
+      }), this.state.props.displayValue || props.placeholder || ' '), /*#__PURE__*/React.createElement(WmButton, {
+        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,
+        accessible: false
+      }))
+    );
+  }
+  isSelected(item) {
+    const val = this.state.props.datafield === 'All Fields' ? item.dataObject : item.datafield;
+    return this.state.props.datavalue === val;
+  }
+  onItemSelect(item, isPlaceholder) {
+    this.isDefaultValue = false;
+    this.onChange(isPlaceholder ? '' : this.state.props.datafield === 'All Fields' ? item.dataObject : item.datafield);
+    this.hide();
+  }
+  renderSelectItem(item, index, isPlaceholder, isLast) {
+    let selected = this.isSelected(item);
+    return /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction('selectitem' + index), {
+      onTap: this.onItemSelect.bind(this, item, isPlaceholder),
+      accessibilityProps: {
+        ...getAccessibilityProps(AccessibilityWidgetType.SELECT, {
+          ...this.props,
+          expanded: this.state.isOpened
+        })
+      },
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [this.styles.selectItem, isLast ? this.styles.lastSelectItem : null, selected ? this.styles.selectedItem : null]
+    }, /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('label' + index), {
+      style: [this.styles.selectItemText, {
+        color: isPlaceholder ? this.styles.placeholderText.color : selected ? this.styles.selectedItemText.color : this.styles.selectItemText.color
+      }]
+    }), isPlaceholder ? this.state.props.placeholder : item.displayexp || item.displayfield), /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('checkicon' + index),
+      iconclass: "wi wi-check",
+      styles: this.theme.mergeStyle(this.styles.checkIcon, {
+        root: {
+          opacity: !isPlaceholder && selected ? 1 : 0
+        }
+      })
+    })));
+  }
+  updateDefaultQueryModel() {
+    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultValue) {
+      const selectedItem = find(this.state.dataItems, item => item.selected);
+      selectedItem && this.updateState({
+        props: {
+          displayValue: selectedItem.displayexp || selectedItem.displayfield || ''
+        }
+      });
+    }
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.updateDefaultQueryModel();
+  }
+  onDataItemsUpdate() {
+    super.onDataItemsUpdate();
+    this.updateDefaultQueryModel();
+  }
+  renderWidget(props) {
+    var _this$state$props$cla2;
+    let isDropdown = (_this$state$props$cla2 = this.state.props.classname) === null || _this$state$props$cla2 === void 0 ? void 0 : _this$state$props$cla2.includes('select-dropdown');
+    const styles = this.theme.mergeStyle(this.styles, this.theme.getStyle('select-dropdown'));
+    if (isDropdown && this.state.selectWidth) {
+      styles.modalContent.width = this.styles.dropdown.width || this.state.selectWidth;
+    }
+    return /*#__PURE__*/React.createElement(SafeAreaInsetsContext.Consumer, null, insets => {
+      if (insets) {
+        this.safeAreaInsets = insets;
+      }
+      return /*#__PURE__*/React.createElement(View, {
+        onLayout: event => {
+          this.handleLayout(event);
+        },
+        style: [this.styles.rootWrapper]
+      }, this._background, this.renderSelect(), this.state.isOpened && (isDropdown ? this.state.positionReady : true) ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+        const items = this.state.dataItems;
+        modalService.showModal(this.prepareModalOptions(/*#__PURE__*/React.createElement(ScrollView, {
+          style: isDropdown ? [{
+            width: this.state.selectWidth
+          }, this.styles.dropdown] : {
+            width: '100%',
+            maxHeight: Dimensions.get('window').height - 64 - (StatusBar.currentHeight || 0)
+          },
+          contentContainerStyle: this.styles.dropDownContent
+        }, props.placeholder ? /*#__PURE__*/React.createElement(View, {
+          key: props.name + '_placeholder',
+          style: this.styles.placeholderText
+        }, this.renderSelectItem({}, 0, true, false)) : null, items && items.map((item, index) => /*#__PURE__*/React.createElement(View, {
+          key: item.key
+        }, this.renderSelectItem(item, index, false, index === items.length - 1)))), isDropdown ? styles : this.styles, modalService));
+        return null;
+      }) : null);
+    });
+  }
+}
+//# sourceMappingURL=select.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","Platform","StatusBar","Text","View","ScrollView","find","isEmpty","isString","injector","WmSelectProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","ModalConsumer","WmButton","Tappable","AccessibilityWidgetType","getAccessibilityProps","BackgroundComponent","createSkeleton","SafeAreaInsetsContext","WmSelectState","constructor","args","_defineProperty","WmSelect","props","top","bottom","left","right","view","isMounted","measureInWindow","px","py","width","height","_appConfig$edgeToEdge","windowDimensions","get","position","popoverwidth","state","selectWidth","parseInt","isRTL","appConfig","isEdgeToEdge","edgeToEdgeConfig","isEdgeToEdgeApp","statusBarHeight","OS","currentHeight","needsStatusBarAdjustment","safeAreaInsets","yOffset","updateState","positionReady","_this$state$props$cla","isDropdown","classname","includes","computePosition","isOpened","componentWillUnmount","_super$componentWillU","call","onPress","event","disabled","isComputing","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","foundationStyle","getStyle","createElement","_extends","style","isValid","invalid","backgroundColor","disabledText","_showSkeleton","justifyContent","mergeStyle","ref","onLayout","nativeEvent","layout","SELECT","backgroundImage","image","backgroundPosition","size","backgroundSize","repeat","backgroundRepeat","resizeMode","backgroundResizeMode","borderRadius","text","color","placeholderText","getTestPropsForInput","bind","importantForAccessibility","arrowButtonSkeleton","arrowButton","iconclass","onTap","hint","accessible","isSelected","item","val","datafield","dataObject","datavalue","onItemSelect","isPlaceholder","onChange","renderSelectItem","index","isLast","selected","getTestPropsForAction","accessibilityProps","expanded","disableTouchEffect","disabletoucheffect","selectItem","lastSelectItem","selectedItem","getTestPropsForLabel","selectItemText","selectedItemText","displayexp","displayfield","id","getTestId","checkIcon","opacity","updateDefaultQueryModel","dataItems","length","componentDidMount","onDataItemsUpdate","renderWidget","_this$state$props$cla2","dropdown","Consumer","insets","handleLayout","rootWrapper","_background","items","showModal","maxHeight","contentContainerStyle","dropDownContent","key","map"],"sources":["select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Dimensions, Platform, StatusBar, Text, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, isEmpty, isString } from 'lodash';\nimport injector from '@wavemaker/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker/app-rn-runtime/core/AppConfig';\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';\nimport { PopoverPosition } from '../../navigation/popover/popover.component';\nimport { SafeAreaInsetsContext, EdgeInsets } from 'react-native-safe-area-context';\n\nexport class WmSelectState extends BaseDatasetState<WmSelectProps> {\n  modalOptions = {} as ModalOptions;\n  isOpened: boolean = false;\n  selectedValue: any = '';\n  position={} as PopoverPosition;\n  selectWidth:number = 0;\n  positionReady:boolean = false;\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  private safeAreaInsets = { top: 0, bottom: 0, left: 0, right: 0 };\n  private isMounted: boolean = true;\n  private isComputing: boolean = false;\n\n  componentWillUnmount() {\n    this.isMounted = false;\n    super.componentWillUnmount?.();\n  }\n\n  onPress(event: any) {\n    if (this.state.props.disabled) {\n      return;\n    }\n    if (!this.state.isOpened && !this.isComputing) {\n      this.isComputing = true;\n      try {\n        this.showPopover();\n      } finally {\n        this.isComputing = false;\n      }\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  private computePosition = () => {\n    if (!this.view || !this.isMounted) return;\n    \n    this.view.measureInWindow((px, py, width, height) => {\n      const windowDimensions = Dimensions.get('window');\n      const position = {} as PopoverPosition;\n      \n      let popoverwidth = this.state.selectWidth as any;\n      if (popoverwidth && isString(popoverwidth)) {\n        popoverwidth = parseInt(popoverwidth);\n      }\n      \n      this.isRTL ? position.right = px : position.left = px;\n      \n      if (px + popoverwidth > windowDimensions.width) {\n        this.isRTL\n          ? (position.right = px + width - popoverwidth)\n          : (position.left = px + width - popoverwidth);\n      }\n      \n      const appConfig = injector.get<AppConfig>('APP_CONFIG');\n      const isEdgeToEdge = !!appConfig?.edgeToEdgeConfig?.isEdgeToEdgeApp;\n      const statusBarHeight = Platform.OS === 'android' ? (StatusBar.currentHeight || 0) : 0;\n      const needsStatusBarAdjustment = Platform.OS === 'android' && this.safeAreaInsets.top > 0;\n      const yOffset = Platform.OS === 'ios' && !isEdgeToEdge ? this.safeAreaInsets.top : 0;\n      \n      position.top = py + height - yOffset + (needsStatusBarAdjustment ? statusBarHeight : 0);\n      \n      this.updateState({\n        position,\n        positionReady: true,\n        selectWidth: width\n      } as WmSelectState);\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,...this.state.position};\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({ \n        isOpened: false, \n        positionReady: false,\n        modalOptions: {} as ModalOptions \n      } as WmSelectState);\n    };\n    this.hide = () => modalService.hideModal(this.state.modalOptions);\n    return o;\n  }\n\n  public showPopover = () => {\n    const isDropdown = this.state.props.classname?.includes('select-dropdown');\n    if (isDropdown) {\n      this.computePosition();\n    }\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    const foundationStyle = this.theme.getStyle('app-input');\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, \n          { backgroundColor: props.disabled ? this.styles.disabledText.backgroundColor : this.styles.root.backgroundColor}, \n          this._showSkeleton ? { justifyContent: 'space-between' } : {},\n          props.disabled ? this.theme.mergeStyle(foundationStyle?.disabled) : {}]}\n        ref={(ref) => {\n          this.view = ref as View;\n        }}\n        onLayout={(event) => {this.updateState({selectWidth : event.nativeEvent.layout.width} as any)}}\n        {...getAccessibilityProps(AccessibilityWidgetType.SELECT, props)}>\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            onPress={this.onPress.bind(this)}\n            importantForAccessibility='no'>\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            accessible={false}\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      disableTouchEffect={this.state.props.disabletoucheffect}>\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    let isDropdown = this.state.props.classname?.includes('select-dropdown');\n    const styles = this.theme.mergeStyle( this.styles,this.theme.getStyle('select-dropdown'));\n    if (isDropdown && this.state.selectWidth) {\n        styles.modalContent.width = this.styles.dropdown.width || this.state.selectWidth;\n    }\n\n    return (\n      <SafeAreaInsetsContext.Consumer>\n        {(insets) => {\n          if (insets) {\n            this.safeAreaInsets = insets;\n          }\n          return (\n            <View \n              onLayout={(event) => {\n                this.handleLayout(event);\n              }}\n              style={[this.styles.rootWrapper]}>\n              {this._background}\n              {this.renderSelect()}\n              {this.state.isOpened && (isDropdown ? this.state.positionReady : true) ? (\n              <ModalConsumer>\n                {(modalService: ModalService) => {\n                  const items = this.state.dataItems;\n                  modalService.showModal(\n                    this.prepareModalOptions(\n                      <ScrollView style={ isDropdown ?[{width : this.state.selectWidth},this.styles.dropdown]:{width: '100%', maxHeight: Dimensions.get('window').height - 64 - (StatusBar.currentHeight || 0)}} \n                      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                      isDropdown?styles:this.styles,\n                      modalService\n                    )\n                  );\n                  return null;\n                }}\n              </ModalConsumer>\n            ) : null}\n          </View>\n          );\n        }}\n      </SafeAreaInsetsContext.Consumer>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input/select/select.props.js

@@ -0,0 +1,12 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+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 BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';
+export default class WmSelectProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "placeholder", null);
+    _defineProperty(this, "displayValue", null);
+  }
+}
+//# sourceMappingURL=select.props.js.map

package/components/input/select/select.styles.js

@@ -0,0 +1,178 @@
+import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
+import { Platform } from 'react-native';
+export const DEFAULT_CLASS = 'app-select';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      padding: 12,
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: themeVariables.inputBorderColor,
+      backgroundColor: themeVariables.inputBackgroundColor,
+      borderRadius: 6,
+      minWidth: 160,
+      alignItems: 'center'
+    },
+    invalid: {
+      borderBottomColor: themeVariables.inputInvalidBorderColor
+    },
+    text: {
+      fontSize: 16,
+      fontFamily: themeVariables.baseFont,
+      flex: 1,
+      color: themeVariables.inputTextColor
+    },
+    checkIcon: {
+      text: {
+        fontSize: 24,
+        color: themeVariables.primaryColor
+      }
+    },
+    disabledText: {
+      backgroundColor: themeVariables.inputDisabledBgColor
+    },
+    modal: {
+      backgroundColor: 'rgba(0, 0, 0, 0.3)',
+      height: '100%'
+    },
+    modalContent: {
+      backgroundColor: themeVariables.inputBackgroundColor,
+      borderRadius: 6,
+      position: 'absolute',
+      borderWidth: 1,
+      borderStyle: 'solid',
+      borderColor: themeVariables.inputBorderColor,
+      width: '90%'
+    },
+    selectItem: {
+      width: '100%',
+      paddingHorizontal: 16,
+      paddingVertical: 8,
+      borderBottomWidth: 1,
+      borderBottomStyle: 'solid',
+      borderBottomColor: themeVariables.selecttemBorderColor,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    lastSelectItem: {
+      borderBottomWidth: 0
+    },
+    selectItemText: {
+      fontSize: 16,
+      fontFamily: themeVariables.baseFont,
+      color: themeVariables.selectItemTextColor,
+      flex: 1
+    },
+    selectedItem: {},
+    selectedItemText: {},
+    placeholderText: {
+      color: themeVariables.inputPlaceholderColor
+    },
+    dropDownContent: {},
+    arrowButton: {
+      root: {
+        borderRadius: 0,
+        paddingTop: 6,
+        paddingBottom: 6,
+        paddingLeft: 6,
+        paddingRight: 0,
+        minHeight: 0,
+        alignItems: 'center',
+        alignSelf: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'transparent'
+      }
+    },
+    skeleton: {
+      root: {
+        minWidth: 0,
+        width: 120,
+        height: 16,
+        borderRadius: 4,
+        marginRight: 8,
+        padding: 0
+      }
+    },
+    dropdown: {
+      backgroundColor: themeVariables.popoverBackgroundColor,
+      maxHeight: 240,
+      borderRadius: 6
+    },
+    arrowButtonSkeleton: {
+      root: {
+        width: 24,
+        height: 24,
+        borderRadius: 12
+      }
+    },
+    textSkeleton: {
+      root: {
+        width: 100,
+        height: 16,
+        borderRadius: 8
+      }
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-select-input-horizontal', '', {
+    root: {
+      flex: 1,
+      minWidth: 0,
+      maxWidth: '100%'
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      backgroundColor: themeVariables.inputDisabledBgColor
+    }
+  });
+  addStyle('select-dropdown', '', {
+    modal: {
+      backgroundColor: 'transparent'
+    },
+    dropdown: {
+      backgroundColor: themeVariables.transparent
+    },
+    modalContent: {
+      borderRadius: 6,
+      boxShadow: `4px 4px 8px rgba(0, 0, 0, 0.27)`
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    text: {
+      textAlign: 'right'
+    },
+    selectItemText: {
+      textAlign: 'right'
+    }
+  } : {
+    text: {
+      textAlign: 'left'
+    },
+    selectItemText: {
+      textAlign: 'left'
+    }
+  });
+  addStyle('form-widget-selectform-select-input-horizontal', '', {
+    rootWrapper: {
+      width: '70%'
+    },
+    root: {
+      width: '100%'
+    },
+    text: {},
+    searchInputWrapper: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      flex: undefined,
+      display: 'flex'
+    }
+  });
+});
+//# sourceMappingURL=select.styles.js.map

package/components/input/select/select.styles.js.map

@@ -0,0 +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","skeleton","marginRight","dropdown","popoverBackgroundColor","maxHeight","arrowButtonSkeleton","textSkeleton","maxWidth","transparent","boxShadow","OS","textAlign","rootWrapper","searchInputWrapper","undefined","display"],"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    dropdown: {\n      backgroundColor: themeVariables.popoverBackgroundColor,\n      maxHeight: 240,\n      borderRadius:6\n  },\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  \n  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n  addStyle('form-select-input-horizontal', '', {\n    root: {\n      flex: 1,\n      minWidth: 0,\n      maxWidth: '100%'\n    },\n    text: {}\n  } as BaseStyles);\n  \n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      root : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n  addStyle('select-dropdown', '', {\n    modal: {\n        backgroundColor: 'transparent',\n    },\n    dropdown: {\n        backgroundColor: themeVariables.transparent\n    },\n    modalContent: {\n        borderRadius: 6,\n        boxShadow: `4px 4px 8px rgba(0, 0, 0, 0.27)`\n    }\n});\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n    text:{\n      textAlign:'right',\n    }\n    ,selectItemText : {\n      textAlign : 'right'\n    }\n  }:{\n    text:{\n      textAlign:'left',\n    },\n    selectItemText : {\n      textAlign : 'left'\n    }\n  });\n\n  addStyle('form-widget-selectform-select-input-horizontal', '', {\n    rootWrapper: {\n      width: '70%'\n    },\n    root: {\n      width: '100%'\n    },\n    text: {},\n    searchInputWrapper: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: undefined,\n      display: 'flex'\n    },\n  } as BaseStyles);\n});\n"],"mappings":"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","ignoreList":[]}