@wavemaker/app-rn-runtime 11.8.5-patch.2 → 11.8.5-rc.187

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

@@ -0,0 +1,144 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { View, Text } from 'react-native';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import WmIcon from '@wavemaker/app-rn-runtime/components/basic/icon/icon.component';
+import WmRatingProps from './rating.props';
+import { DEFAULT_CLASS } from './rating.styles';
+import { cloneDeep, isArray, isNumber, isString } from 'lodash-es';
+export class WmRatingState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "items", null);
+    _defineProperty(this, "caption", null);
+    _defineProperty(this, "selectedIndex", -1);
+    _defineProperty(this, "isDefault", false);
+  }
+}
+export default class WmRating extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmRatingProps());
+  }
+  get caption() {
+    return this.state.caption;
+  }
+  prepareItems(props) {
+    let items = [];
+    if (!props.dataset && props.maxvalue) {
+      items = Array.from(Array(+props.maxvalue).keys());
+      items = items.map(v => v + 1);
+    } else if (isString(props.dataset)) {
+      items = props.dataset.split(',');
+    } else {
+      items = props.dataset || [];
+    }
+    if (isArray(items) && items[0] !== Object(items[0])) {
+      items = items.map((v, i) => ({
+        key: i + 1,
+        value: v
+      }));
+    }
+    let selectedIndex = -1;
+    if (props.datavalue !== undefined && props.datavalue !== null) {
+      selectedIndex = items.findIndex((item, k) => item[props.datafield] == props.datavalue);
+      if (selectedIndex === -1 && isNumber(props.datavalue)) {
+        selectedIndex = props.datavalue;
+      }
+    }
+    let caption = '';
+    if (selectedIndex > -1 && props.showcaptions) {
+      const selectedItem = items[selectedIndex];
+      if (selectedItem) {
+        if (props.getDisplayExpression) {
+          caption = props.getDisplayExpression(selectedItem);
+        } else {
+          caption = selectedItem[props.displayfield];
+        }
+      } else {
+        caption = selectedIndex + 1;
+      }
+    }
+    this.updateState({
+      items: items,
+      selectedIndex: selectedIndex,
+      caption: caption
+    });
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'dataset':
+      case 'datafield':
+      case 'displayfield':
+      case 'maxvalue':
+      case 'datavalue':
+        this.prepareItems(this.state.props);
+        if (name === 'datavalue') {
+          const isDefault = this.state.isDefault;
+          if (isDefault) {
+            this.updateState({
+              isDefault: false
+            }, this.props.onFieldChange && this.props.onFieldChange.bind(this, 'datavalue', $new, $old, isDefault));
+          } else {
+            this.props.onFieldChange && this.props.onFieldChange('datavalue', $new, $old, isDefault);
+          }
+        }
+        break;
+      case 'readonly':
+        this.updateState({
+          props: {
+            disabled: $new
+          }
+        });
+        break;
+    }
+  }
+  changeValue(i) {
+    const props = this.state.props;
+    const oldValue = props.datavalue;
+    if (!props.readonly) {
+      let value = this.state.items[i] ? this.state.items[i][props.datafield || ''] : i;
+      this.updateState({
+        props: {
+          datavalue: value
+        }
+      }, () => {
+        !this.props.onFieldChange && value !== oldValue && this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldValue]);
+      });
+    }
+  }
+  renderWidget(props) {
+    const maxValue = props.maxvalue ? +props.maxvalue : 5;
+    const arr = Array.from(Array(maxValue).keys());
+    let selectedIconStyles = this.styles.selectedIcon;
+    if (props.iconcolor) {
+      selectedIconStyles = cloneDeep(this.styles.selectedIcon);
+      selectedIconStyles.text.color = props.iconcolor;
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: this.styles.root
+    }, this._background, arr.map((v, i) => this.state.selectedIndex > -1 && i <= this.state.selectedIndex ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('star' + i),
+      key: i,
+      iconclass: "wi wi-star",
+      iconsize: props.iconsize,
+      styles: selectedIconStyles,
+      onTap: () => {
+        this.changeValue(i);
+      }
+    }) : null), arr.map((v, i) => this.state.selectedIndex === -1 || i > this.state.selectedIndex ? /*#__PURE__*/React.createElement(WmIcon, {
+      id: this.getTestId('star' + i),
+      key: i,
+      iconclass: "wi wi-star-border",
+      iconsize: props.iconsize,
+      styles: this.styles.icon,
+      onTap: () => {
+        this.changeValue(i);
+      }
+    }) : null), !!props.showcaptions ? /*#__PURE__*/React.createElement(Text, {
+      style: this.styles.text
+    }, this.state.caption) : null);
+  }
+}
+//# sourceMappingURL=rating.component.js.map

app-rn-runtime/components/input/rating/rating.props.js

@@ -0,0 +1,21 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmRatingProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "dataset", null);
+    _defineProperty(this, "datafield", 'key');
+    _defineProperty(this, "displayfield", 'value');
+    _defineProperty(this, "getDisplayExpression", null);
+    _defineProperty(this, "datavalue", null);
+    _defineProperty(this, "maxvalue", 5);
+    _defineProperty(this, "readonly", false);
+    _defineProperty(this, "iconcolor", null);
+    _defineProperty(this, "iconsize", null);
+    _defineProperty(this, "showcaptions", true);
+    _defineProperty(this, "onFieldChange", void 0);
+  }
+}
+//# sourceMappingURL=rating.props.js.map

app-rn-runtime/components/input/rating/rating.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseProps","WmRatingProps","constructor","args","_defineProperty"],"sources":["rating.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\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}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,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;EAAA;AAExB","ignoreList":[]}

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

@@ -0,0 +1,207 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { Text, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { find, isEmpty } 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';
+export class WmSelectState extends BaseDatasetState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "isOpened", false);
+    _defineProperty(this, "selectedValue", '');
+  }
+}
+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, "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
+    };
+    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();
+  }
+  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
+        }],
+        ref: ref => {
+          this.view = ref;
+        },
+        onLayout: () => {}
+      }, 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, /*#__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.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) {
+    return /*#__PURE__*/React.createElement(View, null, 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: {
+          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)))), this.styles, modalService));
+      return null;
+    }) : null);
+  }
+}
+//# sourceMappingURL=select.component.js.map

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

@@ -0,0 +1,12 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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