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

package/lib/module/component/AIA/atoms/DialogContainer/DialogContainer.js

@@ -0,0 +1,61 @@
+"use strict";
+
+/**
+ *
+ * Dialog
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import Modal from 'react-native-modal';
+import { ANIMATION_TIMING } from "./config/index.js";
+import DialogContainerStyles from "./styles/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DialogContainer = props => {
+  const {
+    isVisible,
+    onClose,
+    children,
+    allowBackdropOnClose,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    colors,
+    border,
+    size,
+    spacing
+  } = useCustomTheme();
+  const styles = DialogContainerStyles(colors, border, size, spacing);
+  const handleBackdropPress = () => {
+    if (allowBackdropOnClose) onClose?.();
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    testID: testID,
+    isVisible: isVisible,
+    animationIn: "fadeIn",
+    animationOut: "fadeOut",
+    backdropTransitionInTiming: ANIMATION_TIMING,
+    backdropTransitionOutTiming: ANIMATION_TIMING,
+    useNativeDriver: true,
+    onBackdropPress: handleBackdropPress,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.dialogContainer,
+      children: children
+    })
+  });
+};
+export default DialogContainer;
+//# sourceMappingURL=DialogContainer.js.map

package/lib/module/component/AIA/atoms/DialogContainer/DialogContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Modal","ANIMATION_TIMING","DialogContainerStyles","useCustomTheme","jsx","_jsx","DialogContainer","props","isVisible","onClose","children","allowBackdropOnClose","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","colors","border","size","spacing","styles","handleBackdropPress","animationIn","animationOut","backdropTransitionInTiming","backdropTransitionOutTiming","useNativeDriver","onBackdropPress","style","dialogContainer"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/DialogContainer/DialogContainer.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,cAAc;AACjC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,SAAQC,gBAAgB;AACxB,OAAOC,qBAAqB;AAE5B,OAAOC,cAAc;AAA4C,SAAAC,GAAA,IAAAC,IAAA;AAEjE,MAAMC,eAAe,GAAIC,KAAgB,IAAK;EAC7C,MAAM;IACLC,SAAS;IACTC,OAAO;IACPC,QAAQ;IACRC,oBAAoB;IACpBC,MAAM;IACNC,UAAU;IACVC,kBAAkB;IAClBC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACD,CAAC,GAAGV,KAAK;EAET,MAAM;IAACW,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAGlB,cAAc,CAAC,CAAC;EACxD,MAAMmB,MAAM,GAAGpB,qBAAqB,CAACgB,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,CAAC;EAEnE,MAAME,mBAAmB,GAAGA,CAAA,KAAM;IACjC,IAAIZ,oBAAoB,EAAEF,OAAO,GAAG,CAAC;EACtC,CAAC;EAED,oBACCJ,IAAA,CAACL,KAAK;IACLY,MAAM,EAAEA,MAAO;IACfJ,SAAS,EAAEA,SAAU;IACrBgB,WAAW,EAAC,QAAQ;IACpBC,YAAY,EAAC,SAAS;IACtBC,0BAA0B,EAAEzB,gBAAiB;IAC7C0B,2BAA2B,EAAE1B,gBAAiB;IAC9C2B,eAAe,EAAE,IAAK;IACtBC,eAAe,EAAEN,mBAAoB;IACrCV,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IAAAP,QAAA,eAEvCL,IAAA,CAACN,IAAI;MAAC+B,KAAK,EAAER,MAAM,CAACS,eAAgB;MAAArB,QAAA,EAAEA;IAAQ,CAAO;EAAC,CAChD,CAAC;AAEV,CAAC;AAED,eAAeJ,eAAe","ignoreList":[]}

package/lib/module/component/AIA/atoms/DialogContainer/README.md

@@ -0,0 +1,21 @@
+# Dialog
+
+## Usage & Example
+
+```js
+import Dialog from '@/Dialog';
+
+<DialogContainer
+isVisible={isDialogVisible}
+onClose={() => setDialogVisible(false)}
+>
+{children}
+</DialogContainer>
+```
+
+Key                     | Type           | Required  | Description                         |
+---------------         | -------------- | --------- | ----------------------------------- |
+onClose                 | `function`     | `True`    | Close dialog function.              |
+isVisible               | `boolean`      | `True`    | Show/Dismiss dialog.                |
+children                | `node`         | `True`    | Children in dialog.                 |
+allowBackdropOnClose    | `boolean`      | `False`   | Press backdrop to close dialog.     |

package/lib/module/component/AIA/atoms/DialogContainer/changelog.txt

@@ -0,0 +1,16 @@
+# DDS 3.0
+## Dialog Changelog
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Jul 7, 2023
+### Added
+- Added new package.
+- Adopt DDS 3.0 design and tokens
+- Added isVisible, children, onClose, allowBackdropOnClose as props

package/lib/module/component/AIA/atoms/DialogContainer/config/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ANIMATION_TIMING = 300;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/DialogContainer/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ANIMATION_TIMING"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/DialogContainer/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,gBAAgB,GAAG,GAAG","ignoreList":[]}

package/lib/module/component/AIA/atoms/DialogContainer/index.js

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

package/lib/module/component/AIA/atoms/DialogContainer/index.js.map

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

package/lib/module/component/AIA/atoms/DialogContainer/styles/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const DialogContainerStyles = (colors, border, size, spacing) => StyleSheet.create({
+  dialogContainer: {
+    minHeight: size['size-height-minmax3'],
+    maxHeight: size['size-height-minmax5'],
+    marginHorizontal: spacing['3xl'] - 20,
+    //original lib margin horizontal as 20
+    backgroundColor: colors['surface-overlay'],
+    paddingTop: spacing.xl,
+    paddingBottom: spacing.md,
+    paddingHorizontal: spacing.md,
+    overflow: 'hidden',
+    borderRadius: border['overlay-radius']
+  }
+});
+export default DialogContainerStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/DialogContainer/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","DialogContainerStyles","colors","border","size","spacing","create","dialogContainer","minHeight","maxHeight","marginHorizontal","backgroundColor","paddingTop","xl","paddingBottom","md","paddingHorizontal","overflow","borderRadius"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/DialogContainer/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,eAAe,EAAE;IAChBC,SAAS,EAAEJ,IAAI,CAAC,qBAAqB,CAAC;IACtCK,SAAS,EAAEL,IAAI,CAAC,qBAAqB,CAAC;IACtCM,gBAAgB,EAAEL,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE;IAAE;IACvCM,eAAe,EAAET,MAAM,CAAC,iBAAiB,CAAC;IAC1CU,UAAU,EAAEP,OAAO,CAACQ,EAAE;IACtBC,aAAa,EAAET,OAAO,CAACU,EAAE;IACzBC,iBAAiB,EAAEX,OAAO,CAACU,EAAE;IAC7BE,QAAQ,EAAE,QAAQ;IAClBC,YAAY,EAAEf,MAAM,CAAC,gBAAgB;EACtC;AACD,CAAC,CAAC;AAEH,eAAeF,qBAAqB","ignoreList":[]}

package/lib/module/component/AIA/atoms/DialogContainer/types/index.js

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

package/lib/module/component/AIA/atoms/DialogContainer/types/index.js.map

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

package/lib/module/component/AIA/atoms/Divider/Divider.js

@@ -0,0 +1,63 @@
+"use strict";
+
+/**
+ *
+ * Divider
+ * @format
+ *
+ */
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import DividerStyles from "./styles/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Divider = /*#__PURE__*/memo(props => {
+  const {
+    variant = 'default',
+    thickness = 'small',
+    testID
+  } = props;
+  const {
+    colors,
+    border
+  } = useCustomTheme();
+  const getColors = () => {
+    let initialsColors;
+    switch (variant) {
+      case 'default':
+        initialsColors = {
+          borderColor: colors['divider-default']
+        };
+        break;
+      case 'subdued':
+        initialsColors = {
+          borderColor: colors['divider-subdued']
+        };
+        break;
+      case 'bold':
+        initialsColors = {
+          borderColor: colors['divider-bold']
+        };
+        break;
+      case 'inverse':
+        initialsColors = {
+          borderColor: colors['divider-inverse']
+        };
+        break;
+    }
+    return initialsColors;
+  };
+  const getSize = thickness === 'small' ? {
+    borderTopWidth: border['border-sm']
+  } : {
+    borderTopWidth: border['border-md']
+  };
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: [getColors(), getSize, DividerStyles.container]
+  });
+});
+Divider.displayName = 'Divider';
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/lib/module/component/AIA/atoms/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","useCustomTheme","DividerStyles","jsx","_jsx","Divider","props","variant","thickness","testID","colors","border","getColors","initialsColors","borderColor","getSize","borderTopWidth","style","container","displayName"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Divider/Divider.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,IAAI,QAAO,OAAO;AACjC,SAAQC,IAAI,QAAO,cAAc;AACjC,OAAOC,cAAc;AAErB,OAAOC,aAAa;AAAgB,SAAAC,GAAA,IAAAC,IAAA;AAGpC,MAAMC,OAA4B,gBAAGN,IAAI,CAAEO,KAAgB,IAAU;EACpE,MAAM;IAACC,OAAO,GAAG,SAAS;IAAEC,SAAS,GAAG,OAAO;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAChE,MAAM;IAACI,MAAM;IAAEC;EAAM,CAAC,GAAGV,cAAc,CAAC,CAAC;EAEzC,MAAMW,SAAS,GAAGA,CAAA,KAAM;IACvB,IAAIC,cAAc;IAClB,QAAQN,OAAO;MACd,KAAK,SAAS;QACbM,cAAc,GAAG;UAChBC,WAAW,EAAEJ,MAAM,CAAC,iBAAiB;QACtC,CAAC;QACD;MACD,KAAK,SAAS;QACbG,cAAc,GAAG;UAChBC,WAAW,EAAEJ,MAAM,CAAC,iBAAiB;QACtC,CAAC;QACD;MACD,KAAK,MAAM;QACVG,cAAc,GAAG;UAChBC,WAAW,EAAEJ,MAAM,CAAC,cAAc;QACnC,CAAC;QACD;MACD,KAAK,SAAS;QACbG,cAAc,GAAG;UAChBC,WAAW,EAAEJ,MAAM,CAAC,iBAAiB;QACtC,CAAC;QACD;IACF;IACA,OAAOG,cAAc;EACtB,CAAC;EAED,MAAME,OAAO,GACZP,SAAS,KAAK,OAAO,GAAG;IAACQ,cAAc,EAAEL,MAAM,CAAC,WAAW;EAAC,CAAC,GAAG;IAACK,cAAc,EAAEL,MAAM,CAAC,WAAW;EAAC,CAAC;EAEtG,oBAAOP,IAAA,CAACJ,IAAI;IAACS,MAAM,EAAEA,MAAO;IAACQ,KAAK,EAAE,CAACL,SAAS,CAAC,CAAC,EAAEG,OAAO,EAAEb,aAAa,CAACgB,SAAS;EAAE,CAAE,CAAC;AACxF,CAAC,CAAC;AAEFb,OAAO,CAACc,WAAW,GAAG,SAAS;AAE/B,eAAed,OAAO","ignoreList":[]}

package/lib/module/component/AIA/atoms/Divider/README.md

@@ -0,0 +1,14 @@
+# Divider
+
+## Usage & Example
+
+```js
+import Divider from '@/Divider';
+
+<Divider>
+
+</Divider>
+```
+
+Key             | Type           | Required  | Description                         |
+--------------- | -------------- | --------- | ----------------------------------- |

package/lib/module/component/AIA/atoms/Divider/changelog.txt

@@ -0,0 +1,10 @@
+# DDS 3.0
+## Divider Changelog
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Mar 20, 2023
+### Added
+- Added new package.

package/lib/module/component/AIA/atoms/Divider/config/index.js

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

package/lib/module/component/AIA/atoms/Divider/config/index.js.map

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

package/lib/module/component/AIA/atoms/Divider/index.js

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

package/lib/module/component/AIA/atoms/Divider/index.js.map

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

package/lib/module/component/AIA/atoms/Divider/styles/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const DividerStyles = StyleSheet.create({
+  container: {
+    width: '100%'
+  }
+});
+export default DividerStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Divider/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","DividerStyles","create","container","width"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Divider/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,aAAa,GAAGD,UAAU,CAACE,MAAM,CAAC;EACvCC,SAAS,EAAE;IACVC,KAAK,EAAE;EACR;AACD,CAAC,CAAC;AAEF,eAAeH,aAAa","ignoreList":[]}

package/lib/module/component/AIA/atoms/Divider/types/index.js

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

package/lib/module/component/AIA/atoms/Divider/types/index.js.map

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

package/lib/module/component/AIA/atoms/Drawer/Drawer.js

@@ -0,0 +1,92 @@
+"use strict";
+
+/**
+ *
+ * Drawer
+ * @format
+ *
+ */
+
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Dimensions, Platform } from 'react-native';
+import { iOSModelWithHomeButton } from "./config/index.js";
+import DrawerStyles from "./styles/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import ActionSheet, { ScrollView } from 'react-native-actions-sheet';
+import { getModel } from 'react-native-device-info';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Drawer = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    containerHeight,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const actionSheetRef = useRef(null);
+  const {
+    colors,
+    spacing
+  } = useCustomTheme();
+  const styles = DrawerStyles(colors, spacing);
+  const maxHeight = Dimensions.get('window').height;
+  useImperativeHandle(ref, () => ({
+    toggleActionSheet: () => {
+      if (actionSheetRef.current?.isOpen()) {
+        actionSheetRef.current.hide();
+      } else {
+        actionSheetRef.current?.show();
+      }
+    }
+  }));
+  const heightProps = (() => {
+    if (typeof containerHeight === 'number') {
+      if (containerHeight > maxHeight) {
+        return maxHeight;
+      }
+      return containerHeight;
+    }
+    switch (containerHeight) {
+      case '25%':
+        return maxHeight * 0.25;
+      case '50%':
+        return maxHeight * 0.5;
+      case '75%':
+        return maxHeight * 0.75;
+      case '100%':
+        return Platform.OS !== 'ios' ? maxHeight * 0.95 : maxHeight * 0.9;
+      default:
+        return maxHeight * 0.25;
+    }
+  })();
+  const bottomSafeAreaPadding = (() => {
+    if (Platform.OS !== 'ios') return 0;
+    const deviceModel = getModel();
+    if (iOSModelWithHomeButton.includes(deviceModel)) return 0;
+    return 34;
+  })();
+  return /*#__PURE__*/_jsx(ActionSheet, {
+    ref: actionSheetRef,
+    containerStyle: {
+      height: heightProps,
+      paddingBottom: bottomSafeAreaPadding + spacing.xl,
+      ...styles.containerStyle
+    },
+    gestureEnabled: true,
+    useBottomSafeAreaPadding: true,
+    indicatorStyle: styles.indicatorStyle,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    ...props,
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      children: children
+    })
+  });
+});
+export default Drawer;
+//# sourceMappingURL=Drawer.js.map

package/lib/module/component/AIA/atoms/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useRef","Dimensions","Platform","iOSModelWithHomeButton","DrawerStyles","useCustomTheme","ActionSheet","ScrollView","getModel","jsx","_jsx","Drawer","props","ref","children","containerHeight","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","actionSheetRef","colors","spacing","styles","maxHeight","get","height","toggleActionSheet","current","isOpen","hide","show","heightProps","OS","bottomSafeAreaPadding","deviceModel","includes","containerStyle","paddingBottom","xl","gestureEnabled","useBottomSafeAreaPadding","indicatorStyle"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Drawer/Drawer.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAO,OAAO;AACpE,SAAQC,UAAU,EAAEC,QAAQ,QAAO,cAAc;AAEjD,SAAQC,sBAAsB;AAC9B,OAAOC,YAAY;AAEnB,OAAOC,cAAc;AAErB,OAAOC,WAAW,IAAmBC,UAAU,QAAO,4BAA4B;AAClF,SAAQC,QAAQ,QAAO,0BAA0B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOjD,MAAMC,MAAM,gBAAGb,UAAU,CAAC,CAACc,KAAgB,EAAEC,GAAG,KAAK;EACpD,MAAM;IACLC,QAAQ;IACRC,eAAe;IACfC,UAAU;IACVC,kBAAkB;IAClBC,iBAAiB;IACjBC,iBAAiB;IACjBC;EACD,CAAC,GAAGR,KAAK;EACT,MAAMS,cAAc,GAAGrB,MAAM,CAAqB,IAAI,CAAC;EAEvD,MAAM;IAACsB,MAAM;IAAEC;EAAO,CAAC,GAAGlB,cAAc,CAAC,CAAC;EAC1C,MAAMmB,MAAM,GAAGpB,YAAY,CAACkB,MAAM,EAAEC,OAAO,CAAC;EAE5C,MAAME,SAAS,GAAGxB,UAAU,CAACyB,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;EAEjD5B,mBAAmB,CAACc,GAAG,EAAE,OAAO;IAC/Be,iBAAiB,EAAEA,CAAA,KAAM;MACxB,IAAIP,cAAc,CAACQ,OAAO,EAAEC,MAAM,CAAC,CAAC,EAAE;QACrCT,cAAc,CAACQ,OAAO,CAACE,IAAI,CAAC,CAAC;MAC9B,CAAC,MAAM;QACNV,cAAc,CAACQ,OAAO,EAAEG,IAAI,CAAC,CAAC;MAC/B;IACD;EACD,CAAC,CAAC,CAAC;EAEH,MAAMC,WAAW,GAAG,CAAC,MAAM;IAC1B,IAAI,OAAOlB,eAAe,KAAK,QAAQ,EAAE;MACxC,IAAIA,eAAe,GAAGU,SAAS,EAAE;QAChC,OAAOA,SAAS;MACjB;MACA,OAAOV,eAAe;IACvB;IAEA,QAAQA,eAAe;MACtB,KAAK,KAAK;QACT,OAAOU,SAAS,GAAG,IAAI;MACxB,KAAK,KAAK;QACT,OAAOA,SAAS,GAAG,GAAG;MACvB,KAAK,KAAK;QACT,OAAOA,SAAS,GAAG,IAAI;MACxB,KAAK,MAAM;QACV,OAAOvB,QAAQ,CAACgC,EAAE,KAAK,KAAK,GAAGT,SAAS,GAAG,IAAI,GAAGA,SAAS,GAAG,GAAG;MAClE;QACC,OAAOA,SAAS,GAAG,IAAI;IACzB;EACD,CAAC,EAAE,CAAC;EAEJ,MAAMU,qBAAqB,GAAG,CAAC,MAAM;IACpC,IAAIjC,QAAQ,CAACgC,EAAE,KAAK,KAAK,EAAE,OAAO,CAAC;IAEnC,MAAME,WAAW,GAAG5B,QAAQ,CAAC,CAAC;IAE9B,IAAIL,sBAAsB,CAACkC,QAAQ,CAACD,WAAW,CAAC,EAAE,OAAO,CAAC;IAC1D,OAAO,EAAE;EACV,CAAC,EAAE,CAAC;EAEJ,oBACC1B,IAAA,CAACJ,WAAW;IACXO,GAAG,EAAEQ,cAAe;IACpBiB,cAAc,EAAE;MACfX,MAAM,EAAEM,WAAW;MACnBM,aAAa,EAAEJ,qBAAqB,GAAGZ,OAAO,CAACiB,EAAE;MACjD,GAAGhB,MAAM,CAACc;IACX,CAAE;IACFG,cAAc,EAAE,IAAK;IACrBC,wBAAwB;IACxBC,cAAc,EAAEnB,MAAM,CAACmB,cAAe;IACtC3B,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IAAA,GACnCR,KAAK;IAAAE,QAAA,eAETJ,IAAA,CAACH,UAAU;MAAAO,QAAA,EAAEA;IAAQ,CAAa;EAAC,CACvB,CAAC;AAEhB,CAAC,CAAC;AAEF,eAAeH,MAAM","ignoreList":[]}

package/lib/module/component/AIA/atoms/Drawer/README.md

@@ -0,0 +1,24 @@
+# Drawer
+
+## Usage & Example
+
+```js
+import React, {useRef} from 'react';
+import Drawer, {DrawerRef} from '@/DrawerContainer';
+
+const actionSheetRef100 = useRef<DrawerRef>(null);
+
+
+<Drawer
+  ref={actionSheetRefSpecial}
+  containerHeight="25%"
+  onOpen={() => console.log('Opened')}
+  onClose={() => console.log('Closed')}>
+  <View style={{flex: 1, backgroundColor: colors.surfaceDigitalred}} />
+</Drawer>
+```
+
+Key             | Type                | Required  | Description                                        |
+--------------- | --------------      | --------- | -----------------------------------                |
+children        | `react.Node`        | `True`    | Component inside Drawer Container.                 |
+containerHeight | `string` | `number  | `True`    | Drawer Container height, support 25% 50% 75% 100%. |

package/lib/module/component/AIA/atoms/Drawer/changelog.txt

@@ -0,0 +1,20 @@
+# DDS 3.0
+## Drawer Changelog
+
+## jul 3, 2024
+### Updated
+- Updated and fixing drawer unable to scroll issue.
+
+## Jan 2, 2024
+### Updated
+- Modify containerHeight accepting number
+
+## Dec 28, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Apr 18, 2023
+### Added
+- [DDS 3.0] Adopt the Spacing token
+- Added children to pass in component
+- Added containerHeight as props that support '25%', '50%', '75%', '100%'

package/lib/module/component/AIA/atoms/Drawer/config/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+//list of iphone that have home bottom (not edge-to-edge display) with support ios 12.4
+export const iOSModelWithHomeButton = ['iPhone 5s', 'iPhone 6', 'iPhone 6 Plus', 'iPhone 6s', 'iPhone 6s Plus', 'iPhone 7', 'iPhone 7 Plus', 'iPhone 8', 'iPhone 8 Plus', 'iPhone SE', 'iPhone SE (1st generation)', 'iPhone SE (2nd generation)'];
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Drawer/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iOSModelWithHomeButton"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Drawer/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,OAAO,MAAMA,sBAAsB,GAAG,CACrC,WAAW,EACX,UAAU,EACV,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,UAAU,EACV,eAAe,EACf,WAAW,EACX,4BAA4B,EAC5B,4BAA4B,CAC5B","ignoreList":[]}

package/lib/module/component/AIA/atoms/Drawer/index.js

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

package/lib/module/component/AIA/atoms/Drawer/index.js.map

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

package/lib/module/component/AIA/atoms/Drawer/styles/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const DrawerStyles = (colors, spacing) => StyleSheet.create({
+  indicatorStyle: {
+    marginTop: spacing.xs,
+    marginBottom: spacing.xl
+  },
+  containerStyle: {
+    paddingHorizontal: spacing.md,
+    backgroundColor: colors['surface-overlay']
+  }
+});
+export default DrawerStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/atoms/Drawer/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","DrawerStyles","colors","spacing","create","indicatorStyle","marginTop","xs","marginBottom","xl","containerStyle","paddingHorizontal","md","backgroundColor"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Drawer/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,YAAY,GAAGA,CAACC,MAAM,EAAEC,OAAO,KACpCH,UAAU,CAACI,MAAM,CAAC;EACjBC,cAAc,EAAE;IACfC,SAAS,EAAEH,OAAO,CAACI,EAAE;IACrBC,YAAY,EAAEL,OAAO,CAACM;EACvB,CAAC;EACDC,cAAc,EAAE;IACfC,iBAAiB,EAAER,OAAO,CAACS,EAAE;IAC7BC,eAAe,EAAEX,MAAM,CAAC,iBAAiB;EAC1C;AACD,CAAC,CAAC;AAEH,eAAeD,YAAY","ignoreList":[]}

package/lib/module/component/AIA/atoms/Drawer/types/index.js

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

package/lib/module/component/AIA/atoms/Drawer/types/index.js.map

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

package/lib/module/component/AIA/atoms/FloatingButton/FloatingButton.js

@@ -0,0 +1,113 @@
+"use strict";
+
+/**
+ *
+ * FloatingButton
+ * @format
+ *
+ */
+
+import React, { useState } from 'react';
+import { TouchableWithoutFeedback, View } from 'react-native';
+import { Surface } from 'react-native-paper';
+import FloatingButtonStyles from "./styles/index.js";
+import Icon from "../Icon/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FloatingButton = props => {
+  const {
+    icon = {
+      group: 'general',
+      name: 'enquiry'
+    },
+    type = 'primary',
+    onPress,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole = 'button',
+    accessibilityState
+  } = props;
+  const {
+    colors,
+    border
+  } = useCustomTheme();
+  const styles = FloatingButtonStyles(colors, border);
+  const [isHolding, setIsHolding] = useState(false);
+  const iconColor = (() => {
+    switch (type) {
+      case 'primary':
+        return 'primary';
+      case 'secondary':
+        return 'default';
+      default:
+        return 'primary';
+    }
+  })();
+  const borderColor = (() => {
+    switch (type) {
+      case 'primary':
+        return styles.redBorderColor;
+      case 'secondary':
+        return styles.charcoalBorderColor;
+      default:
+        return styles.redBorderColor;
+    }
+  })();
+  const onHoldStyle = (() => {
+    switch (type) {
+      case 'primary':
+        return styles.redHoldingContainer;
+      case 'secondary':
+        return styles.charcoalHoldingContainer;
+      default:
+        return styles.redHoldingContainer;
+    }
+  })();
+  const buttonElevation = (() => {
+    return isHolding ? 3 : 2;
+  })();
+  const handleLongPress = () => {
+    setIsHolding(true);
+  };
+  const handlePressOut = () => {
+    if (isHolding) {
+      setIsHolding(false);
+    }
+  };
+  const handlePress = () => {
+    if (onPress) {
+      onPress();
+    }
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.containerWrapper,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      testID: testID,
+      onPress: handlePress,
+      onLongPress: handleLongPress,
+      onPressOut: handlePressOut,
+      children: /*#__PURE__*/_jsx(Surface, {
+        elevation: buttonElevation,
+        style: styles.surfaceContainer,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [styles.containerStyle, borderColor, isHolding && onHoldStyle],
+          children: /*#__PURE__*/_jsx(Icon, {
+            group: icon.group,
+            name: icon.name,
+            size: 6,
+            color: iconColor
+          })
+        })
+      })
+    })
+  });
+};
+export default FloatingButton;
+//# sourceMappingURL=FloatingButton.js.map

package/lib/module/component/AIA/atoms/FloatingButton/FloatingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","TouchableWithoutFeedback","View","Surface","FloatingButtonStyles","Icon","useCustomTheme","jsx","_jsx","FloatingButton","props","icon","group","name","type","onPress","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","colors","border","styles","isHolding","setIsHolding","iconColor","borderColor","redBorderColor","charcoalBorderColor","onHoldStyle","redHoldingContainer","charcoalHoldingContainer","buttonElevation","handleLongPress","handlePressOut","handlePress","style","containerWrapper","children","onLongPress","onPressOut","elevation","surfaceContainer","containerStyle","size","color"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/FloatingButton/FloatingButton.tsx"],"mappings":"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","ignoreList":[]}