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

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

@@ -0,0 +1,155 @@
+"use strict";
+
+/**
+ *
+ * RadioContainer
+ * @format
+ *
+ */
+
+import React, { useState, useRef } from 'react';
+import { View, TouchableWithoutFeedback } from 'react-native';
+import { ERROR_ICON, ILLUSTRATED_GROUP_CONFIG } from "./config/index.js";
+import RadioWithContainerStyles from "./styles/index.js";
+import Icon from "../../atoms/Icon/index.js";
+import Text from "../../atoms/Text/index.js";
+import Radio from "../../atoms/SingleRadio/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RadioWithContainer = 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 = RadioWithContainerStyles(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,
+        style: styles.containerWrapper,
+        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.radioWrapper,
+              children: /*#__PURE__*/_jsx(Radio, {
+                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(Radio, {
+              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 RadioWithContainer;
+//# sourceMappingURL=RadioWithContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","View","TouchableWithoutFeedback","ERROR_ICON","ILLUSTRATED_GROUP_CONFIG","RadioWithContainerStyles","Icon","Text","Radio","useCustomTheme","jsx","_jsx","jsxs","_jsxs","RadioWithContainer","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","radioWrapper","isDisable","descriptionWrapper","descriptionWithRedIconWrapperStyle","labelContainerWrapper","labelContainerRadioWrapper","customStyle","labelContainerSpacing","errorMessageContainer","iconWrapper"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/RadioWithContainer/RadioWithContainer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+# DDS 3.0
+## RadioWithContainer Changelog
+
+## Aug 28, 2024
+### Updated
+- Make selected area full width.
+
+## 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
+### Update
+- 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

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

@@ -0,0 +1,20 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ERROR_ICON = {
+  group: 'general',
+  name: 'alert_solid',
+  size: 5,
+  color: 'cerise'
+};
+export const ILLUSTRATED_GROUP_CONFIG = {
+  group: 'red',
+  size: 7,
+  color: 'default'
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ERROR_ICON","group","name","size","color","ILLUSTRATED_GROUP_CONFIG"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/RadioWithContainer/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG;EACzBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,wBAAwB,GAAG;EACvCJ,KAAK,EAAE,KAAK;EACZE,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE;AACR,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,90 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const RadioWithContainerStyles = (colors, border, size, spacing) => StyleSheet.create({
+  containerWrapper: {
+    width: '100%'
+  },
+  container: {
+    width: '100%',
+    paddingHorizontal: spacing.md,
+    paddingVertical: 19,
+    borderWidth: border['border-sm'],
+    borderRadius: border['radius-md'],
+    borderColor: colors['border-default'],
+    backgroundColor: colors['surface-enabled-2']
+  },
+  illustrationContainer: {
+    paddingTop: 15
+  },
+  labelWrapper: {
+    flex: 1,
+    marginRight: spacing.md
+  },
+  labelWrapperPadding: {
+    paddingTop: size['2xs']
+  },
+  descriptionWrapper: {
+    marginTop: spacing['2xs'],
+    paddingRight: 32
+  },
+  onPressContainer: {
+    backgroundColor: colors['surface-hover-2']
+  },
+  selectedContainer: {
+    backgroundColor: colors['surface-selected-1'],
+    borderColor: colors['border-selected']
+  },
+  selectedOnPress: {
+    backgroundColor: colors['surface-selected-1-hover']
+  },
+  disableContainer: {
+    backgroundColor: colors['surface-disabled'],
+    borderColor: colors['border-disabled']
+  },
+  labelSuperView: {
+    flexDirection: 'row'
+  },
+  labelSuperViewCenter: {
+    alignItems: 'center'
+  },
+  errorMessageContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: spacing.xs
+  },
+  iconWrapper: {
+    marginRight: spacing['2xs']
+  },
+  redIconWrapper: {
+    marginRight: spacing.md
+  },
+  descriptionWithRedIconWrapperStyle: {
+    paddingLeft: 48
+  },
+  labelContainer: {
+    alignItems: 'flex-start'
+  },
+  labelContainerWrapper: {
+    paddingVertical: 12,
+    flexDirection: 'row'
+  },
+  labelContainerSpacing: {
+    marginLeft: spacing.xs
+  },
+  labelContainerRadioWrapper: {
+    height: 24,
+    justifyContent: 'center'
+  },
+  radioWrapper: {
+    paddingTop: 6
+  }
+});
+export default RadioWithContainerStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","RadioWithContainerStyles","colors","border","size","spacing","create","containerWrapper","width","container","paddingHorizontal","md","paddingVertical","borderWidth","borderRadius","borderColor","backgroundColor","illustrationContainer","paddingTop","labelWrapper","flex","marginRight","labelWrapperPadding","descriptionWrapper","marginTop","paddingRight","onPressContainer","selectedContainer","selectedOnPress","disableContainer","labelSuperView","flexDirection","labelSuperViewCenter","alignItems","errorMessageContainer","xs","iconWrapper","redIconWrapper","descriptionWithRedIconWrapperStyle","paddingLeft","labelContainer","labelContainerWrapper","labelContainerSpacing","marginLeft","labelContainerRadioWrapper","height","justifyContent","radioWrapper"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/RadioWithContainer/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,wBAAwB,GAAGA,CAACC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KAC9DL,UAAU,CAACM,MAAM,CAAC;EACjBC,gBAAgB,EAAE;IACjBC,KAAK,EAAE;EACR,CAAC;EACDC,SAAS,EAAE;IACVD,KAAK,EAAE,MAAM;IACbE,iBAAiB,EAAEL,OAAO,CAACM,EAAE;IAC7BC,eAAe,EAAE,EAAE;IACnBC,WAAW,EAAEV,MAAM,CAAC,WAAW,CAAC;IAChCW,YAAY,EAAEX,MAAM,CAAC,WAAW,CAAC;IACjCY,WAAW,EAAEb,MAAM,CAAC,gBAAgB,CAAC;IACrCc,eAAe,EAAEd,MAAM,CAAC,mBAAmB;EAC5C,CAAC;EACDe,qBAAqB,EAAE;IACtBC,UAAU,EAAE;EACb,CAAC;EACDC,YAAY,EAAE;IACbC,IAAI,EAAE,CAAC;IACPC,WAAW,EAAEhB,OAAO,CAACM;EACtB,CAAC;EACDW,mBAAmB,EAAE;IACpBJ,UAAU,EAAEd,IAAI,CAAC,KAAK;EACvB,CAAC;EACDmB,kBAAkB,EAAE;IACnBC,SAAS,EAAEnB,OAAO,CAAC,KAAK,CAAC;IACzBoB,YAAY,EAAE;EACf,CAAC;EACDC,gBAAgB,EAAE;IACjBV,eAAe,EAAEd,MAAM,CAAC,iBAAiB;EAC1C,CAAC;EACDyB,iBAAiB,EAAE;IAClBX,eAAe,EAAEd,MAAM,CAAC,oBAAoB,CAAC;IAC7Ca,WAAW,EAAEb,MAAM,CAAC,iBAAiB;EACtC,CAAC;EACD0B,eAAe,EAAE;IAChBZ,eAAe,EAAEd,MAAM,CAAC,0BAA0B;EACnD,CAAC;EACD2B,gBAAgB,EAAE;IACjBb,eAAe,EAAEd,MAAM,CAAC,kBAAkB,CAAC;IAC3Ca,WAAW,EAAEb,MAAM,CAAC,iBAAiB;EACtC,CAAC;EACD4B,cAAc,EAAE;IACfC,aAAa,EAAE;EAChB,CAAC;EACDC,oBAAoB,EAAE;IACrBC,UAAU,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACtBH,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBT,SAAS,EAAEnB,OAAO,CAAC8B;EACpB,CAAC;EACDC,WAAW,EAAE;IACZf,WAAW,EAAEhB,OAAO,CAAC,KAAK;EAC3B,CAAC;EACDgC,cAAc,EAAE;IACfhB,WAAW,EAAEhB,OAAO,CAACM;EACtB,CAAC;EACD2B,kCAAkC,EAAE;IACnCC,WAAW,EAAE;EACd,CAAC;EACDC,cAAc,EAAE;IACfP,UAAU,EAAE;EACb,CAAC;EACDQ,qBAAqB,EAAE;IACtB7B,eAAe,EAAE,EAAE;IACnBmB,aAAa,EAAE;EAChB,CAAC;EACDW,qBAAqB,EAAE;IACtBC,UAAU,EAAEtC,OAAO,CAAC8B;EACrB,CAAC;EACDS,0BAA0B,EAAE;IAC3BC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACb7B,UAAU,EAAE;EACb;AACD,CAAC,CAAC;AAEH,eAAejB,wBAAwB","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,22 @@
+# SectionTitle
+
+## Usage & Example
+
+```js
+import SectionTitle from '@/SectionTitle';
+
+<SectionTitle
+label="Hot picks"
+onPress
+isDisabled
+isRedColorIcon />
+
+```
+
+Key             | Type           | Required  | Description                         |
+--------------- | -------------- | --------- | ----------------------------------- |
+label           | `string`       | `true`    | Section display label.              |
+onPress         | `function`     | `false`   | Button on press function.           |
+isDisabled      | `boolean`      | `false`   | Component actionable.               |
+isRedColorIcon  | `boolean`      | `false`   | Icon in red color.                  |
+testID          | `string`       | `false`   | String id for test cases.           |

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

@@ -0,0 +1,80 @@
+"use strict";
+
+/**
+ *
+ * SectionTitle
+ * @format
+ *
+ */
+
+import React, { useState } from 'react';
+import { View, TouchableWithoutFeedback } from 'react-native';
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { CHEVRON_ICON, FONT_VARIANT } from "./config/index.js";
+import SectionTitleStyles from "./styles/index.js";
+import Text from "../../atoms/Text/index.js";
+import Icon from "../../atoms/Icon/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SectionTitle = props => {
+  const {
+    label,
+    onPress,
+    isRedColorIcon,
+    testID,
+    isDisabled,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    colors,
+    spacing
+  } = useCustomTheme();
+  const styles = SectionTitleStyles(spacing);
+  const [isHolding, setIsHolding] = useState(false);
+  const handleLongPress = () => {
+    !isDisabled && setIsHolding(true);
+  };
+  const handlePressOut = () => {
+    if (isHolding && !isDisabled) {
+      setIsHolding(false);
+    }
+  };
+  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+    onPress: onPress,
+    onLongPress: handleLongPress,
+    onPressOut: handlePressOut,
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.fontWrapper,
+        children: [/*#__PURE__*/_jsx(Text, {
+          variant: FONT_VARIANT,
+          children: label
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.underlineStyle, {
+            backgroundColor: isHolding && !isDisabled ? colors['text-default'] : 'transparent'
+          }]
+        })]
+      }), !isDisabled && /*#__PURE__*/_jsx(View, {
+        style: styles.iconMarginTop,
+        children: /*#__PURE__*/_jsx(Icon, {
+          group: CHEVRON_ICON.group,
+          name: CHEVRON_ICON.name,
+          size: CHEVRON_ICON.size,
+          color: isRedColorIcon ? CHEVRON_ICON.redColor : CHEVRON_ICON.color
+        })
+      })]
+    })
+  });
+};
+export default SectionTitle;
+//# sourceMappingURL=SectionTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","TouchableWithoutFeedback","useCustomTheme","CHEVRON_ICON","FONT_VARIANT","SectionTitleStyles","Text","Icon","jsx","_jsx","jsxs","_jsxs","SectionTitle","props","label","onPress","isRedColorIcon","testID","isDisabled","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","colors","spacing","styles","isHolding","setIsHolding","handleLongPress","handlePressOut","onLongPress","onPressOut","children","style","container","fontWrapper","variant","underlineStyle","backgroundColor","iconMarginTop","group","name","size","color","redColor"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/SectionTitle/SectionTitle.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AACrC,SAAQC,IAAI,EAAEC,wBAAwB,QAAO,cAAc;AAC3D,OAAOC,cAAc;AACrB,SAAQC,YAAY,EAAEC,YAAY;AAElC,OAAOC,kBAAkB;AAGzB,OAAOC,IAAI;AACX,OAAOC,IAAI;AAAkC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAMC,YAAY,GAAIC,KAAgB,IAAK;EAC1C,MAAM;IACLC,KAAK;IACLC,OAAO;IACPC,cAAc;IACdC,MAAM;IACNC,UAAU;IACVC,UAAU;IACVC,kBAAkB;IAClBC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACD,CAAC,GAAGV,KAAK;EAET,MAAM;IAACW,MAAM;IAAEC;EAAO,CAAC,GAAGvB,cAAc,CAAC,CAAC;EAC1C,MAAMwB,MAAM,GAAGrB,kBAAkB,CAACoB,OAAO,CAAC;EAC1C,MAAM,CAACE,SAAS,EAAEC,YAAY,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAM8B,eAAe,GAAGA,CAAA,KAAM;IAC7B,CAACX,UAAU,IAAIU,YAAY,CAAC,IAAI,CAAC;EAClC,CAAC;EAED,MAAME,cAAc,GAAGA,CAAA,KAAM;IAC5B,IAAIH,SAAS,IAAI,CAACT,UAAU,EAAE;MAC7BU,YAAY,CAAC,KAAK,CAAC;IACpB;EACD,CAAC;EAED,oBACCnB,IAAA,CAACR,wBAAwB;IACxBc,OAAO,EAAEA,OAAQ;IACjBgB,WAAW,EAAEF,eAAgB;IAC7BG,UAAU,EAAEF,cAAe;IAC3Bb,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IAAAU,QAAA,eAEvCtB,KAAA,CAACX,IAAI;MAACkC,KAAK,EAAER,MAAM,CAACS,SAAU;MAAAF,QAAA,gBAC7BtB,KAAA,CAACX,IAAI;QAACkC,KAAK,EAAER,MAAM,CAACU,WAAY;QAAAH,QAAA,gBAC/BxB,IAAA,CAACH,IAAI;UAAC+B,OAAO,EAAEjC,YAAa;UAAA6B,QAAA,EAAEnB;QAAK,CAAO,CAAC,eAC3CL,IAAA,CAACT,IAAI;UACJkC,KAAK,EAAE,CACNR,MAAM,CAACY,cAAc,EACrB;YACCC,eAAe,EAAEZ,SAAS,IAAI,CAACT,UAAU,GAAGM,MAAM,CAAC,cAAc,CAAC,GAAG;UACtE,CAAC;QACA,CACF,CAAC;MAAA,CACG,CAAC,EACN,CAACN,UAAU,iBACXT,IAAA,CAACT,IAAI;QAACkC,KAAK,EAAER,MAAM,CAACc,aAAc;QAAAP,QAAA,eACjCxB,IAAA,CAACF,IAAI;UACJkC,KAAK,EAAEtC,YAAY,CAACsC,KAAM;UAC1BC,IAAI,EAAEvC,YAAY,CAACuC,IAAK;UACxBC,IAAI,EAAExC,YAAY,CAACwC,IAAoB;UACvCC,KAAK,EACJ5B,cAAc,GACVb,YAAY,CAAC0C,QAAQ,GACrB1C,YAAY,CAACyC;QACjB,CACD;MAAC,CACG,CACN;IAAA,CACI;EAAC,CACkB,CAAC;AAE7B,CAAC;AAED,eAAehC,YAAY","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+# DDS 3.0
+## SectionTitle Changelog
+
+## Nov 27, 2023
+### Updated
+- Re-design section title by removing tertiary button and adding hover effect
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Jun 23, 2023
+### Updated
+- [DDS 3.0] Adopt the spacing, color token
+- Develop follow 3.0 design
+- Added label, isShowButton, onPress, buttonLabel, icon, buttonLabelColor, isRedColorIcon  as props

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

@@ -0,0 +1,17 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const FONT_VARIANT = 'headline-5-medium';
+export const CHEVRON_ICON = {
+  group: 'systemControl',
+  name: 'arrow_right',
+  size: 5,
+  redColor: 'digitalred',
+  color: 'default'
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FONT_VARIANT","CHEVRON_ICON","group","name","size","redColor","color"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/SectionTitle/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,YAAY,GAAG,mBAAmB;AAC/C,OAAO,MAAMC,YAAY,GAAG;EAC3BC,KAAK,EAAE,eAAe;EACtBC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAE,YAAY;EACtBC,KAAK,EAAE;AACR,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,31 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const SectionTitleStyles = spacing => StyleSheet.create({
+  container: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  fontWrapper: {
+    paddingVertical: spacing.xs
+  },
+  underlineStyle: {
+    height: 1,
+    width: '100%'
+  },
+  iconMarginTop: {
+    marginTop: 1
+  },
+  iconMargin: {
+    marginLeft: spacing.md
+  }
+});
+export default SectionTitleStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SectionTitleStyles","spacing","create","container","width","flexDirection","alignItems","fontWrapper","paddingVertical","xs","underlineStyle","height","iconMarginTop","marginTop","iconMargin","marginLeft","md"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/SectionTitle/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,kBAAkB,GAAGC,OAAO,IACjCF,UAAU,CAACG,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACZC,eAAe,EAAEP,OAAO,CAACQ;EAC1B,CAAC;EACDC,cAAc,EAAE;IACfC,MAAM,EAAE,CAAC;IACTP,KAAK,EAAE;EACR,CAAC;EACDQ,aAAa,EAAE;IACdC,SAAS,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACXC,UAAU,EAAEd,OAAO,CAACe;EACrB;AACD,CAAC,CAAC;AAEH,eAAehB,kBAAkB","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,30 @@
+# Slider
+
+## Usage & Example
+
+```js
+import Slider from '@/Slider';
+
+<Slider
+onChange={(lowValue) => console.log('Value: ', lowValue)}
+isShowLabel
+leftLabel="Left Label"
+rightLabel="Right Label"
+isShowTooltip
+disableRange
+defaultValue={10}
+/>
+```
+
+Key             | Type              | Required  | Description                          |
+--------------- | --------------    | --------- | -----------------------------------  |
+min             | `number`          | `False`   | Minimum value of slider.             |
+max             | `number`          | `False`   | Maximum value of slider.             |
+disableRange    | `boolean`         | `False`   | Slider display as range or slider.   |
+isShowLabel     | `boolean`         | `False`   | Show/Hide bottom text.               |
+leftLabel       | `string`          | `False`   | Bottom left label.                   |
+rightLabel      | `string`          | `False`   | Bottom right label.                  |
+onChange        | `function`        | `False`   | Callback function when value updated.|
+isShowTooltip   | `boolean`         | `False`   | Show/Hide tooltip.                   |
+defaultValue    | `number`|`Array`  | `False`   | Initial value for slider.            |
+step            | `number`          | `False`   | The step of changing slider.         |