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

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

@@ -0,0 +1,272 @@
+"use strict";
+
+/**
+ *
+ * SystemAlert
+ * @format
+ *
+ */
+
+import React, { useEffect, useState } from 'react';
+import { View, Animated, TouchableWithoutFeedback, Easing } from 'react-native';
+import { CLOSE_ICON, INFORMATIVE_ICON, WARNING_ICON, ERROR_ICON } from "./config/index.js";
+import SystemAlertStyles from "./styles/index.js";
+import Button from "../../atoms/Button/index.js";
+import Divider from "../../atoms/Divider/index.js";
+import Icon from "../../atoms/Icon/index.js";
+import Text from "../../atoms/Text/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const SystemAlert = props => {
+  const {
+    visible = true,
+    message,
+    variant = 'informative',
+    isShowCloseButton,
+    onClose,
+    testID,
+    primaryButtonLabel,
+    secondaryButtonLabel,
+    primaryButtonOnPress,
+    secondaryButtonOnPress,
+    isCloseBannerWhileButtonPress,
+    numberOfLines = 0,
+    isDisableAnimation,
+    onTruncationChange,
+    isDividerOnPadding,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    colors,
+    size,
+    spacing
+  } = useCustomTheme();
+  const styles = SystemAlertStyles(colors, size, spacing);
+  const [bannerVisible, setBannerVisible] = useState(visible);
+  const [contentHeight, setContentHeight] = useState(0);
+  const heightValue = useState(new Animated.Value(0))[0];
+  const opacityValue = useState(new Animated.Value(0))[0];
+  const [fullHeight, setFullHeight] = useState(null);
+  const [truncatedHeight, setTruncatedHeight] = useState(null);
+  useEffect(() => {
+    if (visible) {
+      setBannerVisible(true);
+      if (isDisableAnimation) {
+        heightValue.setValue(contentHeight);
+        opacityValue.setValue(1);
+      } else {
+        Animated.timing(heightValue, {
+          toValue: contentHeight,
+          duration: 300,
+          useNativeDriver: false,
+          easing: Easing.out(Easing.cubic)
+        }).start();
+        Animated.timing(opacityValue, {
+          toValue: 1,
+          duration: 500,
+          useNativeDriver: true,
+          easing: Easing.out(Easing.cubic)
+        }).start();
+      }
+    } else {
+      closeBanner();
+    }
+  }, [visible, contentHeight]);
+  useEffect(() => {
+    if (onTruncationChange) {
+      const isTruncated = fullHeight && truncatedHeight && fullHeight > truncatedHeight;
+      onTruncationChange(isTruncated);
+    }
+  }, [fullHeight, truncatedHeight, onTruncationChange]);
+  const closeBanner = () => {
+    Animated.timing(heightValue, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: false,
+      easing: Easing.in(Easing.cubic)
+    }).start(() => {
+      setBannerVisible(false);
+    });
+    Animated.timing(opacityValue, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true,
+      easing: Easing.in(Easing.cubic)
+    }).start();
+    if (onClose) {
+      onClose();
+    }
+  };
+  const handlePrimaryButtonPress = () => {
+    if (isCloseBannerWhileButtonPress) {
+      closeBanner();
+    }
+    if (primaryButtonOnPress) primaryButtonOnPress();
+  };
+  const handleSecondaryButtonPress = () => {
+    if (isCloseBannerWhileButtonPress) {
+      closeBanner();
+    }
+    if (secondaryButtonOnPress) secondaryButtonOnPress();
+  };
+  const onContentLayout = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    setContentHeight(height);
+  };
+  const onFullLayout = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    setFullHeight(height);
+  };
+  const onTruncatedLayout = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    setTruncatedHeight(height);
+  };
+  const leftIcon = () => {
+    switch (variant) {
+      case 'informative':
+        return INFORMATIVE_ICON;
+      case 'error':
+        return ERROR_ICON;
+      case 'warning':
+        return WARNING_ICON;
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.contentContainer, styles.fakeWrapperForCalculateTruncate],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.leftWrapper,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.fakeIconWrapper
+        }), /*#__PURE__*/_jsx(Text, {
+          variant: "body-1-regular",
+          customContainerStyle: styles.contentStyle,
+          onLayout: onFullLayout,
+          children: message
+        })]
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.fakeWrapper,
+      onLayout: onContentLayout,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [styles.container, !isShowCloseButton && styles.paddingRight, styles.columnDirection],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.contentContainer,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.leftWrapper,
+            children: [primaryButtonLabel == undefined && /*#__PURE__*/_jsx(View, {
+              style: styles.fakeIconWrapper
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-1-regular",
+              customContainerStyle: styles.contentStyle,
+              numberOfLines: numberOfLines,
+              onLayout: onTruncatedLayout,
+              children: message
+            })]
+          }), isShowCloseButton && /*#__PURE__*/_jsx(View, {
+            style: styles.iconWrapper,
+            children: /*#__PURE__*/_jsx(View, {
+              style: styles.fakeIconWrapper
+            })
+          })]
+        }), primaryButtonLabel != undefined && /*#__PURE__*/_jsxs(View, {
+          style: styles.buttonContainer,
+          children: [/*#__PURE__*/_jsx(Button, {
+            buttonLabel: primaryButtonLabel
+          }), secondaryButtonLabel != undefined && /*#__PURE__*/_jsx(View, {
+            style: styles.secondaryButtonContainer,
+            children: /*#__PURE__*/_jsx(Button, {
+              buttonLabel: secondaryButtonLabel,
+              type: "tertiary"
+            })
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(Divider, {
+        variant: "default",
+        thickness: "small"
+      })]
+    }), /*#__PURE__*/_jsxs(Animated.View, {
+      style: {
+        height: heightValue
+      },
+      testID: testID,
+      accessible: accessible,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityRole: accessibilityRole,
+      accessibilityState: accessibilityState,
+      children: [primaryButtonLabel != undefined && bannerVisible && /*#__PURE__*/_jsx(Divider, {
+        variant: "default",
+        thickness: "small"
+      }), /*#__PURE__*/_jsxs(Animated.View, {
+        style: [styles.container, {
+          opacity: opacityValue
+        }, !isShowCloseButton && styles.paddingRight, styles.columnDirection],
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.contentContainer,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.leftWrapper,
+            children: [primaryButtonLabel == undefined && /*#__PURE__*/_jsx(Icon, {
+              name: leftIcon()?.name,
+              group: leftIcon()?.group,
+              size: 6,
+              color: leftIcon()?.color
+            }), /*#__PURE__*/_jsx(Text, {
+              variant: "body-1-regular",
+              customContainerStyle: styles.contentStyle,
+              color: colors['text-default'],
+              numberOfLines: numberOfLines,
+              children: message
+            })]
+          }), isShowCloseButton && /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+            onPress: closeBanner,
+            children: /*#__PURE__*/_jsx(View, {
+              style: styles.iconWrapper,
+              children: /*#__PURE__*/_jsx(Icon, {
+                name: CLOSE_ICON.name,
+                group: CLOSE_ICON.group,
+                size: CLOSE_ICON.size,
+                color: CLOSE_ICON.color
+              })
+            })
+          })]
+        }), primaryButtonLabel != undefined && /*#__PURE__*/_jsxs(View, {
+          style: styles.buttonContainer,
+          children: [/*#__PURE__*/_jsx(Button, {
+            buttonLabel: primaryButtonLabel,
+            onPress: handlePrimaryButtonPress
+          }), secondaryButtonLabel != undefined && /*#__PURE__*/_jsx(View, {
+            style: styles.secondaryButtonContainer,
+            children: /*#__PURE__*/_jsx(Button, {
+              buttonLabel: secondaryButtonLabel,
+              type: "tertiary",
+              onPress: handleSecondaryButtonPress
+            })
+          })]
+        })]
+      }), primaryButtonLabel == undefined && bannerVisible && /*#__PURE__*/_jsx(View, {
+        style: isDividerOnPadding && {
+          paddingHorizontal: 16
+        },
+        children: /*#__PURE__*/_jsx(Divider, {
+          variant: "default",
+          thickness: "small"
+        })
+      })]
+    })]
+  });
+};
+export default SystemAlert;
+//# sourceMappingURL=SystemAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","View","Animated","TouchableWithoutFeedback","Easing","CLOSE_ICON","INFORMATIVE_ICON","WARNING_ICON","ERROR_ICON","SystemAlertStyles","Button","Divider","Icon","Text","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SystemAlert","props","visible","message","variant","isShowCloseButton","onClose","testID","primaryButtonLabel","secondaryButtonLabel","primaryButtonOnPress","secondaryButtonOnPress","isCloseBannerWhileButtonPress","numberOfLines","isDisableAnimation","onTruncationChange","isDividerOnPadding","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","colors","size","spacing","styles","bannerVisible","setBannerVisible","contentHeight","setContentHeight","heightValue","Value","opacityValue","fullHeight","setFullHeight","truncatedHeight","setTruncatedHeight","setValue","timing","toValue","duration","useNativeDriver","easing","out","cubic","start","closeBanner","isTruncated","in","handlePrimaryButtonPress","handleSecondaryButtonPress","onContentLayout","event","height","nativeEvent","layout","onFullLayout","onTruncatedLayout","leftIcon","children","style","contentContainer","fakeWrapperForCalculateTruncate","leftWrapper","fakeIconWrapper","customContainerStyle","contentStyle","onLayout","fakeWrapper","container","paddingRight","columnDirection","undefined","iconWrapper","buttonContainer","buttonLabel","secondaryButtonContainer","type","thickness","opacity","name","group","color","onPress","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/SystemAlert/SystemAlert.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+# DDS 3.0
+## SystemAlert Changelog
+
+## Apr 4, 2024
+### Updated
+- Fixing padding, hide icon where for button variant.
+
+## Mar 20, 2024
+### Added
+- Added onTruncationChange, isDividerOnPadding, isDisableAnimation, numberOfLines as props for Multi System Alerts
+
+## Mar 1, 2024
+### Added
+- Added buttons to component
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Jun 26, 2023
+### Added
+- [DDS 3.0] Adopt the colors, size, spacing token
+- Update the component to follow DDS 3.0 style
+- Added variant, message, visible, isShowCloseButton, onClose as props

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

@@ -0,0 +1,30 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const CLOSE_ICON = {
+  group: 'systemControl',
+  name: 'close',
+  size: 6,
+  color: 'default'
+};
+export const INFORMATIVE_ICON = {
+  group: 'function',
+  name: 'info_solid',
+  color: 'blue'
+};
+export const WARNING_ICON = {
+  group: 'general',
+  name: 'warning',
+  color: 'yellow'
+};
+export const ERROR_ICON = {
+  group: 'general',
+  name: 'alert_solid',
+  color: 'cerise'
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CLOSE_ICON","group","name","size","color","INFORMATIVE_ICON","WARNING_ICON","ERROR_ICON"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/SystemAlert/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG;EACzBC,KAAK,EAAE,eAAe;EACtBC,IAAI,EAAE,OAAO;EACbC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAG;EAC/BJ,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAE,YAAY;EAClBE,KAAK,EAAE;AACR,CAAC;AAED,OAAO,MAAME,YAAY,GAAG;EAC3BL,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,SAAS;EACfE,KAAK,EAAE;AACR,CAAC;AAED,OAAO,MAAMG,UAAU,GAAG;EACzBN,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,aAAa;EACnBE,KAAK,EAAE;AACR,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,67 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const SystemAlertStyles = (colors, size, spacing) => StyleSheet.create({
+  container: {
+    paddingLeft: spacing.md,
+    backgroundColor: colors['surface-overlay'],
+    flexDirection: 'row'
+  },
+  contentContainer: {
+    width: '100%',
+    flexDirection: 'row'
+  },
+  paddingRight: {
+    paddingRight: spacing.md
+  },
+  contentStyle: {
+    paddingLeft: spacing.xs,
+    paddingRight: spacing.md,
+    flexShrink: 1
+  },
+  fakeWrapperForCalculateTruncate: {
+    position: 'absolute',
+    opacity: 0,
+    zIndex: -1
+  },
+  leftWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    marginVertical: spacing.md
+  },
+  iconWrapper: {
+    paddingVertical: spacing.md,
+    paddingRight: spacing.md,
+    paddingLeft: spacing.xs,
+    height: spacing.md + spacing.md + size.xl,
+    zIndex: 1
+  },
+  fakeWrapper: {
+    position: 'absolute',
+    opacity: 0,
+    width: '100%',
+    zIndex: -9999
+  },
+  fakeIconWrapper: {
+    height: size.xl,
+    width: size.xl
+  },
+  columnDirection: {
+    flexDirection: 'column'
+  },
+  buttonContainer: {
+    marginTop: spacing.xl - spacing.md,
+    marginBottom: spacing.md
+  },
+  secondaryButtonContainer: {
+    marginTop: spacing.md
+  }
+});
+export default SystemAlertStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","SystemAlertStyles","colors","size","spacing","create","container","paddingLeft","md","backgroundColor","flexDirection","contentContainer","width","paddingRight","contentStyle","xs","flexShrink","fakeWrapperForCalculateTruncate","position","opacity","zIndex","leftWrapper","flex","marginVertical","iconWrapper","paddingVertical","height","xl","fakeWrapper","fakeIconWrapper","columnDirection","buttonContainer","marginTop","marginBottom","secondaryButtonContainer"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/SystemAlert/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,iBAAiB,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KAC/CJ,UAAU,CAACK,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,WAAW,EAAEH,OAAO,CAACI,EAAE;IACvBC,eAAe,EAAEP,MAAM,CAAC,iBAAiB,CAAC;IAC1CQ,aAAa,EAAE;EAChB,CAAC;EACDC,gBAAgB,EAAE;IACjBC,KAAK,EAAE,MAAM;IACbF,aAAa,EAAE;EAChB,CAAC;EACDG,YAAY,EAAE;IACbA,YAAY,EAAET,OAAO,CAACI;EACvB,CAAC;EACDM,YAAY,EAAE;IACbP,WAAW,EAAEH,OAAO,CAACW,EAAE;IACvBF,YAAY,EAAET,OAAO,CAACI,EAAE;IACxBQ,UAAU,EAAE;EACb,CAAC;EACDC,+BAA+B,EAAE;IAChCC,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;EACV,CAAC;EACDC,WAAW,EAAE;IACZC,IAAI,EAAE,CAAC;IACPZ,aAAa,EAAE,KAAK;IACpBa,cAAc,EAAEnB,OAAO,CAACI;EACzB,CAAC;EACDgB,WAAW,EAAE;IACZC,eAAe,EAAErB,OAAO,CAACI,EAAE;IAC3BK,YAAY,EAAET,OAAO,CAACI,EAAE;IACxBD,WAAW,EAAEH,OAAO,CAACW,EAAE;IACvBW,MAAM,EAAEtB,OAAO,CAACI,EAAE,GAAGJ,OAAO,CAACI,EAAE,GAAGL,IAAI,CAACwB,EAAE;IACzCP,MAAM,EAAE;EACT,CAAC;EACDQ,WAAW,EAAE;IACZV,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,CAAC;IACVP,KAAK,EAAE,MAAM;IACbQ,MAAM,EAAE,CAAC;EACV,CAAC;EACDS,eAAe,EAAE;IAChBH,MAAM,EAAEvB,IAAI,CAACwB,EAAE;IACff,KAAK,EAAET,IAAI,CAACwB;EACb,CAAC;EACDG,eAAe,EAAE;IAChBpB,aAAa,EAAE;EAChB,CAAC;EACDqB,eAAe,EAAE;IAChBC,SAAS,EAAE5B,OAAO,CAACuB,EAAE,GAAGvB,OAAO,CAACI,EAAE;IAClCyB,YAAY,EAAE7B,OAAO,CAACI;EACvB,CAAC;EACD0B,wBAAwB,EAAE;IACzBF,SAAS,EAAE5B,OAAO,CAACI;EACpB;AACD,CAAC,CAAC;AAEH,eAAeP,iBAAiB","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,33 @@
+# Tabs
+
+## Usage & Example
+
+```js
+import Tabs from '@molecules/Tabs';
+const items = [
+      {
+        label: 'Tab 1',
+        isActive: isActive,
+        onPress: () => {
+          setIsActive(true);
+          setIsActive2(false);
+        },
+      },
+      {
+        label: 'Tab 2',
+        isActive: isActive2,
+        onPress: () => {
+          setIsActive(false);
+          setIsActive2(true);
+        },
+      },
+    ];
+
+<Tabs items={items} />
+```
+
+Key             | Type           | Required  | Description                                                  |
+--------------- | -------------- | --------- | -----------------------------------                          |
+items           | `Array.Object` | `True`    | A set of arrays contains Tab props.                          |
+isFullWidth     | `boolean`      | `False`   | Tabs use all container width. only applicable for 4 tabs.    |
+testID          | `string`       | `True`    | String id for test cases.                                    |

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

@@ -0,0 +1,106 @@
+"use strict";
+
+/**
+ *
+ * Tabs
+ * @format
+ *
+ */
+
+import React from 'react';
+import { ScrollView, View, Dimensions } from 'react-native';
+import TabsStyles from "./styles/index.js";
+import Divider from "../../atoms/Divider/index.js";
+import Tab from "../../atoms/Tab/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/useCustomTheme.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const Tabs = props => {
+  const {
+    items,
+    isFullWidth,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    fonts,
+    size,
+    spacing
+  } = useCustomTheme();
+  const styles = TabsStyles(size, spacing);
+  const screenWidth = Dimensions.get('window').width;
+  const tabWidth = () => {
+    if (items.length <= 3) return `${100 / items.length}%`;
+    if (items.length == 4 && isFullWidth) return `${100 / items.length}%`;
+    return undefined;
+  };
+  const scrollViewStyle = items.length <= 3 || items.length === 4 && isFullWidth ? styles.scrollViewStyle : {};
+  const enableScroll = !(items.length <= 3 || items.length === 4 && isFullWidth);
+  const calculateNumberOfLines = () => {
+    if (enableScroll) return 58;
+    const longestLabel = items.reduce((longest, current) => {
+      return current.label.length > longest.length ? current.label : longest;
+    }, '');
+    const textStyle = fonts['body-1-semibold'];
+    const fontSize = textStyle.fontSize;
+    const lineHeight = textStyle.lineHeight;
+    const fontWeight = textStyle.fontWeight;
+    let avgCharWidth;
+    switch (fontWeight) {
+      case '400':
+        avgCharWidth = fontSize / 2;
+        break;
+      case '500':
+        avgCharWidth = fontSize / 2 * 1.1;
+        break;
+      case '600':
+        avgCharWidth = fontSize / 2 * 1.2;
+        break;
+      default:
+        avgCharWidth = fontSize / 2;
+    }
+    const charsPerLine = Math.floor((screenWidth * (parseFloat(tabWidth().replace('%', '')) / 100) - 48) / avgCharWidth);
+    const numberOfLines = Math.ceil(longestLabel.trim().length / charsPerLine);
+    const height = numberOfLines * lineHeight + 32 + 2; // 32 is the Tab padding vertical and 2 is the border width
+
+    return height;
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.containerStyle,
+      testID: testID,
+      accessible: accessible,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityRole: accessibilityRole,
+      accessibilityState: accessibilityState,
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: scrollViewStyle,
+        scrollEnabled: enableScroll,
+        children: items.map((item, index) => /*#__PURE__*/_jsx(View, {
+          style: [styles.tabContainer, {
+            width: tabWidth(),
+            height: calculateNumberOfLines()
+          }, styles.tabMinWidth],
+          children: /*#__PURE__*/_jsx(Tab, {
+            isTabs: true,
+            ...item
+          }, `${index}-tab`)
+        }, index.toString()))
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.dividerStyle,
+      children: /*#__PURE__*/_jsx(Divider, {
+        variant: "subdued",
+        thickness: "medium"
+      })
+    })]
+  });
+};
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","View","Dimensions","TabsStyles","Divider","Tab","useCustomTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Tabs","props","items","isFullWidth","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","fonts","size","spacing","styles","screenWidth","get","width","tabWidth","length","undefined","scrollViewStyle","enableScroll","calculateNumberOfLines","longestLabel","reduce","longest","current","label","textStyle","fontSize","lineHeight","fontWeight","avgCharWidth","charsPerLine","Math","floor","parseFloat","replace","numberOfLines","ceil","trim","height","children","style","containerStyle","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","scrollEnabled","map","item","index","tabContainer","tabMinWidth","isTabs","toString","dividerStyle","variant","thickness"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Tabs/Tabs.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,21 @@
+# DDS 3.0
+## Tabs Changelog
+
+## Aug 30, 2023
+### Update
+- Fixed Tabs is not showing as expected without ScrollView Wrapper
+- Added testID props
+
+## Aug 22, 2023
+### Update
+- Pass isTabs props to Tab component
+
+## Aug 3, 2023
+### Update
+- Added isFullWidth as props
+
+## Jul 22, 2023
+### Update
+- [DDS 3.0] Adopt 3.0.0 design
+- Added items as props
+

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const TabsStyles = (size, spacing) => StyleSheet.create({
+  containerStyle: {
+    paddingHorizontal: spacing.md,
+    width: '100%'
+  },
+  scrollViewStyle: {
+    width: '100%'
+  },
+  tabContainer: {
+    height: '100%'
+  },
+  tabMinWidth: {
+    minWidth: size['6xl']
+  },
+  dividerStyle: {
+    height: 2,
+    width: '100%',
+    marginTop: -2,
+    zIndex: -99
+  }
+});
+export default TabsStyles;
+//# sourceMappingURL=index.js.map