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

package/components-prism/basic/progress-bar/progress-bar.component.js

@@ -0,0 +1,227 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useEffect, useState } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { isNumber } from 'lodash';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import { parseProgressBarLinearGradient } from '@wavemaker-ai/app-rn-runtime/core/utils';
+import WmTooltip from '@wavemaker-ai/app-rn-runtime/components/basic/tooltip/tooltip.component';
+import WmProgressBarProps from './progress-bar.props';
+import { DEFAULT_CLASS } from './progress-bar.styles';
+const DEFAULT_WHITE_SPACE = 5;
+const DEFAULT_HEIGHT_FOR_DEFAULT_WHITE_SPACE = 8;
+const getWhiteSpace = barHeight => {
+  // For progressbar having huge height will get very large white space if used dynamic calculation. 
+  // So the value is restricted upto 15. (which is a sweet spot)
+
+  const whiteSpace = DEFAULT_WHITE_SPACE * barHeight / DEFAULT_HEIGHT_FOR_DEFAULT_WHITE_SPACE;
+  return whiteSpace > 15 ? 15 : whiteSpace;
+};
+const convertToPercentageValue = (value, min, max) => {
+  if (max === min) return 0;
+  return Math.min(Math.max((value - min) / (max - min), 0), 1);
+};
+const ProgressBarCore = ({
+  value = 0,
+  minValue = 0,
+  maxValue = 100,
+  height = 8,
+  trackColor = '#E8DEF8',
+  fillColor = '#65558F',
+  enableAnimation = true,
+  animationDelay = 1000,
+  strokeShape = 'round',
+  showWhiteSpace = false,
+  showBackground = true,
+  children,
+  customStyles,
+  hasLinearGradient,
+  gradientColors,
+  gradientStart,
+  gradientEnd,
+  testProps,
+  parentProps
+}) => {
+  var _customStyles$progres, _customStyles$progres2, _customStyles$progres3, _customStyles$progres4;
+  const [containerWidth, setContainerWidth] = useState(0);
+  const [progressBarCustomStyle, setProgressbarCustomStyle] = useState({});
+  const widthProgress = useSharedValue(0);
+  const trackProgress = useSharedValue(0);
+  const borderRadius = strokeShape === 'round' ? height / 2 : 0;
+  const AnimatedLinearGradient = Animated.createAnimatedComponent(ExpoLinearGradient);
+  const handleLayout = event => {
+    setContainerWidth(event.nativeEvent.layout.width);
+  };
+  const animatedFillStyle = useAnimatedStyle(() => ({
+    width: widthProgress.value
+  }));
+  const animatedTrackStyle = useAnimatedStyle(() => ({
+    width: trackProgress.value
+  }));
+  useEffect(() => {
+    let styleCopy = {
+      ...customStyles.progressBar
+    };
+    if (styleCopy['backgroundColor']) {
+      delete styleCopy['backgroundColor'];
+      setProgressbarCustomStyle(styleCopy);
+    }
+  }, [customStyles]);
+  useEffect(() => {
+    if (containerWidth <= 0) return;
+    const percentage = convertToPercentageValue(value, minValue, maxValue);
+    const targetWidth = percentage * containerWidth;
+    if (value < minValue) {
+      widthProgress.value = 0;
+      trackProgress.value = containerWidth;
+      return;
+    }
+    const trackWidth = showWhiteSpace && value !== 0 ? Math.max(containerWidth - getWhiteSpace(height), 0) : containerWidth;
+    trackProgress.value = trackWidth;
+    if (enableAnimation) {
+      widthProgress.value = withTiming(targetWidth, {
+        duration: animationDelay
+      });
+      trackProgress.value = withTiming(trackWidth - targetWidth, {
+        duration: animationDelay
+      });
+    } else {
+      widthProgress.value = targetWidth;
+      trackProgress.value = trackWidth - targetWidth;
+    }
+  }, [value, minValue, maxValue, containerWidth, enableAnimation, animationDelay, showWhiteSpace, height]);
+  return /*#__PURE__*/React.createElement(View, _extends({
+    style: coreStyles.container,
+    onLayout: handleLayout
+  }, testProps('progressbar')), showBackground && /*#__PURE__*/React.createElement(View, _extends({
+    style: [coreStyles.track, progressBarCustomStyle, {
+      height,
+      borderRadius: (customStyles === null || customStyles === void 0 || (_customStyles$progres = customStyles.progressBar) === null || _customStyles$progres === void 0 ? void 0 : _customStyles$progres.borderRadius) || borderRadius
+    }]
+  }, getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, parentProps)), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [coreStyles.backgroundSegment, {
+      backgroundColor: trackColor,
+      borderRadius: (customStyles === null || customStyles === void 0 || (_customStyles$progres2 = customStyles.progressBar) === null || _customStyles$progres2 === void 0 ? void 0 : _customStyles$progres2.borderRadius) || borderRadius
+    }, animatedTrackStyle]
+  }), !(hasLinearGradient && gradientColors && gradientStart && gradientEnd) ? /*#__PURE__*/React.createElement(Animated.View, {
+    style: [coreStyles.fill, {
+      backgroundColor: fillColor,
+      borderRadius: (customStyles === null || customStyles === void 0 || (_customStyles$progres3 = customStyles.progressBar) === null || _customStyles$progres3 === void 0 ? void 0 : _customStyles$progres3.borderRadius) || borderRadius
+    }, animatedFillStyle]
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AnimatedLinearGradient, {
+    colors: gradientColors,
+    start: gradientStart,
+    end: gradientEnd,
+    style: [{
+      height: customStyles.root.height || customStyles.progressBar.height || customStyles.progressValue.height,
+      position: 'absolute',
+      borderRadius: (customStyles === null || customStyles === void 0 || (_customStyles$progres4 = customStyles.progressBar) === null || _customStyles$progres4 === void 0 ? void 0 : _customStyles$progres4.borderRadius) || borderRadius || 0
+    }, animatedFillStyle]
+  }))), children);
+};
+const coreStyles = StyleSheet.create({
+  container: {
+    width: '100%',
+    justifyContent: 'center'
+  },
+  track: {
+    width: '100%',
+    overflow: 'hidden'
+  },
+  backgroundSegment: {
+    position: 'absolute',
+    right: 0,
+    height: '100%'
+  },
+  fill: {
+    position: 'absolute',
+    left: 0,
+    height: '100%'
+  }
+});
+export class WmProgressBarState extends BaseComponentState {}
+export default class WmProgressBar extends BaseComponent {
+  constructor(props) {
+    super(props, DEFAULT_CLASS, new WmProgressBarProps());
+    _defineProperty(this, "onTooltiptext", (minValue, maxValue, percentage) => {
+      if (this.props.showtooltip && this.props.onTooltiptext) {
+        const result = this.invokeEventCallback('onTooltiptext', [undefined, this.proxy, minValue, maxValue, percentage]);
+        if (result) {
+          return result;
+        }
+      }
+
+      // Default fallback to percentage display
+      return `${percentage}%`;
+    });
+  }
+  renderWidget(props) {
+    var _styles$root;
+    let value = 0;
+    if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {
+      value = convertToPercentageValue(props.datavalue, props.minvalue, props.maxvalue) * 100;
+    }
+    const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);
+    const {
+      hasLinearGradient,
+      color1,
+      color2,
+      start,
+      end
+    } = parseProgressBarLinearGradient(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 progressWidth = Math.round(value);
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.root,
+      onLayout: this.handleLayout.bind(this)
+    }, this._background, /*#__PURE__*/React.createElement(Tappable, {
+      target: this,
+      styles: {
+        root: {
+          width: '100%'
+        }
+      },
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }, /*#__PURE__*/React.createElement(ProgressBarCore, {
+      value: props.datavalue,
+      minValue: props.minvalue,
+      maxValue: props.maxvalue,
+      fillColor: styles.progressValue.color,
+      trackColor: styles.progressBar.backgroundColor,
+      height: styles.progressValue.height || styles.progressBar.height,
+      strokeShape: styles.progressValue.buttStyle,
+      customStyles: styles,
+      hasLinearGradient: hasLinearGradient,
+      gradientColors: gradientColors,
+      gradientStart: start,
+      gradientEnd: end,
+      testProps: value => this.getTestPropsForAction(value),
+      parentProps: props,
+      showWhiteSpace: true
+    }, props.showtooltip ? /*#__PURE__*/React.createElement(View, {
+      style: {
+        position: 'absolute',
+        left: `${progressWidth}%`,
+        bottom: 0,
+        height: '100%',
+        justifyContent: 'center',
+        alignItems: 'center',
+        zIndex: 10
+      }
+    }, /*#__PURE__*/React.createElement(WmTooltip, {
+      showTooltip: props.showtooltip,
+      text: this.onTooltiptext(props.minvalue, props.maxvalue, progressWidth),
+      direction: props.tooltipposition,
+      tooltipStyle: styles.tooltip,
+      tooltipLabelStyle: styles.tooltipLabel,
+      tooltipTriangleStyle: styles.tooltipTriangle
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null))));
+  }
+}
+//# sourceMappingURL=progress-bar.component.js.map

package/components-prism/basic/progress-bar/progress-bar.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","StyleSheet","isNumber","Animated","useAnimatedStyle","useSharedValue","withTiming","LinearGradient","ExpoLinearGradient","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","parseProgressBarLinearGradient","WmTooltip","WmProgressBarProps","DEFAULT_CLASS","DEFAULT_WHITE_SPACE","DEFAULT_HEIGHT_FOR_DEFAULT_WHITE_SPACE","getWhiteSpace","barHeight","whiteSpace","convertToPercentageValue","value","min","max","Math","ProgressBarCore","minValue","maxValue","height","trackColor","fillColor","enableAnimation","animationDelay","strokeShape","showWhiteSpace","showBackground","children","customStyles","hasLinearGradient","gradientColors","gradientStart","gradientEnd","testProps","parentProps","_customStyles$progres","_customStyles$progres2","_customStyles$progres3","_customStyles$progres4","containerWidth","setContainerWidth","progressBarCustomStyle","setProgressbarCustomStyle","widthProgress","trackProgress","borderRadius","AnimatedLinearGradient","createAnimatedComponent","handleLayout","event","nativeEvent","layout","width","animatedFillStyle","animatedTrackStyle","styleCopy","progressBar","percentage","targetWidth","trackWidth","duration","createElement","_extends","style","coreStyles","container","onLayout","track","PROGRESSBAR","backgroundSegment","backgroundColor","fill","Fragment","colors","start","end","root","progressValue","position","create","justifyContent","overflow","right","left","WmProgressBarState","WmProgressBar","constructor","props","_defineProperty","showtooltip","onTooltiptext","result","invokeEventCallback","undefined","proxy","renderWidget","_styles$root","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","color1","color2","progressWidth","round","bind","_background","target","disableTouchEffect","state","disabletoucheffect","color","buttStyle","getTestPropsForAction","bottom","alignItems","zIndex","showTooltip","text","direction","tooltipposition","tooltipStyle","tooltip","tooltipLabelStyle","tooltipLabel","tooltipTriangleStyle","tooltipTriangle"],"sources":["progress-bar.component.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode } from 'react';\nimport { LayoutChangeEvent, View, Text, StyleSheet, ColorValue } from 'react-native';\nimport { isNumber } from 'lodash';\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withTiming,\n} from 'react-native-reanimated';\nimport { LinearGradient as ExpoLinearGradient } from 'expo-linear-gradient';\n\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { parseProgressBarLinearGradient } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport WmTooltip from '@wavemaker-ai/app-rn-runtime/components/basic/tooltip/tooltip.component';\n\nimport WmProgressBarProps from './progress-bar.props';\nimport { DEFAULT_CLASS, WmProgressBarStyles } from './progress-bar.styles';\n\ntype ProgressBarCoreProps = {\n    value: number;\n    minValue: number;\n    maxValue: number;\n    height?: number;\n    trackColor?: string;\n    fillColor?: string;\n    enableAnimation?: boolean;\n    animationDelay?: number;\n    strokeShape?: 'round' | 'square';\n    showWhiteSpace?: boolean;\n    showBackground?: boolean;\n    children?: ReactNode;\n    customStyles?: any\n    hasLinearGradient?: boolean,\n    gradientColors?: ColorValue[],\n    gradientStart?: {x: number, y: number},\n    gradientEnd?: {x: number, y: number},\n    testProps: (arg: string) => any,\n    parentProps: any\n};\n\nconst DEFAULT_WHITE_SPACE = 5;\nconst DEFAULT_HEIGHT_FOR_DEFAULT_WHITE_SPACE = 8;\n\nconst getWhiteSpace = (barHeight: number) => {\n    // For progressbar having huge height will get very large white space if used dynamic calculation. \n    // So the value is restricted upto 15. (which is a sweet spot)\n\n    const whiteSpace = (DEFAULT_WHITE_SPACE * barHeight)/DEFAULT_HEIGHT_FOR_DEFAULT_WHITE_SPACE;\n    return whiteSpace > 15 ? 15 : whiteSpace;\n};\n\nconst convertToPercentageValue = (value: number, min: number, max: number): number => {\n    if (max === min) return 0;\n    return Math.min(Math.max((value - min) / (max - min), 0), 1);\n};\n\n\nconst ProgressBarCore = ({\n    value = 0,\n    minValue = 0,\n    maxValue = 100,\n    height = 8,\n    trackColor = '#E8DEF8',\n    fillColor = '#65558F',\n    enableAnimation = true,\n    animationDelay = 1000,\n    strokeShape = 'round',\n    showWhiteSpace = false,\n    showBackground = true,\n    children,\n    customStyles,\n    hasLinearGradient,\n    gradientColors,\n    gradientStart,\n    gradientEnd,\n    testProps,\n    parentProps\n}: ProgressBarCoreProps) => {\n    const [containerWidth, setContainerWidth] = useState(0);\n    const [progressBarCustomStyle, setProgressbarCustomStyle] = useState({});\n    const widthProgress = useSharedValue(0);\n    const trackProgress = useSharedValue(0);\n\n    const borderRadius = strokeShape === 'round' ? height / 2 : 0;\n\n    const AnimatedLinearGradient = Animated.createAnimatedComponent(ExpoLinearGradient);\n\n    const handleLayout = (event: LayoutChangeEvent) => {\n        setContainerWidth(event.nativeEvent.layout.width);\n    };\n\n    const animatedFillStyle = useAnimatedStyle(() => ({\n        width: widthProgress.value,\n    }));\n\n    const animatedTrackStyle = useAnimatedStyle(() => ({\n        width: trackProgress.value,\n    }));\n\n    useEffect(()=> {\n        let styleCopy = {...customStyles.progressBar}\n        if(styleCopy['backgroundColor']) {\n            delete styleCopy['backgroundColor'];\n            setProgressbarCustomStyle(styleCopy);\n        }\n    }, [customStyles])\n\n    useEffect(() => {\n        if (containerWidth <= 0) return;\n\n        const percentage = convertToPercentageValue(value, minValue, maxValue);\n        const targetWidth = percentage * containerWidth;\n\n        if(value < minValue) {\n            widthProgress.value = 0;\n            trackProgress.value = containerWidth;\n            return;\n        }\n\n        const trackWidth = showWhiteSpace && value !== 0\n            ? Math.max(containerWidth - getWhiteSpace(height), 0)\n            : containerWidth;\n        trackProgress.value = trackWidth;\n\n        if (enableAnimation) {\n            widthProgress.value = withTiming(targetWidth, { duration: animationDelay });\n            trackProgress.value = withTiming(trackWidth - targetWidth, { duration: animationDelay });\n        } else {\n            widthProgress.value = targetWidth;\n            trackProgress.value = trackWidth - targetWidth;\n        }\n    }, [value, minValue, maxValue, containerWidth, enableAnimation, animationDelay, showWhiteSpace, height]);\n\n    return (\n        <View \n            style={coreStyles.container} \n            onLayout={handleLayout}\n            {...testProps('progressbar')}\n        >\n            {showBackground && (\n                <View \n                    style={[\n                        coreStyles.track, \n                        progressBarCustomStyle,\n                        {   height, \n                            borderRadius: customStyles?.progressBar?.borderRadius || borderRadius, \n                        }\n                    ]}\n                    {...getAccessibilityProps(AccessibilityWidgetType.PROGRESSBAR, parentProps)}\n                >\n                    <Animated.View\n                        style={[\n                            coreStyles.backgroundSegment,\n                            {\n                                backgroundColor: trackColor,\n                                borderRadius: customStyles?.progressBar?.borderRadius || borderRadius,\n                            },\n                            animatedTrackStyle,\n                        ]}\n                    /> \n                    {!(hasLinearGradient && gradientColors && gradientStart && gradientEnd) ? \n                        <Animated.View\n                            style={[\n                                coreStyles.fill,\n                                {\n                                    backgroundColor: fillColor,\n                                    borderRadius: customStyles?.progressBar?.borderRadius || borderRadius,\n                                },\n                                animatedFillStyle,\n                            ]}\n                        /> : \n                        <>\n                            {/* Linear Gradient for filled portion */}\n                            <AnimatedLinearGradient\n                                colors={gradientColors as any}\n                                start={gradientStart}\n                                end={gradientEnd}\n                                style={[\n                                    {\n                                        height: customStyles.root.height || customStyles.progressBar.height || customStyles.progressValue.height,\n                                        position: 'absolute',\n                                        borderRadius: customStyles?.progressBar?.borderRadius || borderRadius || 0,\n                                    },\n                                    animatedFillStyle\n                                ]}\n                            />\n                        </>\n                    }\n                </View>\n            )}\n            {children}\n        </View>\n    );\n};\n\nconst coreStyles = StyleSheet.create({\n    container: {\n        width: '100%',\n        justifyContent: 'center',\n    },\n    track: {\n        width: '100%',\n        overflow: 'hidden',\n    },\n    backgroundSegment: {\n        position: 'absolute',\n        right: 0,\n        height: '100%',\n    },\n    fill: {\n        position: 'absolute',\n        left: 0,\n        height: '100%',\n    },\n});\n\nexport class WmProgressBarState extends BaseComponentState<WmProgressBarProps> {}\n\nexport default class WmProgressBar extends BaseComponent<WmProgressBarProps, WmProgressBarState, WmProgressBarStyles> {\n    constructor(props: WmProgressBarProps) {\n        super(props, DEFAULT_CLASS, new WmProgressBarProps());\n    }\n\n    onTooltiptext = (minValue: number, maxValue: number, percentage: number) => {\n    if (this.props.showtooltip && this.props.onTooltiptext) {\n      const result = this.invokeEventCallback('onTooltiptext', [\n        undefined,\n        this.proxy,\n        minValue,\n        maxValue,\n        percentage\n      ]);\n\n      if (result) {\n        return result;\n      }\n    }\n\n        // Default fallback to percentage display\n        return `${percentage}%`;\n    }\n\n    renderWidget(props: WmProgressBarProps) {\n        let value = 0;\n        if (isNumber(props.datavalue) && isNumber(props.minvalue) && isNumber(props.maxvalue)) {\n            value = convertToPercentageValue(props.datavalue, props.minvalue, props.maxvalue) * 100;\n        }\n        const styles = this.theme.mergeStyle(this.theme.getStyle(`app-${props.type}-progress-bar`), this.styles);\n        const {hasLinearGradient, color1, color2, start, end} = parseProgressBarLinearGradient(styles?.root?.progressBar?.backgroundColor as string);\n        const gradientColors: [string, string, ...string[]] = [color1, color2];\n        \n        const progressWidth = Math.round(value);\n\n        return (\n            <View\n                style={styles.root}\n                onLayout={this.handleLayout.bind(this)}\n            >\n                {this._background}\n                <Tappable target={this} styles={{ root: { width: '100%' } }} disableTouchEffect={this.state.props.disabletoucheffect}>\n                    <ProgressBarCore\n                        value={props.datavalue}\n                        minValue={props.minvalue}\n                        maxValue={props.maxvalue}\n                        fillColor={styles.progressValue.color}\n                        trackColor={styles.progressBar.backgroundColor}\n                        height={styles.progressValue.height || styles.progressBar.height}\n                        strokeShape={styles.progressValue.buttStyle}\n                        customStyles={styles}\n                        hasLinearGradient={hasLinearGradient}\n                        gradientColors={gradientColors}\n                        gradientStart={start}\n                        gradientEnd={end}\n                        testProps={(value) => this.getTestPropsForAction(value)}\n                        parentProps={props}\n                        showWhiteSpace={true}\n                    >\n                        {/* Tooltip positioned at progress value */}\n                        {props.showtooltip ? (\n                            <View\n                                style={{\n                                    position: 'absolute',\n                                    left: `${progressWidth}%`,\n                                    bottom: 0,\n                                    height: '100%',\n                                    justifyContent: 'center',\n                                    alignItems: 'center',\n                                    zIndex: 10,\n                                }}\n                            >\n                            <WmTooltip\n                                showTooltip={props.showtooltip}\n                                text={this.onTooltiptext(props.minvalue, props.maxvalue, progressWidth)}\n                                direction={props.tooltipposition}\n                                tooltipStyle={styles.tooltip}\n                                tooltipLabelStyle={styles.tooltipLabel}\n                                tooltipTriangleStyle={styles.tooltipTriangle}\n                            />\n                            </View>\n                        ) : <></>}\n                    </ProgressBarCore>\n                </Tappable>\n            </View>\n        );\n    }\n}\n\n"],"mappings":"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","ignoreList":[]}

package/components-prism/basic/progress-bar/progress-bar.props.js

@@ -0,0 +1,20 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/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, "hint", '');
+    _defineProperty(this, "accessibilitylabel", undefined);
+    _defineProperty(this, "accessibilityrole", 'progressbar');
+    _defineProperty(this, "showtooltip", false);
+    _defineProperty(this, "tooltipposition", 'up');
+    _defineProperty(this, "onTooltiptext", null);
+  }
+}
+//# sourceMappingURL=progress-bar.props.js.map

package/components-prism/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-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityRole } from 'react-native';\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  hint: string = '';\n  accessibilitylabel?: string = undefined;\n  accessibilityrole?: AccessibilityRole = 'progressbar';\n  showtooltip?: boolean = false;\n  tooltipposition?: 'up' | 'down' | 'left' | 'right' = 'up';\n  onTooltiptext?: Function | null = null;\n}\n"],"mappings":";;;AAAA,SAASA,SAAS,QAAQ,kDAAkD;AAG5E,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,eACP,EAAE;IAAAA,eAAA,6BACaC,SAAS;IAAAD,eAAA,4BACC,aAAa;IAAAA,eAAA,sBAC7B,KAAK;IAAAA,eAAA,0BACwB,IAAI;IAAAA,eAAA,wBACvB,IAAI;EAAA;AACxC","ignoreList":[]}

package/components-prism/basic/progress-bar/progress-bar.styles.js

@@ -0,0 +1,43 @@
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-progress-bar';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    progressBar: {
+      height: 8
+    },
+    progressValue: {},
+    tooltip: {
+      backgroundColor: themeVariables.tooltipBgColor,
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: 4
+    },
+    tooltipLabel: {
+      color: themeVariables.defaultColor,
+      fontSize: 12
+    },
+    tooltipTriangle: {
+      borderBottomColor: themeVariables.tooltipBgColor
+    }
+  });
+  const getStyle = color => ({
+    progressBar: {},
+    progressValue: {
+      color: color,
+      height: 10
+    },
+    tooltip: {},
+    tooltipLabel: {},
+    tooltipTriangle: {}
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('app-default-progress-bar', '', getStyle(themeVariables.progressBarDefaultColor));
+  addStyle('app-success-progress-bar', '', getStyle(themeVariables.progressBarSuccessColor));
+  addStyle('app-info-progress-bar', '', getStyle(themeVariables.progressBarInfoColor));
+  addStyle('app-danger-progress-bar', '', getStyle(themeVariables.progressBarDangerColor));
+  addStyle('app-warning-progress-bar', '', getStyle(themeVariables.progressBarWarningColor));
+});
+//# sourceMappingURL=progress-bar.styles.js.map

package/components-prism/basic/progress-bar/progress-bar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","text","progressBar","height","progressValue","tooltip","backgroundColor","tooltipBgColor","paddingHorizontal","paddingVertical","borderRadius","tooltipLabel","color","defaultColor","fontSize","tooltipTriangle","borderBottomColor","getStyle","progressBarDefaultColor","progressBarSuccessColor","progressBarInfoColor","progressBarDangerColor","progressBarWarningColor"],"sources":["progress-bar.styles.ts"],"sourcesContent":["import BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\n\nexport type WmProgressBarStyles = BaseStyles & {\n    progressBar: AllStyle,\n    progressValue: AllStyle,\n    tooltip: AllStyle,\n    tooltipLabel: AllStyle,\n    tooltipTriangle: 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: 8\n        },\n        progressValue: {},\n        tooltip: {\n            backgroundColor: themeVariables.tooltipBgColor,\n            paddingHorizontal: 8,\n            paddingVertical: 4,\n            borderRadius: 4\n        },\n        tooltipLabel: {\n            color: themeVariables.defaultColor,\n            fontSize: 12\n        },\n        tooltipTriangle: {\n            borderBottomColor: themeVariables.tooltipBgColor\n        }\n    });\n\n    const getStyle = (color: string) => ({\n        progressBar: {},\n        progressValue: {\n            color: color,\n            height: 10\n        },\n        tooltip: {},\n        tooltipLabel: {},\n        tooltipTriangle: {}\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,UAAU,MAAoB,2CAA2C;AAChF,SAAqBC,YAAY,QAAQ,kDAAkD;AAU3F,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,CAAC;IACjBC,OAAO,EAAE;MACLC,eAAe,EAAET,cAAc,CAACU,cAAc;MAC9CC,iBAAiB,EAAE,CAAC;MACpBC,eAAe,EAAE,CAAC;MAClBC,YAAY,EAAE;IAClB,CAAC;IACDC,YAAY,EAAE;MACVC,KAAK,EAAEf,cAAc,CAACgB,YAAY;MAClCC,QAAQ,EAAE;IACd,CAAC;IACDC,eAAe,EAAE;MACbC,iBAAiB,EAAEnB,cAAc,CAACU;IACtC;EACJ,CAAC,CAAC;EAEF,MAAMU,QAAQ,GAAIL,KAAa,KAAM;IACjCV,WAAW,EAAE,CAAC,CAAC;IACfE,aAAa,EAAE;MACXQ,KAAK,EAAEA,KAAK;MACZT,MAAM,EAAE;IACZ,CAAC;IACDE,OAAO,EAAE,CAAC,CAAC;IACXM,YAAY,EAAE,CAAC,CAAC;IAChBI,eAAe,EAAE,CAAC;EACtB,CAAC,CAAwB;EAEzBjB,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAEI,aAAa,CAAC;EAC1CD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAACqB,uBAAuB,CAAC,CAAC;EAC1FpB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAACsB,uBAAuB,CAAC,CAAC;EAC1FrB,QAAQ,CAAC,uBAAuB,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAACuB,oBAAoB,CAAC,CAAC;EACpFtB,QAAQ,CAAC,yBAAyB,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAACwB,sBAAsB,CAAC,CAAC;EACxFvB,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAEmB,QAAQ,CAACpB,cAAc,CAACyB,uBAAuB,CAAC,CAAC;AAC9F,CAAC,CAAC","ignoreList":[]}

package/components-prism/basic/progress-circle/progress-circle.component.js

@@ -0,0 +1,80 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { View, Text } from 'react-native';
+import { isNumber } from 'lodash';
+import { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';
+import { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+import { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';
+import WmProgressCircleProps from './progress-circle.props';
+import { DEFAULT_CLASS } from './progress-circle.styles';
+import ProgressCircle from '@wavemaker-ai/app-rn-runtime/core/components-prism/progress-circle';
+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 = Math.floor(height);
+    } else if (!height) {
+      radius = Math.floor(width);
+    } else {
+      radius = Math.floor(Math.min(width, height));
+    }
+    this.handleLayout(e);
+    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%'
+        }
+      },
+      disableTouchEffect: this.state.props.disabletoucheffect
+    }, /*#__PURE__*/React.createElement(ProgressCircle, {
+      value: props.datavalue,
+      minValue: props.minvalue,
+      maxValue: props.maxvalue,
+      height: '100%',
+      width: '100%',
+      lineFillColor: styles.progressValue.backgroundColor,
+      lineColor: styles.progressCircle.backgroundColor,
+      strokeShape: styles.progressValue.buttStyle || "butt",
+      strokeWidth: styles.progressValue.height
+    }, /*#__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

package/components-prism/basic/progress-circle/progress-circle.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","isNumber","Tappable","BaseComponent","BaseComponentState","AccessibilityWidgetType","getAccessibilityProps","WmProgressCircleProps","DEFAULT_CLASS","ProgressCircle","WmProgressCircleState","constructor","args","_defineProperty","WmProgressCircle","props","onLayout","e","width","nativeEvent","layout","height","radius","state","Math","floor","min","handleLayout","updateState","renderWidget","value","datavalue","minvalue","maxvalue","styles","theme","mergeStyle","getStyle","type","showText","captionplacement","createElement","_extends","style","root","bind","PROGRESSCIRCLE","getTestPropsForAction","_background","target","disableTouchEffect","disabletoucheffect","minValue","maxValue","lineFillColor","progressValue","backgroundColor","lineColor","progressCircle","strokeShape","buttStyle","strokeWidth","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-ai/app-rn-runtime/core/tappable.component';\nimport { BaseComponent, BaseComponentState } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\n\nimport WmProgressCircleProps from './progress-circle.props';\nimport { DEFAULT_CLASS, WmProgressCircleStyles } from './progress-circle.styles';\n\nimport ProgressCircle from '@wavemaker-ai/app-rn-runtime/core/components-prism/progress-circle';\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 = Math.floor(height);\n    } else if (!height) {\n      radius = Math.floor(width);\n    } else {\n      radius = Math.floor(Math.min(width, height));\n    }\n    \n    this.handleLayout(e)\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%'}}} disableTouchEffect={this.state.props.disabletoucheffect}>\n        <ProgressCircle\n          value={props.datavalue}\n          minValue={props.minvalue}\n          maxValue={props.maxvalue}\n          height={'100%'}\n          width={'100%'}\n          lineFillColor={styles.progressValue.backgroundColor}\n          lineColor={styles.progressCircle.backgroundColor}\n          strokeShape={styles.progressValue.buttStyle || \"butt\"}\n          strokeWidth={styles.progressValue.height}\n        >\n          <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        </ProgressCircle>\n      </Tappable>\n    </View>); \n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components-prism/basic/progress-circle/progress-circle.props.js

@@ -0,0 +1,19 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BaseProps } from '@wavemaker-ai/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

package/components-prism/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-ai/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,kDAAkD;AAE5E,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":[]}

package/components-prism/basic/progress-circle/progress-circle.styles.js

@@ -0,0 +1,82 @@
+import Color from 'color';
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+import { defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';
+export const DEFAULT_CLASS = 'app-progress-circle';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  const defaultStyles = defineStyles({
+    root: {},
+    text: {},
+    progressCircle: {},
+    progressValue: {
+      height: 16
+    },
+    subTitle: {
+      fontFamily: themeVariables.baseFont,
+      fontSize: 12,
+      color: themeVariables.labelTextMutedColor
+    }
+  });
+  const getStyle = color => ({
+    progressCircle: {
+      backgroundColor: Color(color).fade(0.8).rgb().toString(),
+      borderColor: color,
+      borderStyle: 'solid',
+      borderWidth: 1
+    },
+    progressValue: {
+      backgroundColor: color
+    }
+  });
+  addStyle(DEFAULT_CLASS, '', defaultStyles);
+  addStyle('app-default-progress-circle', '', getStyle(themeVariables.progressCircleDefaultColor));
+  addStyle('app-success-progress-circle', '', getStyle(themeVariables.progressCircleSuccessColor));
+  addStyle('app-info-progress-circle', '', getStyle(themeVariables.progressCircleInfoColor));
+  addStyle('app-danger-progress-circle', '', getStyle(themeVariables.progressCircleDangerColor));
+  addStyle('app-warning-progress-circle', '', getStyle(themeVariables.progressCircleWarningColor));
+  addStyle('app-progress-circle1', '', {
+    progressCircle: {
+      backgroundColor: themeVariables.transparent
+    },
+    progressValue: {
+      height: 8,
+      //@ts-ignore
+      buttStyle: 'round'
+    }
+  });
+  addStyle('app-progress-circle2', '', {
+    progressCircle: {
+      backgroundColor: themeVariables.defaultColorE
+    },
+    progressValue: {
+      height: 8,
+      //@ts-ignore
+      buttStyle: 'round'
+    }
+  });
+  addStyle('app-progress-circle3', '', {
+    root: {
+      transform: [{
+        rotateY: '180deg'
+      }]
+    },
+    text: {
+      transform: [{
+        rotateY: '180deg'
+      }]
+    },
+    subTitle: {
+      transform: [{
+        rotateY: '180deg'
+      }]
+    },
+    progressCircle: {
+      backgroundColor: themeVariables.defaultColorE
+    },
+    progressValue: {
+      height: 8,
+      //@ts-ignore
+      buttStyle: 'round'
+    }
+  });
+});
+//# sourceMappingURL=progress-circle.styles.js.map

package/components-prism/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-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/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,2CAA2C;AAChF,SAAqBC,YAAY,QAAQ,kDAAkD;AAQ3F,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":[]}

package/components-prism/data/list/list-template/list-template.styles.js

@@ -0,0 +1,27 @@
+import '@wavemaker-ai/app-rn-runtime/components/data/list/list-template/list-template.styles';
+import BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';
+export const DEFAULT_CLASS = 'app-list-template';
+BASE_THEME.registerStyle((themeVariables, addStyle) => {
+  addStyle(DEFAULT_CLASS, '', {
+    root: {},
+    skeleton: {
+      root: {
+        backgroundColor: themeVariables.skeletonBgColor,
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingTop: 16,
+        paddingBottom: 16,
+        flex: 1
+      }
+    }
+  });
+  addStyle('vertical-list-template', '', {
+    root: {}
+  });
+  addStyle('horizontal-list-template', '', {
+    root: {
+      marginRight: 6
+    }
+  });
+});
+//# sourceMappingURL=list-template.styles.js.map

package/components-prism/data/list/list-template/list-template.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["BASE_THEME","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","root","skeleton","backgroundColor","skeletonBgColor","paddingLeft","paddingRight","paddingTop","paddingBottom","flex","marginRight"],"sources":["list-template.styles.ts"],"sourcesContent":["import '@wavemaker-ai/app-rn-runtime/components/data/list/list-template/list-template.styles';\n\nimport BASE_THEME from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmListTemplateStyles = BaseStyles & {\n    skeleton: WmSkeletonStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-list-template';\n\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n    addStyle(DEFAULT_CLASS, '', {\n        root: {\n        },\n        skeleton: {\n            root: {\n                backgroundColor: themeVariables.skeletonBgColor,\n                paddingLeft: 10,\n                paddingRight: 10,\n                paddingTop: 16,\n                paddingBottom: 16,\n                flex: 1,\n            },\n        } as any as WmSkeletonStyles,\n    } as WmListTemplateStyles);\n\n    addStyle('vertical-list-template', '', {\n        root: {\n        },\n    } as any as WmListTemplateStyles);\n\n    addStyle('horizontal-list-template', '', {\n        root: {\n            marginRight: 6,\n        },\n    } as any as WmListTemplateStyles);\n});\n"],"mappings":"AAAA,OAAO,sFAAsF;AAE7F,OAAOA,UAAU,MAAM,2CAA2C;AAQlE,OAAO,MAAMC,aAAa,GAAG,mBAAmB;AAEhDD,UAAU,CAACE,aAAa,CAAC,CAACC,cAAc,EAAEC,QAAQ,KAAK;EACnDA,QAAQ,CAACH,aAAa,EAAE,EAAE,EAAE;IACxBI,IAAI,EAAE,CACN,CAAC;IACDC,QAAQ,EAAE;MACND,IAAI,EAAE;QACFE,eAAe,EAAEJ,cAAc,CAACK,eAAe;QAC/CC,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,EAAE;QAChBC,UAAU,EAAE,EAAE;QACdC,aAAa,EAAE,EAAE;QACjBC,IAAI,EAAE;MACV;IACJ;EACJ,CAAyB,CAAC;EAE1BT,QAAQ,CAAC,wBAAwB,EAAE,EAAE,EAAE;IACnCC,IAAI,EAAE,CACN;EACJ,CAAgC,CAAC;EAEjCD,QAAQ,CAAC,0BAA0B,EAAE,EAAE,EAAE;IACrCC,IAAI,EAAE;MACFS,WAAW,EAAE;IACjB;EACJ,CAAgC,CAAC;AACrC,CAAC,CAAC","ignoreList":[]}