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

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

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

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

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

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

@@ -0,0 +1,16 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmProgressBarProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "type", 'default');
+    _defineProperty(this, "datavalue", 30);
+    _defineProperty(this, "minvalue", 0);
+    _defineProperty(this, "maxvalue", 100);
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "accessibilityrole", 'progressbar');
+  }
+}
+//# sourceMappingURL=progress-bar.props.js.map

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

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

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

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

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

@@ -0,0 +1,77 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View, Text } from 'react-native';
+import { isNumber } from 'lodash';
+import { AnimatedCircularProgress } from 'react-native-circular-progress';
+import { Tappable } from '@wavemaker/app-rn-runtime/core/tappable.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker/app-rn-runtime/core/base.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker/app-rn-runtime/core/accessibility';
+import WmProgressCircleProps from './progress-circle.props';
+import { DEFAULT_CLASS } from './progress-circle.styles';
+export class WmProgressCircleState extends BaseComponentState {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "radius", 10);
+  }
+}
+export default class WmProgressCircle extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmProgressCircleProps(), new WmProgressCircleState());
+  }
+  onLayout(e) {
+    const width = e.nativeEvent.layout.width;
+    const height = e.nativeEvent.layout.height;
+    let radius = this.state.radius;
+    if (!width) {
+      radius = height;
+    } else if (!height) {
+      radius = width;
+    } else {
+      radius = Math.min(width, height);
+    }
+    this.updateState({
+      radius: radius
+    });
+  }
+  renderWidget(props) {
+    let value = 0;
+    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {
+      value = (+props.datavalue - +props.minvalue) / (+props.maxvalue - +props.minvalue) * 100;
+    }
+    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-circle`), this.styles);
+    const showText = props.captionplacement !== 'hidden';
+    return /*#__PURE__*/React.createElement(View, _extends({
+      style: styles.root,
+      onLayout: this.onLayout.bind(this)
+    }, getAccessibilityProps(AccessibilityWidgetType.PROGRESSCIRCLE, props), this.getTestPropsForAction('progresscircle')), this._background, /*#__PURE__*/React.createElement(Tappable, {
+      target: this,
+      styles: {
+        root: {
+          width: '100%',
+          height: '100%'
+        }
+      }
+    }, /*#__PURE__*/React.createElement(AnimatedCircularProgress, {
+      fill: value,
+      width: styles.progressValue.height,
+      backgroundWidth: styles.progressValue.height,
+      rotation: 0,
+      tintColor: styles.progressValue.backgroundColor,
+      lineCap: styles.progressValue.buttStyle || "butt",
+      backgroundColor: styles.progressCircle.backgroundColor,
+      size: this.state.radius
+    }, fill => /*#__PURE__*/React.createElement(View, {
+      style: {
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, _extends({
+      style: styles.text
+    }, this.getTestPropsForLabel('title')), showText ? props.title || value : ''), showText && props.subtitle ? /*#__PURE__*/React.createElement(Text, _extends({
+      style: styles.subTitle
+    }, this.getTestPropsForLabel('subtitle')), props.subtitle) : null))));
+  }
+}
+//# sourceMappingURL=progress-circle.component.js.map

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

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

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

@@ -0,0 +1,19 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker/app-rn-runtime/core/base.component';
+export default class WmProgressCircleProps extends BaseProps {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "type", 'default');
+    _defineProperty(this, "datavalue", 30);
+    _defineProperty(this, "minvalue", 0);
+    _defineProperty(this, "maxvalue", 100);
+    _defineProperty(this, "captionplacement", 'inside');
+    _defineProperty(this, "title", '');
+    _defineProperty(this, "subtitle", '');
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "accessibilityrole", 'progressbar');
+  }
+}
+//# sourceMappingURL=progress-circle.props.js.map

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

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

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

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

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

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

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

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