@wavemaker/app-rn-runtime 11.8.5-patch.3 → 11.8.5-rc.5795

app-rn-runtime/components/basic/picture/picture.component.js

@@ -0,0 +1,191 @@
+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 { Image, View } from 'react-native';
+// import { NumberProp, SvgUri } from 'react-native-svg';
+import { isNumber } from 'lodash-es';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import ImageSizeEstimator from '@wavemaker/app-rn-runtime/core/imageSizeEstimator';
+import { isFullPathUrl } from '@wavemaker/app-rn-runtime/core/utils';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmPictureProps from './picture.props';
+import { DEFAULT_CLASS } from './picture.styles';
+import { Animatedview } from '@wavemaker/app-rn-runtime/components/basic/animatedview.component';
+import { createSkeleton } from '../skeleton/skeleton.component';
+export class WmPictureState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "naturalImageWidth", 0);
+    _defineProperty(this, "naturalImageHeight", 0);
+    _defineProperty(this, "imageWidth", 0);
+    _defineProperty(this, "imageHeight", 0);
+  }
+}
+export default class WmPicture extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmPictureProps());
+    _defineProperty(this, "_pictureSource", null);
+    _defineProperty(this, "_picturePlaceHolder", null);
+    _defineProperty(this, "onViewLayoutChange", e => {
+      let imageWidth = e.nativeEvent.layout.width;
+      let imageHeight = e.nativeEvent.layout.height;
+      if (!imageWidth && !imageHeight) {
+        return;
+      }
+      if (!this.styles.root.height || typeof this.styles.root.height === 'string' && !this.styles.root.height.includes('%')) {
+        imageHeight = 0;
+      }
+      if (imageWidth && !imageHeight) {
+        imageHeight = imageWidth * this.state.naturalImageHeight / this.state.naturalImageWidth;
+      } else if (imageHeight && !imageWidth) {
+        imageWidth = imageHeight * this.state.naturalImageWidth / this.state.naturalImageHeight;
+      }
+      this.updateState({
+        imageWidth: imageWidth,
+        imageHeight: imageHeight
+      });
+    });
+  }
+  loadImage(image) {
+    if (!image || !this.loadAsset) {
+      return null;
+    }
+    const imageSrc = this.loadAsset(image);
+    if (imageSrc && typeof imageSrc === 'object' && typeof imageSrc.default === 'function') {
+      return null;
+    }
+    if (isNumber(imageSrc)) {
+      const {
+        width,
+        height
+      } = Image.resolveAssetSource(imageSrc);
+      this.updateState({
+        naturalImageWidth: width,
+        naturalImageHeight: height
+      });
+    } else if (imageSrc !== null) {
+      const cancel = ImageSizeEstimator.getSize(imageSrc, (width, height) => {
+        this.updateState({
+          naturalImageWidth: width,
+          naturalImageHeight: height
+        });
+        this.cleanup.splice(this.cleanup.indexOf(cancel), 1);
+      });
+      this.cleanup.push(cancel);
+    }
+    return imageSrc;
+  }
+  onPropertyChange(name, $new, $old) {
+    switch (name) {
+      case 'picturesource':
+        this._pictureSource = null;
+      case 'pictureplaceholder':
+        this._picturePlaceHolder = null;
+        break;
+    }
+  }
+  createShape(shape, imageWidth) {
+    if (shape) {
+      switch (shape) {
+        case 'circle':
+          return {
+            picture: {
+              borderRadius: isNumber(imageWidth) ? imageWidth / 2 : 4
+            }
+          };
+        case 'rounded':
+          return this.theme.getStyle('rounded-image');
+        case 'thumbnail':
+          return this.theme.getStyle('thumbnail-image');
+      }
+    }
+    return {};
+  }
+  getElementToShow(props, imgSrc, shapeStyles) {
+    let elementToshow, source;
+    if (imgSrc && typeof imgSrc === 'object' && typeof (imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.default) === 'function') {
+      let imgStyle = {};
+      if (props.resizemode === 'contain') {
+        imgStyle['width'] = '100%';
+        imgStyle['height'] = '100%';
+      }
+      elementToshow = /*#__PURE__*/React.createElement(imgSrc === null || imgSrc === void 0 ? void 0 : imgSrc.default, imgStyle);
+      //} else if (!isWebPreviewMode() && props.isSvg) {
+      //  svg from uri
+      //  elementToshow = <SvgUri testID={this.getTestId('picture')} width={this.styles.root.width as NumberProp} height={this.styles.root.height as NumberProp} uri={imgSrc}/>;
+    } else if (isFullPathUrl(imgSrc)) {
+      source = {
+        uri: imgSrc
+      };
+    } else {
+      source = imgSrc;
+    }
+    if (this.state.naturalImageWidth) {
+      elementToshow = /*#__PURE__*/React.createElement(Image, _extends({}, this.getTestProps('picture'), {
+        style: [this.styles.picture, shapeStyles.picture],
+        resizeMode: props.resizemode,
+        source: source
+      }, getAccessibilityProps(AccessibilityWidgetType.PICTURE, props)));
+    }
+    return elementToshow;
+  }
+  renderSkeleton(props) {
+    var _this$styles$root, _shapeStyles$root, _shapeStyles$picture, _this$styles$root2, _shapeStyles$root2, _shapeStyles$picture2, _this$styles$root3, _shapeStyles$picture3, _shapeStyles$root3, _this$styles$root4;
+    const imageWidth = this.state.imageWidth;
+    const imageHeight = this.state.imageHeight;
+    const shapeStyles = this.createShape(this.props.shape, imageWidth);
+    const skeletonWidth = this.props.skeletonwidth || ((_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.width) || ((_shapeStyles$root = shapeStyles.root) === null || _shapeStyles$root === void 0 ? void 0 : _shapeStyles$root.width) || ((_shapeStyles$picture = shapeStyles.picture) === null || _shapeStyles$picture === void 0 ? void 0 : _shapeStyles$picture.width) || imageWidth;
+    const skeletonHeight = this.props.skeletonheight || ((_this$styles$root2 = this.styles.root) === null || _this$styles$root2 === void 0 ? void 0 : _this$styles$root2.height) || ((_shapeStyles$root2 = shapeStyles.root) === null || _shapeStyles$root2 === void 0 ? void 0 : _shapeStyles$root2.height) || ((_shapeStyles$picture2 = shapeStyles.picture) === null || _shapeStyles$picture2 === void 0 ? void 0 : _shapeStyles$picture2.height) || imageHeight;
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      borderRadius: this.props.shape == 'circle' && (_this$styles$root3 = this.styles.root) !== null && _this$styles$root3 !== void 0 && _this$styles$root3.width ? 25 : ((_shapeStyles$picture3 = shapeStyles.picture) === null || _shapeStyles$picture3 === void 0 ? void 0 : _shapeStyles$picture3.borderRadius) || ((_shapeStyles$root3 = shapeStyles.root) === null || _shapeStyles$root3 === void 0 ? void 0 : _shapeStyles$root3.borderRadius) || ((_this$styles$root4 = this.styles.root) === null || _this$styles$root4 === void 0 ? void 0 : _this$styles$root4.borderRadius) || 4,
+      width: skeletonWidth,
+      height: skeletonHeight
+    });
+  }
+  renderWidget(props) {
+    var _shapeStyles$picture4;
+    const imageWidth = this.state.imageWidth;
+    const imageHeight = this.state.imageHeight;
+    const shapeStyles = this.createShape(props.shape, imageWidth);
+    this._pictureSource = this._pictureSource || this.loadImage(props.picturesource);
+    this._picturePlaceHolder = this._picturePlaceHolder || this.loadImage(props.pictureplaceholder);
+    const imgSrc = this._pictureSource || this._picturePlaceHolder;
+    let elementToshow;
+    if (imgSrc) {
+      elementToshow = this.getElementToShow(props, imgSrc, shapeStyles);
+    }
+    return imgSrc && (this.state.naturalImageWidth || props.isSvg) ? /*#__PURE__*/React.createElement(View, {
+      style: [{
+        width: imageWidth,
+        height: imageHeight
+      }, this.styles.root, shapeStyles.root, shapeStyles.picture]
+    }, this._background, /*#__PURE__*/React.createElement(View, {
+      style: [{
+        overflow: 'hidden',
+        width: '100%',
+        height: '100%'
+      }],
+      onLayout: this.onViewLayoutChange
+    }, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+      rippleColor: this.styles.root.rippleColor,
+      target: this,
+      styles: {
+        width: imageWidth ? null : '100%',
+        height: imageHeight ? null : '100%'
+      }
+    }), /*#__PURE__*/React.createElement(Animatedview, {
+      entryanimation: props.animation,
+      delay: props.animationdelay,
+      style: [{
+        height: imageHeight,
+        width: imageWidth,
+        borderRadius: (_shapeStyles$picture4 = shapeStyles.picture) === null || _shapeStyles$picture4 === void 0 ? void 0 : _shapeStyles$picture4.borderRadius
+      }]
+    }, this.state.imageWidth ? elementToshow : null)))) : null;
+  }
+}
+//# sourceMappingURL=picture.component.js.map

app-rn-runtime/components/basic/picture/picture.props.js

@@ -0,0 +1,22 @@
+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 WmPictureProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "animation", null);
+    _defineProperty(this, "animationdelay", null);
+    _defineProperty(this, "picturesource", null);
+    _defineProperty(this, "pictureplaceholder", null);
+    _defineProperty(this, "shape", null);
+    _defineProperty(this, "isSvg", null);
+    _defineProperty(this, "resizemode", 'stretch');
+    _defineProperty(this, "skeletonheight", null);
+    _defineProperty(this, "skeletonwidth", null);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "hint", undefined);
+    _defineProperty(this, "accessibilityrole", 'image');
+  }
+}
+//# sourceMappingURL=picture.props.js.map

app-rn-runtime/components/basic/progress-bar/progress-bar.component.js

@@ -0,0 +1,59 @@
+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); }
+import React from 'react';
+import { View } from 'react-native';
+import { ProgressBar } from 'react-native-paper';
+import { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmProgressBarProps from './progress-bar.props';
+import { DEFAULT_CLASS } from './progress-bar.styles';
+import { parseLinearGradient } from '@wavemaker/app-rn-runtime/core/utils';
+export class WmProgressBarState extends BaseComponentState {}
+export default class WmProgressBar extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmProgressBarProps());
+  }
+  renderWidget(props) {
+    var _styles$root, _styles$progressBar;
+    let value = (props.datavalue - props.minvalue) / (props.maxvalue - props.minvalue);
+    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);
+    const {
+      hasLinearGradient,
+      color1,
+      color2,
+      start,
+      end
+    } = parseLinearGradient(styles === null || styles === void 0 || (_styles$root = styles.root) === null || _styles$root === void 0 || (_styles$root = _styles$root.progressBar) === null || _styles$root === void 0 ? void 0 : _styles$root.backgroundColor);
+    const gradientColors = [color1, color2];
+    const valuePercent = `${Math.round(value * 100)}%`;
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
+      target: this,
+      styles: {
+        root: {
+          width: '100%',
+          height: '100%'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(ProgressBar, _extends({}, this.getTestPropsForAction('progressbar'), getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, props), {
+      progress: value,
+      color: styles.progressValue.color,
+      style: [styles.progressBar, {
+        height: styles.root.height || styles.progressBar.height
+      }]
+    })), hasLinearGradient ? /*#__PURE__*/React.createElement(ExpoLinearGradient, {
+      colors: gradientColors,
+      start: start,
+      end: end,
+      style: [{
+        width: valuePercent,
+        height: styles.root.height || styles.progressBar.height,
+        position: 'absolute',
+        borderRadius: (styles === null || styles === void 0 || (_styles$progressBar = styles.progressBar) === null || _styles$progressBar === void 0 ? void 0 : _styles$progressBar.borderRadius) || 0
+      }]
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null)));
+  }
+}
+//# sourceMappingURL=progress-bar.component.js.map

app-rn-runtime/components/basic/progress-bar/progress-bar.props.js

@@ -0,0 +1,16 @@
+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 WmProgressBarProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "type", 'default');
+    _defineProperty(this, "datavalue", 30);
+    _defineProperty(this, "minvalue", 0);
+    _defineProperty(this, "maxvalue", 100);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "accessibilityrole", 'progressbar');
+  }
+}
+//# sourceMappingURL=progress-bar.props.js.map

app-rn-runtime/components/basic/progress-circle/progress-circle.component.js

@@ -0,0 +1,77 @@
+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 { View, Text } from 'react-native';
+import { isNumber } from 'lodash';
+import { AnimatedCircularProgress } from 'react-native-circular-progress';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmProgressCircleProps from './progress-circle.props';
+import { DEFAULT_CLASS } from './progress-circle.styles';
+export class WmProgressCircleState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "radius", 10);
+  }
+}
+export default class WmProgressCircle extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());
+  }
+  onLayout(e) {
+    const width = e.nativeEvent.layout.width;
+    const height = e.nativeEvent.layout.height;
+    let radius = this.state.radius;
+    if (!width) {
+      radius = height;
+    } else if (!height) {
+      radius = width;
+    } else {
+      radius = Math.min(width, height);
+    }
+    this.updateState({
+      radius: radius
+    });
+  }
+  renderWidget(props) {
+    let value = 0;
+    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {
+      value = (+props.datavalue - +props.minvalue) / (+props.maxvalue - +props.minvalue) * 100;
+    }
+    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);
+    const showText = props.captionplacement !== 'hidden';
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: styles.root,
+      onLayout: this.onLayout.bind(this)
+    }, getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props), this.getTestPropsForAction('progresscircle')), this._background, /*#__PURE__*/React.createElement(Tappable, {
+      target: this,
+      styles: {
+        root: {
+          width: '100%',
+          height: '100%'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(AnimatedCircularProgress, {
+      fill: value,
+      width: styles.progressValue.height,
+      backgroundWidth: styles.progressValue.height,
+      rotation: 0,
+      tintColor: styles.progressValue.backgroundColor,
+      lineCap: styles.progressValue.buttStyle || "butt",
+      backgroundColor: styles.progressCircle.backgroundColor,
+      size: this.state.radius
+    }, fill => /*#__PURE__*/React.createElement(View, {
+      style: {
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, _extends({
+      style: styles.text
+    }, this.getTestPropsForLabel('title')), showText ? props.title || value : ''), showText && props.subtitle ? /*#__PURE__*/React.createElement(Text, _extends({
+      style: styles.subTitle
+    }, this.getTestPropsForLabel('subtitle')), props.subtitle) : null))));
+  }
+}
+//# sourceMappingURL=progress-circle.component.js.map

app-rn-runtime/components/basic/progress-circle/progress-circle.props.js

@@ -0,0 +1,19 @@
+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 WmProgressCircleProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "type", 'default');
+    _defineProperty(this, "datavalue", 30);
+    _defineProperty(this, "minvalue", 0);
+    _defineProperty(this, "maxvalue", 100);
+    _defineProperty(this, "captionplacement", 'inside');
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "subtitle", '');
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "accessibilityrole", 'progressbar');
+  }
+}
+//# sourceMappingURL=progress-circle.props.js.map

app-rn-runtime/components/basic/search/local-data-provider.js

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