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

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

@@ -0,0 +1,71 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const ContentFlatCardStyles = (colors, border, size, spacing) => StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  cardContainerWrapper: {
+    width: '100%',
+    flexDirection: 'row'
+  },
+  dot: {
+    width: 4,
+    height: 4,
+    borderRadius: 2,
+    backgroundColor: colors['icon-subdued'],
+    marginHorizontal: spacing.xs
+  },
+  spacingOneMarginBottom: {
+    marginBottom: spacing['2xs']
+  },
+  spacingTwoMarginBottom: {
+    marginBottom: spacing.xs
+  },
+  spacingTwoMarginTop: {
+    marginTop: spacing.xs
+  },
+  tagsWrapper: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'flex-start',
+    marginTop: spacing.xs
+  },
+  row: {
+    flexDirection: 'row'
+  },
+  imageWrapper: {
+    height: size['7xl'],
+    width: size['7xl'],
+    marginRight: spacing.md,
+    borderRadius: border['radius-md'],
+    overflow: 'hidden'
+  },
+  iconTextWrapper: {
+    marginTop: spacing.md
+  },
+  horizontalImageWrapper: {
+    minHeight: 152,
+    width: '100%',
+    borderRadius: border['radius-md'],
+    marginBottom: spacing.md
+  },
+  captionBorderActive: {
+    borderBottomWidth: border['border-sm'],
+    alignSelf: 'flex-start',
+    borderColor: colors['text-default']
+  },
+  captionBorder: {
+    borderBottomWidth: border['border-sm'],
+    alignSelf: 'flex-start',
+    borderColor: 'transparent'
+  }
+});
+export default ContentFlatCardStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","ContentFlatCardStyles","colors","border","size","spacing","create","container","flex","cardContainerWrapper","width","flexDirection","dot","height","borderRadius","backgroundColor","marginHorizontal","xs","spacingOneMarginBottom","marginBottom","spacingTwoMarginBottom","spacingTwoMarginTop","marginTop","tagsWrapper","flexWrap","alignItems","row","imageWrapper","marginRight","md","overflow","iconTextWrapper","horizontalImageWrapper","minHeight","captionBorderActive","borderBottomWidth","alignSelf","borderColor","captionBorder"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ContentFlatCard/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,qBAAqB,GAAGA,CAACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KAC3DL,UAAU,CAACM,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,IAAI,EAAE;EACP,CAAC;EACDC,oBAAoB,EAAE;IACrBC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EAChB,CAAC;EACDC,GAAG,EAAE;IACJF,KAAK,EAAE,CAAC;IACRG,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEb,MAAM,CAAC,cAAc,CAAC;IACvCc,gBAAgB,EAAEX,OAAO,CAACY;EAC3B,CAAC;EACDC,sBAAsB,EAAE;IACvBC,YAAY,EAAEd,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDe,sBAAsB,EAAE;IACvBD,YAAY,EAAEd,OAAO,CAACY;EACvB,CAAC;EACDI,mBAAmB,EAAE;IACpBC,SAAS,EAAEjB,OAAO,CAACY;EACpB,CAAC;EACDM,WAAW,EAAE;IACZZ,aAAa,EAAE,KAAK;IACpBa,QAAQ,EAAE,MAAM;IAChBC,UAAU,EAAE,YAAY;IACxBH,SAAS,EAAEjB,OAAO,CAACY;EACpB,CAAC;EACDS,GAAG,EAAE;IACJf,aAAa,EAAE;EAChB,CAAC;EACDgB,YAAY,EAAE;IACbd,MAAM,EAAET,IAAI,CAAC,KAAK,CAAC;IACnBM,KAAK,EAAEN,IAAI,CAAC,KAAK,CAAC;IAClBwB,WAAW,EAAEvB,OAAO,CAACwB,EAAE;IACvBf,YAAY,EAAEX,MAAM,CAAC,WAAW,CAAC;IACjC2B,QAAQ,EAAE;EACX,CAAC;EACDC,eAAe,EAAE;IAChBT,SAAS,EAAEjB,OAAO,CAACwB;EACpB,CAAC;EACDG,sBAAsB,EAAE;IACvBC,SAAS,EAAE,GAAG;IACdvB,KAAK,EAAE,MAAM;IACbI,YAAY,EAAEX,MAAM,CAAC,WAAW,CAAC;IACjCgB,YAAY,EAAEd,OAAO,CAACwB;EACvB,CAAC;EACDK,mBAAmB,EAAE;IACpBC,iBAAiB,EAAEhC,MAAM,CAAC,WAAW,CAAC;IACtCiC,SAAS,EAAE,YAAY;IACvBC,WAAW,EAAEnC,MAAM,CAAC,cAAc;EACnC,CAAC;EACDoC,aAAa,EAAE;IACdH,iBAAiB,EAAEhC,MAAM,CAAC,WAAW,CAAC;IACtCiC,SAAS,EAAE,YAAY;IACvBC,WAAW,EAAE;EACd;AACD,CAAC,CAAC;AAEH,eAAepC,qBAAqB","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,143 @@
+"use strict";
+
+/**
+ *
+ * Dialog
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View, TouchableWithoutFeedback } from 'react-native';
+import DialogStyles from "./styles/index.js";
+import Button from "../../atoms/Button/index.js";
+import DialogContainer from "../../atoms/DialogContainer/index.js";
+import Icon from "../../atoms/Icon/index.js";
+import Text from "../../atoms/Text/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/useCustomTheme.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const Dialog = props => {
+  const {
+    isVisible,
+    onClose,
+    variant = 'normal',
+    title,
+    children,
+    isShowButton,
+    isShowCloseButton,
+    buttonPlacement = 'stack',
+    primaryButtonLabel,
+    primaryOnPress,
+    secondaryButtonLabel,
+    secondaryOnPress,
+    alertIcon,
+    alertBody,
+    allowBackdropOnClose,
+    secondaryType = 'digitalred',
+    testID,
+    secondButtonVariant = 'secondary',
+    thirdButtonLabel,
+    thirdButtonOnPress,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    spacing
+  } = useCustomTheme();
+  const styles = DialogStyles(spacing);
+  return /*#__PURE__*/_jsxs(DialogContainer, {
+    isVisible: isVisible,
+    onClose: () => onClose?.(),
+    allowBackdropOnClose: allowBackdropOnClose,
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: [variant == 'normal' && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.titleContainer,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "headline-4-medium",
+          customContainerStyle: styles.flexGrow,
+          children: title
+        }), isShowCloseButton && /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+          onPress: () => onClose?.(),
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.iconContainer,
+            children: /*#__PURE__*/_jsx(Icon, {
+              group: "function",
+              name: "close",
+              size: 6,
+              color: "default"
+            })
+          })
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: [styles.flexGrow, isShowButton && styles.maxHeightNormal, isShowButton && secondaryButtonLabel && buttonPlacement !== 'side' && styles.maxHeightStackButton],
+        children: children
+      })]
+    }), variant == 'alert' && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.alertIconContainer,
+        children: /*#__PURE__*/_jsx(Icon, {
+          group: alertIcon?.group,
+          name: alertIcon?.name,
+          size: 11,
+          color: alertIcon?.color
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "headline-4-medium",
+        customContainerStyle: styles.alertTitleWrapper,
+        customStyle: styles.textAlignCenter,
+        children: title
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-1-regular",
+        customContainerStyle: styles.alertBodyWrapper,
+        customStyle: styles.textAlignCenter,
+        children: alertBody
+      })]
+    }), isShowButton && /*#__PURE__*/_jsxs(View, {
+      style: buttonPlacement == 'side' && styles.buttonSideContainer,
+      children: [secondaryButtonLabel && buttonPlacement == 'side' && /*#__PURE__*/_jsx(View, {
+        style: [styles.buttonTopSpacing, styles.buttonSideFlex, styles.buttonSideMargin],
+        children: /*#__PURE__*/_jsx(Button, {
+          buttonLabel: secondaryButtonLabel,
+          onPress: () => secondaryOnPress?.(),
+          type: 'secondary',
+          secondaryType: secondaryType,
+          isFullWidth: true
+        })
+      }), primaryButtonLabel && /*#__PURE__*/_jsx(View, {
+        style: [styles.buttonTopSpacing, buttonPlacement == 'side' && styles.buttonSideFlex],
+        children: /*#__PURE__*/_jsx(Button, {
+          buttonLabel: primaryButtonLabel,
+          onPress: () => primaryOnPress?.(),
+          isFullWidth: true
+        })
+      }), secondaryButtonLabel && buttonPlacement == 'stack' && /*#__PURE__*/_jsx(View, {
+        style: styles.buttonTopSpacing,
+        children: /*#__PURE__*/_jsx(Button, {
+          buttonLabel: secondaryButtonLabel,
+          onPress: () => secondaryOnPress?.(),
+          type: secondButtonVariant,
+          isFullWidth: true
+        })
+      }), thirdButtonLabel && buttonPlacement == 'stack' && /*#__PURE__*/_jsx(View, {
+        style: styles.buttonTopSpacing,
+        children: /*#__PURE__*/_jsx(Button, {
+          buttonLabel: thirdButtonLabel,
+          onPress: () => thirdButtonOnPress?.(),
+          type: 'tertiary',
+          isFullWidth: true
+        })
+      })]
+    })]
+  });
+};
+export default Dialog;
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","TouchableWithoutFeedback","DialogStyles","Button","DialogContainer","Icon","Text","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Dialog","props","isVisible","onClose","variant","title","children","isShowButton","isShowCloseButton","buttonPlacement","primaryButtonLabel","primaryOnPress","secondaryButtonLabel","secondaryOnPress","alertIcon","alertBody","allowBackdropOnClose","secondaryType","testID","secondButtonVariant","thirdButtonLabel","thirdButtonOnPress","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","spacing","styles","style","titleContainer","customContainerStyle","flexGrow","onPress","iconContainer","group","name","size","color","maxHeightNormal","maxHeightStackButton","alertIconContainer","alertTitleWrapper","customStyle","textAlignCenter","alertBodyWrapper","buttonSideContainer","buttonTopSpacing","buttonSideFlex","buttonSideMargin","buttonLabel","type","isFullWidth"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+# Dialog
+
+## Usage & Example
+
+```js
+import Dialog from '@/Dialog';
+
+<Dialog
+isVisible={isDialogVisible7}
+onClose={() => setDialogVisible7(false)}
+variant="alert"
+title="Dialog Title"
+alertIcon={{group: 'general', name: 'warning', color: 'yellow'}}
+alertBody="Lorem ipsum dolor sit amet, consectetur adipiscing elit"
+primaryButtonLabel="Button"
+primaryOnPress={() => console.log('Primary Pressed')}
+secondaryButtonLabel="Button"
+isShowButton
+isShowCloseButton
+allowBackdropOnClose
+buttonPlacement="side"
+secondaryOnPress={() => console.log('Secondary Pressed')}
+/>
+
+or
+
+<Dialog
+isVisible={isDialogVisible4}
+onClose={() => setDialogVisible4(false)}
+isShowButton
+primaryButtonLabel="Button"
+primaryOnPress={() => console.log('Primary Pressed')}
+secondaryButtonLabel="Button"
+buttonPlacement="side"
+title="Dialog Title"
+isShowCloseButton
+allowBackdropOnClose>
+<View
+  style={{height: 150, width: '100%', alignItems: 'center', justifyContent: 'center'}}>
+  <Text>Component Slot</Text>
+</View>
+</Dialog>
+
+```
+
+Key                 | Type           | Required  | Description                                      |
+---------------     | -------------- | --------- | ------------------------------------------------ |
+children            | `react.node`   | `False`   | Children node display in dialog.                 |
+buttonPlacement     | `string`       | `False`   | Button display as stacked or side.               |
+alertIcon           | `Object`       | `False`   | Alert dialog icon set.                           |
+alertBody           | `string`       | `False`   | Alert body text.                                 |
+variant             | `string`       | `False`   | Dialog variant - normal | alert.                 |
+isShowButton        | `boolean`      | `False`   | Show bottom button.                              |
+isShowCloseButton   | `boolean`      | `False`   | Show close button.                               |
+allowBackdropOnClose| `boolean`      | `False`   | Allow backdrop call onClose.                     |
+secondaryType       | `string`       | `False`   | Secondary button type.                           |
+onClose             | `function`     | `True`    | On close function.                               |
+isVisible           | `boolean`      | `True`    | Show/Dismiss dialog.                             |
+title               | `string`       | `True`    | Title of Dialog.                                 |
+primaryButtonLabel  | `string`       | `False`   | Primary button label title.                      |
+primaryOnPress      | `function`     | `False`   | Primary button onPress function.                 |
+secondaryButtonLabel| `string`       | `False`   | Secondary button label title.                    |
+secondaryOnPress    | `function`     | `False`   | Secondary button onPress function.               |
+secondButtonVariant | `string`       | `False`   | Second button display as secondary or tertiary.  |
+thirdButtonLabel    | `string`       | `False`   | Third button label title.                        |
+thirdButtonOnPress  | `function`     | `False`   | Third button onPress function.                   |

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

@@ -0,0 +1,18 @@
+# DDS 3.0
+## Dialog Changelog
+
+## Dec 8, 2023
+### Added
+- Added secondButtonVariant, thirdButtonLabel, thirdButtonOnPress
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Jul 25, 2023
+### Added
+- Added new package.
+- Adopt DDS spacing, size token
+- Follow DDS 3.0 Design
+- Added children, buttonPlacement, alertIcon, alertBody, variant, isShowButton, isShowCloseButton, allowBackdropOnClose,
+  secondaryType, onClose, isVisible, title, primaryButtonLabel, primaryOnPress, secondaryButtonLabel, secondaryOnPress as props

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,64 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const DialogStyles = spacing => StyleSheet.create({
+  buttonSideContainer: {
+    flexDirection: 'row',
+    width: '100%'
+  },
+  //to be removed after merge atoms icon button
+  iconContainer: {
+    width: 44,
+    marginLeft: spacing.md,
+    marginRight: -spacing.md + spacing['2xs'],
+    marginTop: -spacing.xl + spacing['2xs'],
+    paddingLeft: spacing.md,
+    justifyContent: 'center'
+  },
+  titleContainer: {
+    width: '100%',
+    flexDirection: 'row',
+    marginBottom: spacing.md
+  },
+  buttonTopSpacing: {
+    marginTop: spacing.md
+  },
+  buttonSideFlex: {
+    flex: 1
+  },
+  buttonSideMargin: {
+    marginRight: spacing.md
+  },
+  alertIconContainer: {
+    width: '100%',
+    alignItems: 'center'
+  },
+  alertTitleWrapper: {
+    width: '100%',
+    marginTop: spacing.md
+  },
+  alertBodyWrapper: {
+    width: '100%',
+    marginTop: spacing.xs
+  },
+  textAlignCenter: {
+    textAlign: 'center'
+  },
+  flexGrow: {
+    flexGrow: 1
+  },
+  maxHeightNormal: {
+    maxHeight: 300
+  },
+  maxHeightStackButton: {
+    maxHeight: 240
+  }
+});
+export default DialogStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","DialogStyles","spacing","create","buttonSideContainer","flexDirection","width","iconContainer","marginLeft","md","marginRight","marginTop","xl","paddingLeft","justifyContent","titleContainer","marginBottom","buttonTopSpacing","buttonSideFlex","flex","buttonSideMargin","alertIconContainer","alignItems","alertTitleWrapper","alertBodyWrapper","xs","textAlignCenter","textAlign","flexGrow","maxHeightNormal","maxHeight","maxHeightStackButton"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Dialog/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,YAAY,GAAGC,OAAO,IAC3BF,UAAU,CAACG,MAAM,CAAC;EACjBC,mBAAmB,EAAE;IACpBC,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE;EACR,CAAC;EACD;EACAC,aAAa,EAAE;IACdD,KAAK,EAAE,EAAE;IACTE,UAAU,EAAEN,OAAO,CAACO,EAAE;IACtBC,WAAW,EAAE,CAACR,OAAO,CAACO,EAAE,GAAGP,OAAO,CAAC,KAAK,CAAC;IACzCS,SAAS,EAAE,CAACT,OAAO,CAACU,EAAE,GAAGV,OAAO,CAAC,KAAK,CAAC;IACvCW,WAAW,EAAEX,OAAO,CAACO,EAAE;IACvBK,cAAc,EAAE;EACjB,CAAC;EACDC,cAAc,EAAE;IACfT,KAAK,EAAE,MAAM;IACbD,aAAa,EAAE,KAAK;IACpBW,YAAY,EAAEd,OAAO,CAACO;EACvB,CAAC;EACDQ,gBAAgB,EAAE;IACjBN,SAAS,EAAET,OAAO,CAACO;EACpB,CAAC;EACDS,cAAc,EAAE;IACfC,IAAI,EAAE;EACP,CAAC;EACDC,gBAAgB,EAAE;IACjBV,WAAW,EAAER,OAAO,CAACO;EACtB,CAAC;EACDY,kBAAkB,EAAE;IACnBf,KAAK,EAAE,MAAM;IACbgB,UAAU,EAAE;EACb,CAAC;EACDC,iBAAiB,EAAE;IAClBjB,KAAK,EAAE,MAAM;IACbK,SAAS,EAAET,OAAO,CAACO;EACpB,CAAC;EACDe,gBAAgB,EAAE;IACjBlB,KAAK,EAAE,MAAM;IACbK,SAAS,EAAET,OAAO,CAACuB;EACpB,CAAC;EACDC,eAAe,EAAE;IAChBC,SAAS,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACTA,QAAQ,EAAE;EACX,CAAC;EACDC,eAAe,EAAE;IAChBC,SAAS,EAAE;EACZ,CAAC;EACDC,oBAAoB,EAAE;IACrBD,SAAS,EAAE;EACZ;AACD,CAAC,CAAC;AAEH,eAAe7B,YAAY","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,180 @@
+"use strict";
+
+/**
+ *
+ * DonutChart
+ * @format
+ *
+ */
+
+import React, { useEffect, useState } from 'react';
+import { View } from 'react-native';
+import Svg, { Circle, G, Rect } from 'react-native-svg';
+import { DATA_COLORS } from "./config/index.js";
+import DonutChartStyles from "./styles/index.js";
+import Text from "../../atoms/Text/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import Animated, { useSharedValue, withTiming, useAnimatedProps, interpolate } from 'react-native-reanimated';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedCircle = Animated.createAnimatedComponent(Circle);
+const PieChartSegment = props => {
+  const {
+    center,
+    radius,
+    strokeWidth,
+    circumference,
+    color,
+    angle,
+    percent,
+    progress
+  } = props;
+  const gapLength = 2 / (2 * Math.PI * radius);
+  const animatedProps = useAnimatedProps(() => {
+    const actualPercentage = percent - gapLength;
+    const strokeDashoffset = interpolate(progress.value, [0, 1], [circumference, circumference * (1 - actualPercentage)]);
+    const rotateAngle = interpolate(progress.value, [0, 1], [-90, angle]);
+    return {
+      strokeDashoffset,
+      transform: [{
+        translateX: center
+      }, {
+        translateY: center
+      }, {
+        rotate: `${rotateAngle}deg`
+      }, {
+        translateX: -center
+      }, {
+        translateY: -center
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsx(AnimatedCircle, {
+    cx: center,
+    cy: center,
+    r: radius,
+    strokeWidth: strokeWidth,
+    stroke: color,
+    strokeDashoffset: circumference * (1 - percent + gapLength) // Subtracting gapLength here
+    ,
+    strokeDasharray: circumference,
+    originX: center,
+    originY: center,
+    fill: 'transparent',
+    animatedProps: animatedProps
+  });
+};
+const DonutChart = props => {
+  const {
+    chartVariant = 'normal',
+    chartSize = 200,
+    valueText,
+    labelText,
+    description,
+    chartData,
+    isShowLabel
+  } = props;
+  const {
+    colors,
+    spacing
+  } = useCustomTheme();
+  const styles = DonutChartStyles(spacing);
+  const progress = useSharedValue(0);
+  const [data, setData] = useState([]);
+  const [startAngles, setStartAngles] = useState([]);
+  const center = chartSize / 2;
+  const fullRadius = center;
+  const innerCircleRadius = chartVariant == 'normal' ? fullRadius * (2 / 3) : fullRadius * (13 / 15);
+  const strokeWidth = fullRadius - innerCircleRadius;
+  const segmentRadius = innerCircleRadius + strokeWidth / 2;
+  const circumference = 2 * Math.PI * segmentRadius;
+  const middleTextWrapperMargin = chartVariant == 'normal' ? innerCircleRadius / 2 : innerCircleRadius / 4;
+  const animate = () => {
+    const totalValue = chartData.reduce((acc, item) => acc + item.value, 0);
+    const enhancedData = chartData.map(item => ({
+      ...item,
+      percent: item.value / totalValue
+    }));
+    let accumulatedAngle = -90;
+    const angles = [];
+    enhancedData.forEach(item => {
+      angles.push(accumulatedAngle);
+      accumulatedAngle += item.percent * 360;
+    });
+    setData(enhancedData);
+    setStartAngles(angles);
+    progress.value = 0;
+    progress.value = withTiming(1, {
+      duration: 1000
+    });
+  };
+  useEffect(() => {
+    animate();
+  }, []);
+  const checkIsDataColor = colorCode => {
+    return colorCode !== undefined && DATA_COLORS.includes(colorCode);
+  };
+  const returnColorCode = colorCode => {
+    return checkIsDataColor(colorCode) ? colors[`data-visualisation-${colorCode}`] : colors['category-1'];
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [{
+        height: chartSize
+      }, styles.container],
+      children: /*#__PURE__*/_jsxs(Svg, {
+        viewBox: `0 0 ${chartSize} ${chartSize}`,
+        children: [/*#__PURE__*/_jsx(Rect, {
+          width: chartSize,
+          height: chartSize,
+          fill: "transparent"
+        }), /*#__PURE__*/_jsx(G, {
+          transform: `translate(${chartSize / 2}, ${chartSize / 2})`,
+          children: data.map((item, index) => /*#__PURE__*/_jsx(PieChartSegment, {
+            center: center,
+            radius: segmentRadius,
+            circumference: circumference,
+            angle: startAngles[index],
+            color: returnColorCode(item.color),
+            percent: item.percent || 0,
+            strokeWidth: strokeWidth,
+            progress: progress
+          }, `${item.color}-${index}`))
+        })]
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [{
+        width: chartSize,
+        height: chartSize
+      }, styles.textContainer],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [{
+          margin: middleTextWrapperMargin
+        }, styles.middleTextWrapper],
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: "headline-5-medium",
+          children: valueText
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-1-regular",
+          children: labelText
+        }), chartVariant === 'slim' && description !== undefined && /*#__PURE__*/_jsx(Text, {
+          variant: "body-2-regular",
+          color: colors['text-subdued'],
+          customContainerStyle: styles.descriptionTextSpacing,
+          children: description
+        })]
+      })
+    }), isShowLabel && /*#__PURE__*/_jsx(View, {
+      style: styles.legendTextWrapper,
+      children: chartData.map((item, index) => {
+        return /*#__PURE__*/_jsx(Text, {
+          variant: "body-1-regular",
+          customContainerStyle: index == 0 ? undefined : styles.legendTextSpacing,
+          legendDotColor: item.color,
+          children: item.label
+        }, `${item.color}-${index}-text`);
+      })
+    })]
+  });
+};
+export default DonutChart;
+//# sourceMappingURL=DonutChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Svg","Circle","G","Rect","DATA_COLORS","DonutChartStyles","Text","useCustomTheme","Animated","useSharedValue","withTiming","useAnimatedProps","interpolate","jsx","_jsx","jsxs","_jsxs","AnimatedCircle","createAnimatedComponent","PieChartSegment","props","center","radius","strokeWidth","circumference","color","angle","percent","progress","gapLength","Math","PI","animatedProps","actualPercentage","strokeDashoffset","value","rotateAngle","transform","translateX","translateY","rotate","cx","cy","r","stroke","strokeDasharray","originX","originY","fill","DonutChart","chartVariant","chartSize","valueText","labelText","description","chartData","isShowLabel","colors","spacing","styles","data","setData","startAngles","setStartAngles","fullRadius","innerCircleRadius","segmentRadius","middleTextWrapperMargin","animate","totalValue","reduce","acc","item","enhancedData","map","accumulatedAngle","angles","forEach","push","duration","checkIsDataColor","colorCode","undefined","includes","returnColorCode","children","style","height","container","viewBox","width","index","textContainer","margin","middleTextWrapper","variant","customContainerStyle","descriptionTextSpacing","legendTextWrapper","legendTextSpacing","legendDotColor","label"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/DonutChart/DonutChart.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,IAAI,QAAO,cAAc;AACjC,OAAOC,GAAG,IAAGC,MAAM,EAAEC,CAAC,EAAEC,IAAI,QAAO,kBAAkB;AAGrD,SAAQC,WAAW;AACnB,OAAOC,gBAAgB;AAEvB,OAAOC,IAAI;AAGX,OAAOC,cAAc;AAErB,OAAOC,QAAQ,IAAGC,cAAc,EAAEC,UAAU,EAAEC,gBAAgB,EAAEC,WAAW,QAAO,yBAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3G,MAAMC,cAAc,GAAGT,QAAQ,CAACU,uBAAuB,CAACjB,MAAM,CAAC;AAE/D,MAAMkB,eAAe,GAAIC,KAAwB,IAAK;EACrD,MAAM;IAACC,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC,aAAa;IAAEC,KAAK;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGR,KAAK;EAC3F,MAAMS,SAAS,GAAG,CAAC,IAAI,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGT,MAAM,CAAC;EAE5C,MAAMU,aAAa,GAAGrB,gBAAgB,CAAC,MAAM;IAC5C,MAAMsB,gBAAgB,GAAGN,OAAO,GAAGE,SAAS;IAE5C,MAAMK,gBAAgB,GAAGtB,WAAW,CACnCgB,QAAQ,CAACO,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACX,aAAa,EAAEA,aAAa,IAAI,CAAC,GAAGS,gBAAgB,CAAC,CACvD,CAAC;IAED,MAAMG,WAAW,GAAGxB,WAAW,CAACgB,QAAQ,CAACO,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAET,KAAK,CAAC,CAAC;IAErE,OAAO;MACNQ,gBAAgB;MAChBG,SAAS,EAAE,CACV;QAACC,UAAU,EAAEjB;MAAM,CAAC,EACpB;QAACkB,UAAU,EAAElB;MAAM,CAAC,EACpB;QAACmB,MAAM,EAAE,GAAGJ,WAAW;MAAK,CAAC,EAC7B;QAACE,UAAU,EAAE,CAACjB;MAAM,CAAC,EACrB;QAACkB,UAAU,EAAE,CAAClB;MAAM,CAAC;IAEvB,CAAC;EACF,CAAC,CAAC;EAEF,oBACCP,IAAA,CAACG,cAAc;IACdwB,EAAE,EAAEpB,MAAO;IACXqB,EAAE,EAAErB,MAAO;IACXsB,CAAC,EAAErB,MAAO;IACVC,WAAW,EAAEA,WAAY;IACzBqB,MAAM,EAAEnB,KAAM;IACdS,gBAAgB,EAAEV,aAAa,IAAI,CAAC,GAAGG,OAAO,GAAGE,SAAS,CAAE,CAAC;IAAA;IAC7DgB,eAAe,EAAErB,aAAc;IAC/BsB,OAAO,EAAEzB,MAAO;IAChB0B,OAAO,EAAE1B,MAAO;IAChB2B,IAAI,EAAE,aAAc;IACpBhB,aAAa,EAAEA;EAAc,CAC7B,CAAC;AAEJ,CAAC;AAED,MAAMiB,UAAU,GAAI7B,KAAgB,IAAK;EACxC,MAAM;IAAC8B,YAAY,GAAG,QAAQ;IAAEC,SAAS,GAAG,GAAG;IAAEC,SAAS;IAAEC,SAAS;IAAEC,WAAW;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGpC,KAAK;EAEnH,MAAM;IAACqC,MAAM;IAAEC;EAAO,CAAC,GAAGnD,cAAc,CAAC,CAAC;EAC1C,MAAMoD,MAAM,GAAGtD,gBAAgB,CAACqD,OAAO,CAAC;EAExC,MAAM9B,QAAQ,GAAGnB,cAAc,CAAC,CAAC,CAAC;EAClC,MAAM,CAACmD,IAAI,EAAEC,OAAO,CAAC,GAAG/D,QAAQ,CAAmB,EAAE,CAAC;EACtD,MAAM,CAACgE,WAAW,EAAEC,cAAc,CAAC,GAAGjE,QAAQ,CAAW,EAAE,CAAC;EAC5D,MAAMuB,MAAM,GAAG8B,SAAS,GAAG,CAAC;EAC5B,MAAMa,UAAU,GAAG3C,MAAM;EACzB,MAAM4C,iBAAiB,GAAGf,YAAY,IAAI,QAAQ,GAAGc,UAAU,IAAI,CAAC,GAAG,CAAC,CAAC,GAAGA,UAAU,IAAI,EAAE,GAAG,EAAE,CAAC;EAClG,MAAMzC,WAAW,GAAGyC,UAAU,GAAGC,iBAAiB;EAClD,MAAMC,aAAa,GAAGD,iBAAiB,GAAG1C,WAAW,GAAG,CAAC;EACzD,MAAMC,aAAa,GAAG,CAAC,GAAGM,IAAI,CAACC,EAAE,GAAGmC,aAAa;EACjD,MAAMC,uBAAuB,GAAGjB,YAAY,IAAI,QAAQ,GAAGe,iBAAiB,GAAG,CAAC,GAAGA,iBAAiB,GAAG,CAAC;EAExG,MAAMG,OAAO,GAAGA,CAAA,KAAM;IACrB,MAAMC,UAAU,GAAGd,SAAS,CAACe,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAKD,GAAG,GAAGC,IAAI,CAACrC,KAAK,EAAE,CAAC,CAAC;IACvE,MAAMsC,YAAY,GAAGlB,SAAS,CAACmB,GAAG,CAACF,IAAI,KAAK;MAC3C,GAAGA,IAAI;MACP7C,OAAO,EAAE6C,IAAI,CAACrC,KAAK,GAAGkC;IACvB,CAAC,CAAC,CAAC;IAEH,IAAIM,gBAAgB,GAAG,CAAC,EAAE;IAC1B,MAAMC,MAAgB,GAAG,EAAE;IAE3BH,YAAY,CAACI,OAAO,CAACL,IAAI,IAAI;MAC5BI,MAAM,CAACE,IAAI,CAACH,gBAAgB,CAAC;MAC7BA,gBAAgB,IAAIH,IAAI,CAAC7C,OAAO,GAAG,GAAG;IACvC,CAAC,CAAC;IAEFkC,OAAO,CAACY,YAAY,CAAC;IACrBV,cAAc,CAACa,MAAM,CAAC;IAEtBhD,QAAQ,CAACO,KAAK,GAAG,CAAC;IAClBP,QAAQ,CAACO,KAAK,GAAGzB,UAAU,CAAC,CAAC,EAAE;MAC9BqE,QAAQ,EAAE;IACX,CAAC,CAAC;EACH,CAAC;EAEDlF,SAAS,CAAC,MAAM;IACfuE,OAAO,CAAC,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMY,gBAAgB,GAAIC,SAAiB,IAAK;IAC/C,OAAOA,SAAS,KAAKC,SAAS,IAAI9E,WAAW,CAAC+E,QAAQ,CAACF,SAAS,CAAC;EAClE,CAAC;EAED,MAAMG,eAAe,GAAIH,SAAiB,IAAK;IAC9C,OAAOD,gBAAgB,CAACC,SAAS,CAAC,GAAGxB,MAAM,CAAC,sBAAsBwB,SAAS,EAAE,CAAC,GAAGxB,MAAM,CAAC,YAAY,CAAC;EACtG,CAAC;EAED,oBACCzC,KAAA,CAACjB,IAAI;IAAAsF,QAAA,gBACJvE,IAAA,CAACf,IAAI;MAACuF,KAAK,EAAE,CAAC;QAACC,MAAM,EAAEpC;MAAS,CAAC,EAAEQ,MAAM,CAAC6B,SAAS,CAAE;MAAAH,QAAA,eACpDrE,KAAA,CAAChB,GAAG;QAACyF,OAAO,EAAE,OAAOtC,SAAS,IAAIA,SAAS,EAAG;QAAAkC,QAAA,gBAC7CvE,IAAA,CAACX,IAAI;UAACuF,KAAK,EAAEvC,SAAU;UAACoC,MAAM,EAAEpC,SAAU;UAACH,IAAI,EAAC;QAAa,CAAE,CAAC,eAChElC,IAAA,CAACZ,CAAC;UAACmC,SAAS,EAAE,aAAac,SAAS,GAAG,CAAC,KAAKA,SAAS,GAAG,CAAC,GAAI;UAAAkC,QAAA,EAC5DzB,IAAI,CAACc,GAAG,CAAC,CAACF,IAAI,EAAEmB,KAAK,kBACrB7E,IAAA,CAACK,eAAe;YAEfE,MAAM,EAAEA,MAAO;YACfC,MAAM,EAAE4C,aAAc;YACtB1C,aAAa,EAAEA,aAAc;YAC7BE,KAAK,EAAEoC,WAAW,CAAC6B,KAAK,CAAE;YAC1BlE,KAAK,EAAE2D,eAAe,CAACZ,IAAI,CAAC/C,KAAK,CAAE;YACnCE,OAAO,EAAE6C,IAAI,CAAC7C,OAAO,IAAI,CAAE;YAC3BJ,WAAW,EAAEA,WAAY;YACzBK,QAAQ,EAAEA;UAAS,GARd,GAAG4C,IAAI,CAAC/C,KAAK,IAAIkE,KAAK,EAS3B,CACD;QAAC,CACA,CAAC;MAAA,CACA;IAAC,CACD,CAAC,eACP7E,IAAA,CAACf,IAAI;MACJuF,KAAK,EAAE,CACN;QACCI,KAAK,EAAEvC,SAAS;QAChBoC,MAAM,EAAEpC;MACT,CAAC,EACDQ,MAAM,CAACiC,aAAa,CACnB;MAAAP,QAAA,eAEFrE,KAAA,CAACjB,IAAI;QACJuF,KAAK,EAAE,CACN;UACCO,MAAM,EAAE1B;QACT,CAAC,EACDR,MAAM,CAACmC,iBAAiB,CACvB;QAAAT,QAAA,gBAEFvE,IAAA,CAACR,IAAI;UAACyF,OAAO,EAAC,mBAAmB;UAAAV,QAAA,EAAEjC;QAAS,CAAO,CAAC,eACpDtC,IAAA,CAACR,IAAI;UAACyF,OAAO,EAAC,gBAAgB;UAAAV,QAAA,EAAEhC;QAAS,CAAO,CAAC,EAChDH,YAAY,KAAK,MAAM,IAAII,WAAW,KAAK4B,SAAS,iBACpDpE,IAAA,CAACR,IAAI;UACJyF,OAAO,EAAC,gBAAgB;UACxBtE,KAAK,EAAEgC,MAAM,CAAC,cAAc,CAAE;UAC9BuC,oBAAoB,EAAErC,MAAM,CAACsC,sBAAuB;UAAAZ,QAAA,EAEnD/B;QAAW,CACP,CACN;MAAA,CACI;IAAC,CACF,CAAC,EACNE,WAAW,iBACX1C,IAAA,CAACf,IAAI;MAACuF,KAAK,EAAE3B,MAAM,CAACuC,iBAAkB;MAAAb,QAAA,EACpC9B,SAAS,CAACmB,GAAG,CAAC,CAACF,IAAI,EAAEmB,KAAK,KAAK;QAC/B,oBACC7E,IAAA,CAACR,IAAI;UAEJyF,OAAO,EAAC,gBAAgB;UACxBC,oBAAoB,EAAEL,KAAK,IAAI,CAAC,GAAGT,SAAS,GAAGvB,MAAM,CAACwC,iBAAkB;UACxEC,cAAc,EAAE5B,IAAI,CAAC/C,KAA2B;UAAA4D,QAAA,EAE/Cb,IAAI,CAAC6B;QAAK,GALN,GAAG7B,IAAI,CAAC/C,KAAK,IAAIkE,KAAK,OAMtB,CAAC;MAET,CAAC;IAAC,CACG,CACN;EAAA,CACI,CAAC;AAET,CAAC;AAED,eAAe1C,UAAU","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+# DonutChart
+
+## Usage & Example
+
+```js
+import DonutChart from '@/DonutChart';
+
+const chartData = [
+  {color: 'digital-red', value: 22, label: 'Color Label 1'},
+  {color: 'digital-lavender', value: 22, label: 'Color Label 2'},
+  {color: 'digital-orange', value: 50, label: 'Color Label 3'},
+  {color: 'digital-blue', value: 50, label: 'Color Label 4'},
+  {color: 'digital-cerise', value: 33, label: 'Color Label 5'},
+  {color: 'digital-gold', value: 77, label: 'Color Label 6'},
+  {color: 'salmon', value: 19, label: 'Color Label 7'},
+  {color: 'purple', value: 13, label: 'Color Label 8'},
+];
+
+<DonutChart
+key={'donut-2'}
+chartData={chartData}
+valueText="Value Text"
+labelText="Label Text"
+description="Description Text"
+chartVariant="slim"
+/>
+```
+
+Key             | Type           | Required  | Description                                            |
+--------------- | -------------- | --------- | -----------------------------------                    |
+chartData       | `array`        | `True`    | Array object for chart data.                           |
+valueText       | `string`       | `False`   | String label for display under value section.          |
+labelText       | `string`       | `False`   | String label for display under label section.          |
+description     | `string`       | `False`   | String label for display under description section.    |
+chartVariant    | `string`       | `False`   | Chart type variant.                                    |
+chartSize       | `number`       | `False`   | Chart size.                                            |
+isShowLabel     | `boolean`      | `False`   | Hide/Show labels.                                      |