@wavemaker/app-rn-runtime 12.0.0-next.141218 → 12.0.0-next.141221

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

@@ -0,0 +1,250 @@
+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, Text, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { find, isEmpty, isString } from 'lodash';
+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 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);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "isOpened", false);
+    _defineProperty(this, "selectedValue", '');
+    _defineProperty(this, "position", {});
+    _defineProperty(this, "selectWidth", 0);
+  }
+}
+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, "computePosition", e => {
+      const position = {};
+      const windowDimensions = Dimensions.get('window');
+      this.view.measure((x, y, width, height, px, py) => {
+        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;
+        }
+        position.top = py + height;
+        this.updateState({
+          position: position
+        });
+      });
+    });
+    _defineProperty(this, "showPopover", () => {
+      this.updateState({
+        isOpened: true
+      });
+    });
+    _defineProperty(this, "hide", () => {});
+  }
+  onPress(event) {
+    if (this.state.props.disabled) {
+      return;
+    }
+    if (!this.state.isOpened) {
+      this.showPopover();
+    }
+    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,
+        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;
+    return (
+      /*#__PURE__*/
+      /*
+       * onLayout function is required.
+       * https://github.com/naoufal/react-native-accordion/pull/19/files
+       */
+      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;
+        },
+        onLayout: event => {
+          this.updateState({
+            selectWidth: event.nativeEvent.layout.width
+          });
+        }
+      }, 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(), getAccessibilityProps(AccessibilityWidgetType.SELECT, props), {
+        onPress: this.onPress.bind(this)
+      }), 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
+      }))
+    );
+  }
+  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
+        })
+      }
+    }), /*#__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$cla;
+    let 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');
+    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(View, {
+      onLayout: isDropdown ? this.computePosition : () => {}
+    }, this._background, this.renderSelect(), this.state.isOpened ? /*#__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: ThemeVariables.INSTANCE.maxModalHeight
+        },
+        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","Text","View","ScrollView","find","isEmpty","isString","WmSelectProps","DEFAULT_CLASS","BaseDatasetComponent","BaseDatasetState","WmIcon","ModalConsumer","WmButton","Tappable","ThemeVariables","AccessibilityWidgetType","getAccessibilityProps","BackgroundComponent","createSkeleton","WmSelectState","constructor","args","_defineProperty","WmSelect","props","e","position","windowDimensions","get","view","measure","x","y","width","height","px","py","popoverwidth","state","selectWidth","parseInt","isRTL","right","left","top","updateState","isOpened","onPress","event","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","onLayout","nativeEvent","layout","backgroundImage","image","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","_this$state$props$cla","isDropdown","classname","includes","getStyle","dropdown","computePosition","_background","items","showModal","maxHeight","INSTANCE","maxModalHeight","contentContainerStyle","dropDownContent","key","map"],"sources":["select.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Dimensions, LayoutChangeEvent, Text, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, isEmpty, isString } 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';\nimport { PopoverPosition } from '../../navigation/popover/popover.component';\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}\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  private computePosition = (e: LayoutChangeEvent) => {\n    const position = {} as PopoverPosition;\n      const windowDimensions = Dimensions.get('window');\n      this.view.measure((x, y, width, height, px, py) => {\n        let popoverwidth = this.state.selectWidth as any;\n        if (popoverwidth && isString(popoverwidth)) { \n          popoverwidth = parseInt(popoverwidth);\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        position.top = py + height;\n        this.updateState({position: position} 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({ 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={(event) => {this.updateState({selectWidth : event.nativeEvent.layout.width} as any)}}>\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    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    return (\n      <View onLayout={isDropdown?this.computePosition:()=>{}}>\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={ isDropdown ?[{width : this.state.selectWidth},this.styles.dropdown]:{width: '100%', maxHeight: ThemeVariables.INSTANCE.maxModalHeight}} \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}\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,153 @@
+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);
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      backgroundColor: themeVariables.inputDisabledBgColor
+    }
+  });
+  addStyle('select-dropdown', '', {
+    modal: {
+      backgroundColor: 'transparent'
+    },
+    dropdown: {
+      backgroundColor: themeVariables.transparent
+    },
+    modalContent: {
+      borderRadius: 6,
+      ...BASE_THEME.getStyle('elevate4').root,
+      shadowRadius: 8
+    }
+  });
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == "web" ? {
+    text: {
+      textAlign: 'right'
+    },
+    selectItemText: {
+      textAlign: 'right'
+    }
+  } : {
+    text: {
+      textAlign: 'left'
+    },
+    selectItemText: {
+      textAlign: 'left'
+    }
+  });
+});
+//# 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","transparent","getStyle","shadowRadius","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    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  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        ...BASE_THEME.getStyle('elevate4').root,\n        shadowRadius: 8\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"],"mappings":"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","ignoreList":[]}