@originallyus/feedback-rn-sdk 4.0.0-beta.25 → 4.0.0-beta.26

package/lib/module/component/AIA/molecules/ProgressBarWithText/ProgressBarWithText.js

@@ -0,0 +1,186 @@
+"use strict";
+
+/**
+ *
+ * ProgressBarWithText
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import ProgressBarWithTextStyles from "./styles/index.js";
+import ProgressBar from "../../atoms/ProgressBar/index.js";
+import Text from "../../atoms/Text/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/useCustomTheme.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const ProgressBarWithText = props => {
+  const {
+    titleLabel,
+    progressBarVariant = 'line',
+    progressBarSize = 'large',
+    min,
+    max,
+    value,
+    valueUnits,
+    valuePosition = 'left',
+    supportingTextLabel,
+    testID,
+    ofLabel = 'of',
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState,
+    accessibilityValue
+  } = props;
+  const {
+    size,
+    spacing
+  } = useCustomTheme();
+  const styles = ProgressBarWithTextStyles(size, spacing);
+  let progress = 0;
+  if (value.value && max.value) {
+    progress = value.value / max.value * 100;
+    progress = Math.min(100, Math.max(0, progress));
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    accessibilityValue: accessibilityValue,
+    children: [progressBarVariant === 'line' && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [valuePosition === 'left' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: styles.textBottomSpacing,
+          children: titleLabel
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "headline-4-medium",
+          customContainerStyle: styles.textBottomSpacing,
+          children: `${value.text}${valueUnits || ''}`
+        })]
+      }), valuePosition === 'right' && /*#__PURE__*/_jsxs(View, {
+        style: styles.valueOnRightTextWrapper,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: styles.valueOnRightTextWrapper,
+          customStyle: styles.rightPositionTextMargin,
+          children: titleLabel
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.valueOnRightWrapper,
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-2-bold",
+            children: `${value.text}`
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            children: `/${max.text}${valueUnits || ''}`
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(ProgressBar, {
+        progress: progress,
+        size: progressBarSize
+      }), valuePosition === 'left' && (min.text !== undefined || max.text !== undefined) && /*#__PURE__*/_jsxs(View, {
+        style: styles.bottomLabelWrapper,
+        children: [!!min.text && /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: styles.bottomLeftLabel,
+          children: min.text
+        }), !!max.text && /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: [styles.bottomRightLabel, min.text === undefined && styles.bottomRightOnlyWidth],
+          children: max.text
+        })]
+      }), valuePosition === 'right' && supportingTextLabel !== undefined && /*#__PURE__*/_jsx(View, {
+        style: styles.bottomLabelWrapper,
+        children: supportingTextLabel != undefined && /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: styles.bottomLeftLabel,
+          children: supportingTextLabel
+        })
+      })]
+    }), progressBarVariant === 'circular' && (progressBarSize === 'small' || progressBarSize === 'medium') && /*#__PURE__*/_jsxs(View, {
+      style: [styles.rowDirection, styles.alignCenter],
+      children: [/*#__PURE__*/_jsx(ProgressBar, {
+        progress: progress,
+        size: progressBarSize,
+        type: progressBarVariant
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.smallCircularTextWrapper,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          children: titleLabel
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.rowDirection,
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "body-2-bold",
+            customContainerStyle: styles.circularLabelSpacing,
+            children: `${value.text}`
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            children: `/${max.text}${valueUnits || ''}`
+          })]
+        })]
+      })]
+    }), progressBarVariant === 'circular' && progressBarSize === 'large' && /*#__PURE__*/_jsxs(View, {
+      style: [styles.alignCenter, {
+        alignSelf: 'flex-start'
+      }],
+      children: [/*#__PURE__*/_jsx(ProgressBar, {
+        progress: progress,
+        size: progressBarSize,
+        type: progressBarVariant
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        customContainerStyle: styles.largeCircularMaxValueSpacing,
+        allowFontScaling: false,
+        children: `of ${max.text}${valueUnits || ''}`
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.largeCircularHiddenWrapper,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: styles.circularLabelSpacing,
+          allowFontScaling: false,
+          children: titleLabel
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-bold",
+          allowFontScaling: false,
+          children: `${value.text}`
+        })]
+      })]
+    }), progressBarVariant === 'circular' && progressBarSize === 'extraLarge' && /*#__PURE__*/_jsxs(View, {
+      style: [styles.alignCenter, styles.alignSelfStart],
+      children: [/*#__PURE__*/_jsx(ProgressBar, {
+        progress: progress,
+        size: progressBarSize,
+        type: progressBarVariant
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.extraLargeCircularHiddenWrapper,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: styles.circularLabelSpacing,
+          customStyle: styles.textAlignCenter,
+          numberOfLines: 2,
+          allowFontScaling: false,
+          children: titleLabel
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "headline-3",
+          numberOfLines: 1,
+          allowFontScaling: false,
+          children: `${value.text}`
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          customContainerStyle: styles.circularLabelSpacing,
+          numberOfLines: 1,
+          allowFontScaling: false,
+          children: `${ofLabel} ${max.text}${valueUnits || ''}`
+        })]
+      })]
+    })]
+  });
+};
+export default ProgressBarWithText;
+//# sourceMappingURL=ProgressBarWithText.js.map

package/lib/module/component/AIA/molecules/ProgressBarWithText/ProgressBarWithText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ProgressBarWithTextStyles","ProgressBar","Text","useCustomTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ProgressBarWithText","props","titleLabel","progressBarVariant","progressBarSize","min","max","value","valueUnits","valuePosition","supportingTextLabel","testID","ofLabel","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","size","spacing","styles","progress","Math","children","variant","customContainerStyle","textBottomSpacing","text","style","valueOnRightTextWrapper","customStyle","rightPositionTextMargin","valueOnRightWrapper","undefined","bottomLabelWrapper","bottomLeftLabel","bottomRightLabel","bottomRightOnlyWidth","rowDirection","alignCenter","type","smallCircularTextWrapper","circularLabelSpacing","alignSelf","largeCircularMaxValueSpacing","allowFontScaling","largeCircularHiddenWrapper","alignSelfStart","extraLargeCircularHiddenWrapper","textAlignCenter","numberOfLines"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/ProgressBarWithText/ProgressBarWithText.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/molecules/ProgressBarWithText/README.md

@@ -0,0 +1,39 @@
+# ProgressBarWithText
+
+## Usage & Example
+
+```js
+import ProgressBarWithText from '@/ProgressBarWithText';
+
+<ProgressBarWithText
+progress={50}
+titleLabel="LabelLabelLabelLabelLabelLabelLabelLabelLabelLabelLabel"
+value={{
+  value: 50000000,
+  text: '50,000,000',
+}}
+min={{
+  value: 0,
+  text: '0',
+}}
+max={{
+  value: 100000000,
+  text: '100,000,000',
+}}
+progressBarVariant="circular"
+progressBarSize="extraLarge"
+/>
+```
+
+Key                   | Type           | Required  | Description                          |
+--------------------- | -------------- | --------- | -----------------------------------  |
+titleLabel            | `string`       | `True`    | Title on top of component.           |
+progressBarVariant    | `string`       | `False`   | Progress bar variant.                |
+progressBarSize       | `string`       | `False`   | Progress bar size.                   |
+min                   | `object`       | `True`    | Minimum value.                       |
+max                   | `object`       | `True`    | Maximum value.                       |
+value                 | `object`       | `True`    | Current value.                       |
+valueUnits            | `string`       | `False`   | Value suffix.                        |
+valuePosition         | `string`       | `False`   | Value display position.              |
+supportingTextLabel   | `string`       | `False`   | Supporting text label.               |
+ofLabel               | `string`       | `False`   | String of replacement of.            |

package/lib/module/component/AIA/molecules/ProgressBarWithText/changelog.txt

@@ -0,0 +1,12 @@
+# DDS 3.0
+## ProgressBarWithText Changelog
+
+## Jun 21, 2024
+### Updated
+- Use headline-3 font config for extra large.
+
+## Sep 18, 2023
+### Added
+- Added new package.
+- Adopt font size, colors, spacing and size token
+- Added titleLabel, progressBarVariant, progressBarSize, min, max, value, valueUnits, valuePosition, supportingTextLabel, ofLabel as props

package/lib/module/component/AIA/molecules/ProgressBarWithText/config/index.js

@@ -0,0 +1,7 @@
+/**
+ *
+ * @format
+ *
+ */
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/ProgressBarWithText/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ProgressBarWithText/config/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAJA","ignoreList":[]}

package/lib/module/component/AIA/molecules/ProgressBarWithText/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./ProgressBarWithText.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/ProgressBarWithText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/ProgressBarWithText/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/ProgressBarWithText/styles/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const ProgressBarWithTextStyles = (size, spacing) => StyleSheet.create({
+  container: {},
+  textBottomSpacing: {
+    marginBottom: spacing.xs
+  },
+  bottomLabelWrapper: {
+    flexDirection: 'row',
+    width: '100%',
+    marginTop: spacing['2xs']
+  },
+  bottomLeftLabel: {
+    width: '50%'
+  },
+  bottomRightLabel: {
+    width: '50%',
+    alignItems: 'flex-end'
+  },
+  bottomRightOnlyWidth: {
+    width: '100%'
+  },
+  valueOnRightWrapper: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    flex: 1
+  },
+  valueOnRightTextWrapper: {
+    marginBottom: spacing['2xs'],
+    flexDirection: 'row'
+  },
+  rowDirection: {
+    flexDirection: 'row'
+  },
+  alignCenter: {
+    alignItems: 'center'
+  },
+  smallCircularTextWrapper: {
+    flexDirection: 'column',
+    marginLeft: 10
+  },
+  circularLabelSpacing: {
+    marginBottom: spacing['2xs']
+  },
+  largeCircularHiddenWrapper: {
+    height: size['9xl'],
+    width: size['9xl'],
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: size.sm + size.xs
+  },
+  largeCircularMaxValueSpacing: {
+    marginTop: spacing.sm
+  },
+  extraLargeCircularHiddenWrapper: {
+    height: size['11xl'],
+    width: size['11xl'],
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: size.lg + size.md
+  },
+  textAlignCenter: {
+    textAlign: 'center'
+  },
+  alignSelfStart: {
+    alignSelf: 'flex-start'
+  },
+  rightPositionTextWrapper: {
+    flex: 1
+  },
+  rightPositionTextMargin: {
+    marginRight: 10
+  }
+});
+export default ProgressBarWithTextStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/ProgressBarWithText/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","ProgressBarWithTextStyles","size","spacing","create","container","textBottomSpacing","marginBottom","xs","bottomLabelWrapper","flexDirection","width","marginTop","bottomLeftLabel","bottomRightLabel","alignItems","bottomRightOnlyWidth","valueOnRightWrapper","justifyContent","flex","valueOnRightTextWrapper","rowDirection","alignCenter","smallCircularTextWrapper","marginLeft","circularLabelSpacing","largeCircularHiddenWrapper","height","position","padding","sm","largeCircularMaxValueSpacing","extraLargeCircularHiddenWrapper","lg","md","textAlignCenter","textAlign","alignSelfStart","alignSelf","rightPositionTextWrapper","rightPositionTextMargin","marginRight"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ProgressBarWithText/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,yBAAyB,GAAGA,CAACC,IAAI,EAAEC,OAAO,KAC/CH,UAAU,CAACI,MAAM,CAAC;EACjBC,SAAS,EAAE,CAAC,CAAC;EACbC,iBAAiB,EAAE;IAClBC,YAAY,EAAEJ,OAAO,CAACK;EACvB,CAAC;EACDC,kBAAkB,EAAE;IACnBC,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAET,OAAO,CAAC,KAAK;EACzB,CAAC;EACDU,eAAe,EAAE;IAChBF,KAAK,EAAE;EACR,CAAC;EACDG,gBAAgB,EAAE;IACjBH,KAAK,EAAE,KAAK;IACZI,UAAU,EAAE;EACb,CAAC;EACDC,oBAAoB,EAAE;IACrBL,KAAK,EAAE;EACR,CAAC;EACDM,mBAAmB,EAAE;IACpBP,aAAa,EAAE,KAAK;IACpBQ,cAAc,EAAE,UAAU;IAC1BC,IAAI,EAAE;EACP,CAAC;EACDC,uBAAuB,EAAE;IACxBb,YAAY,EAAEJ,OAAO,CAAC,KAAK,CAAC;IAC5BO,aAAa,EAAE;EAChB,CAAC;EACDW,YAAY,EAAE;IACbX,aAAa,EAAE;EAChB,CAAC;EACDY,WAAW,EAAE;IACZP,UAAU,EAAE;EACb,CAAC;EACDQ,wBAAwB,EAAE;IACzBb,aAAa,EAAE,QAAQ;IACvBc,UAAU,EAAE;EACb,CAAC;EACDC,oBAAoB,EAAE;IACrBlB,YAAY,EAAEJ,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDuB,0BAA0B,EAAE;IAC3BC,MAAM,EAAEzB,IAAI,CAAC,KAAK,CAAC;IACnBS,KAAK,EAAET,IAAI,CAAC,KAAK,CAAC;IAClB0B,QAAQ,EAAE,UAAU;IACpBV,cAAc,EAAE,QAAQ;IACxBH,UAAU,EAAE,QAAQ;IACpBc,OAAO,EAAE3B,IAAI,CAAC4B,EAAE,GAAG5B,IAAI,CAACM;EACzB,CAAC;EACDuB,4BAA4B,EAAE;IAC7BnB,SAAS,EAAET,OAAO,CAAC2B;EACpB,CAAC;EACDE,+BAA+B,EAAE;IAChCL,MAAM,EAAEzB,IAAI,CAAC,MAAM,CAAC;IACpBS,KAAK,EAAET,IAAI,CAAC,MAAM,CAAC;IACnB0B,QAAQ,EAAE,UAAU;IACpBV,cAAc,EAAE,QAAQ;IACxBH,UAAU,EAAE,QAAQ;IACpBc,OAAO,EAAE3B,IAAI,CAAC+B,EAAE,GAAG/B,IAAI,CAACgC;EACzB,CAAC;EACDC,eAAe,EAAE;IAACC,SAAS,EAAE;EAAQ,CAAC;EACtCC,cAAc,EAAE;IAACC,SAAS,EAAE;EAAY,CAAC;EACzCC,wBAAwB,EAAE;IAACpB,IAAI,EAAE;EAAC,CAAC;EACnCqB,uBAAuB,EAAE;IAACC,WAAW,EAAE;EAAE;AAC1C,CAAC,CAAC;AAEH,eAAexC,yBAAyB","ignoreList":[]}

package/lib/module/component/AIA/molecules/ProgressBarWithText/types/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/ProgressBarWithText/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ProgressBarWithText/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/molecules/RadarChart/README.md

@@ -0,0 +1,18 @@
+# RadarChart
+
+## Usage & Example
+
+```js
+import RadarChart from '@/RadarChart';
+
+<RadarChart chartData={data} />
+```
+
+Key             | Type           | Required  | Description                                            |
+--------------- | -------------- | --------- | -----------------------------------                    |
+chartData       | `object`       | `True`    | Data for display in charts.                            |
+chartConfig     | `object`       | `False`   | Config for overwrite the current default chart config. |
+chartHeight     | `number`       | `False`   | Height of the chart.                                   |
+chartDescription| `string`       | `False`   | String label for display beside the chart.             |
+testID          | `string`       | `False`   | String id for test cases.                              |
+isShowLegendText| `boolean`      | `False`   | Show/Hide legend text.                                 |

package/lib/module/component/AIA/molecules/RadarChart/RadarChart.js

@@ -0,0 +1,106 @@
+"use strict";
+
+/**
+ *
+ * RadarChart
+ * @format
+ *
+ */
+
+import React from 'react';
+import { processColor, View } from 'react-native';
+import RadarChartStyles from "./styles/index.js";
+import { ALLOWED_COLORS } from "./config/index.js";
+import { RadarChart as RNRadarChart } from 'react-native-charts-wrapper';
+import Text from "../../atoms/Text/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RadarChart = props => {
+  const {
+    chartData,
+    chartConfig,
+    chartHeight = 300,
+    chartDescription,
+    isShowLegendText,
+    testID
+  } = props;
+  const {
+    colors,
+    spacing
+  } = useCustomTheme();
+  const styles = RadarChartStyles(spacing);
+  const defaultColor = processColor(colors['text-default']);
+  const defaultChartConfig = {
+    webLineWidth: 1,
+    webColor: processColor(colors['border-subdued']),
+    webLineWidthInner: 1,
+    webColorInner: processColor(colors['border-subdued']),
+    webAlpha: 100,
+    yAxis: {
+      drawLabels: true,
+      textColor: defaultColor
+    },
+    xAxis: {
+      valueFormatter: chartData?.labels,
+      textColor: defaultColor
+    },
+    legend: {
+      enabled: false
+    },
+    ...chartConfig
+  };
+  function processAndFilterChartData(rawData) {
+    return {
+      dataSets: rawData.dataSets.filter(dataSet => ALLOWED_COLORS.includes(dataSet.config.color)).map(dataSet => {
+        return {
+          ...dataSet,
+          config: {
+            fillAlpha: 100,
+            lineWidth: 2,
+            drawFilled: true,
+            drawValues: false,
+            ...dataSet.config,
+            color: processColor(colors[`data-visualisation-${dataSet.config.color}`]),
+            fillColor: processColor(colors[`data-visualisation-${dataSet.config.color}`]),
+            valueTextColor: defaultColor
+          }
+        };
+      }),
+      labels: rawData.labels
+    };
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(RNRadarChart, {
+      style: [styles.container, {
+        height: chartHeight
+      }],
+      chartDescription: {
+        text: chartDescription ?? ''
+      },
+      data: processAndFilterChartData(chartData),
+      yAxis: defaultChartConfig.yAxis,
+      xAxis: defaultChartConfig.xAxis,
+      webLineWidth: defaultChartConfig.webLineWidth,
+      webLineWidthInner: defaultChartConfig.webLineWidthInner,
+      webColor: defaultChartConfig.webColor,
+      webColorInner: defaultChartConfig.webColorInner,
+      webAlpha: defaultChartConfig.webAlpha,
+      legend: defaultChartConfig.legend,
+      skipWebLineCount: 1,
+      drawWeb: true,
+      rotationEnabled: false
+    }), isShowLegendText && /*#__PURE__*/_jsx(View, {
+      children: chartData?.dataSets.map((data, index) => {
+        return /*#__PURE__*/_jsx(Text, {
+          customContainerStyle: index == 0 ? styles.textContainer : styles.textSpacing,
+          legendDotColor: data.config.color,
+          children: data.label
+        }, `${index}-text`);
+      })
+    })]
+  });
+};
+export default RadarChart;
+//# sourceMappingURL=RadarChart.js.map

package/lib/module/component/AIA/molecules/RadarChart/RadarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","processColor","View","RadarChartStyles","ALLOWED_COLORS","RadarChart","RNRadarChart","Text","useCustomTheme","jsx","_jsx","jsxs","_jsxs","props","chartData","chartConfig","chartHeight","chartDescription","isShowLegendText","testID","colors","spacing","styles","defaultColor","defaultChartConfig","webLineWidth","webColor","webLineWidthInner","webColorInner","webAlpha","yAxis","drawLabels","textColor","xAxis","valueFormatter","labels","legend","enabled","processAndFilterChartData","rawData","dataSets","filter","dataSet","includes","config","color","map","fillAlpha","lineWidth","drawFilled","drawValues","fillColor","valueTextColor","style","container","children","height","text","data","skipWebLineCount","drawWeb","rotationEnabled","index","customContainerStyle","textContainer","textSpacing","legendDotColor","label"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/RadarChart/RadarChart.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/molecules/RadarChart/changelog.txt

@@ -0,0 +1,19 @@
+# DDS 3.0
+## RadarChart Changelog
+
+## Mar 1, 2024
+### Updated
+- Update story
+
+## Dec 19, 2023
+### Updated
+- Added isShowLegendText to custom legend to match design from figma
+
+## Nov 29, 2023
+### Updated
+- Disable rotation and added drawValues as props to show/dismiss value for radar charts
+
+## Oct 3, 2023
+### Updated
+- Added new component
+- Added chartData, chartConfig, chartHeight, chartDescription, testID as props

package/lib/module/component/AIA/molecules/RadarChart/config/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ALLOWED_COLORS = ['category-1', 'category-2', 'category-3', 'category-4', 'category-5', 'category-6', 'category-7', 'category-8', 'others', 'positive', 'neutral', 'negative'];
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/RadarChart/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALLOWED_COLORS"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/RadarChart/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAG,CAC7B,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,CACV","ignoreList":[]}

package/lib/module/component/AIA/molecules/RadarChart/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./RadarChart.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/RadarChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/RadarChart/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/RadarChart/styles/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const RadarChartStyles = spacing => StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  textContainer: {
+    marginTop: spacing['2xl']
+  },
+  textSpacing: {
+    marginTop: spacing.xs
+  }
+});
+export default RadarChartStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/RadarChart/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","RadarChartStyles","spacing","create","container","width","textContainer","marginTop","textSpacing","xs"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/RadarChart/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,gBAAgB,GAAGC,OAAO,IAC/BF,UAAU,CAACG,MAAM,CAAC;EACjBC,SAAS,EAAE;IAACC,KAAK,EAAE;EAAM,CAAC;EAC1BC,aAAa,EAAE;IACdC,SAAS,EAAEL,OAAO,CAAC,KAAK;EACzB,CAAC;EACDM,WAAW,EAAE;IACZD,SAAS,EAAEL,OAAO,CAACO;EACpB;AACD,CAAC,CAAC;AAEH,eAAeR,gBAAgB","ignoreList":[]}

package/lib/module/component/AIA/molecules/RadarChart/types/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/RadarChart/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/RadarChart/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/molecules/RadioWithContainer/README.md

@@ -0,0 +1,31 @@
+# RadioWithContainer
+
+## Usage & Example
+
+```js
+import RadioWithContainer from '@/RadioWithContainer';
+
+<RadioWithContainer>
+onPress={() => setSelectDefault(!selectDefault)}
+value={selectDefault}
+description={sampleText}
+illustratedIconName="health"
+label={sampleTitle}
+isDisabled
+errorMessage={"Error Message"}
+type="container"
+/>
+```
+
+Key                   | Type           | Required  | Description                                                          |
+---------------       | -------------- | --------- | -----------------------------------                                  |
+label                 | `string`       | `True`    | String to display in component.                                      |
+isDisabled            | `boolean`      | `False`   | Active or inactive of component.                                     |
+description           | `string`       | `False`   | String display under title, description will not show if icon exist. |
+value                 | `boolean`      | `False`   | Selected or not selected of component.                               |
+onPress               | `function`     | `False`   | On Press function for component                                      |
+errorMessage          | `string`       | `False`   | Error message display bottom of component with error icon.           |
+illustratedIconName   | `string`       | `False`   | Illustrated icon name.                                               |
+type                  | `string`       | `False`   | Type of component, with container or only label.                     |
+testID                | `string`       | `False`   | String id for test case.                                             |
+