@wavemaker/app-rn-runtime 11.7.0-rc.161 → 11.7.0-rc.162

app-rn-runtime/components/basic/picture/picture.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","overflow","width","rippleColor","transparent","text","picture","height","skeleton","borderRadius","backgroundColor","pictureThumbBgColor","borderWidth","borderStyle","borderColor","pictureThumbBorderColor","paddingTop","paddingBottom","paddingLeft","paddingRight"],"sources":["picture.styles.ts"],"sourcesContent":["import { ImageStyle } from 'react-native';\nimport BASE_THEME  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmPictureStyles = BaseStyles & {\n  picture: ImageStyle,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-picture';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmPictureStyles = defineStyles({\n    root: {\n      overflow: 'hidden',\n      width: 270,\n      rippleColor: themeVariables.transparent\n    },\n    text: {},\n    picture: {\n      width: '100%',\n      height: '100%'\n    },\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 128\n      }\n    } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('rounded-image', '', {\n    picture: {\n      borderRadius: 6\n    }\n  } as WmPictureStyles);\n  addStyle('thumbnail-image', '', {\n    root: {\n      backgroundColor: themeVariables.pictureThumbBgColor,\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.pictureThumbBorderColor,\n      borderRadius: 6,\n      paddingTop: 8,\n      paddingBottom: 8,\n      paddingLeft: 8,\n      paddingRight: 8\n    }\n  } as WmPictureStyles);\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAO,wCAAwC;AAChE,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACJC,QAAQ,EAAE,QAAQ;MAClBC,KAAK,EAAE,GAAG;MACVC,WAAW,EAAEN,cAAc,CAACO;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACPJ,KAAK,EAAE,MAAM;MACbK,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;MACRR,IAAI,EAAE;QACJE,KAAK,EAAE,MAAM;QACbK,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC;EAEFT,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BQ,OAAO,EAAE;MACPG,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;EACrBX,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAE;IAC9BE,IAAI,EAAE;MACJU,eAAe,EAAEb,cAAc,CAACc,mBAAmB;MACnDC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEjB,cAAc,CAACkB,uBAAuB;MACnDN,YAAY,EAAE,CAAC;MACfO,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;AACvB,CAAC,CAAC"}
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","overflow","width","rippleColor","transparent","text","picture","height","skeleton","borderRadius","backgroundColor","pictureThumbBgColor","borderWidth","borderStyle","borderColor","pictureThumbBorderColor","paddingTop","paddingBottom","paddingLeft","paddingRight"],"sources":["picture.styles.ts"],"sourcesContent":["import { ImageStyle } from 'react-native';\nimport BASE_THEME  from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '../skeleton/skeleton.styles';\n\nexport type WmPictureStyles = BaseStyles & {\n  picture: ImageStyle,\n  skeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-picture';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmPictureStyles = defineStyles({\n    root: {\n      overflow: 'hidden',\n      width: 270,\n      rippleColor: themeVariables.transparent\n    },\n    text: {},\n    picture: {\n      width: '100%',\n      height: '100%'\n    },\n    skeleton: {\n      root: {\n        width: '100%',\n        height: 128\n      }\n    } as any as WmSkeletonStyles\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle('rounded-image', '', {\n    picture: {\n      borderRadius: 6\n    }\n  } as WmPictureStyles);\n  addStyle('thumbnail-image', '', {\n    root: {\n      backgroundColor: themeVariables.pictureThumbBgColor,\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.pictureThumbBorderColor,\n      borderRadius: 6,\n      paddingTop: 8,\n      paddingBottom: 8,\n      paddingLeft: 8,\n      paddingRight: 8\n    }\n  } as WmPictureStyles);\n});\n"],"mappings":"AACA,OAAOA,UAAU,MAAO,wCAAwC;AAChE,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,aAAa;AAC1CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA8B,GAAGL,YAAY,CAAC;IAClDM,IAAI,EAAE;MACJC,QAAQ,EAAE,QAAQ;MAClBC,KAAK,EAAE,GAAG;MACVC,WAAW,EAAEN,cAAc,CAACO;IAC9B,CAAC;IACDC,IAAI,EAAE,CAAC,CAAC;IACRC,OAAO,EAAE;MACPJ,KAAK,EAAE,MAAM;MACbK,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;MACRR,IAAI,EAAE;QACJE,KAAK,EAAE,MAAM;QACbK,MAAM,EAAE;MACV;IACF;EACF,CAAC,CAAC;EAEFT,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,eAAe,EAAE,EAAE,EAAE;IAC5BQ,OAAO,EAAE;MACPG,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;EACrBX,QAAQ,CAAC,iBAAiB,EAAE,EAAE,EAAE;IAC9BE,IAAI,EAAE;MACJU,eAAe,EAAEb,cAAc,CAACc,mBAAmB;MACnDC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAEjB,cAAc,CAACkB,uBAAuB;MACnDN,YAAY,EAAE,CAAC;MACfO,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE;IAChB;EACF,CAAoB,CAAC;AACvB,CAAC,CAAC","ignoreList":[]}

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

@@ -2,22 +2,34 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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, _extends({}, this.getTestPropsForAction(), {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: {
         root: {
@@ -25,13 +37,23 @@ export default class WmProgressBar extends BaseComponent {
           height: '100%'
         }
       }
-    }), /*#__PURE__*/React.createElement(ProgressBar, _extends({}, getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, props), {
+    }, /*#__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.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","ProgressBar","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressBarProps","DEFAULT_CLASS","WmProgressBarState","WmProgressBar","constructor","props","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","createElement","style","root","_background","_extends","getTestPropsForAction","target","width","height","PROGRESSBAR","progress","color","progressValue","progressBar"],"sources":["progress-bar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ProgressBar } from 'react-native-paper';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmProgressBarProps from './progress-bar.props';\nimport { DEFAULT_CLASS, WmProgressBarStyles } from './progress-bar.styles';\n\nexport class WmProgressBarState extends BaseComponentState<WmProgressBarProps> {}\n\nexport default class WmProgressBar extends BaseComponent<WmProgressBarProps, WmProgressBarState, WmProgressBarStyles> {\n\n  constructor(props: WmProgressBarProps) {\n    super(props, DEFAULT_CLASS, new WmProgressBarProps());\n  }\n\n  renderWidget(props: WmProgressBarProps) {\n    let value = (props.datavalue - props.minvalue) / (props.maxvalue - props.minvalue);\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);\n    return (\n    <View style={styles.root}>\n      {this._background}\n      <Tappable {...this.getTestPropsForAction()} target={this} styles={{root:{width: '100%', height: '100%'}}}>\n        <ProgressBar\n          {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, props)}\n          progress={value}\n          color={styles.progressValue.color}\n          style={[styles.progressBar, {height: styles.root.height || styles.progressBar.height}]}></ProgressBar>\n      </Tappable>\n    </View>); \n  }\n\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,QAAQ,QAAQ,mDAAmD;AAC5E,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,+CAA+C;AACjG,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,8CAA8C;AAE7G,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASL,kBAAkB,CAAqB;AAE/E,eAAe,MAAMM,aAAa,SAASP,aAAa,CAA8D;EAEpHQ,WAAWA,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,CAAC,CAAC,CAAC;EACvD;EAEAM,YAAYA,CAACD,KAAyB,EAAE;IACtC,IAAIE,KAAK,GAAG,CAACF,KAAK,CAACG,SAAS,GAAGH,KAAK,CAACI,QAAQ,KAAKJ,KAAK,CAACK,QAAQ,GAAGL,KAAK,CAACI,QAAQ,CAAC;IAClF,MAAME,MAAM,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,IAAI,CAACD,KAAK,CAACE,QAAQ,CAAE,OAAMT,KAAK,CAACU,IAAK,eAAc,CAAC,EAAE,IAAI,CAACJ,MAAM,CAAC;IACxG,oBACAnB,KAAA,CAAAwB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAEN,MAAM,CAACO;IAAK,GACtB,IAAI,CAACC,WAAW,eACjB3B,KAAA,CAAAwB,aAAA,CAACrB,QAAQ,EAAAyB,QAAA,KAAK,IAAI,CAACC,qBAAqB,CAAC,CAAC;MAAEC,MAAM,EAAE,IAAK;MAACX,MAAM,EAAE;QAACO,IAAI,EAAC;UAACK,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE;QAAM;MAAC;IAAE,iBACvGhC,KAAA,CAAAwB,aAAA,CAACtB,WAAW,EAAA0B,QAAA,KACNrB,qBAAqB,CAACD,uBAAuB,CAAC2B,WAAW,EAAEpB,KAAK,CAAC;MACrEqB,QAAQ,EAAEnB,KAAM;MAChBoB,KAAK,EAAEhB,MAAM,CAACiB,aAAa,CAACD,KAAM;MAClCV,KAAK,EAAE,CAACN,MAAM,CAACkB,WAAW,EAAE;QAACL,MAAM,EAAEb,MAAM,CAACO,IAAI,CAACM,MAAM,IAAIb,MAAM,CAACkB,WAAW,CAACL;MAAM,CAAC;IAAE,EAAc,CAC/F,CACN,CAAC;EACT;AAEF"}
+{"version":3,"names":["React","View","ProgressBar","LinearGradient","ExpoLinearGradient","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressBarProps","DEFAULT_CLASS","parseLinearGradient","WmProgressBarState","WmProgressBar","constructor","props","renderWidget","_styles$root","_styles$progressBar","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","hasLinearGradient","color1","color2","start","end","root","progressBar","backgroundColor","gradientColors","valuePercent","Math","round","createElement","style","_background","target","width","height","_extends","getTestPropsForAction","PROGRESSBAR","progress","color","progressValue","colors","position","borderRadius","Fragment"],"sources":["progress-bar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { ProgressBar } from 'react-native-paper';\nimport { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';\nimport { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';\n\nimport WmProgressBarProps from './progress-bar.props';\nimport { DEFAULT_CLASS, WmProgressBarStyles } from './progress-bar.styles';\nimport { parseLinearGradient } from '@wavemaker/app-rn-runtime/core/utils';\n\nexport class WmProgressBarState extends BaseComponentState<WmProgressBarProps> {}\n\nexport default class WmProgressBar extends BaseComponent<WmProgressBarProps, WmProgressBarState, WmProgressBarStyles> {\n\n  constructor(props: WmProgressBarProps) {\n    super(props, DEFAULT_CLASS, new WmProgressBarProps());\n  }\n\n  renderWidget(props: WmProgressBarProps) {\n    let value = (props.datavalue - props.minvalue) / (props.maxvalue - props.minvalue);\n    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);\n    const {hasLinearGradient, color1, color2, start, end} = parseLinearGradient(styles?.root?.progressBar?.backgroundColor as string);\n    const gradientColors = [color1, color2];\n    const valuePercent = `${Math.round(value * 100)}%`;\n\n    return (\n    <View style={styles.root}>\n      {this._background}\n      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}}>\n        <ProgressBar\n          {...this.getTestPropsForAction('progressbar')}\n          {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, props)}\n          progress={value}\n          color={styles.progressValue.color}\n          style={[styles.progressBar, {height: styles.root.height || styles.progressBar.height}]}></ProgressBar>\n          {hasLinearGradient ? (\n            <ExpoLinearGradient\n              colors={gradientColors}\n              start={start}\n              end={end}\n              style={[\n                {\n                  width: valuePercent as any,\n                  height: styles.root.height || styles.progressBar.height,\n                  position: 'absolute',\n                  borderRadius: styles?.progressBar?.borderRadius || 0,\n                },\n              ]}\n            />\n          ) : (\n            <></>\n          )}\n      </Tappable>\n    </View>); \n  }\n\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,10 @@
 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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "type", 'default');
     _defineProperty(this, "datavalue", 30);
     _defineProperty(this, "minvalue", 0);

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmProgressBarProps","constructor","arguments","_defineProperty","undefined"],"sources":["progress-bar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmProgressBarProps extends BaseProps {\n  type: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  datavalue: number = 30;\n  minvalue: number = 0;\n  maxvalue: number = 100;\n  accessibilitylabel?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'progressbar';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eACK,SAAS;IAAAA,eAAA,oBAClD,EAAE;IAAAA,eAAA,mBACH,CAAC;IAAAA,eAAA,mBACD,GAAG;IAAAA,eAAA,6BACQC,SAAS;IAAAD,eAAA,4BACC,aAAa;EAAA;AACvD"}
+{"version":3,"names":["BaseProps","WmProgressBarProps","constructor","args","_defineProperty","undefined"],"sources":["progress-bar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmProgressBarProps extends BaseProps {\n  type: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  datavalue: number = 30;\n  minvalue: number = 0;\n  maxvalue: number = 100;\n  accessibilitylabel?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'progressbar';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,eACK,SAAS;IAAAA,eAAA,oBAClD,EAAE;IAAAA,eAAA,mBACH,CAAC;IAAAA,eAAA,mBACD,GAAG;IAAAA,eAAA,6BACQC,SAAS;IAAAD,eAAA,4BACC,aAAa;EAAA;AACvD","ignoreList":[]}

app-rn-runtime/components/basic/progress-bar/progress-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressBar","height","progressValue","getStyle","color","backgroundColor","alpha","rgb","toString","progressBarDefaultColor","progressBarSuccessColor","progressBarInfoColor","progressBarDangerColor","progressBarWarningColor"],"sources":["progress-bar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmProgressBarStyles = BaseStyles & {\n    progressBar : AllStyle,\n    progressValue: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-progress-bar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmProgressBarStyles = defineStyles({\n        root: {},\n        text: {},\n        progressBar: {\n            height: 4\n        },\n        progressValue: {}\n    });\n\n    const getStyle = (color: string) => ({\n        progressBar: {\n            backgroundColor: Color(color).alpha(0.2).rgb().toString()\n        },\n        progressValue: {\n            color: color\n        }\n    } as WmProgressBarStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-default-progress-bar', '', getStyle(themeVariables.progressBarDefaultColor));\n    addStyle('app-success-progress-bar', '', getStyle(themeVariables.progressBarSuccessColor));\n    addStyle('app-info-progress-bar', '', getStyle(themeVariables.progressBarInfoColor));\n    addStyle('app-danger-progress-bar', '', getStyle(themeVariables.progressBarDangerColor));\n    addStyle('app-warning-progress-bar', '', getStyle(themeVariables.progressBarWarningColor));\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACTC,MAAM,EAAE;IACZ,CAAC;IACDC,aAAa,EAAE,CAAC;EACpB,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAIC,KAAa,KAAM;IACjCJ,WAAW,EAAE;MACTK,eAAe,EAAEf,KAAK,CAACc,KAAK,CAAC,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IAC5D,CAAC;IACDN,aAAa,EAAE;MACXE,KAAK,EAAEA;IACX;EACJ,CAAC,CAAwB;EAEzBR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACc,uBAAuB,CAAC,CAAC;EAC1Fb,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACe,uBAAuB,CAAC,CAAC;EAC1Fd,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACgB,oBAAoB,CAAC,CAAC;EACpFf,QAAQ,CAAC,yBAAyB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACiB,sBAAsB,CAAC,CAAC;EACxFhB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACkB,uBAAuB,CAAC,CAAC;AAC9F,CAAC,CAAC"}
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressBar","height","progressValue","getStyle","color","backgroundColor","alpha","rgb","toString","progressBarDefaultColor","progressBarSuccessColor","progressBarInfoColor","progressBarDangerColor","progressBarWarningColor"],"sources":["progress-bar.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmProgressBarStyles = BaseStyles & {\n    progressBar : AllStyle,\n    progressValue: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-progress-bar';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmProgressBarStyles = defineStyles({\n        root: {},\n        text: {},\n        progressBar: {\n            height: 4\n        },\n        progressValue: {}\n    });\n\n    const getStyle = (color: string) => ({\n        progressBar: {\n            backgroundColor: Color(color).alpha(0.2).rgb().toString()\n        },\n        progressValue: {\n            color: color\n        }\n    } as WmProgressBarStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-default-progress-bar', '', getStyle(themeVariables.progressBarDefaultColor));\n    addStyle('app-success-progress-bar', '', getStyle(themeVariables.progressBarSuccessColor));\n    addStyle('app-info-progress-bar', '', getStyle(themeVariables.progressBarInfoColor));\n    addStyle('app-danger-progress-bar', '', getStyle(themeVariables.progressBarDangerColor));\n    addStyle('app-warning-progress-bar', '', getStyle(themeVariables.progressBarWarningColor));\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAOxF,OAAO,MAAMC,aAAa,GAAG,kBAAkB;AAC/CF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAkC,GAAGL,YAAY,CAAC;IACpDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,WAAW,EAAE;MACTC,MAAM,EAAE;IACZ,CAAC;IACDC,aAAa,EAAE,CAAC;EACpB,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAIC,KAAa,KAAM;IACjCJ,WAAW,EAAE;MACTK,eAAe,EAAEf,KAAK,CAACc,KAAK,CAAC,CAACE,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC;IAC5D,CAAC;IACDN,aAAa,EAAE;MACXE,KAAK,EAAEA;IACX;EACJ,CAAC,CAAwB;EAEzBR,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACc,uBAAuB,CAAC,CAAC;EAC1Fb,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACe,uBAAuB,CAAC,CAAC;EAC1Fd,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACgB,oBAAoB,CAAC,CAAC;EACpFf,QAAQ,CAAC,yBAAyB,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACiB,sBAAsB,CAAC,CAAC;EACxFhB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEO,QAAQ,CAACR,cAAc,CAACkB,uBAAuB,CAAC,CAAC;AAC9F,CAAC,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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';
@@ -12,8 +12,8 @@ import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-r
 import WmProgressCircleProps from './progress-circle.props';
 import { DEFAULT_CLASS } from './progress-circle.styles';
 export class WmProgressCircleState extends BaseComponentState {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "radius", 10);
   }
 }
@@ -46,7 +46,7 @@ export default class WmProgressCircle extends BaseComponent {
     return /*#__PURE__*/React.createElement(View, _extends({
       style: styles.root,
       onLayout: this.onLayout.bind(this)
-    }, getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props)), this._background, /*#__PURE__*/React.createElement(Tappable, _extends({}, this.getTestPropsForAction(), {
+    }, getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props), this.getTestPropsForAction('progresscircle')), this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: {
         root: {
@@ -54,7 +54,7 @@ export default class WmProgressCircle extends BaseComponent {
           height: '100%'
         }
       }
-    }), /*#__PURE__*/React.createElement(AnimatedCircularProgress, {
+    }, /*#__PURE__*/React.createElement(AnimatedCircularProgress, {
       fill: value,
       width: styles.progressValue.height,
       backgroundWidth: styles.progressValue.height,
@@ -67,11 +67,11 @@ export default class WmProgressCircle extends BaseComponent {
       style: {
         alignItems: 'center'
       }
-    }, /*#__PURE__*/React.createElement(Text, {
+    }, /*#__PURE__*/React.createElement(Text, _extends({
       style: styles.text
-    }, showText ? props.title || value : ''), showText && props.subtitle ? /*#__PURE__*/React.createElement(Text, {
+    }, this.getTestPropsForLabel('title')), showText ? props.title || value : ''), showText && props.subtitle ? /*#__PURE__*/React.createElement(Text, _extends({
       style: styles.subTitle
-    }, props.subtitle) : null))));
+    }, this.getTestPropsForLabel('subtitle')), props.subtitle) : null))));
   }
 }
 //# sourceMappingURL=progress-circle.component.js.map

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

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

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

@@ -1,10 +1,10 @@
 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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "type", 'default');
     _defineProperty(this, "datavalue", 30);
     _defineProperty(this, "minvalue", 0);

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmProgressCircleProps","constructor","arguments","_defineProperty","undefined"],"sources":["progress-circle.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmProgressCircleProps extends BaseProps {\n  type: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  datavalue: number = 30;\n  minvalue: number = 0;\n  maxvalue: number = 100;\n  captionplacement: string = 'inside';\n  title: string = '';\n  subtitle: string = '';\n  accessibilitylabel?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'progressbar';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,qBAAqB,SAASD,SAAS,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,eACE,SAAS;IAAAA,eAAA,oBAClD,EAAE;IAAAA,eAAA,mBACH,CAAC;IAAAA,eAAA,mBACD,GAAG;IAAAA,eAAA,2BACK,QAAQ;IAAAA,eAAA,gBACnB,EAAE;IAAAA,eAAA,mBACC,EAAE;IAAAA,eAAA,6BACSC,SAAS;IAAAD,eAAA,4BACC,aAAa;EAAA;AACvD"}
+{"version":3,"names":["BaseProps","WmProgressCircleProps","constructor","args","_defineProperty","undefined"],"sources":["progress-circle.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\nexport default class WmProgressCircleProps extends BaseProps {\n  type: 'default' | 'success' | 'info' | 'warning' | 'error' = 'default';\n  datavalue: number = 30;\n  minvalue: number = 0;\n  maxvalue: number = 100;\n  captionplacement: string = 'inside';\n  title: string = '';\n  subtitle: string = '';\n  accessibilitylabel?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'progressbar';\n}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,qBAAqB,SAASD,SAAS,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,eACE,SAAS;IAAAA,eAAA,oBAClD,EAAE;IAAAA,eAAA,mBACH,CAAC;IAAAA,eAAA,mBACD,GAAG;IAAAA,eAAA,2BACK,QAAQ;IAAAA,eAAA,gBACnB,EAAE;IAAAA,eAAA,mBACC,EAAE;IAAAA,eAAA,6BACSC,SAAS;IAAAD,eAAA,4BACC,aAAa;EAAA;AACvD","ignoreList":[]}

app-rn-runtime/components/basic/progress-circle/progress-circle.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressCircle","progressValue","height","subTitle","fontFamily","baseFont","fontSize","color","labelTextMutedColor","getStyle","backgroundColor","fade","rgb","toString","borderColor","borderStyle","borderWidth","progressCircleDefaultColor","progressCircleSuccessColor","progressCircleInfoColor","progressCircleDangerColor","progressCircleWarningColor","transparent","buttStyle","defaultColorE","transform","rotateY"],"sources":["progress-circle.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmProgressCircleStyles = BaseStyles & {\n    progressCircle : AllStyle,\n    progressValue: AllStyle,\n    subTitle: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-progress-circle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmProgressCircleStyles = defineStyles({\n        root: {},\n        text: {},\n        progressCircle: {},\n        progressValue: {\n            height: 16,\n        },\n        subTitle: {\n            fontFamily: themeVariables.baseFont,\n            fontSize: 12,\n            color: themeVariables.labelTextMutedColor\n        }\n    } as WmProgressCircleStyles);\n\n    const getStyle = (color: string) => ({\n        progressCircle: {\n            backgroundColor: Color(color).fade(0.8).rgb().toString(),\n            borderColor: color,\n            borderStyle: 'solid',\n            borderWidth: 1\n        },\n        progressValue: {\n            backgroundColor: color\n        }\n    } as WmProgressCircleStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-default-progress-circle', '', getStyle(themeVariables.progressCircleDefaultColor));\n    addStyle('app-success-progress-circle', '', getStyle(themeVariables.progressCircleSuccessColor));\n    addStyle('app-info-progress-circle', '', getStyle(themeVariables.progressCircleInfoColor));\n    addStyle('app-danger-progress-circle', '', getStyle(themeVariables.progressCircleDangerColor));\n    addStyle('app-warning-progress-circle', '', getStyle(themeVariables.progressCircleWarningColor));\n    addStyle('app-progress-circle1', '', {\n        progressCircle: {\n            backgroundColor: themeVariables.transparent\n        },\n        progressValue: {\n            height: 8,\n            //@ts-ignore\n            buttStyle: 'round'\n        }\n    });\n    addStyle('app-progress-circle2', '', {\n        progressCircle: {\n            backgroundColor: themeVariables.defaultColorE\n        },\n        progressValue: {\n            height: 8,\n            //@ts-ignore\n            buttStyle: 'round'\n        }\n    });\n    addStyle('app-progress-circle3', '', {\n        root: {\n            transform: [{rotateY: '180deg'}]\n        },\n        text: {\n            transform: [{rotateY: '180deg'}]\n        },\n        subTitle: {\n            transform: [{rotateY: '180deg'}]\n        },\n        progressCircle: {\n            backgroundColor: themeVariables.defaultColorE\n        },\n        progressValue: {\n            height: 8,\n            //@ts-ignore\n            buttStyle: 'round'\n        }\n    });\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,qBAAqB;AAClDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAqC,GAAGL,YAAY,CAAC;IACvDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,cAAc,EAAE,CAAC,CAAC;IAClBC,aAAa,EAAE;MACXC,MAAM,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACNC,UAAU,EAAET,cAAc,CAACU,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEZ,cAAc,CAACa;IAC1B;EACJ,CAA2B,CAAC;EAE5B,MAAMC,QAAQ,GAAIF,KAAa,KAAM;IACjCP,cAAc,EAAE;MACZU,eAAe,EAAEpB,KAAK,CAACiB,KAAK,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;MACxDC,WAAW,EAAEP,KAAK;MAClBQ,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE;IACjB,CAAC;IACDf,aAAa,EAAE;MACXS,eAAe,EAAEH;IACrB;EACJ,CAAC,CAA2B;EAE5BX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACsB,0BAA0B,CAAC,CAAC;EAChGrB,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACuB,0BAA0B,CAAC,CAAC;EAChGtB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACwB,uBAAuB,CAAC,CAAC;EAC1FvB,QAAQ,CAAC,4BAA4B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACyB,yBAAyB,CAAC,CAAC;EAC9FxB,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAAC0B,0BAA0B,CAAC,CAAC;EAChGzB,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCI,cAAc,EAAE;MACZU,eAAe,EAAEf,cAAc,CAAC2B;IACpC,CAAC;IACDrB,aAAa,EAAE;MACXC,MAAM,EAAE,CAAC;MACT;MACAqB,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;EACF3B,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCI,cAAc,EAAE;MACZU,eAAe,EAAEf,cAAc,CAAC6B;IACpC,CAAC;IACDvB,aAAa,EAAE;MACXC,MAAM,EAAE,CAAC;MACT;MACAqB,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;EACF3B,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCE,IAAI,EAAE;MACF2B,SAAS,EAAE,CAAC;QAACC,OAAO,EAAE;MAAQ,CAAC;IACnC,CAAC;IACD3B,IAAI,EAAE;MACF0B,SAAS,EAAE,CAAC;QAACC,OAAO,EAAE;MAAQ,CAAC;IACnC,CAAC;IACDvB,QAAQ,EAAE;MACNsB,SAAS,EAAE,CAAC;QAACC,OAAO,EAAE;MAAQ,CAAC;IACnC,CAAC;IACD1B,cAAc,EAAE;MACZU,eAAe,EAAEf,cAAc,CAAC6B;IACpC,CAAC;IACDvB,aAAa,EAAE;MACXC,MAAM,EAAE,CAAC;MACT;MACAqB,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"names":["Color","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressCircle","progressValue","height","subTitle","fontFamily","baseFont","fontSize","color","labelTextMutedColor","getStyle","backgroundColor","fade","rgb","toString","borderColor","borderStyle","borderWidth","progressCircleDefaultColor","progressCircleSuccessColor","progressCircleInfoColor","progressCircleDangerColor","progressCircleWarningColor","transparent","buttStyle","defaultColorE","transform","rotateY"],"sources":["progress-circle.styles.ts"],"sourcesContent":["import Color from 'color';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\n\nexport type WmProgressCircleStyles = BaseStyles & {\n    progressCircle : AllStyle,\n    progressValue: AllStyle,\n    subTitle: AllStyle\n};\n\nexport const DEFAULT_CLASS = 'app-progress-circle';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    const defaultStyles: WmProgressCircleStyles = defineStyles({\n        root: {},\n        text: {},\n        progressCircle: {},\n        progressValue: {\n            height: 16,\n        },\n        subTitle: {\n            fontFamily: themeVariables.baseFont,\n            fontSize: 12,\n            color: themeVariables.labelTextMutedColor\n        }\n    } as WmProgressCircleStyles);\n\n    const getStyle = (color: string) => ({\n        progressCircle: {\n            backgroundColor: Color(color).fade(0.8).rgb().toString(),\n            borderColor: color,\n            borderStyle: 'solid',\n            borderWidth: 1\n        },\n        progressValue: {\n            backgroundColor: color\n        }\n    } as WmProgressCircleStyles);\n\n    addStyle(DEFAULT_CLASS, '', defaultStyles);\n    addStyle('app-default-progress-circle', '', getStyle(themeVariables.progressCircleDefaultColor));\n    addStyle('app-success-progress-circle', '', getStyle(themeVariables.progressCircleSuccessColor));\n    addStyle('app-info-progress-circle', '', getStyle(themeVariables.progressCircleInfoColor));\n    addStyle('app-danger-progress-circle', '', getStyle(themeVariables.progressCircleDangerColor));\n    addStyle('app-warning-progress-circle', '', getStyle(themeVariables.progressCircleWarningColor));\n    addStyle('app-progress-circle1', '', {\n        progressCircle: {\n            backgroundColor: themeVariables.transparent\n        },\n        progressValue: {\n            height: 8,\n            //@ts-ignore\n            buttStyle: 'round'\n        }\n    });\n    addStyle('app-progress-circle2', '', {\n        progressCircle: {\n            backgroundColor: themeVariables.defaultColorE\n        },\n        progressValue: {\n            height: 8,\n            //@ts-ignore\n            buttStyle: 'round'\n        }\n    });\n    addStyle('app-progress-circle3', '', {\n        root: {\n            transform: [{rotateY: '180deg'}]\n        },\n        text: {\n            transform: [{rotateY: '180deg'}]\n        },\n        subTitle: {\n            transform: [{rotateY: '180deg'}]\n        },\n        progressCircle: {\n            backgroundColor: themeVariables.defaultColorE\n        },\n        progressValue: {\n            height: 8,\n            //@ts-ignore\n            buttStyle: 'round'\n        }\n    });\n});"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAQxF,OAAO,MAAMC,aAAa,GAAG,qBAAqB;AAClDF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnD,MAAMC,aAAqC,GAAGL,YAAY,CAAC;IACvDM,IAAI,EAAE,CAAC,CAAC;IACRC,IAAI,EAAE,CAAC,CAAC;IACRC,cAAc,EAAE,CAAC,CAAC;IAClBC,aAAa,EAAE;MACXC,MAAM,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACNC,UAAU,EAAET,cAAc,CAACU,QAAQ;MACnCC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEZ,cAAc,CAACa;IAC1B;EACJ,CAA2B,CAAC;EAE5B,MAAMC,QAAQ,GAAIF,KAAa,KAAM;IACjCP,cAAc,EAAE;MACZU,eAAe,EAAEpB,KAAK,CAACiB,KAAK,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;MACxDC,WAAW,EAAEP,KAAK;MAClBQ,WAAW,EAAE,OAAO;MACpBC,WAAW,EAAE;IACjB,CAAC;IACDf,aAAa,EAAE;MACXS,eAAe,EAAEH;IACrB;EACJ,CAAC,CAA2B;EAE5BX,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACsB,0BAA0B,CAAC,CAAC;EAChGrB,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACuB,0BAA0B,CAAC,CAAC;EAChGtB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACwB,uBAAuB,CAAC,CAAC;EAC1FvB,QAAQ,CAAC,4BAA4B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAACyB,yBAAyB,CAAC,CAAC;EAC9FxB,QAAQ,CAAC,6BAA6B,EAAE,EAAE,EAAEa,QAAQ,CAACd,cAAc,CAAC0B,0BAA0B,CAAC,CAAC;EAChGzB,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCI,cAAc,EAAE;MACZU,eAAe,EAAEf,cAAc,CAAC2B;IACpC,CAAC;IACDrB,aAAa,EAAE;MACXC,MAAM,EAAE,CAAC;MACT;MACAqB,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;EACF3B,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCI,cAAc,EAAE;MACZU,eAAe,EAAEf,cAAc,CAAC6B;IACpC,CAAC;IACDvB,aAAa,EAAE;MACXC,MAAM,EAAE,CAAC;MACT;MACAqB,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;EACF3B,QAAQ,CAAC,sBAAsB,EAAE,EAAE,EAAE;IACjCE,IAAI,EAAE;MACF2B,SAAS,EAAE,CAAC;QAACC,OAAO,EAAE;MAAQ,CAAC;IACnC,CAAC;IACD3B,IAAI,EAAE;MACF0B,SAAS,EAAE,CAAC;QAACC,OAAO,EAAE;MAAQ,CAAC;IACnC,CAAC;IACDvB,QAAQ,EAAE;MACNsB,SAAS,EAAE,CAAC;QAACC,OAAO,EAAE;MAAQ,CAAC;IACnC,CAAC;IACD1B,cAAc,EAAE;MACZU,eAAe,EAAEf,cAAc,CAAC6B;IACpC,CAAC;IACDvB,aAAa,EAAE;MACXC,MAAM,EAAE,CAAC;MACT;MACAqB,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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() {

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

@@ -1 +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/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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"}
+{"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/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":[]}

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

@@ -1,9 +1,10 @@
 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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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, ScrollView, Text, TextInput, View } from 'react-native';
+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';
@@ -17,9 +18,10 @@ import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
 import WmButton from '@wavemaker/app-rn-runtime/components/basic/button/button.component';
 import { get, isArray, isEmpty, isObject } from "lodash-es";
 import { AssetProvider } from '@wavemaker/app-rn-runtime/core/asset.provider';
+import { createSkeleton } from '../skeleton/skeleton.component';
 export class WmSearchState extends BaseDatasetState {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "isOpened", false);
     _defineProperty(this, "modalOptions", {});
     _defineProperty(this, "template", "");
@@ -32,9 +34,7 @@ export class WmSearchState extends BaseDatasetState {
 }
 export default class WmSearch extends BaseDatasetComponent {
   constructor(props) {
-    var _this;
     super(props, DEFAULT_CLASS, new WmSearchProps(), new WmSearchState());
-    _this = this;
     _defineProperty(this, "view", null);
     _defineProperty(this, "prevDatavalue", void 0);
     _defineProperty(this, "queryModel", void 0);
@@ -48,16 +48,10 @@ export default class WmSearch extends BaseDatasetComponent {
     _defineProperty(this, "computePosition", () => {
       return new Promise(resolve => {
         const position = {};
-        this.view.measure(function () {
-          let x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-          let y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-          let width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-          let height = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-          let px = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-          let py = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 0;
+        this.view.measure((x = 0, y = 0, width = 0, height = 0, px = 0, py = 0) => {
           position.left = px;
           position.top = py + height;
-          _this.updateState({
+          this.updateState({
             position: position
           }, resolve);
         });
@@ -97,9 +91,8 @@ export default class WmSearch extends BaseDatasetComponent {
       }
     });
   }
-  updateFilteredData() {
+  updateFilteredData(queryText = '') {
     var _filteredData;
-    let queryText = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     const props = this.state.props;
     const filterOptions = {
       query: queryText,
@@ -148,7 +141,7 @@ export default class WmSearch extends BaseDatasetComponent {
   }
   focus() {
     var _this$widgetRef;
-    this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 ? void 0 : _this$widgetRef.focus();
+    this === null || this === void 0 || (_this$widgetRef = this.widgetRef) === null || _this$widgetRef === void 0 || _this$widgetRef.focus();
   }
   onChange(value) {
     this.isDefaultQuery = false;
@@ -175,10 +168,12 @@ export default class WmSearch extends BaseDatasetComponent {
         return;
       }
     }
-    if (this.props.invokeEvent) {
-      this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);
-    }
-    this.invokeEventCallback('onChange', [undefined, this.proxy, value, prevQuery]);
+    setTimeout(() => {
+      if (this.props.invokeEvent) {
+        this.props.invokeEvent('onChange', [undefined, this.proxy, value, prevQuery]);
+      }
+      this.invokeEventCallback('onChange', [undefined, this.proxy, value, prevQuery]);
+    }, 300);
   }
   invokeChange(e) {
     if (Platform.OS === 'web') {
@@ -276,6 +271,17 @@ export default class WmSearch extends BaseDatasetComponent {
     }
     this.hide();
   }
+  renderSkeleton(props) {
+    const {
+      skeletonwidth,
+      skeletonheight
+    } = this.props;
+    return createSkeleton(this.theme, this.styles.skeleton, {
+      ...this.styles.root,
+      width: skeletonwidth,
+      height: skeletonheight
+    });
+  }
   renderSearchBar() {
     var _this$state$dataItems;
     const props = this.state.props;