@wavemaker/app-rn-runtime 11.4.0-next.25501 → 11.4.0-next.25703

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","ProgressBar","Tappable","BaseComponent","BaseComponentState","WmProgressBarProps","DEFAULT_CLASS","WmProgressBarState","WmProgressBar","constructor","props","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","root","width","height","progressValue","color","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';\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    const 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      <Tappable target={this} styles={{root:{width: '100%', height: '100%'}}}>\n        <ProgressBar\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;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,WAAW,CAACC,KAAyB,EAAE;IACrC,KAAK,CAACA,KAAK,EAAEJ,aAAa,EAAE,IAAID,kBAAkB,EAAE,CAAC;EACvD;EAEAM,YAAY,CAACD,KAAyB,EAAE;IACtC,MAAME,KAAK,GAAG,CAACF,KAAK,CAACG,SAAS,GAAGH,KAAK,CAACI,QAAQ,KAAKJ,KAAK,CAACK,QAAQ,GAAGL,KAAK,CAACI,QAAQ,CAAC;IACpF,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,oBACA,oBAAC,IAAI;MAAC,KAAK,EAAEA,MAAM,CAACK;IAAK,gBACvB,oBAAC,QAAQ;MAAC,MAAM,EAAE,IAAK;MAAC,MAAM,EAAE;QAACA,IAAI,EAAC;UAACC,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE;QAAM;MAAC;IAAE,gBACrE,oBAAC,WAAW;MACV,QAAQ,EAAEX,KAAM;MAChB,KAAK,EAAEI,MAAM,CAACQ,aAAa,CAACC,KAAM;MAClC,KAAK,EAAE,CAACT,MAAM,CAACU,WAAW,EAAE;QAACH,MAAM,EAAEP,MAAM,CAACK,IAAI,CAACE,MAAM,IAAIP,MAAM,CAACU,WAAW,CAACH;MAAM,CAAC;IAAE,EAAe,CAC/F,CACN;EACT;AAEF"}
+{"version":3,"names":["React","View","ProgressBar","Tappable","BaseComponent","BaseComponentState","WmProgressBarProps","DEFAULT_CLASS","WmProgressBarState","WmProgressBar","constructor","props","renderWidget","value","datavalue","minvalue","maxvalue","Math","round","isNaN","styles","theme","mergeStyle","getStyle","type","createElement","style","root","_background","target","width","height","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';\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    value = Math.round(isNaN(value) ? 0 : value);\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 target={this} styles={{root:{width: '100%', height: '100%'}}}>\n        <ProgressBar\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;AAEjG,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,SAASC,aAAa,QAA6B,uBAAuB;AAE1E,OAAO,MAAMC,kBAAkB,SAASH,kBAAkB,CAAqB;AAE/E,eAAe,MAAMI,aAAa,SAASL,aAAa,CAA8D;EAEpHM,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;IAClFF,KAAK,GAAGI,IAAI,CAACC,KAAK,CAACC,KAAK,CAACN,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,CAAC;IAC5C,MAAMO,MAAM,GAAG,IAAI,CAACC,KAAK,CAACC,UAAU,CAAC,IAAI,CAACD,KAAK,CAACE,QAAQ,CAAE,OAAMZ,KAAK,CAACa,IAAK,eAAc,CAAC,EAAE,IAAI,CAACJ,MAAM,CAAC;IACxG,oBACApB,KAAA,CAAAyB,aAAA,CAACxB,IAAI;MAACyB,KAAK,EAAEN,MAAM,CAACO;IAAK,GACtB,IAAI,CAACC,WAAW,eACjB5B,KAAA,CAAAyB,aAAA,CAACtB,QAAQ;MAAC0B,MAAM,EAAE,IAAK;MAACT,MAAM,EAAE;QAACO,IAAI,EAAC;UAACG,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE;QAAM;MAAC;IAAE,gBACrE/B,KAAA,CAAAyB,aAAA,CAACvB,WAAW;MACV8B,QAAQ,EAAEnB,KAAM;MAChBoB,KAAK,EAAEb,MAAM,CAACc,aAAa,CAACD,KAAM;MAClCP,KAAK,EAAE,CAACN,MAAM,CAACe,WAAW,EAAE;QAACJ,MAAM,EAAEX,MAAM,CAACO,IAAI,CAACI,MAAM,IAAIX,MAAM,CAACe,WAAW,CAACJ;MAAM,CAAC;IAAE,CAAc,CAC/F,CACN,CAAC;EACT;AAEF"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmProgressBarProps"],"sources":["progress-bar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\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}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,kBAAkB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,8BACK,SAAS;IAAA,mCAClD,EAAE;IAAA,kCACH,CAAC;IAAA,kCACD,GAAG;EAAA;AACxB"}
+{"version":3,"names":["BaseProps","WmProgressBarProps","constructor","arguments","_defineProperty"],"sources":["progress-bar.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\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}"],"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;EAAA;AACxB"}

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: 2\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,EAAE,CAACC,QAAQ;IAC3D,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: 2\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"}

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

@@ -44,7 +44,7 @@ export default class WmProgressCircle extends BaseComponent {
     return /*#__PURE__*/React.createElement(View, {
       style: styles.root,
       onLayout: this.onLayout.bind(this)
-    }, /*#__PURE__*/React.createElement(Tappable, {
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
       target: this,
       styles: {
         root: {

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","WmProgressCircleProps","DEFAULT_CLASS","WmProgressCircleState","WmProgressCircle","constructor","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","min","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","root","bind","progressValue","backgroundColor","buttStyle","progressCircle","fill","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';\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)}>\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}>{ 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","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","style","root","bind","_background","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';\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)}>\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}>{ 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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"}

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

@@ -1 +1 @@
-{"version":3,"names":["BaseProps","WmProgressCircleProps"],"sources":["progress-circle.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\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}"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,+CAA+C;AAEzE,eAAe,MAAMC,qBAAqB,SAASD,SAAS,CAAC;EAAA;IAAA;IAAA,8BACE,SAAS;IAAA,mCAClD,EAAE;IAAA,kCACH,CAAC;IAAA,kCACD,GAAG;IAAA,0CACK,QAAQ;IAAA,+BACnB,EAAE;IAAA,kCACC,EAAE;EAAA;AACvB"}
+{"version":3,"names":["BaseProps","WmProgressCircleProps","constructor","arguments","_defineProperty"],"sources":["progress-circle.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';\n\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}"],"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;EAAA;AACvB"}

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,CAAC,CAA2B;EAE5B,MAAMC,QAAQ,GAAIF,KAAa,KAAM;IACjCP,cAAc,EAAE;MACZU,eAAe,EAAEpB,KAAK,CAACiB,KAAK,CAAC,CAACI,IAAI,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE,CAACC,QAAQ,EAAE;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"}

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","LocalDataProvider","init","self","response","invokeEventCallback","invokeVariable","query","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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"}

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

@@ -15,6 +15,7 @@ import WmPicture from '@wavemaker/app-rn-runtime/components/basic/picture/pictur
 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';
 export class WmSearchState extends BaseDatasetState {
   constructor() {
     super(...arguments);
@@ -145,7 +146,7 @@ export default class WmSearch extends BaseDatasetComponent {
   }
   focus() {
     var _this$widgetRef;
-    this === null || this === void 0 ? 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 ? void 0 : _this$widgetRef.focus();
   }
   onChange(value) {
     this.isDefaultQuery = false;
@@ -395,12 +396,14 @@ export default class WmSearch extends BaseDatasetComponent {
           maxHeight: 200
         },
         contentContainerStyle: this.styles.dropDownContent
+      }, /*#__PURE__*/React.createElement(AssetProvider, {
+        value: this.loadAsset
       }, result && result.map((item, index) => /*#__PURE__*/React.createElement(View, {
         key: item.key
       }, !props.limit || props.limit && index + 1 <= props.limit ? this.renderSearchItem(item, index) : null, index === result.length - 1 ? /*#__PURE__*/React.createElement(WmAnchor, {
         caption: props.datacompletemsg,
         styles: this.styles.dataCompleteItem
-      }) : null))), this.styles, modalService));
+      }) : null)))), this.styles, modalService));
       return null;
     }) : null);
   }

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

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

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

@@ -21,6 +21,7 @@ export default class WmSearchProps extends BaseDatasetProps {
     _defineProperty(this, "result", void 0);
     _defineProperty(this, "showclear", false);
     _defineProperty(this, "showSearchIcon", true);
+    // internal property
     _defineProperty(this, "invokeEvent", void 0);
     _defineProperty(this, "formFieldInstance", void 0);
   }

app-rn-runtime/components/basic/search/search.props.js.map

@@ -1 +1 @@
-{"version":3,"names":["BaseDatasetProps","WmSearchProps"],"sources":["search.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\nimport {BaseComponent} from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport default class WmSearchProps extends BaseDatasetProps {\n  autofocus: boolean = false;\n  query?: string = '';\n  searchkey?: any;\n  type: 'search' | 'autocomplete' = 'search';\n  datacompletemsg?: string = 'No more data to load';\n  placeholder?: string = 'Search';\n  limit?: number = null as any;\n  minchars?: number = null as any;\n  imagewidth?: any = 32;\n  imageheight?: any = 32;\n  searchon?: string = 'typing';\n  onSubmit?: any;\n  onChange?: Function = null as any;\n  result?: any;\n  showclear: boolean = false;\n  showSearchIcon: boolean = true; // internal property\n  invokeEvent?: Function;\n  formFieldInstance?: BaseComponent<any, any, any>;\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAGvG,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAA;IAAA;IAAA,mCACrC,KAAK;IAAA,+BACT,EAAE;IAAA;IAAA,8BAEe,QAAQ;IAAA,yCACf,sBAAsB;IAAA,qCAC1B,QAAQ;IAAA,+BACd,IAAI;IAAA,kCACD,IAAI;IAAA,oCACL,EAAE;IAAA,qCACD,EAAE;IAAA,kCACF,QAAQ;IAAA;IAAA,kCAEN,IAAI;IAAA;IAAA,mCAEL,KAAK;IAAA,wCACA,IAAI;IAAA;IAAA;EAAA;AAGhC"}
+{"version":3,"names":["BaseDatasetProps","WmSearchProps","constructor","arguments","_defineProperty"],"sources":["search.props.ts"],"sourcesContent":["import BaseDatasetProps from '@wavemaker/app-rn-runtime/components/input/basedataset/basedataset.props';\nimport {BaseComponent} from \"@wavemaker/app-rn-runtime/core/base.component\";\n\nexport default class WmSearchProps extends BaseDatasetProps {\n  autofocus: boolean = false;\n  query?: string = '';\n  searchkey?: any;\n  type: 'search' | 'autocomplete' = 'search';\n  datacompletemsg?: string = 'No more data to load';\n  placeholder?: string = 'Search';\n  limit?: number = null as any;\n  minchars?: number = null as any;\n  imagewidth?: any = 32;\n  imageheight?: any = 32;\n  searchon?: string = 'typing';\n  onSubmit?: any;\n  onChange?: Function = null as any;\n  result?: any;\n  showclear: boolean = false;\n  showSearchIcon: boolean = true; // internal property\n  invokeEvent?: Function;\n  formFieldInstance?: BaseComponent<any, any, any>;\n}\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,0EAA0E;AAGvG,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAAE,YAAA;IAAA,SAAAC,SAAA;IAAAC,eAAA,oBACrC,KAAK;IAAAA,eAAA,gBACT,EAAE;IAAAA,eAAA;IAAAA,eAAA,eAEe,QAAQ;IAAAA,eAAA,0BACf,sBAAsB;IAAAA,eAAA,sBAC1B,QAAQ;IAAAA,eAAA,gBACd,IAAI;IAAAA,eAAA,mBACD,IAAI;IAAAA,eAAA,qBACL,EAAE;IAAAA,eAAA,sBACD,EAAE;IAAAA,eAAA,mBACF,QAAQ;IAAAA,eAAA;IAAAA,eAAA,mBAEN,IAAI;IAAAA,eAAA;IAAAA,eAAA,oBAEL,KAAK;IAAAA,eAAA,yBACA,IAAI;IAAE;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAGlC"}

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

@@ -1,3 +1,4 @@
+import { Platform } from 'react-native';
 import BASE_THEME from '@wavemaker/app-rn-runtime/styles/theme';
 import { defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';
 export const DEFAULT_CLASS = 'app-search';
@@ -113,6 +114,52 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
       backgroundColor: themeVariables.inputDisabledBgColor
     }
   });
+  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS == 'android' ? {
+    text: {
+      textAlign: 'right',
+      borderWidth: 1,
+      borderLeftWidth: 0,
+      borderRightWidth: 1,
+      borderTopRightRadius: 6,
+      borderBottomRightRadius: 6
+    },
+    searchButton: {
+      root: {
+        borderTopRightRadius: 4,
+        borderBottomRightRadius: 4
+      }
+    }
+  } : Platform.OS == 'web' ? {
+    text: {
+      textAlign: 'right',
+      borderWidth: 1,
+      borderRightWidth: 1,
+      borderLeftWidth: 0,
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0,
+      borderTopRightRadius: 6,
+      borderBottomRightRadius: 6
+    },
+    searchButton: {
+      root: {
+        borderTopRightRadius: 0,
+        borderBottomRightRadius: 0,
+        borderTopLeftRadius: 4,
+        borderBottomLeftRadius: 4
+      }
+    },
+    clearButton: {
+      root: {
+        left: 0,
+        position: 'absolute',
+        marginLeft: 0
+      }
+    }
+  } : {
+    text: {
+      textAlign: 'right'
+    }
+  });
   addStyle('app-autocomplete', '', {
     text: {
       borderRightWidth: 1,

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

@@ -1 +1 @@
-{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","text","height","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchDropdownBackgroundColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","modalContent","borderRadius","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","borderTopRightRadius","borderBottomRightRadius","searchButtonColor","icon","fontSize","color","searchButtonTextColor","searchItem","marginBottom","paddingHorizontal","paddingVertical","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","inputDisabledBgColor"],"sources":["search.styles.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row'\n      },\n      text: {\n        height: 48,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 12,\n        paddingRight: 12,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 6,\n        borderBottomLeftRadius: 6,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n      focusedText : {\n        borderBottomLeftRadius: 0,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 4,\n          borderBottomRightRadius: 4,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 48\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"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"}
+{"version":3,"names":["Platform","BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexDirection","text","height","paddingTop","paddingBottom","paddingLeft","paddingRight","width","borderWidth","borderRightWidth","borderTopLeftRadius","borderBottomLeftRadius","borderColor","searchBorderColor","backgroundColor","searchDropdownBackgroundColor","invalid","borderBottomColor","inputInvalidBorderColor","focusedText","modal","transparent","modalContent","borderRadius","position","borderStyle","dropDownContent","searchInputWrapper","alignItems","justifyContent","flex","clearButton","marginLeft","padding","alignSelf","searchButton","borderTopRightRadius","borderBottomRightRadius","searchButtonColor","icon","fontSize","color","searchButtonTextColor","searchItem","marginBottom","paddingHorizontal","paddingVertical","searchItemBorderColor","searchItemTextColor","searchItemText","fontFamily","baseFont","dataCompleteItem","searchDataCompleteItemBgColor","textDecorationLine","placeholderText","inputPlaceholderColor","inputDisabledBgColor","OS","textAlign","borderLeftWidth","left"],"sources":["search.styles.ts"],"sourcesContent":["import { Platform, TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { WmButtonStyles } from '@wavemaker/app-rn-runtime/components/basic/button/button.styles';\n\nexport type WmSearchStyles = BaseStyles & {\n  focusedText: TextStyle,\n  modal: AllStyle;\n  modalContent: AllStyle;\n  searchItem: AllStyle;\n  dropDownContent: AllStyle;\n  searchItemText: AllStyle;\n  clearButton: WmButtonStyles;\n  searchButton: WmButtonStyles;\n  searchInputWrapper: AllStyle;\n  placeholderText: AllStyle;\n  invalid: AllStyle;\n};\n\nexport const DEFAULT_CLASS = 'app-search';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n  const defaultStyles: WmSearchStyles = defineStyles({\n      root: {\n        flexDirection: 'row'\n      },\n      text: {\n        height: 48,\n        paddingTop: 8,\n        paddingBottom: 8,\n        paddingLeft: 12,\n        paddingRight: 12,\n        width: '100%',\n        borderWidth: 1,\n        borderRightWidth: 0,\n        borderTopLeftRadius: 6,\n        borderBottomLeftRadius: 6,\n        borderColor: themeVariables.searchBorderColor,\n        backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      },\n    invalid: {\n      borderBottomColor: themeVariables.inputInvalidBorderColor\n    },\n      focusedText : {\n        borderBottomLeftRadius: 0,\n      },\n    modal: {\n      backgroundColor: themeVariables.transparent,\n      height: '100%'\n    },\n    modalContent: {\n      backgroundColor: themeVariables.searchDropdownBackgroundColor,\n      borderRadius: 6,\n      position: 'absolute',\n      borderWidth: 1,\n      borderStyle: 'solid',\n      borderColor: themeVariables.searchBorderColor,\n      width: '90%'\n    },\n      dropDownContent: {\n          width: '100%'\n      },\n      searchInputWrapper: {\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        flex: 1\n      },\n      clearButton: {\n        root: {\n          marginLeft: -40,\n          padding: 0,\n          width: 36,\n          alignItems: 'center',\n          alignSelf: 'center',\n          justifyContent: 'center',\n          backgroundColor: 'transparent'\n        }\n      } as WmButtonStyles,\n      searchButton: {\n        root: {\n          alignItems: 'center',\n          justifyContent: 'center',\n          borderRadius: 0,\n          borderTopRightRadius: 4,\n          borderBottomRightRadius: 4,\n          backgroundColor: themeVariables.searchButtonColor,\n          height: 48\n        },\n        icon: {\n          icon: {\n            fontSize: 24,\n            color: themeVariables.searchButtonTextColor,\n          }\n        }\n      } as WmButtonStyles,\n      searchItem: {\n        width: '100%',\n        marginBottom: 4,\n        paddingHorizontal: 16,\n        paddingVertical: 8,\n        borderBottomColor: themeVariables.searchItemBorderColor,\n        flexDirection: 'row',\n        alignItems: 'center',\n        color: themeVariables.searchItemTextColor\n      },\n      searchItemText: {\n        fontSize: 16,\n        paddingLeft: 8,\n        fontFamily: themeVariables.baseFont\n      },\n      dataCompleteItem: {\n          root: {\n            backgroundColor: themeVariables.searchDataCompleteItemBgColor,\n            justifyContent: 'center',\n            padding: 8\n          },\n          text: {\n            fontSize: 12,\n            textDecorationLine: 'none',\n            color: themeVariables.searchItemTextColor\n          }\n      },\n      placeholderText: {\n        color: themeVariables.inputPlaceholderColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS, '', defaultStyles);\n  addStyle(DEFAULT_CLASS + '-disabled', '', {\n      text : {\n        backgroundColor: themeVariables.inputDisabledBgColor\n      }\n  });\n\n  addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS=='android'?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderLeftWidth: 0,\n      borderRightWidth: 1,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 4,\n        borderBottomRightRadius: 4,\n      },\n    }\n  }:Platform.OS=='web'?{\n    text : {\n      textAlign: 'right',\n      borderWidth: 1,\n      borderRightWidth: 1,\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      borderTopRightRadius: 6,\n      borderBottomRightRadius: 6,\n    },\n    searchButton: {\n      root: {\n        borderTopRightRadius: 0,\n        borderBottomRightRadius: 0,\n        borderTopLeftRadius: 4,\n        borderBottomLeftRadius: 4,\n      },\n    },\n    clearButton: {\n      root: {\n        left: 0,\n        position: 'absolute',\n        marginLeft: 0\n      }\n    } as WmButtonStyles,\n  }:{\n    text : {\n      textAlign: 'right',\n    }\n  });\n\n  addStyle('app-autocomplete', '', {\n    text: {\n      borderRightWidth: 1,\n      borderTopRightRadius: 4,\n      borderBottomRightRadius: 4,\n    }\n  } as WmSearchStyles);\n});\n"],"mappings":"AAAA,SAASA,QAAQ,QAAmB,cAAc;AAClD,OAAOC,UAAU,MAAoB,wCAAwC;AAC7E,SAAqBC,YAAY,QAAQ,+CAA+C;AAiBxF,OAAO,MAAMC,aAAa,GAAG,YAAY;AACzCF,UAAU,CAACG,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACrD,MAAMC,aAA6B,GAAGL,YAAY,CAAC;IAC/CM,IAAI,EAAE;MACJC,aAAa,EAAE;IACjB,CAAC;IACDC,IAAI,EAAE;MACJC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,CAAC;MACbC,aAAa,EAAE,CAAC;MAChBC,WAAW,EAAE,EAAE;MACfC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAE,MAAM;MACbC,WAAW,EAAE,CAAC;MACdC,gBAAgB,EAAE,CAAC;MACnBC,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzBC,WAAW,EAAEhB,cAAc,CAACiB,iBAAiB;MAC7CC,eAAe,EAAElB,cAAc,CAACmB;IAClC,CAAC;IACHC,OAAO,EAAE;MACPC,iBAAiB,EAAErB,cAAc,CAACsB;IACpC,CAAC;IACCC,WAAW,EAAG;MACZR,sBAAsB,EAAE;IAC1B,CAAC;IACHS,KAAK,EAAE;MACLN,eAAe,EAAElB,cAAc,CAACyB,WAAW;MAC3CnB,MAAM,EAAE;IACV,CAAC;IACDoB,YAAY,EAAE;MACZR,eAAe,EAAElB,cAAc,CAACmB,6BAA6B;MAC7DQ,YAAY,EAAE,CAAC;MACfC,QAAQ,EAAE,UAAU;MACpBhB,WAAW,EAAE,CAAC;MACdiB,WAAW,EAAE,OAAO;MACpBb,WAAW,EAAEhB,cAAc,CAACiB,iBAAiB;MAC7CN,KAAK,EAAE;IACT,CAAC;IACCmB,eAAe,EAAE;MACbnB,KAAK,EAAE;IACX,CAAC;IACDoB,kBAAkB,EAAE;MAClB3B,aAAa,EAAE,KAAK;MACpB4B,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,IAAI,EAAE;IACR,CAAC;IACDC,WAAW,EAAE;MACXhC,IAAI,EAAE;QACJiC,UAAU,EAAE,CAAC,EAAE;QACfC,OAAO,EAAE,CAAC;QACV1B,KAAK,EAAE,EAAE;QACTqB,UAAU,EAAE,QAAQ;QACpBM,SAAS,EAAE,QAAQ;QACnBL,cAAc,EAAE,QAAQ;QACxBf,eAAe,EAAE;MACnB;IACF,CAAmB;IACnBqB,YAAY,EAAE;MACZpC,IAAI,EAAE;QACJ6B,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE,QAAQ;QACxBN,YAAY,EAAE,CAAC;QACfa,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;QAC1BvB,eAAe,EAAElB,cAAc,CAAC0C,iBAAiB;QACjDpC,MAAM,EAAE;MACV,CAAC;MACDqC,IAAI,EAAE;QACJA,IAAI,EAAE;UACJC,QAAQ,EAAE,EAAE;UACZC,KAAK,EAAE7C,cAAc,CAAC8C;QACxB;MACF;IACF,CAAmB;IACnBC,UAAU,EAAE;MACVpC,KAAK,EAAE,MAAM;MACbqC,YAAY,EAAE,CAAC;MACfC,iBAAiB,EAAE,EAAE;MACrBC,eAAe,EAAE,CAAC;MAClB7B,iBAAiB,EAAErB,cAAc,CAACmD,qBAAqB;MACvD/C,aAAa,EAAE,KAAK;MACpB4B,UAAU,EAAE,QAAQ;MACpBa,KAAK,EAAE7C,cAAc,CAACoD;IACxB,CAAC;IACDC,cAAc,EAAE;MACdT,QAAQ,EAAE,EAAE;MACZnC,WAAW,EAAE,CAAC;MACd6C,UAAU,EAAEtD,cAAc,CAACuD;IAC7B,CAAC;IACDC,gBAAgB,EAAE;MACdrD,IAAI,EAAE;QACJe,eAAe,EAAElB,cAAc,CAACyD,6BAA6B;QAC7DxB,cAAc,EAAE,QAAQ;QACxBI,OAAO,EAAE;MACX,CAAC;MACDhC,IAAI,EAAE;QACJuC,QAAQ,EAAE,EAAE;QACZc,kBAAkB,EAAE,MAAM;QAC1Bb,KAAK,EAAE7C,cAAc,CAACoD;MACxB;IACJ,CAAC;IACDO,eAAe,EAAE;MACfd,KAAK,EAAE7C,cAAc,CAAC4D;IACxB;EACJ,CAAC,CAAC;EAEF3D,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAACH,aAAa,GAAG,WAAW,EAAE,EAAE,EAAE;IACtCO,IAAI,EAAG;MACLa,eAAe,EAAElB,cAAc,CAAC6D;IAClC;EACJ,CAAC,CAAC;EAEF5D,QAAQ,CAACH,aAAa,GAAG,MAAM,EAAE,EAAE,EAAEH,QAAQ,CAACmE,EAAE,IAAE,SAAS,GAAC;IAC1DzD,IAAI,EAAG;MACL0D,SAAS,EAAE,OAAO;MAClBnD,WAAW,EAAE,CAAC;MACdoD,eAAe,EAAE,CAAC;MAClBnD,gBAAgB,EAAE,CAAC;MACnB2B,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B,CAAC;IACDF,YAAY,EAAE;MACZpC,IAAI,EAAE;QACJqC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE;MAC3B;IACF;EACF,CAAC,GAAC9C,QAAQ,CAACmE,EAAE,IAAE,KAAK,GAAC;IACnBzD,IAAI,EAAG;MACL0D,SAAS,EAAE,OAAO;MAClBnD,WAAW,EAAE,CAAC;MACdC,gBAAgB,EAAE,CAAC;MACnBmD,eAAe,EAAE,CAAC;MAClBlD,mBAAmB,EAAE,CAAC;MACtBC,sBAAsB,EAAE,CAAC;MACzByB,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B,CAAC;IACDF,YAAY,EAAE;MACZpC,IAAI,EAAE;QACJqC,oBAAoB,EAAE,CAAC;QACvBC,uBAAuB,EAAE,CAAC;QAC1B3B,mBAAmB,EAAE,CAAC;QACtBC,sBAAsB,EAAE;MAC1B;IACF,CAAC;IACDoB,WAAW,EAAE;MACXhC,IAAI,EAAE;QACJ8D,IAAI,EAAE,CAAC;QACPrC,QAAQ,EAAE,UAAU;QACpBQ,UAAU,EAAE;MACd;IACF;EACF,CAAC,GAAC;IACA/B,IAAI,EAAG;MACL0D,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EAEF9D,QAAQ,CAAC,kBAAkB,EAAE,EAAE,EAAE;IAC/BI,IAAI,EAAE;MACJQ,gBAAgB,EAAE,CAAC;MACnB2B,oBAAoB,EAAE,CAAC;MACvBC,uBAAuB,EAAE;IAC3B;EACF,CAAmB,CAAC;AACtB,CAAC,CAAC"}

app-rn-runtime/components/basic/skeleton/skeleton.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Animated","Easing","StyleSheet","LinearGradient","BaseComponent","BaseComponentState","WmSkeletonProps","DEFAULT_CLASS","isUndefined","WmSkeletonState","left","top","width","height","AnimationRunner","Value","run","counter","timing","animationValue","duration","time","speed","toValue","useNativeDriver","easing","linear","start","event","finished","setValue","stop","Math","max","getValue","WmSkeleton","constructor","props","skeletonloaderRef","measure","x","y","px","py","layout","setState","animate","state","componentDidMount","animationRunner","componentWillUnmount","renderWidget","outpuRange","deg","translateX","interpolate","inputRange","outputRange","ref","onLayoutChange","styles","root","absoluteFill","animatedView","transform","rotate","gradientForeground","backgroundColor","toString","gradient","createSkeleton","theme","skeletonStyles","wrapper","style","addStyleProp","propName","mergeStyle"],"sources":["skeleton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Animated, Easing, StyleSheet, LayoutChangeEvent, ColorValue, ViewStyle } from 'react-native';\nimport { LinearGradient } from 'expo-linear-gradient';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Theme } from '@wavemaker/app-rn-runtime/styles/theme';\n\nimport WmSkeletonProps from './skeleton.props';\nimport { DEFAULT_CLASS, WmSkeletonStyles } from './skeleton.styles';\nimport { isUndefined } from 'lodash-es';\n\nexport class WmSkeletonState extends BaseComponentState<WmSkeletonProps> {\n  layout = {\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  };\n  animate = false;\n}\n\nclass AnimationRunner {\n  private time: number = 1000;\n  public speed = 1;\n  private counter = 0;\n  private animationValue = new Animated.Value(0.2);\n\n  public run() {\n    if (this.counter == 0) {\n      return;\n    }\n    Animated.timing(this.animationValue, {\n      duration: this.time * this.speed,\n      toValue: 1,\n      useNativeDriver: true,\n      easing: Easing.linear,\n    }).start((event) => {\n      if (event.finished) {\n        this.animationValue.setValue(0)\n        this.run();\n      }\n    });\n  }\n\n  public start() {\n    this.counter++;\n    if (this.counter == 1) {\n      this.run();\n    }\n  }\n\n  public stop() {\n    this.counter = Math.max(--this.counter, 0);\n  }\n\n  public getValue() {\n    return this.animationValue;\n  }\n}\n\nexport default class WmSkeleton extends BaseComponent<WmSkeletonProps, WmSkeletonState, WmSkeletonStyles> {\n\n  private skeletonloaderRef: any = null;\n  private animationRunner = new AnimationRunner();\n\n  constructor(props: WmSkeletonProps) {\n    super(props, DEFAULT_CLASS, new WmSkeletonProps(), new WmSkeletonState());\n    this.state = new WmSkeletonState();\n  }\n\n  componentDidMount(): void {\n    this.animationRunner.start();\n  }\n\n  componentWillUnmount(): void {\n    this.animationRunner.stop();\n  }\n\n  onLayoutChange = (event: LayoutChangeEvent) => {\n    this.skeletonloaderRef?.measure((x: number, y: number, width: number, height: number, px: number, py: number) => {\n      let layout = {\n        left: px,\n        top: py,\n        width: width,\n        height: height,\n      };\n      this.setState({\n        layout: {\n          ...layout as any\n        }, animate: true\n      });\n    });\n  }\n\n  renderWidget(props: WmSkeletonProps) {\n    let outpuRange = [-this.state.layout.width-this.state.layout.left, this.state.layout.width + this.state.layout.height];\n    let deg = -20;\n    let translateX = this.animationRunner.getValue().interpolate({\n      inputRange: [0, 1],\n      outputRange: [-50, 400]\n    });\n    return (\n      <View ref={(ref) => { this.skeletonloaderRef = ref; }} onLayout={this.onLayoutChange}\n        style={this.styles.root} >\n        {this.state.animate ?\n          <Animated.View\n            style={[\n              StyleSheet.absoluteFill,\n              this.styles.animatedView,\n              { \n                transform: [\n                  { translateX },\n                  { rotate: deg + 'deg' }\n                ]\n              }]}>\n            <LinearGradient\n              start={{ x: 0, y: 0 }}\n              end={{ x: 1, y: 0 }}\n              colors={[this.styles.gradientForeground.backgroundColor?.toString() as string,\n              this.styles.gradient.backgroundColor?.toString() as string,\n              this.styles.gradientForeground.backgroundColor?.toString() as string]}\n              locations={[0, 0.5, 1]}\n              style={[this.styles.gradient, {backgroundColor: this.styles.animatedView.backgroundColor}]} />\n          </Animated.View> : null}\n      </View>);\n  }\n}\n\nexport const createSkeleton = (theme: Theme, skeletonStyles: WmSkeletonStyles, wrapper: ViewStyle) => {\n  const style = {} as ViewStyle;\n  const addStyleProp = (propName: any) => {\n    if (!isUndefined((wrapper as any)[propName])) {\n      (style as any)[propName] = (wrapper as any)[propName];\n    }\n  };\n  addStyleProp('width');\n  addStyleProp('height');\n  addStyleProp('borderRadius');\n  addStyleProp('borderRadius');\n  addStyleProp('marginTop');\n  addStyleProp('marginBottom');\n  addStyleProp('marginLeft');\n  addStyleProp('marginRight');\n  return(<WmSkeleton styles={theme.mergeStyle(skeletonStyles, {root: style})}/>);\n};\n"],"mappings":"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"}
+{"version":3,"names":["React","View","Animated","Easing","StyleSheet","LinearGradient","BaseComponent","BaseComponentState","WmSkeletonProps","DEFAULT_CLASS","isUndefined","WmSkeletonState","constructor","arguments","_defineProperty","left","top","width","height","AnimationRunner","Value","run","counter","timing","animationValue","duration","time","speed","toValue","useNativeDriver","easing","linear","start","event","finished","setValue","stop","Math","max","getValue","WmSkeleton","props","_this$skeletonloaderR","skeletonloaderRef","measure","x","y","px","py","layout","setState","animate","state","componentDidMount","animationRunner","componentWillUnmount","renderWidget","_this$styles$gradient","_this$styles$gradient2","_this$styles$gradient3","outpuRange","deg","translateX","interpolate","inputRange","outputRange","createElement","ref","onLayout","onLayoutChange","style","styles","root","absoluteFill","animatedView","transform","rotate","end","colors","gradientForeground","backgroundColor","toString","gradient","locations","createSkeleton","theme","skeletonStyles","wrapper","addStyleProp","propName","mergeStyle"],"sources":["skeleton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Animated, Easing, StyleSheet, LayoutChangeEvent, ColorValue, ViewStyle } from 'react-native';\nimport { LinearGradient } from 'expo-linear-gradient';\n\nimport { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';\nimport { Theme } from '@wavemaker/app-rn-runtime/styles/theme';\n\nimport WmSkeletonProps from './skeleton.props';\nimport { DEFAULT_CLASS, WmSkeletonStyles } from './skeleton.styles';\nimport { isUndefined } from 'lodash-es';\n\nexport class WmSkeletonState extends BaseComponentState<WmSkeletonProps> {\n  layout = {\n    left: 0,\n    top: 0,\n    width: 0,\n    height: 0,\n  };\n  animate = false;\n}\n\nclass AnimationRunner {\n  private time: number = 1000;\n  public speed = 1;\n  private counter = 0;\n  private animationValue = new Animated.Value(0.2);\n\n  public run() {\n    if (this.counter == 0) {\n      return;\n    }\n    Animated.timing(this.animationValue, {\n      duration: this.time * this.speed,\n      toValue: 1,\n      useNativeDriver: true,\n      easing: Easing.linear,\n    }).start((event) => {\n      if (event.finished) {\n        this.animationValue.setValue(0)\n        this.run();\n      }\n    });\n  }\n\n  public start() {\n    this.counter++;\n    if (this.counter == 1) {\n      this.run();\n    }\n  }\n\n  public stop() {\n    this.counter = Math.max(--this.counter, 0);\n  }\n\n  public getValue() {\n    return this.animationValue;\n  }\n}\n\nexport default class WmSkeleton extends BaseComponent<WmSkeletonProps, WmSkeletonState, WmSkeletonStyles> {\n\n  private skeletonloaderRef: any = null;\n  private animationRunner = new AnimationRunner();\n\n  constructor(props: WmSkeletonProps) {\n    super(props, DEFAULT_CLASS, new WmSkeletonProps(), new WmSkeletonState());\n    this.state = new WmSkeletonState();\n  }\n\n  componentDidMount(): void {\n    this.animationRunner.start();\n  }\n\n  componentWillUnmount(): void {\n    this.animationRunner.stop();\n  }\n\n  onLayoutChange = (event: LayoutChangeEvent) => {\n    this.skeletonloaderRef?.measure((x: number, y: number, width: number, height: number, px: number, py: number) => {\n      let layout = {\n        left: px,\n        top: py,\n        width: width,\n        height: height,\n      };\n      this.setState({\n        layout: {\n          ...layout as any\n        }, animate: true\n      });\n    });\n  }\n\n  renderWidget(props: WmSkeletonProps) {\n    let outpuRange = [-this.state.layout.width-this.state.layout.left, this.state.layout.width + this.state.layout.height];\n    let deg = -20;\n    let translateX = this.animationRunner.getValue().interpolate({\n      inputRange: [0, 1],\n      outputRange: [-50, 400]\n    });\n    return (\n      <View ref={(ref) => { this.skeletonloaderRef = ref; }} onLayout={this.onLayoutChange}\n        style={this.styles.root} >\n        {this.state.animate ?\n          <Animated.View\n            style={[\n              StyleSheet.absoluteFill,\n              this.styles.animatedView,\n              { \n                transform: [\n                  { translateX },\n                  { rotate: deg + 'deg' }\n                ]\n              }]}>\n            <LinearGradient\n              start={{ x: 0, y: 0 }}\n              end={{ x: 1, y: 0 }}\n              colors={[this.styles.gradientForeground.backgroundColor?.toString() as string,\n              this.styles.gradient.backgroundColor?.toString() as string,\n              this.styles.gradientForeground.backgroundColor?.toString() as string]}\n              locations={[0, 0.5, 1]}\n              style={[this.styles.gradient, {backgroundColor: this.styles.animatedView.backgroundColor}]} />\n          </Animated.View> : null}\n      </View>);\n  }\n}\n\nexport const createSkeleton = (theme: Theme, skeletonStyles: WmSkeletonStyles, wrapper: ViewStyle) => {\n  const style = {} as ViewStyle;\n  const addStyleProp = (propName: any) => {\n    if (!isUndefined((wrapper as any)[propName])) {\n      (style as any)[propName] = (wrapper as any)[propName];\n    }\n  };\n  addStyleProp('width');\n  addStyleProp('height');\n  addStyleProp('borderRadius');\n  addStyleProp('borderRadius');\n  addStyleProp('marginTop');\n  addStyleProp('marginBottom');\n  addStyleProp('marginLeft');\n  addStyleProp('marginRight');\n  return(<WmSkeleton styles={theme.mergeStyle(skeletonStyles, {root: style})}/>);\n};\n"],"mappings":"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"}