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

package/components/basic/search/local-data-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["filter","includes","values","isNumber","split","toLower","get","toString","isArray","isObject","isString","DataProvider","constructor","_defineProperty","LocalDataProvider","init","self","response","invokeEventCallback","invokeVariable","query","_self$props","paramsObj","props","searchkey","forEach","k","invokeEvent","call","Promise","resolve","config","cb","keys","length","localDataProvider","applyFilter","entry","queryText","entries","filteredData","casesensitive","entryObj","hasOwnProperty","entryKeys","Object","hasEntry","find","item","some","key","a","dataObject","b","join"],"sources":["local-data-provider.ts"],"sourcesContent":["import { filter, includes, values, isNumber, split, toLower, get, toString, isArray, isObject, isString } from 'lodash';\nimport { BaseComponent } from \"@wavemaker-ai/app-rn-runtime/core/base.component\";\n\nexport class DataProvider {\n  private localDataProvider = new LocalDataProvider();\n\n  // check if the variable is of type service variable and whether update is required.\n  init(self: BaseComponent<any, any, any>) {\n    let response = self.invokeEventCallback('isUpdateRequired', []);\n    return response;\n  }\n\n  // setting the inputFields and invoking the variable\n  invokeVariable(self: BaseComponent<any, any, any>, query: string): Promise<any> {\n    let paramsObj: {[key: string] : any} | null = null;\n    self.props?.searchkey && self.props.searchkey.split(',').forEach((k: string) => {\n      if (!paramsObj) {\n        paramsObj = {};\n      }\n      paramsObj[k] = query\n    });\n    let invokeEvent = get(self.props, 'formfield') ? self.props.invokeEvent : self.invokeEventCallback;\n    if (invokeEvent) {\n      return invokeEvent.call(self, 'onQuerySearch', [paramsObj]);\n    }\n    return Promise.resolve();\n  }\n\n  filter(config: any, cb? : () => void | null) {\n    const props = config.props;\n    if (props.searchkey) {\n      const keys = split(props.searchkey, ',');\n      if (keys.length && cb) {\n        cb();\n        return;\n      }\n    }\n    return this.localDataProvider.filter(config);\n  }\n}\n\nexport class LocalDataProvider {\n\n  private applyFilter(entry: any, queryText: any) {\n    entry = isNumber(entry) ? entry.toString() : entry;\n    return includes(entry, queryText);\n  }\n\n  filter(config: any) {\n    const entries = config.entries;\n    let queryText = config.query;\n    const props = config.props;\n    let filteredData;\n    const casesensitive = false;\n\n    /**\n     * If searchkey is defined, then check for match string against each item in the dataset with item's field name as the searchkey\n     * return the filtered data containing the matching string.\n     */\n    if (props.searchkey) {\n      const keys = split(props.searchkey, ',');\n\n      if (!entries.length) {\n        return [];\n      }\n\n      let entryObj = entries[0];\n      entryObj = entryObj.hasOwnProperty('dataObject') ? entryObj['dataObject'] : entryObj;\n      const entryKeys = Object.keys(entryObj);\n      const hasEntry = keys.find(k => {\n        if (k.includes('.')) {\n          k = split(k, '.')[0]\n        }\n        return entryKeys.includes(k)\n      });\n\n      if (!hasEntry) {\n        // widget bound to query variable, searchkey is query or path params and not the key from the entry obj\n        return entries;\n      }\n\n      filteredData = filter(entries, (item: any) => {\n        return keys.some(key => {\n          let a = get(item.dataObject, key),\n            b = queryText;\n          if (!casesensitive) {\n            a = toLower(toString(a));\n            b = toLower(toString(b));\n          }\n          return this.applyFilter(a, b);\n        });\n      });\n    } else {\n      // local search on data with array of objects.\n      // Iterate over each item and return the filtered data containing the matching string.\n      if (isArray(entries) && isObject(entries[0])) {\n        filteredData = filter(entries, (entry: any) => {\n          let a = isString(entry.dataObject) ? entry.dataObject : values(entry.dataObject).join(' ');\n          if (!casesensitive) {\n            a = toLower(a);\n            queryText = toLower(queryText);\n          }\n          return this.applyFilter(a, queryText);\n        });\n      } else {\n        filteredData = filter(entries, (entry: any) => {\n          if (!casesensitive) {\n            entry = toLower(entry);\n            queryText = toLower(queryText);\n          }\n          return this.applyFilter(entry, queryText);\n        });\n      }\n    }\n    return filteredData;\n\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/search/search.component.js

@@ -0,0 +1,456 @@
+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 { Keyboard, Platform, Text, TextInput, View } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { find, isNull } from 'lodash';
+import WmSearchProps from './search.props';
+import { DEFAULT_CLASS } from './search.styles';
+import { ModalConsumer } from "@wavemaker-ai/app-rn-runtime/core/modal.service";
+import { DataProvider } from '@wavemaker-ai/app-rn-runtime/components/basic/search/local-data-provider';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { BaseDatasetComponent, BaseDatasetState } from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';
+import WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';
+import WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+import WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';
+import { get, isArray, isEmpty, isObject } from "lodash-es";
+import { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmSearchState extends BaseDatasetState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isOpened", false);
+    _defineProperty(this, "modalOptions", {});
+    _defineProperty(this, "template", "");
+    _defineProperty(this, "position", {
+      top: 0,
+      left: 0
+    });
+    _defineProperty(this, "data", []);
+  }
+}
+export default class WmSearch extends BaseDatasetComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());
+    _defineProperty(this, "view", null);
+    _defineProperty(this, "prevDatavalue", void 0);
+    _defineProperty(this, "queryModel", void 0);
+    _defineProperty(this, "searchInputWidth", void 0);
+    _defineProperty(this, "isDefaultQuery", true);
+    _defineProperty(this, "dataProvider", void 0);
+    _defineProperty(this, "widgetRef", null);
+    _defineProperty(this, "cursor", 0);
+    _defineProperty(this, "isFocused", false);
+    _defineProperty(this, "updateRequired", void 0);
+    _defineProperty(this, "timer", null);
+    _defineProperty(this, "computePosition", () => {
+      return new Promise(resolve => {
+        const position = {};
+        this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {
+          position.left = px;
+          Platform.OS === 'ios' ? position.top = py : position.top = py + height;
+          this.updateState({
+            position: position
+          }, resolve);
+        });
+      });
+    });
+    _defineProperty(this, "handleChange", value => {
+      this.isDefaultQuery = false;
+      const prevQuery = this.state.props.query;
+      if (this.state.props.searchon === 'onsearchiconclick') {
+        this.updateState({
+          props: {
+            result: [],
+            query: value
+          },
+          data: []
+        });
+      } else {
+        this.updateFilteredData(value);
+      }
+      if (value === '') {
+        this.validate(value);
+        this.updateState({
+          props: {
+            datavalue: ''
+          }
+        });
+        if (value === prevQuery) {
+          return;
+        }
+      }
+      setTimeout(() => {
+        if (this.props.invokeEvent) {
+          this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);
+        }
+        this.invokeEventCallback('onChange', [undefined, this.proxy, value, prevQuery]);
+      }, 300);
+    });
+    _defineProperty(this, "showPopover", () => {
+      this.computePosition().then(() => {
+        this.updateState({
+          isOpened: true
+        });
+      });
+    });
+    _defineProperty(this, "hide", () => {});
+    this.dataProvider = new DataProvider();
+    if (this.props.datavalue) {
+      this.updateState({
+        props: {
+          query: this.props.datavalue
+        }
+      });
+    }
+  }
+  clearSearch() {
+    this.invokeEventCallback('onClear', [null, this]);
+    this.hide();
+    this.updateState({
+      props: {
+        query: ''
+      },
+      dataItems: this.state.dataItems ? this.state.dataItems.map(item => {
+        item.selected = false;
+        return item;
+      }) : []
+    }, () => {
+      if (this.state.props.type === 'autocomplete') {
+        this.updateFilteredData('');
+      }
+    });
+  }
+  updateFilteredData(queryText = '') {
+    var _filteredData;
+    const props = this.state.props;
+    const filterOptions = {
+      query: queryText,
+      props: props,
+      entries: this.state.dataItems
+    };
+    let filteredData = [];
+    if (props.minchars && queryText.length < props.minchars) {
+      filteredData = [];
+    } else if (props.type === 'search' && !queryText) {
+      filteredData = [];
+    } else {
+      var _this$dataProvider;
+      if (this.props.searchkey && this.updateRequired === undefined) {
+        this.updateRequired = this.dataProvider.init(this);
+      }
+      // for service variables invoke the variable with params.
+      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {
+        this.dataProvider.invokeVariable(this, queryText).then(response => {
+          if (response) {
+            response = response.dataSet;
+            if (isEmpty(response)) {
+              filteredData = [];
+            } else {
+              if (isObject(response) && !isArray(response)) {
+                response = [response];
+              }
+              this.setDataItems(response);
+            }
+          }
+        }, () => {});
+        return;
+      }
+      filteredData = (_this$dataProvider = this.dataProvider) === null || _this$dataProvider === void 0 ? void 0 : _this$dataProvider.filter(filterOptions);
+    }
+    this.updateState({
+      props: {
+        result: (_filteredData = filteredData) === null || _filteredData === void 0 ? void 0 : _filteredData.map(item => item.dataObject),
+        query: queryText
+      },
+      data: filteredData
+    });
+    if (!this.state.isOpened && this.isFocused && filteredData.length > 0) {
+      if (this.styles.modal.display !== "none") {
+        this.showPopover && this.showPopover();
+      }
+    }
+  }
+  focus() {
+    var _this$widgetRef;
+    this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 || _this$widgetRef.focus();
+  }
+  onChange(value) {
+    if (this.state.props.debouncetime && this.state.props.debouncetime > 0) {
+      if (this.timer !== null) {
+        clearTimeout(this.timer);
+        this.timer = null;
+      }
+      this.timer = setTimeout(() => {
+        this.handleChange(value);
+      }, this.state.props.debouncetime);
+    } else {
+      this.handleChange(value);
+    }
+  }
+  invokeChange(e) {
+    if (Platform.OS === 'web') {
+      this.cursor = e.target.selectionStart;
+      this.updateState({
+        props: {
+          query: e.target.value
+        }
+      });
+    }
+  }
+  onFocus() {
+    this.isFocused = true;
+    if (!(this.state.props.disabled || this.state.props.readonly) && this.state.props.type === 'autocomplete') {
+      var _this$state$props$que;
+      this.cursor = ((_this$state$props$que = this.state.props.query) === null || _this$state$props$que === void 0 ? void 0 : _this$state$props$que.length) || 0;
+      this.updateFilteredData(this.state.props.query || '');
+    }
+    this.invokeEventCallback('onFocus', [null, this]);
+  }
+  onBlur() {
+    this.isFocused = false;
+    this.validate(this.state.props.datavalue);
+    if (!this.state.props.datavalue) {
+      setTimeout(() => {
+        this.props.triggerValidation && this.props.triggerValidation();
+      });
+    }
+    this.invokeEventCallback('onBlur', [null, this]);
+  }
+  prepareModalOptions(content, styles, modalService) {
+    const o = this.state.modalOptions;
+    const modalContentSTyles = {
+      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),
+      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0)
+    };
+    o.modalStyle = {
+      ...styles.modal
+    };
+    o.contentStyle = {
+      ...styles.modalContent,
+      ...this.state.position,
+      ...modalContentSTyles
+    };
+    o.content = content;
+    o.isModal = true;
+    o.onClose = () => {
+      this.hide = () => {};
+      Keyboard.dismiss();
+      if (this.state.isOpened) {
+        this.setState({
+          isOpened: false,
+          modalOptions: {}
+        });
+      }
+    };
+    this.hide = () => {
+      modalService.hideModal(this.state.modalOptions);
+      if (this.state.isOpened) {
+        this.setState({
+          isOpened: false,
+          modalOptions: {}
+        });
+      }
+    };
+    return o;
+  }
+  searchIconPress() {
+    this.isFocused = false;
+    if (this.state.props.searchon === 'onsearchiconclick') {
+      this.updateFilteredData(this.state.props.query);
+    } else {
+      this.onItemSelect(this.state.data[0]);
+    }
+    if (get(this.props, 'formfield')) {
+      // @ts-ignore
+      // @ts-ignore
+      this.props.invokeEvent('onSubmit', [null, this]);
+    } else {
+      this.invokeEventCallback('onSubmit', [null, this]);
+    }
+  }
+  onItemSelect(item) {
+    this.isFocused = false;
+    this.updateState({
+      props: {
+        query: item.displayexp || item.displayfield
+      }
+    });
+    this.validate(item.datafield);
+    this.updateDatavalue(item.datafield);
+    this.prevDatavalue = item.datafield;
+    this.queryModel = item;
+    if (get(this.props, 'formfield')) {
+      // @ts-ignore
+      this.props.invokeEvent('onSelect', [null, this, item.datafield]);
+      // @ts-ignore
+      this.props.invokeEvent('onSubmit', [null, this]);
+    } else {
+      this.invokeEventCallback('onSelect', [null, this, item.datafield]);
+      this.invokeEventCallback('onSubmit', [null, this]);
+    }
+    this.hide();
+  }
+  renderSkeleton(props) {
+    const rootStyle = {
+      ...this.styles.searchInputWrapper,
+      ...this.styles.root,
+      ...this.styles.text
+    };
+    return createSkeleton(this.theme, this.styles.skeleton, rootStyle);
+  }
+  renderSearchBar() {
+    var _foundationStyle$root, _this$state$dataItems;
+    const props = this.state.props;
+    let opts = {};
+    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
+    opts[valueExpr] = this.state.props.query || '';
+    const foundationStyle = this.theme.getStyle('app-input');
+    return (
+      /*#__PURE__*/
+      /*
+       * onLayout function is required.
+       * https://github.com/naoufal/react-native-accordion/pull/19/files
+       */
+      React.createElement(View, {
+        style: this.styles.root,
+        ref: ref => {
+          this.view = ref;
+        },
+        onLayout: () => {}
+      }, /*#__PURE__*/React.createElement(View, {
+        style: this.styles.searchInputWrapper
+      }, /*#__PURE__*/React.createElement(TextInput, _extends({
+        style: this.state.props.type === 'autocomplete' ? [(_foundationStyle$root = foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root) !== null && _foundationStyle$root !== void 0 ? _foundationStyle$root : {}, this.theme.mergeStyle(this.styles.text, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.text), this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.invalid), this.isFocused ? this.theme.mergeStyle(this.styles.focusedText, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled) : {}] : [this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && ((_this$state$dataItems = this.state.dataItems) === null || _this$state$dataItems === void 0 ? void 0 : _this$state$dataItems.length) > 0 ? this.styles.focusedText : null],
+        ref: ref => {
+          this.widgetRef = ref;
+          // @ts-ignore
+          if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {
+            // @ts-ignore
+            ref.selectionStart = ref.selectionEnd = this.cursor;
+          }
+        }
+      }, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.SEARCH, props), {
+        placeholderTextColor: this.styles.placeholderText.color,
+        placeholder: props.placeholder || 'Search',
+        autoFocus: props.autofocus,
+        editable: props.disabled || props.readonly ? false : true,
+        onChangeText: this.onChange.bind(this),
+        onChange: this.invokeChange.bind(this),
+        onFocus: this.onFocus.bind(this),
+        onLayout: e => {
+          this.searchInputWidth = e.nativeEvent.layout.width;
+        },
+        onBlur: this.onBlur.bind(this)
+      }, opts)), props.showclear && !(this.state.props.disabled || this.state.props.readonly) && this.state.props.query ? /*#__PURE__*/React.createElement(WmButton, {
+        onTap: this.clearSearch.bind(this),
+        id: this.getTestId('clear'),
+        styles: this.styles.clearButton,
+        iconclass: props.clearsearchiconclass || 'wi wi-clear'
+      }) : null), props.showSearchIcon && props.type === 'search' ? /*#__PURE__*/React.createElement(WmButton, {
+        styles: this.styles.searchButton,
+        id: this.getTestId('search'),
+        iconclass: props.searchiconclass || props.iconclass,
+        onTap: this.searchIconPress.bind(this)
+      }) : null)
+    );
+  }
+  reset() {
+    if (this.state.props.query) {
+      this.updateState({
+        props: {
+          query: ''
+        }
+      });
+    }
+  }
+  renderSearchItem(item, index) {
+    const props = this.state.props;
+    const imageStyles = {
+      root: {
+        height: props.imagewidth,
+        width: props.imagewidth
+      }
+    };
+    return /*#__PURE__*/React.createElement(Tappable, _extends({
+      onTap: this.onItemSelect.bind(this, item)
+    }, this.getTestProps(`action${index}`), {
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }), /*#__PURE__*/React.createElement(View, {
+      style: this.styles.searchItem
+    }, !isEmpty(this.state.template) && this.props.renderitempartial ? this.props.renderitempartial(item.dataObject, index, this.state.template) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(WmPicture, {
+      id: this.getTestId(`picture${index}`),
+      styles: imageStyles,
+      name: props.name + '_image',
+      picturesource: item.imgSrc
+    }), /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel(index + ''), {
+      style: this.styles.searchItemText
+    }), item.displayexp || item.displayfield))));
+  }
+  updateDefaultQueryModel() {
+    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {
+      const selectedItem = find(this.state.dataItems, item => item.selected);
+      this.updateState({
+        props: {
+          query: selectedItem ? selectedItem.displayexp || selectedItem.displayfield : ''
+        }
+      });
+    }
+  }
+  onDataItemsUpdate() {
+    super.onDataItemsUpdate();
+    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);
+    this.updateDefaultQueryModel();
+  }
+  componentDidMount() {
+    super.componentDidMount();
+    this.updateDefaultQueryModel();
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'dataset':
+        if (!isEmpty($new) && isObject($new) && !isArray($new)) {
+          $new = [$new];
+          this.updateState({
+            props: {
+              dataset: $new
+            }
+          });
+        }
+        break;
+    }
+    super.onPropertyChange(name, $new, $old);
+  }
+  setTemplate(partialName) {
+    this.updateState({
+      template: partialName
+    });
+  }
+  renderWidget(props) {
+    const result = this.state.data;
+    return /*#__PURE__*/React.createElement(View, {
+      onLayout: event => this.handleLayout(event),
+      style: [this.styles.rootWrapper]
+    }, this.renderSearchBar(), this.state.isOpened ? /*#__PURE__*/React.createElement(ModalConsumer, null, modalService => {
+      modalService.showModal(this.prepareModalOptions(/*#__PURE__*/React.createElement(ScrollView, {
+        style: {
+          width: '100%',
+          maxHeight: 200
+        },
+        contentContainerStyle: this.styles.dropDownContent
+      }, /*#__PURE__*/React.createElement(AssetProvider, {
+        value: this.loadAsset
+      }, result && result.map((item, index) => /*#__PURE__*/React.createElement(View, {
+        key: item.key
+      }, !props.limit || props.limit && index + 1 <= props.limit ? this.renderSearchItem(item, index) : null, index === result.length - 1 ? /*#__PURE__*/React.createElement(WmAnchor, {
+        caption: props.datacompletemsg,
+        styles: this.styles.dataCompleteItem
+      }) : null)))), this.styles, modalService));
+      return null;
+    }) : null);
+  }
+}
+//# sourceMappingURL=search.component.js.map

package/components/basic/search/search.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Keyboard","Platform","Text","TextInput","View","ScrollView","find","isNull","WmSearchProps","DEFAULT_CLASS","ModalConsumer","DataProvider","AccessibilityWidgetType","getAccessibilityProps","BaseDatasetComponent","BaseDatasetState","WmAnchor","WmPicture","Tappable","WmButton","get","isArray","isEmpty","isObject","AssetProvider","createSkeleton","WmSearchState","constructor","args","_defineProperty","top","left","WmSearch","props","Promise","resolve","position","view","measure","x","y","width","height","px","py","OS","updateState","value","isDefaultQuery","prevQuery","state","query","searchon","result","data","updateFilteredData","validate","datavalue","setTimeout","invokeEvent","undefined","proxy","invokeEventCallback","computePosition","then","isOpened","dataProvider","clearSearch","hide","dataItems","map","item","selected","type","queryText","_filteredData","filterOptions","entries","filteredData","minchars","length","_this$dataProvider","searchkey","updateRequired","init","invokeVariable","response","dataSet","setDataItems","filter","dataObject","isFocused","styles","modal","display","showPopover","focus","_this$widgetRef","widgetRef","onChange","debouncetime","timer","clearTimeout","handleChange","invokeChange","e","cursor","target","selectionStart","onFocus","disabled","readonly","_this$state$props$que","onBlur","triggerValidation","prepareModalOptions","content","modalService","o","modalOptions","modalContentSTyles","searchInputWidth","modalContent","borderWidth","modalStyle","contentStyle","isModal","onClose","dismiss","setState","hideModal","searchIconPress","onItemSelect","displayexp","displayfield","datafield","updateDatavalue","prevDatavalue","queryModel","renderSkeleton","rootStyle","searchInputWrapper","root","text","theme","skeleton","renderSearchBar","_foundationStyle$root","_this$state$dataItems","opts","valueExpr","foundationStyle","getStyle","createElement","style","ref","onLayout","_extends","mergeStyle","isValid","invalid","focusedText","focused","selectionEnd","getTestPropsForInput","SEARCH","placeholderTextColor","placeholderText","color","placeholder","autoFocus","autofocus","editable","onChangeText","bind","nativeEvent","layout","showclear","onTap","id","getTestId","clearButton","iconclass","clearsearchiconclass","showSearchIcon","searchButton","searchiconclass","reset","renderSearchItem","index","imageStyles","imagewidth","getTestProps","disableTouchEffect","disabletoucheffect","searchItem","template","renderitempartial","Fragment","name","picturesource","imgSrc","getTestPropsForLabel","searchItemText","updateDefaultQueryModel","selectedItem","onDataItemsUpdate","componentDidMount","onPropertyChange","$new","$old","dataset","setTemplate","partialName","renderWidget","event","handleLayout","rootWrapper","showModal","maxHeight","contentContainerStyle","dropDownContent","loadAsset","key","limit","caption","datacompletemsg","dataCompleteItem"],"sources":["search.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Keyboard, Platform, Text, TextInput, View } from 'react-native';\nimport { ScrollView } from 'react-native-gesture-handler';\nimport { find, isNull } from 'lodash';\n\nimport WmSearchProps from './search.props';\nimport { DEFAULT_CLASS, WmSearchStyles } from './search.styles';\nimport { ModalConsumer, ModalOptions, ModalService} from \"@wavemaker-ai/app-rn-runtime/core/modal.service\";\nimport { DataProvider } from '@wavemaker-ai/app-rn-runtime/components/basic/search/local-data-provider';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport {\n  BaseDatasetComponent,\n  BaseDatasetState\n} from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.component';\nimport WmAnchor from '@wavemaker-ai/app-rn-runtime/components/basic/anchor/anchor.component';\nimport WmPicture from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport WmButton from '@wavemaker-ai/app-rn-runtime/components/basic/button/button.component';\nimport { get, isArray, isEmpty, isObject } from \"lodash-es\";\nimport { AssetProvider } from '@wavemaker-ai/app-rn-runtime/core/asset.provider';\nimport { createSkeleton } from '../skeleton/skeleton.component';\n\nexport class WmSearchState extends BaseDatasetState<WmSearchProps> {\n  isOpened: boolean = false;\n  modalOptions = {} as ModalOptions;\n  template: string = \"\";\n  position = {\n    top: 0,\n    left: 0\n  } as DropdownPosition;\n  data: any = [];\n}\n\nexport interface DropdownPosition {\n  top?: number;\n  bottom?: number;\n  left?: number;\n  right?: number;\n}\n\nexport default class WmSearch extends BaseDatasetComponent<WmSearchProps, WmSearchState, WmSearchStyles> {\n  view: View = null as any;\n  private prevDatavalue: any;\n  private queryModel: any;\n  private searchInputWidth: any;\n  private isDefaultQuery: boolean = true;\n  private dataProvider: DataProvider;\n  public widgetRef: TextInput | null = null;\n  private cursor: any = 0;\n  private isFocused: boolean = false;\n  private updateRequired: any;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n\n  constructor(props: WmSearchProps) {\n    super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());\n    this.dataProvider = new DataProvider();\n    if (this.props.datavalue) {\n      this.updateState({\n        props: {\n          query: this.props.datavalue\n        }\n      } as WmSearchState);\n    }\n  }\n\n  computePosition = () => {\n    return new Promise<void>((resolve) => {\n      const position = {} as DropdownPosition;\n      this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {\n        position.left = px;\n        Platform.OS === 'ios' ? position.top = py : position.top = py+ height;\n        this.updateState({ position: position } as WmSearchState, resolve);\n      });\n    });\n  }\n\n  clearSearch() {\n    this.invokeEventCallback('onClear', [null, this]);\n    this.hide();\n    this.updateState({\n      props: {\n        query: ''\n      },\n      dataItems: this.state.dataItems ? this.state.dataItems.map((item: any) => {\n        item.selected = false;\n        return item;\n      }) : []\n    } as WmSearchState, () => {\n      if (this.state.props.type === 'autocomplete') {\n        this.updateFilteredData('');\n      }\n    });\n  }\n\n  updateFilteredData(queryText: string = '') {\n    const props = this.state.props;\n    const filterOptions = {\n      query: queryText,\n      props: props,\n      entries: this.state.dataItems\n    };\n    let filteredData: Array<any> = [];\n    if (props.minchars && queryText.length < props.minchars) {\n      filteredData = [];\n    } else if (props.type === 'search' && !queryText) {\n      filteredData = [];\n    } else {\n      if (this.props.searchkey && this.updateRequired === undefined) {\n        this.updateRequired = this.dataProvider.init(this);\n      }\n      // for service variables invoke the variable with params.\n      if (this.props.searchkey && this.updateRequired && this.state.props.query !== queryText) {\n        this.dataProvider.invokeVariable(this, queryText).then((response: any) => {\n          if (response) {\n            response = response.dataSet;\n            if (isEmpty(response)) {\n              filteredData = [];\n            } else {\n              if (isObject(response) && !isArray(response)) {\n                response = [response];\n              }\n              this.setDataItems(response);\n            }\n          }\n        }, () => {});\n        return;\n      }\n      filteredData = this.dataProvider?.filter(filterOptions);\n    }\n    this.updateState({\n      props: { result: filteredData?.map( (item: any) => item.dataObject), query: queryText },\n      data: filteredData,\n    } as WmSearchState);\n    if (!this.state.isOpened && this.isFocused && filteredData.length > 0 ) {\n      if(this.styles.modal.display !== \"none\"){\n       this.showPopover && this.showPopover();\n      }\n    }\n  }\n\n  focus() {\n    this?.widgetRef?.focus();\n  }\n\n  handleChange = (value: any) => {\n    this.isDefaultQuery = false;\n    const prevQuery = this.state.props.query;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateState({\n        props: {result: [], query: value},\n        data: []\n      } as WmSearchState);\n    } else {\n      this.updateFilteredData(value);\n    }\n    if (value === '') {\n      this.validate(value);\n      this.updateState({\n        props: {\n          datavalue: '',\n        },\n      } as WmSearchState);\n      if (value === prevQuery) {\n        return;\n      }\n    }\n    setTimeout(() => {\n      if (this.props.invokeEvent) {\n        this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);\n      }\n       this.invokeEventCallback('onChange', [ undefined, this.proxy, value, prevQuery ]);\n    }, 300);\n  }\n\n  onChange(value: any) {\n    if(this.state.props.debouncetime && this.state.props.debouncetime > 0) {\n      if(this.timer !== null) {\n        clearTimeout(this.timer);\n        this.timer = null;\n      }\n\n      this.timer = setTimeout(() => {\n        this.handleChange(value)\n      }, this.state.props.debouncetime)\n    } else {\n      this.handleChange(value);\n    }\n  }\n\n  invokeChange(e: any) {\n    if (Platform.OS === 'web') {\n      this.cursor = e.target.selectionStart;\n      this.updateState({ props: { query: e.target.value } } as WmSearchState);\n    }\n  }\n\n  onFocus() {\n    this.isFocused = true;\n    if (\n      !(this.state.props.disabled || this.state.props.readonly) &&\n      this.state.props.type === 'autocomplete'\n    ) {\n      this.cursor = this.state.props.query?.length || 0;\n      this.updateFilteredData(this.state.props.query || '');\n    }\n    this.invokeEventCallback('onFocus', [null, this]);\n  }\n\n  onBlur() {\n    this.isFocused = false;\n    this.validate(this.state.props.datavalue);\n    if (!this.state.props.datavalue) {\n      setTimeout(() => {\n        this.props.triggerValidation && this.props.triggerValidation();\n      })\n    }\n    this.invokeEventCallback('onBlur', [null, this]);\n  }\n\n  public showPopover = () => {\n    this.computePosition().then(() => {\n      this.updateState({ isOpened: true } as WmSearchState);\n    });\n  };\n\n  public hide = () => {};\n\n  prepareModalOptions(content: React.ReactNode, styles: WmSearchStyles, modalService: ModalService) {\n    const o = this.state.modalOptions;\n    const modalContentSTyles = {\n      width: this.searchInputWidth - 2 * (styles.modalContent.borderWidth || 0),\n      left: (this.state.position.left || 0) + 2 * (styles.modalContent.borderWidth || 0) };\n    o.modalStyle = {...styles.modal};\n    o.contentStyle = {...styles.modalContent, ...this.state.position, ...modalContentSTyles};\n    o.content = content;\n    o.isModal = true;\n    o.onClose = () => {\n      this.hide = () => {};\n      Keyboard.dismiss();\n      if (this.state.isOpened) {\n        this.setState({isOpened: false, modalOptions: {} as ModalOptions} as WmSearchState);\n      }\n    };\n    this.hide = () => {\n      modalService.hideModal(this.state.modalOptions);\n      if (this.state.isOpened) {\n        this.setState({ isOpened: false, modalOptions: {} as ModalOptions } as WmSearchState);\n      }\n    }\n    return o;\n  }\n\n  searchIconPress() {\n    this.isFocused = false;\n    if (this.state.props.searchon === 'onsearchiconclick') {\n      this.updateFilteredData(this.state.props.query);\n    } else {\n      this.onItemSelect(this.state.data[0]);\n    }\n\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n  }\n\n  onItemSelect(item: any) {\n    this.isFocused = false;\n    this.updateState({ props: {\n        query: item.displayexp || item.displayfield\n      }\n    } as WmSearchState);\n    this.validate(item.datafield);\n    this.updateDatavalue(item.datafield);\n    this.prevDatavalue = item.datafield;\n    this.queryModel = item;\n    if (get(this.props, 'formfield')) {\n      // @ts-ignore\n      this.props.invokeEvent('onSelect', [null, this, item.datafield]);\n      // @ts-ignore\n      this.props.invokeEvent('onSubmit', [null, this]);\n    } else {\n      this.invokeEventCallback('onSelect', [null, this, item.datafield]);\n      this.invokeEventCallback('onSubmit', [null, this]);\n    }\n    this.hide();\n  }\n\n  public renderSkeleton(props: WmSearchProps): React.ReactNode {\n\n    const rootStyle = {\n      ...this.styles.searchInputWrapper,\n      ...this.styles.root,\n      ...this.styles.text\n    }\n\n    return createSkeleton(this.theme, this.styles.skeleton, rootStyle)\n  }\n\n  renderSearchBar() {\n    const props = this.state.props;\n    let opts: any = {};\n    const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n    opts[valueExpr] = this.state.props.query || '';\n    const foundationStyle = this.theme.getStyle('app-input');\n    return(\n      /*\n       * onLayout function is required.\n       * https://github.com/naoufal/react-native-accordion/pull/19/files\n       */\n      <View style={this.styles.root} ref={ref => {this.view = ref as View}} onLayout={() => {}}>\n        <View style={this.styles.searchInputWrapper}>\n          <TextInput style={ this.state.props.type === 'autocomplete' ?\n            [foundationStyle?.root ?? {}, this.theme.mergeStyle(this.styles.text, foundationStyle?.text),\n            this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n            this.isFocused ? this.theme.mergeStyle(this.styles.focusedText, foundationStyle?.focused) : {},\n            this.state.props.disabled ? this.theme.mergeStyle(foundationStyle?.disabled) : {}] :\n            [this.styles.text, this.state.isValid ? {} : this.styles.invalid, this.state.isOpened && this.state.dataItems?.length > 0? this.styles.focusedText : null]}\n           ref={ref => {this.widgetRef = ref;\n             // @ts-ignore\n             if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n               // @ts-ignore\n               ref.selectionStart = ref.selectionEnd = this.cursor;\n             }}}\n            {...this.getTestPropsForInput()}\n            {...getAccessibilityProps(AccessibilityWidgetType.SEARCH, props)}\n            placeholderTextColor={this.styles.placeholderText.color as any}\n            placeholder={props.placeholder || 'Search'}\n            autoFocus={props.autofocus}\n            editable={props.disabled || props.readonly ? false : true}\n            onChangeText={this.onChange.bind(this)}\n            onChange={this.invokeChange.bind(this)}\n            onFocus={this.onFocus.bind(this)}\n            onLayout={e => {this.searchInputWidth = e.nativeEvent.layout.width}}\n            onBlur={this.onBlur.bind(this)}\n            {...opts}>\n         </TextInput>\n         {(props.showclear && !(this.state.props.disabled || this.state.props.readonly)) && this.state.props.query ? <WmButton onTap={this.clearSearch.bind(this)}\n                   id={this.getTestId('clear')}\n            styles={this.styles.clearButton} iconclass={props.clearsearchiconclass || 'wi wi-clear'}></WmButton> : null}\n       </View>\n        {props.showSearchIcon && props.type === 'search' ? <WmButton styles={this.styles.searchButton}\n                  id={this.getTestId('search')}\n          iconclass={props.searchiconclass || props.iconclass} onTap={this.searchIconPress.bind(this)}></WmButton> : null}\n      </View>\n    );\n  }\n\n  reset() {\n    if (this.state.props.query) {\n      this.updateState({\n        props: {\n          query: ''\n        }\n      } as WmSearchState);\n    }\n  }\n\n  renderSearchItem(item: any, index: number) {\n    const props = this.state.props;\n    const imageStyles = { root: {height:props.imagewidth, width:props.imagewidth}}\n    return (\n      <Tappable onTap={this.onItemSelect.bind(this, item)} {...this.getTestProps(`action${index}`)} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <View  style={this.styles.searchItem}>\n          {!isEmpty(this.state.template) && this.props.renderitempartial ?\n           this.props.renderitempartial(item.dataObject, index, this.state.template) : (<>\n          <WmPicture id={this.getTestId(`picture${index}`)} styles={imageStyles} name={props.name + '_image'}  picturesource={item.imgSrc}></WmPicture>\n          <Text {...this.getTestPropsForLabel(index + '')} style={this.styles.searchItemText}>{item.displayexp || item.displayfield}</Text>\n          </>)}\n        </View>\n      </Tappable>\n    );\n  }\n\n  updateDefaultQueryModel() {\n    if (this.state.dataItems && this.state.dataItems.length && this.isDefaultQuery) {\n        const selectedItem = find(this.state.dataItems, (item) => item.selected);\n        this.updateState({ props: {\n            query: selectedItem ? (selectedItem.displayexp || selectedItem.displayfield) : ''\n          }\n        } as WmSearchState);\n    }\n  }\n\n  onDataItemsUpdate() {\n    super.onDataItemsUpdate();\n    this.isFocused && this.state.dataItems.length && this.updateFilteredData(this.state.props.query);\n    this.updateDefaultQueryModel();\n  }\n\n  componentDidMount(): void {\n    super.componentDidMount();\n    this.updateDefaultQueryModel();\n  }\n\n  onPropertyChange(name: string, $new: any, $old: any) {\n    switch (name) {\n      case 'dataset':\n        if (!isEmpty($new) && isObject($new) && !isArray($new)) {\n          $new = [$new];\n          this.updateState({\n            props: {\n              dataset: $new\n            }\n          } as WmSearchState);\n        }\n        break;\n    }\n    super.onPropertyChange(name, $new, $old);\n  }\n\n  setTemplate(partialName: any) {\n    this.updateState({ template: partialName} as WmSearchState);\n  }\n\n  renderWidget(props: WmSearchProps) {\n    const result = this.state.data;\n    return (\n      <View\n        onLayout={(event) => this.handleLayout(event)}\n        style={[this.styles.rootWrapper]}\n      >\n        {this.renderSearchBar()}\n        {this.state.isOpened ? (\n          <ModalConsumer>\n            {(modalService: ModalService) => {\n              modalService.showModal(this.prepareModalOptions((\n                <ScrollView style={{width: '100%', maxHeight: 200}} contentContainerStyle={this.styles.dropDownContent}>\n                    <AssetProvider value={this.loadAsset}>\n                    {result && result.map((item: any, index: any) => (\n                      <View key={item.key}>\n                        {\n                          (!props.limit) || (props.limit && index+1 <= props.limit) ?\n                            this.renderSearchItem(item, index)\n                            : null\n                        }\n                        {\n                          index === result.length - 1 ?\n                          <WmAnchor caption={props.datacompletemsg} styles={this.styles.dataCompleteItem}></WmAnchor> : null\n                        }\n                      </View>\n                    ))}\n                    </AssetProvider>\n                </ScrollView>\n              ), this.styles, modalService));\n              return null;\n            }}\n          </ModalConsumer>) : null}\n      </View>\n\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/basic/search/search.props.js

@@ -0,0 +1,39 @@
+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 WmSearchProps extends BaseDatasetProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "autofocus", false);
+    _defineProperty(this, "query", '');
+    _defineProperty(this, "searchkey", void 0);
+    _defineProperty(this, "type", 'search');
+    _defineProperty(this, "datacompletemsg", 'No more data to load');
+    _defineProperty(this, "placeholder", 'Search');
+    _defineProperty(this, "limit", null);
+    _defineProperty(this, "minchars", null);
+    _defineProperty(this, "imagewidth", 32);
+    _defineProperty(this, "imageheight", 32);
+    _defineProperty(this, "searchon", 'typing');
+    _defineProperty(this, "onSubmit", void 0);
+    _defineProperty(this, "onChange", null);
+    _defineProperty(this, "result", void 0);
+    _defineProperty(this, "showclear", false);
+    _defineProperty(this, "showSearchIcon", true);
+    // internal property
+    _defineProperty(this, "invokeEvent", void 0);
+    _defineProperty(this, "formFieldInstance", void 0);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'search');
+    _defineProperty(this, "renderitempartial", void 0);
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "iconclass", 'wm-sl-l sl-search');
+    _defineProperty(this, "clearsearchiconclass", 'wi wi-clear');
+    _defineProperty(this, "searchiconclass", undefined);
+    _defineProperty(this, "debouncetime", 0);
+  }
+}
+//# sourceMappingURL=search.props.js.map

package/components/basic/search/search.props.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BaseDatasetProps","WmSearchProps","constructor","args","_defineProperty","undefined"],"sources":["search.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker-ai/app-rn-runtime/components/input/basedataset/basedataset.props';\nimport {BaseComponent} from \"@wavemaker-ai/app-rn-runtime/core/base.component\";\nimport { AccessibilityRole } from 'react-native';\n\nexport default class WmSearchProps extends BaseDatasetProps {\n  autofocus: boolean = false;\n  query?: string = '';\n  searchkey?: any;\n  type: 'search' | 'autocomplete' = 'search';\n  datacompletemsg?: string = 'No more data to load';\n  placeholder?: string = 'Search';\n  limit?: number = null as any;\n  minchars?: number = null as any;\n  imagewidth?: any = 32;\n  imageheight?: any = 32;\n  searchon?: string = 'typing';\n  onSubmit?: any;\n  onChange?: Function = null as any;\n  result?: any;\n  showclear: boolean = false;\n  showSearchIcon: boolean = true; // internal property\n  invokeEvent?: Function;\n  formFieldInstance?: BaseComponent<any, any, any>;\n  accessibilitylabel?: string = undefined;\n  hint?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'search';\n  renderitempartial?: (item: any, index: number, partialName: string)=> React.ReactNode;\n  skeletonheight?: string = null as any;\n  skeletonwidth?: string = null as any;\n  iconclass?: string = 'wm-sl-l sl-search';\n  clearsearchiconclass?: string = 'wi wi-clear';\n  searchiconclass?: string = undefined;\n  debouncetime?: number = 0;\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,6EAA6E;AAI1G,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,oBACrC,KAAK;IAAAA,eAAA,gBACT,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEe,QAAQ;IAAAA,eAAA,0BACf,sBAAsB;IAAAA,eAAA,sBAC1B,QAAQ;IAAAA,eAAA,gBACd,IAAI;IAAAA,eAAA,mBACD,IAAI;IAAAA,eAAA,qBACL,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,mBACF,QAAQ;IAAAA,eAAA;IAAAA,eAAA,mBAEN,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEL,KAAK;IAAAA,eAAA,yBACA,IAAI;IAAE;IAAAA,eAAA;IAAAA,eAAA;IAAAA,eAAA,6BAGFC,SAAS;IAAAD,eAAA,eACvBC,SAAS;IAAAD,eAAA,4BACe,QAAQ;IAAAA,eAAA;IAAAA,eAAA,yBAEtB,IAAI;IAAAA,eAAA,wBACL,IAAI;IAAAA,eAAA,oBACR,mBAAmB;IAAAA,eAAA,+BACR,aAAa;IAAAA,eAAA,0BAClBC,SAAS;IAAAD,eAAA,uBACZ,CAAC;EAAA;AAC3B","ignoreList":[]}