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

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

@@ -0,0 +1,96 @@
+"use strict";
+
+/**
+ *
+ * BubbleChart
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View, processColor } from 'react-native';
+import BubbleChartStyles from "./styles/index.js";
+import { ALLOWED_COLORS } from "./config/index.js";
+import { ScatterChart } 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 BubbleChart = props => {
+  const {
+    chartData,
+    chartHeight = 300,
+    markerConfig,
+    legendConfig,
+    isShowLegendText,
+    customXAxisConfig,
+    customYAxisConfig
+  } = props;
+  const {
+    colors,
+    spacing
+  } = useCustomTheme();
+  const styles = BubbleChartStyles(spacing);
+  const xAxisConfig = {
+    position: 'BOTTOM',
+    drawGridLines: false,
+    granularityEnabled: true,
+    granularity: 1,
+    axisLineColor: processColor(colors['divider-bold']),
+    ...customXAxisConfig
+  };
+  const yAxisConfig = {
+    left: {
+      drawGridLines: true,
+      drawAxisLine: false,
+      gridColor: processColor(colors['divider-subdued'])
+    },
+    right: {
+      enabled: false
+    },
+    ...customYAxisConfig
+  };
+  const defaultMarkerConfig = {
+    enabled: true,
+    type: 'com.github.reactNativeMPAndroidChart.example.marker.OvalBlueMarker',
+    ...markerConfig
+  };
+  function processAndFilterChartData(rawData) {
+    return {
+      dataSets: rawData.dataSets.filter(dataSet => ALLOWED_COLORS.includes(dataSet.config.colors)).map(dataSet => {
+        return {
+          ...dataSet,
+          config: {
+            ...dataSet.config,
+            legendColorCode: dataSet.config.colors,
+            colors: [processColor(colors[`data-visualisation-${dataSet.config.colors}`])]
+          }
+        };
+      })
+    };
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(ScatterChart, {
+      style: [styles.container, {
+        height: chartHeight
+      }],
+      data: processAndFilterChartData(chartData),
+      xAxis: xAxisConfig,
+      yAxis: yAxisConfig,
+      legend: {
+        enabled: false,
+        ...legendConfig
+      },
+      marker: defaultMarkerConfig
+    }), isShowLegendText && /*#__PURE__*/_jsx(View, {
+      children: processAndFilterChartData(chartData)?.dataSets.map((data, index) => {
+        return /*#__PURE__*/_jsx(Text, {
+          customContainerStyle: index == 0 ? styles.textContainer : styles.textSpacing,
+          legendDotColor: data.config.legendColorCode,
+          children: data.label
+        }, `${index}-text`);
+      })
+    })]
+  });
+};
+export default BubbleChart;
+//# sourceMappingURL=BubbleChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","processColor","BubbleChartStyles","ALLOWED_COLORS","ScatterChart","Text","useCustomTheme","jsx","_jsx","jsxs","_jsxs","BubbleChart","props","chartData","chartHeight","markerConfig","legendConfig","isShowLegendText","customXAxisConfig","customYAxisConfig","colors","spacing","styles","xAxisConfig","position","drawGridLines","granularityEnabled","granularity","axisLineColor","yAxisConfig","left","drawAxisLine","gridColor","right","enabled","defaultMarkerConfig","type","processAndFilterChartData","rawData","dataSets","filter","dataSet","includes","config","map","legendColorCode","children","style","container","height","data","xAxis","yAxis","legend","marker","index","customContainerStyle","textContainer","textSpacing","legendDotColor","label"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/BubbleChart/BubbleChart.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,19 @@
+# BubbleChart
+
+## Usage & Example
+
+```js
+import BubbleChart from '@/BubbleChart';
+
+<BubbleChart chartData={chartData} />
+```
+
+Key               | Type           | Required  | Description                         |
+---------------   | -------------- | --------- | ----------------------------------- |
+chartData         | `object`       | `True`    | Data for display in charts.         |
+chartHeight       | `number`       | `False`   | Height for charts.                  |
+markerConfig      | `object`       | `False`   | Marker config.                      |
+legendConfig      | `object`       | `False`   | Legend config.                      |
+isShowLegendText  | `boolean`      | `False`   | Show/Hide legend text.              |
+customXAxisConfig | `object`       | `False`   | Custom X Axis Config.               |
+customYAxisConfig | `object`       | `False`   | Custom Y Axis Config.               |

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

@@ -0,0 +1,6 @@
+# DDS 3.0
+## BubbleChart Changelog
+
+## Oct 3, 2023
+### Added
+ - New component

package/lib/module/component/AIA/molecules/BubbleChart/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/BubbleChart/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALLOWED_COLORS"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/BubbleChart/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/BubbleChart/index.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,95 @@
+"use strict";
+
+/**
+ *
+ * ButtonGroup
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import ButtonGroupStyles from "./styles/index.js";
+import Button from "../../atoms/Button/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/useCustomTheme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ButtonGroup = props => {
+  const {
+    placement = 'stack',
+    secondaryButtonType = 'secondary',
+    primaryOnPress,
+    secondaryOnPress,
+    primaryButtonLabel,
+    secondaryButtonLabel,
+    sideButtonSize = 'large',
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState,
+    primaryButtonAccessibilityLabel,
+    primaryButtonAccessibilityHint,
+    secondaryButtonAccessibilityLabel,
+    secondaryButtonAccessibilityHint
+  } = props;
+  const {
+    spacing
+  } = useCustomTheme();
+  const styles = ButtonGroupStyles(spacing);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.mainContainer,
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: placement == 'stack' ? /*#__PURE__*/_jsxs(View, {
+      style: styles.stackButtonContainer,
+      accessibilityLabel: primaryButtonAccessibilityLabel,
+      accessibilityHint: primaryButtonAccessibilityHint,
+      children: [/*#__PURE__*/_jsx(Button, {
+        buttonLabel: primaryButtonLabel,
+        onPress: primaryOnPress,
+        isFullWidth: true
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.stalkButtonMiddleSpacing
+      }), /*#__PURE__*/_jsx(Button, {
+        buttonLabel: secondaryButtonLabel,
+        onPress: secondaryOnPress,
+        isFullWidth: true,
+        type: secondaryButtonType,
+        secondaryType: 'digitalred'
+      })]
+    }) : /*#__PURE__*/_jsxs(View, {
+      style: styles.sideButtonContainer,
+      accessibilityLabel: secondaryButtonAccessibilityLabel,
+      accessibilityHint: secondaryButtonAccessibilityHint,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.sideButtonWrapper,
+        children: /*#__PURE__*/_jsx(Button, {
+          buttonLabel: secondaryButtonLabel,
+          onPress: secondaryOnPress,
+          type: secondaryButtonType,
+          secondaryType: 'digitalred',
+          size: sideButtonSize,
+          isFullWidth: true
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.buttonSpacing
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.sideButtonWrapper,
+        children: /*#__PURE__*/_jsx(Button, {
+          buttonLabel: primaryButtonLabel,
+          onPress: primaryOnPress,
+          size: sideButtonSize,
+          isFullWidth: true
+        })
+      })]
+    })
+  });
+};
+ButtonGroup.displayName = 'ButtonGroup';
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ButtonGroupStyles","Button","useCustomTheme","jsx","_jsx","jsxs","_jsxs","ButtonGroup","props","placement","secondaryButtonType","primaryOnPress","secondaryOnPress","primaryButtonLabel","secondaryButtonLabel","sideButtonSize","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","primaryButtonAccessibilityLabel","primaryButtonAccessibilityHint","secondaryButtonAccessibilityLabel","secondaryButtonAccessibilityHint","spacing","styles","style","mainContainer","children","stackButtonContainer","buttonLabel","onPress","isFullWidth","stalkButtonMiddleSpacing","type","secondaryType","sideButtonContainer","sideButtonWrapper","size","buttonSpacing","displayName"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/ButtonGroup/ButtonGroup.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+# ButtonGroup
+
+## Usage & Example
+
+```js
+import ButtonGroup from '@/ButtonGroup';
+
+<ButtonGroup
+primaryButtonLabel="Button Content"
+secondaryButtonLabel="Button Content"
+placement="side"
+sideButtonSize = "large"
+secondaryButtonType = "tertiary"
+primaryOnPress={() = void}
+secondaryOnPress={() = void}
+/>
+```
+
+Key                       | Type           | Required  | Description                                              |
+------------------------- | -------------- | --------- | -------------------------------------------------------- |
+primaryButtonLabel        | `string`       | `true`    | String label display in primary button.                  |
+secondaryButtonLabel      | `string`       | `true`    | String label display in secondary button.                |
+placement                 | `string`       | `false`   | Button group placement.                                  |
+sideButtonSize            | `string`       | `false`   | Side button group button size.                           |
+secondaryButtonType       | `string`       | `false`   | Secondary button type display as secondary or tertiary.  |
+primaryOnPress            | `function`     | `false`   | Primary button on press function.                        |
+secondaryOnPress          | `function`     | `false`   | Secondary button on press function.                      |

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

@@ -0,0 +1,18 @@
+# DDS 3.0
+## ButtonGroup Changelog
+
+## Dec 19, 2023
+### Updated
+- Renamed stackSecondaryButtonType to secondaryButtonType
+- Side variant support tertiary button
+
+## Nov 15, 2023
+### Updated
+- Remove charcoal variant
+
+## Jun 23, 2023
+### Updated
+- [DDS 3.0] Adopt the colors, spacing token
+- Change from 2.0 design to 3.0 design
+- Added placement, stackSecondaryButtonType, secondaryButtonColorType, primaryOnPress, secondaryOnPress, primaryButtonLabel, secondaryButtonLabel, sideButtonSize as props
+

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const ButtonGroupStyles = spacing => StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    backgroundColor: 'yellow',
+    marginBottom: spacing.xl
+  },
+  stalkButtonMiddleSpacing: {
+    height: spacing.md
+  },
+  buttonSpacing: {
+    height: spacing.md,
+    width: spacing.md
+  },
+  sideButtonContainer: {
+    justifyContent: 'center',
+    flexDirection: 'row'
+  },
+  stackButtonContainer: {
+    alignItems: 'center'
+  },
+  mainContainer: {
+    paddingBottom: spacing.xl
+  },
+  sideButtonWrapper: {
+    flex: 1
+  }
+});
+export default ButtonGroupStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","ButtonGroupStyles","spacing","create","container","alignItems","backgroundColor","marginBottom","xl","stalkButtonMiddleSpacing","height","md","buttonSpacing","width","sideButtonContainer","justifyContent","flexDirection","stackButtonContainer","mainContainer","paddingBottom","sideButtonWrapper","flex"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ButtonGroup/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,iBAAiB,GAAGC,OAAO,IAChCF,UAAU,CAACG,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,QAAQ;IACzBC,YAAY,EAAEL,OAAO,CAACM;EACvB,CAAC;EACDC,wBAAwB,EAAE;IACzBC,MAAM,EAAER,OAAO,CAACS;EACjB,CAAC;EACDC,aAAa,EAAE;IACdF,MAAM,EAAER,OAAO,CAACS,EAAE;IAClBE,KAAK,EAAEX,OAAO,CAACS;EAChB,CAAC;EACDG,mBAAmB,EAAE;IACpBC,cAAc,EAAE,QAAQ;IACxBC,aAAa,EAAE;EAChB,CAAC;EACDC,oBAAoB,EAAE;IACrBZ,UAAU,EAAE;EACb,CAAC;EACDa,aAAa,EAAE;IACdC,aAAa,EAAEjB,OAAO,CAACM;EACxB,CAAC;EACDY,iBAAiB,EAAE;IAClBC,IAAI,EAAE;EACP;AACD,CAAC,CAAC;AAEH,eAAepB,iBAAiB","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,154 @@
+"use strict";
+
+/**
+ *
+ * CheckboxContainer
+ * @format
+ *
+ */
+
+import React, { useState, useRef } from 'react';
+import { View, TouchableWithoutFeedback } from 'react-native';
+import { ERROR_ICON, ILLUSTRATED_GROUP_CONFIG } from "./config/index.js";
+import CheckboxWithContainerStyles from "./styles/index.js";
+import Icon from "../../atoms/Icon/index.js";
+import Text from "../../atoms/Text/index.js";
+import Checkbox from "../../atoms/SingleCheckbox/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CheckboxWithContainer = props => {
+  const {
+    value,
+    label,
+    onPress,
+    description,
+    isDisabled,
+    errorMessage,
+    illustratedIconName,
+    type = 'container',
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState,
+    accessibilityValue
+  } = props;
+  const {
+    colors,
+    border,
+    size,
+    spacing
+  } = useCustomTheme();
+  const styles = CheckboxWithContainerStyles(colors, border, size, spacing);
+  const containerRef = useRef(null);
+  const [isHolding, setIsHolding] = useState(false);
+  const handleLongPress = () => {
+    setIsHolding(true);
+  };
+  const handlePressOut = event => {
+    const nativeEvent = event.nativeEvent;
+    if (isHolding) {
+      if (containerRef.current) {
+        containerRef.current.measure((x, y, width, height, pageX, pageY) => {
+          if (nativeEvent.pageX !== undefined && nativeEvent.pageY !== undefined) {
+            const touchX = nativeEvent.pageX - pageX;
+            const touchY = nativeEvent.pageY - pageY;
+            if (touchX >= 0 && touchY >= 0 && touchX <= width && touchY <= height) {
+              if (onPress && !isDisabled) onPress();
+            }
+          }
+        });
+      }
+      setIsHolding(false);
+    }
+  };
+  const handlePress = () => {
+    if (onPress && !isDisabled) onPress();
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.containerWrapper, type == 'label' && styles.labelContainer],
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    accessibilityValue: accessibilityValue,
+    children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: handlePress,
+      onLongPress: handleLongPress,
+      onPressOut: handlePressOut,
+      children: /*#__PURE__*/_jsxs(View, {
+        pointerEvents: "box-only",
+        ref: containerRef,
+        children: [type == 'container' && /*#__PURE__*/_jsxs(View, {
+          style: [styles.container, illustratedIconName && styles.illustrationContainer, !value && isHolding && styles.onPressContainer, value && styles.selectedContainer, value && isHolding && styles.selectedOnPress, isDisabled && styles.disableContainer],
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: [styles.labelSuperView, !illustratedIconName && styles.labelSuperViewCenter],
+            children: [illustratedIconName && /*#__PURE__*/_jsx(View, {
+              style: styles.redIconWrapper,
+              children: /*#__PURE__*/_jsx(Icon, {
+                group: ILLUSTRATED_GROUP_CONFIG.group,
+                name: illustratedIconName,
+                size: ILLUSTRATED_GROUP_CONFIG.size,
+                color: ILLUSTRATED_GROUP_CONFIG.color
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: [styles.labelWrapper, illustratedIconName && styles.labelWrapperPadding],
+              children: /*#__PURE__*/_jsx(Text, {
+                variant: 'body-1-semibold',
+                color: isDisabled ? colors['text-disabled'] : colors['text-default'],
+                children: label
+              })
+            }), /*#__PURE__*/_jsx(View, {
+              style: illustratedIconName && styles.checkboxWrapper,
+              children: /*#__PURE__*/_jsx(Checkbox, {
+                value: value,
+                isDisable: isDisabled
+              })
+            })]
+          }), description && !illustratedIconName && /*#__PURE__*/_jsx(View, {
+            style: [styles.descriptionWrapper, illustratedIconName != undefined && styles.descriptionWithRedIconWrapperStyle],
+            children: /*#__PURE__*/_jsx(Text, {
+              variant: "body-2-regular",
+              color: isDisabled ? colors['text-disabled'] : colors['text-subdued'],
+              children: description
+            })
+          })]
+        }), type == 'label' && /*#__PURE__*/_jsxs(View, {
+          style: styles.labelContainerWrapper,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.labelContainerRadioWrapper,
+            children: /*#__PURE__*/_jsx(Checkbox, {
+              value: value,
+              isDisable: isDisabled
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: "body-1-regular",
+            customStyle: styles.labelContainerSpacing,
+            color: isDisabled ? colors['text-disabled'] : colors['text-default'],
+            children: label
+          })]
+        })]
+      })
+    }), errorMessage && /*#__PURE__*/_jsxs(View, {
+      style: styles.errorMessageContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.iconWrapper,
+        children: /*#__PURE__*/_jsx(Icon, {
+          group: ERROR_ICON.group,
+          name: ERROR_ICON.name,
+          size: ERROR_ICON.size,
+          color: ERROR_ICON.color
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        variant: "body-2-regular",
+        color: colors['text-error'],
+        children: errorMessage
+      })]
+    })]
+  });
+};
+export default CheckboxWithContainer;
+//# sourceMappingURL=CheckboxWithContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","View","TouchableWithoutFeedback","ERROR_ICON","ILLUSTRATED_GROUP_CONFIG","CheckboxWithContainerStyles","Icon","Text","Checkbox","useCustomTheme","jsx","_jsx","jsxs","_jsxs","CheckboxWithContainer","props","value","label","onPress","description","isDisabled","errorMessage","illustratedIconName","type","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","colors","border","size","spacing","styles","containerRef","isHolding","setIsHolding","handleLongPress","handlePressOut","event","nativeEvent","current","measure","x","y","width","height","pageX","pageY","undefined","touchX","touchY","handlePress","style","containerWrapper","labelContainer","children","onLongPress","onPressOut","pointerEvents","ref","container","illustrationContainer","onPressContainer","selectedContainer","selectedOnPress","disableContainer","labelSuperView","labelSuperViewCenter","redIconWrapper","group","name","color","labelWrapper","labelWrapperPadding","variant","checkboxWrapper","isDisable","descriptionWrapper","descriptionWithRedIconWrapperStyle","labelContainerWrapper","labelContainerRadioWrapper","customStyle","labelContainerSpacing","errorMessageContainer","iconWrapper"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/CheckboxWithContainer/CheckboxWithContainer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+# CheckboxWithContainer
+
+## Usage & Example
+
+```js
+import CheckboxWithContainer from '@/CheckboxWithContainer';
+
+<CheckboxWithContainer
+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.                                             |

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

@@ -0,0 +1,26 @@
+# DDS 3.0
+## CheckboxWithContainer Changelog
+
+## Sep 22, 2023
+### Updated
+- Fixing Android interaction.
+
+## Aug 30, 2023
+### Updated
+- Hide description when icon is passed in
+- Added testID as props
+
+## Aug 22, 2023
+### Added
+- Update interaction behavior
+
+## Aug 4, 2023
+### Added
+- Added type as props
+
+## Jul 6, 2023
+### Added
+- Added new package.
+- Adopt DDS fonts, colors, spacing, border radius, border width token
+- Follow DDS 3.0 Design
+- Added label, description, errorMessage, onPress, illustratedIconName, isDisabled, value as props