@wavemaker-ai/app-rn-runtime 1.0.0-rc.647469

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmRatingProps","constructor","args","_defineProperty","undefined"],"sources":["rating.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmRatingProps extends BaseProps {\n    dataset?: any[] = null as any;\n    datafield?: string = 'key';\n    displayfield?: string = 'value';\n    getDisplayExpression: Function = null as any;\n    datavalue?: number = null as any;\n    maxvalue: number = 5;\n    readonly? = false;\n    iconcolor?: string = null as any;\n    iconsize?: number = null as any;\n    showcaptions? = true;\n    onFieldChange: any;\n    accessible?: boolean = true;\n    accessibilitylabel?: string = undefined;\n    accessibilityrole?: AccessibilityRole = 'radiogroup';\n    hint?: string = undefined;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,eAAe,MAAMC,aAAa,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC/B,IAAI;IAAAA,eAAA,oBACD,KAAK;IAAAA,eAAA,uBACF,OAAO;IAAAA,eAAA,+BACE,IAAI;IAAAA,eAAA,oBAChB,IAAI;IAAAA,eAAA,mBACN,CAAC;IAAAA,eAAA,mBACR,KAAK;IAAAA,eAAA,oBACI,IAAI;IAAAA,eAAA,mBACL,IAAI;IAAAA,eAAA,uBACR,IAAI;IAAAA,eAAA;IAAAA,eAAA,qBAEG,IAAI;IAAAA,eAAA,6BACGC,SAAS;IAAAD,eAAA,4BACC,YAAY;IAAAA,eAAA,eACpCC,SAAS;EAAA;AAC7B","ignoreList":[]}

package/components/input/rating/rating.styles.js

@@ -0,0 +1,48 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-rating';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {
+      flexDirection: 'row',
+      alignContent: 'center',
+      padding: 8
+    },
+    icon: {
+      text: {
+        fontSize: 32,
+        color: themeVariables.ratingIconColor
+      }
+    },
+    selectedIcon: {
+      text: {
+        fontSize: 32,
+        color: themeVariables.ratingSelectedIconColor
+      }
+    },
+    text: {
+      alignSelf: 'center',
+      paddingLeft: 8,
+      color: themeVariables.ratingSelectedIconColor
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+
+  // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles
+  addStyle('form-rating-input-horizontal', '', {
+    root: {
+      flex: 1,
+      // Take remaining space after label
+      minWidth: 0,
+      // Allow shrinking below intrinsic content size if needed
+      maxWidth: '100%' // Prevent overflow
+    },
+    text: {}
+  });
+  addStyle(DEFAULT_CLASS + '-disabled', '', {
+    root: {
+      opacity: 0.5
+    }
+  });
+});
+//# sourceMappingURL=rating.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","alignContent","padding","icon","text","fontSize","color","ratingIconColor","selectedIcon","ratingSelectedIconColor","alignSelf","paddingLeft","flex","minWidth","maxWidth","opacity"],"sources":["rating.styles.ts"],"sourcesContent":["import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmIconStyles } from '../../basic/icon/icon.styles';\n\nexport type WmRatingStyles = BaseStyles & {\n    icon: WmIconStyles,\n    selectedIcon: WmIconStyles\n};\n\nexport const DEFAULT_CLASS = 'app-rating';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmRatingStyles = defineStyles({\n        root: {\n            flexDirection: 'row',\n            alignContent: 'center',\n            padding: 8\n        },\n        icon: {\n            text: {\n                fontSize: 32,\n                color: themeVariables.ratingIconColor\n            }\n        } as WmIconStyles,\n        selectedIcon: {\n            text: {\n                fontSize: 32,\n                color: themeVariables.ratingSelectedIconColor\n            }\n        } as WmIconStyles,\n        text: {\n            alignSelf: 'center',\n            paddingLeft: 8,\n            color: themeVariables.ratingSelectedIconColor\n        }\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-rating-input-horizontal', '', {\n      root: {\n        flex: 1, // Take remaining space after label\n        minWidth: 0, // Allow shrinking below intrinsic content size if needed\n        maxWidth: '100%' // Prevent overflow\n      },\n      text: {}\n    } as BaseStyles);\n\n    addStyle(DEFAULT_CLASS + '-disabled', '', {\n        root : {\n        opacity: 0.5\n        }\n    });\n});\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,2CAA2C;AAClE,SAAqBC,YAAY,QAAQ,kDAAkD;AAQ3F,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE;MACFC,aAAa,EAAE,KAAK;MACpBC,YAAY,EAAE,QAAQ;MACtBC,OAAO,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACFC,IAAI,EAAE;QACFC,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAEV,cAAc,CAACW;MAC1B;IACJ,CAAiB;IACjBC,YAAY,EAAE;MACVJ,IAAI,EAAE;QACFC,QAAQ,EAAE,EAAE;QACZC,KAAK,EAAEV,cAAc,CAACa;MAC1B;IACJ,CAAiB;IACjBL,IAAI,EAAE;MACFM,SAAS,EAAE,QAAQ;MACnBC,WAAW,EAAE,CAAC;MACdL,KAAK,EAAEV,cAAc,CAACa;IAC1B;EACJ,CAAC,CAAC;EAEFZ,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;;EAE1C;EACAD,QAAQ,CAAC,8BAA8B,EAAE,EAAE,EAAE;IAC3CE,IAAI,EAAE;MACJa,IAAI,EAAE,CAAC;MAAE;MACTC,QAAQ,EAAE,CAAC;MAAE;MACbC,QAAQ,EAAE,MAAM,CAAC;IACnB,CAAC;IACDV,IAAI,EAAE,CAAC;EACT,CAAe,CAAC;EAEhBP,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCK,IAAI,EAAG;MACPgB,OAAO,EAAE;IACT;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,303 @@
+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-ai/app-rn-runtime/core/injector';
+import WmSelectProps from './select.props';
+import { DEFAULT_CLASS } from './select.styles';
+import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';
+import WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';
+import { ModalConsumer } from '@wavemaker-ai/app-rn-runtime/core/modal.service';
+import WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { BackgroundComponent } from '@wavemaker-ai/app-rn-runtime/styles/background.component';
+import { createSkeleton } from '@wavemaker-ai/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);
+    _defineProperty(this, "isinputFocused", 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;
+      this.setState({
+        isinputFocused: 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: {},
+        isinputFocused: false
+      });
+    };
+    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');
+    const classname = this.state.props.classname ? this.state.props.classname.split(" ").pop() : '';
+    return (
+      /*#__PURE__*/
+      /*
+       * onLayout function is required.
+       * https://github.com/naoufal/react-native-accordion/pull/19/files
+       */
+      React.createElement(View, _extends({
+        style: [this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root, this.theme.getStyle(`${classname}`)), 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, this.theme.getStyle(`${classname}`).disabled) : {}, this.state.isinputFocused ? this.theme.mergeStyle(foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused, this.theme.getStyle(`${classname}`).focused) : {}],
+        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","setState","isinputFocused","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","hideModal","focus","_this$widgetRef","widgetRef","renderSkeletonForText","theme","textSkeleton","root","renderSelect","select","foundationStyle","getStyle","split","pop","createElement","_extends","style","mergeStyle","isValid","invalid","backgroundColor","disabledText","_showSkeleton","justifyContent","focused","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-ai/app-rn-runtime/core/injector';\nimport AppConfig from '@wavemaker-ai/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-ai/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { ModalConsumer, ModalOptions, ModalService } from '@wavemaker-ai/app-rn-runtime/core/modal.service';\nimport WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport ThemeVariables from '@wavemaker-ai/app-rn-runtime/styles/theme.variables';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { BackgroundComponent } from '@wavemaker-ai/app-rn-runtime/styles/background.component';\nimport { createSkeleton } from '@wavemaker-ai/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  isinputFocused: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      this.setState({ isinputFocused:true} as WmSelectState)\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        isinputFocused:false\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    const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\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.theme.mergeStyle(this.styles.root, foundationStyle?.root, this.theme.getStyle(`${classname}`)), 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, this.theme.getStyle(`${classname}`).disabled) : {},\n          this.state.isinputFocused ? this.theme.mergeStyle(foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {}\n        ]}\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-ai/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.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmSelectProps","constructor","args","_defineProperty"],"sources":["select.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.props';\n\nexport default class WmSelectProps extends BaseDatasetProps {\n  placeholder: string = null as any;\n  displayValue = null as any;\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,6EAA6E;AAE1G,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,sBACpC,IAAI;IAAAA,eAAA,uBACX,IAAI;EAAA;AACrB","ignoreList":[]}

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

@@ -0,0 +1,178 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/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