@originallyus/feedback-rn-sdk 4.0.0-beta.33 → 4.0.0-beta.35

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

@@ -1,117 +0,0 @@
-"use strict";
-
-/**
- *
- * TextArea
- * @format
- *
- */
-
-import React, { useState } from 'react';
-import { View, TextInput, Text } from 'react-native';
-import TextAreaStyles from "./styles/index.js";
-import Icon from "../Icon/index.js";
-import { ICON_GROUP, ICON_ERROR } from "./config/index.js";
-import useCustomTheme from "../../hooks/useCustomTheme/index.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TextArea = props => {
-  const {
-    value,
-    hintText,
-    isError,
-    maxLength,
-    isDisabled,
-    onChange,
-    placeholderText,
-    testID,
-    onFocus,
-    onBlur,
-    accessible,
-    accessibilityLabel,
-    accessibilityHint,
-    accessibilityRole,
-    accessibilityState,
-    accessibilityValue
-  } = props;
-  const {
-    colors,
-    fonts,
-    border,
-    size,
-    spacing
-  } = useCustomTheme();
-  const styles = TextAreaStyles(colors, fonts, border, size, spacing);
-  const [isFocused, setIsFocused] = useState(false);
-  const [textInput, setTextInput] = useState(value);
-  const maxTextCount = maxLength && maxLength > 0 ? Math.min(maxLength, 1000) : undefined;
-  const textCount = textInput?.length;
-  const handleTextChange = newText => {
-    setTextInput(newText);
-    if (onChange) {
-      onChange(newText);
-    }
-  };
-  const handleFocus = () => {
-    setIsFocused(true);
-    onFocus?.();
-  };
-  const handleBlur = () => {
-    setIsFocused(false);
-    onBlur?.();
-  };
-  const placeHolderColor = (() => {
-    if (isDisabled) return colors['text-disabled'];
-    return colors['text-subdued'];
-  })();
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.containerWrapper,
-    testID: testID,
-    accessible: accessible,
-    accessibilityLabel: accessibilityLabel,
-    accessibilityHint: accessibilityHint,
-    accessibilityRole: accessibilityRole,
-    accessibilityState: accessibilityState,
-    accessibilityValue: accessibilityValue,
-    children: [/*#__PURE__*/_jsxs(View, {
-      style: [styles.containerStyle, isFocused && styles.borderActivated, isError && styles.borderError, isDisabled && styles.disabledContainerBackground, isDisabled && value != '' && styles.prefilledWithDisableContainerStyle],
-      children: [isDisabled && value != '' ? /*#__PURE__*/_jsx(Text, {
-        style: [styles.textInputLabel, styles.prefilledWithDisableInputLabel],
-        children: textInput
-      }) : /*#__PURE__*/_jsx(TextInput, {
-        style: [styles.textInputLabel, styles.textInputStyle, styles.textInputFocusedStyle, value != '' && styles.textInputFocusedStyle, isError && styles.textInputFocusedStyle, isDisabled && styles.disabledTextInputLabel],
-        multiline: true,
-        scrollEnabled: true,
-        placeholder: placeholderText,
-        placeholderTextColor: placeHolderColor,
-        value: textInput,
-        maxLength: maxTextCount,
-        onChangeText: handleTextChange,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        editable: !isDisabled
-      }), maxLength && !isDisabled && /*#__PURE__*/_jsx(View, {
-        style: styles.wordCountContainer,
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.countTextLabel, styles.wordCountLabel],
-          children: `${textCount}/${maxTextCount}`
-        })
-      })]
-    }), hintText != undefined && hintText != '' && /*#__PURE__*/_jsxs(View, {
-      style: styles.hintTextErrorMessageContainer,
-      children: [isError && /*#__PURE__*/_jsx(Icon, {
-        group: ICON_GROUP,
-        name: ICON_ERROR,
-        size: 4,
-        color: "cerise"
-      }), /*#__PURE__*/_jsx(Text, {
-        style: [styles.hintTextLabel, styles.hintTextStyle, isError && styles.isErrorLabelStyle],
-        children: hintText
-      })]
-    })]
-  });
-};
-TextArea.defaultProps = {
-  value: ''
-};
-export default TextArea;
-//# sourceMappingURL=TextArea.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","View","TextInput","Text","TextAreaStyles","Icon","ICON_GROUP","ICON_ERROR","useCustomTheme","jsx","_jsx","jsxs","_jsxs","TextArea","props","value","hintText","isError","maxLength","isDisabled","onChange","placeholderText","testID","onFocus","onBlur","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","colors","fonts","border","size","spacing","styles","isFocused","setIsFocused","textInput","setTextInput","maxTextCount","Math","min","undefined","textCount","length","handleTextChange","newText","handleFocus","handleBlur","placeHolderColor","style","containerWrapper","children","containerStyle","borderActivated","borderError","disabledContainerBackground","prefilledWithDisableContainerStyle","textInputLabel","prefilledWithDisableInputLabel","textInputStyle","textInputFocusedStyle","disabledTextInputLabel","multiline","scrollEnabled","placeholder","placeholderTextColor","onChangeText","editable","wordCountContainer","countTextLabel","wordCountLabel","hintTextErrorMessageContainer","group","name","color","hintTextLabel","hintTextStyle","isErrorLabelStyle","defaultProps"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/TextArea/TextArea.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAGC,QAAQ,QAAO,OAAO;AACrC,SAAQC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAO,cAAc;AAElD,OAAOC,cAAc;AAGrB,OAAOC,IAAI;AACX,SAAQC,UAAU,EAAEC,UAAU;AAC9B,OAAOC,cAAc;AAA6C,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElE,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACrC,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,UAAU;IACVC,QAAQ;IACRC,eAAe;IACfC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,kBAAkB;IAClBC,iBAAiB;IACjBC,iBAAiB;IACjBC,kBAAkB;IAClBC;EACF,CAAC,GAAGhB,KAAK;EACT,MAAM;IAACiB,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG3B,cAAc,CAAC,CAAC;EAC/D,MAAM4B,MAAM,GAAGhC,cAAc,CAAC2B,MAAM,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,CAAC;EAEnE,MAAM,CAACE,SAAS,EAAEC,YAAY,CAAC,GAAGtC,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAACuC,SAAS,EAAEC,YAAY,CAAC,GAAGxC,QAAQ,CAACe,KAAK,CAAC;EAEjD,MAAM0B,YAAY,GAAGvB,SAAS,IAAIA,SAAS,GAAG,CAAC,GAAGwB,IAAI,CAACC,GAAG,CAACzB,SAAS,EAAE,IAAI,CAAC,GAAG0B,SAAS;EACvF,MAAMC,SAAS,GAAGN,SAAS,EAAEO,MAAM;EAEnC,MAAMC,gBAAgB,GAAIC,OAAe,IAAK;IAC5CR,YAAY,CAACQ,OAAO,CAAC;IACrB,IAAI5B,QAAQ,EAAE;MACZA,QAAQ,CAAC4B,OAAO,CAAC;IACnB;EACF,CAAC;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxBX,YAAY,CAAC,IAAI,CAAC;IAClBf,OAAO,GAAG,CAAC;EACb,CAAC;EAED,MAAM2B,UAAU,GAAGA,CAAA,KAAM;IACvBZ,YAAY,CAAC,KAAK,CAAC;IACnBd,MAAM,GAAG,CAAC;EACZ,CAAC;EAED,MAAM2B,gBAAgB,GAAG,CAAC,MAAM;IAC9B,IAAIhC,UAAU,EAAE,OAAOY,MAAM,CAAC,eAAe,CAAC;IAC9C,OAAOA,MAAM,CAAC,cAAc,CAAC;EAC/B,CAAC,EAAE,CAAC;EAEJ,oBACEnB,KAAA,CAACX,IAAI;IACHmD,KAAK,EAAEhB,MAAM,CAACiB,gBAAiB;IAC/B/B,MAAM,EAAEA,MAAO;IACfG,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCC,kBAAkB,EAAEA,kBAAmB;IACvCC,kBAAkB,EAAEA,kBAAmB;IAAAwB,QAAA,gBACvC1C,KAAA,CAACX,IAAI;MACHmD,KAAK,EAAE,CACLhB,MAAM,CAACmB,cAAc,EACrBlB,SAAS,IAAID,MAAM,CAACoB,eAAe,EACnCvC,OAAO,IAAImB,MAAM,CAACqB,WAAW,EAC7BtC,UAAU,IAAIiB,MAAM,CAACsB,2BAA2B,EAChDvC,UAAU,IAAIJ,KAAK,IAAI,EAAE,IAAIqB,MAAM,CAACuB,kCAAkC,CACtE;MAAAL,QAAA,GACDnC,UAAU,IAAIJ,KAAK,IAAI,EAAE,gBACxBL,IAAA,CAACP,IAAI;QAACiD,KAAK,EAAE,CAAChB,MAAM,CAACwB,cAAc,EAAExB,MAAM,CAACyB,8BAA8B,CAAE;QAAAP,QAAA,EACzEf;MAAS,CACN,CAAC,gBAEP7B,IAAA,CAACR,SAAS;QACRkD,KAAK,EAAE,CACLhB,MAAM,CAACwB,cAAc,EACrBxB,MAAM,CAAC0B,cAAc,EACrB1B,MAAM,CAAC2B,qBAAqB,EAC5BhD,KAAK,IAAI,EAAE,IAAIqB,MAAM,CAAC2B,qBAAqB,EAC3C9C,OAAO,IAAImB,MAAM,CAAC2B,qBAAqB,EACvC5C,UAAU,IAAIiB,MAAM,CAAC4B,sBAAsB,CAC3C;QACFC,SAAS,EAAE,IAAK;QAChBC,aAAa;QACbC,WAAW,EAAE9C,eAAgB;QAC7B+C,oBAAoB,EAAEjB,gBAAiB;QACvCpC,KAAK,EAAEwB,SAAU;QACjBrB,SAAS,EAAEuB,YAAa;QACxB4B,YAAY,EAAEtB,gBAAiB;QAC/BxB,OAAO,EAAE0B,WAAY;QACrBzB,MAAM,EAAE0B,UAAW;QACnBoB,QAAQ,EAAE,CAACnD;MAAW,CACvB,CACF,EAEAD,SAAS,IAAI,CAACC,UAAU,iBACvBT,IAAA,CAACT,IAAI;QAACmD,KAAK,EAAEhB,MAAM,CAACmC,kBAAmB;QAAAjB,QAAA,eACrC5C,IAAA,CAACP,IAAI;UACHiD,KAAK,EAAE,CACLhB,MAAM,CAACoC,cAAc,EACrBpC,MAAM,CAACqC,cAAc,CACrB;UAAAnB,QAAA,EAAE,GAAGT,SAAS,IAAIJ,YAAY;QAAE,CAAO;MAAC,CACxC,CACP;IAAA,CACG,CAAC,EACNzB,QAAQ,IAAI4B,SAAS,IAAI5B,QAAQ,IAAI,EAAE,iBACtCJ,KAAA,CAACX,IAAI;MAACmD,KAAK,EAAEhB,MAAM,CAACsC,6BAA8B;MAAApB,QAAA,GAC/CrC,OAAO,iBAAIP,IAAA,CAACL,IAAI;QAACsE,KAAK,EAAErE,UAAW;QAACsE,IAAI,EAAErE,UAAW;QAAC2B,IAAI,EAAE,CAAE;QAAC2C,KAAK,EAAC;MAAQ,CAAE,CAAC,eACjFnE,IAAA,CAACP,IAAI;QACHiD,KAAK,EAAE,CACLhB,MAAM,CAAC0C,aAAa,EACpB1C,MAAM,CAAC2C,aAAa,EACpB9D,OAAO,IAAImB,MAAM,CAAC4C,iBAAiB,CACnC;QAAA1B,QAAA,EACDtC;MAAQ,CACL,CAAC;IAAA,CACH,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAEDH,QAAQ,CAACoE,YAAY,GAAG;EACtBlE,KAAK,EAAE;AACT,CAAC;AAED,eAAeF,QAAQ","ignoreList":[]}

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

@@ -1,25 +0,0 @@
-# DDS 3.0
-## TextArea Changelog
-
-## Dec 28, 2023
-### Updated
-- Import Text from atoms in storybook files.
-
-## Aug 11, 2023
-### Updated
-- Added hintText condition checking to check is undefined then hide hintText components
-
-## Mar 28, 2023
-### Added
-- Added onFocus, onBlur, testID as new props
-
-## Mar 28, 2023
-### Added
-- [DDS 3.0] Adopt the colour, size, border radius, border width, spacing token
-- Added ISDISABLE props for TextArea change to disable condition
-- Added VALUE props to pass in initial value for display
-- Added HINTTEXT props to display hint text or error message
-- Added ISERROR props to display error styles and error icon
-- Added ONCHANGE props to pass back to new text user have key in
-- Added MAXLENGTH props to control text area maximum characters
-- Added PLEACEHOLDERTEXT props to display for text area text holder

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

@@ -1,11 +0,0 @@
-"use strict";
-
-/**
- *
- * @format
- *
- */
-
-export const ICON_GROUP = 'general';
-export const ICON_ERROR = 'alert_solid';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["ICON_GROUP","ICON_ERROR"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/TextArea/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG,SAAS;AACnC,OAAO,MAAMC,UAAU,GAAG,aAAa","ignoreList":[]}

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

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

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

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

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

@@ -1,83 +0,0 @@
-"use strict";
-
-/**
- *
- * @format
- *
- */
-
-import { StyleSheet } from 'react-native';
-const TextAreaStyles = (colors, font, border, size, spacing) => StyleSheet.create({
-  containerWrapper: {
-    width: '100%',
-    flexDirection: 'column'
-  },
-  containerStyle: {
-    paddingHorizontal: spacing['md'],
-    paddingTop: spacing['sm'],
-    paddingBottom: spacing['xs'],
-    height: size['8xl'],
-    flexDirection: 'column',
-    borderColor: colors['border-default'],
-    borderWidth: border['border-sm'],
-    borderRadius: border['radius-md'],
-    backgroundColor: colors['surface-enabled-2']
-  },
-  disabledContainerBackground: {
-    backgroundColor: colors['surface-disabled']
-  },
-  prefilledWithDisableContainerStyle: {
-    backgroundColor: 'transparent',
-    borderColor: 'transparent',
-    paddingHorizontal: spacing['none'],
-    paddingTop: spacing['none'],
-    paddingBottom: spacing['none']
-  },
-  borderActivated: {
-    borderColor: colors['border-selected']
-  },
-  borderError: {
-    borderColor: colors['border-error']
-  },
-  wordCountContainer: {
-    alignSelf: 'flex-end',
-    marginTop: spacing['2xs'],
-    width: '100%'
-  },
-  wordCountLabel: {
-    color: colors['text-subdued'],
-    textAlign: 'right'
-  },
-  textInputStyle: {
-    flex: 1,
-    color: colors['text-subdued'],
-    padding: 0,
-    textAlignVertical: 'top'
-  },
-  textInputFocusedStyle: {
-    color: colors['text-default']
-  },
-  hintTextStyle: {
-    color: colors['text-subdued']
-  },
-  hintTextErrorMessageContainer: {
-    marginTop: spacing['xs'],
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  isErrorLabelStyle: {
-    marginLeft: spacing['2xs'],
-    color: colors['text-error']
-  },
-  disabledTextInputLabel: {
-    color: colors['text-disabled']
-  },
-  prefilledWithDisableInputLabel: {
-    color: colors['text-default']
-  },
-  countTextLabel: font[`body-3-regular`],
-  textInputLabel: font['body-1-regular'],
-  hintTextLabel: font['body-2-regular']
-});
-export default TextAreaStyles;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","TextAreaStyles","colors","font","border","size","spacing","create","containerWrapper","width","flexDirection","containerStyle","paddingHorizontal","paddingTop","paddingBottom","height","borderColor","borderWidth","borderRadius","backgroundColor","disabledContainerBackground","prefilledWithDisableContainerStyle","borderActivated","borderError","wordCountContainer","alignSelf","marginTop","wordCountLabel","color","textAlign","textInputStyle","flex","padding","textAlignVertical","textInputFocusedStyle","hintTextStyle","hintTextErrorMessageContainer","alignItems","isErrorLabelStyle","marginLeft","disabledTextInputLabel","prefilledWithDisableInputLabel","countTextLabel","textInputLabel","hintTextLabel"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/TextArea/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AASvC,MAAMC,cAAc,GAAGA,CACrBC,MAAa,EACbC,IAAc,EACdC,MAAmB,EACnBC,IAAe,EACfC,OAAqB,KAErBN,UAAU,CAACO,MAAM,CAAC;EAChBC,gBAAgB,EAAE;IAChBC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EACjB,CAAC;EACDC,cAAc,EAAE;IACdC,iBAAiB,EAAEN,OAAO,CAAC,IAAI,CAAC;IAChCO,UAAU,EAAEP,OAAO,CAAC,IAAI,CAAC;IACzBQ,aAAa,EAAER,OAAO,CAAC,IAAI,CAAC;IAC5BS,MAAM,EAAEV,IAAI,CAAC,KAAK,CAAC;IACnBK,aAAa,EAAE,QAAQ;IACvBM,WAAW,EAAEd,MAAM,CAAC,gBAAgB,CAAC;IACrCe,WAAW,EAAEb,MAAM,CAAC,WAAW,CAAC;IAChCc,YAAY,EAAEd,MAAM,CAAC,WAAW,CAAC;IACjCe,eAAe,EAAEjB,MAAM,CAAC,mBAAmB;EAC7C,CAAC;EACDkB,2BAA2B,EAAE;IAC3BD,eAAe,EAAEjB,MAAM,CAAC,kBAAkB;EAC5C,CAAC;EACDmB,kCAAkC,EAAE;IAClCF,eAAe,EAAE,aAAa;IAC9BH,WAAW,EAAE,aAAa;IAC1BJ,iBAAiB,EAAEN,OAAO,CAAC,MAAM,CAAC;IAClCO,UAAU,EAAEP,OAAO,CAAC,MAAM,CAAC;IAC3BQ,aAAa,EAAER,OAAO,CAAC,MAAM;EAC/B,CAAC;EACDgB,eAAe,EAAE;IACfN,WAAW,EAAEd,MAAM,CAAC,iBAAiB;EACvC,CAAC;EACDqB,WAAW,EAAE;IACXP,WAAW,EAAEd,MAAM,CAAC,cAAc;EACpC,CAAC;EACDsB,kBAAkB,EAAE;IAClBC,SAAS,EAAE,UAAU;IACrBC,SAAS,EAAEpB,OAAO,CAAC,KAAK,CAAC;IACzBG,KAAK,EAAE;EACT,CAAC;EACDkB,cAAc,EAAE;IACdC,KAAK,EAAE1B,MAAM,CAAC,cAAc,CAAC;IAC7B2B,SAAS,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACdC,IAAI,EAAE,CAAC;IACPH,KAAK,EAAE1B,MAAM,CAAC,cAAc,CAAC;IAC7B8B,OAAO,EAAE,CAAC;IACVC,iBAAiB,EAAE;EACrB,CAAC;EACDC,qBAAqB,EAAE;IACrBN,KAAK,EAAE1B,MAAM,CAAC,cAAc;EAC9B,CAAC;EACDiC,aAAa,EAAE;IACbP,KAAK,EAAE1B,MAAM,CAAC,cAAc;EAC9B,CAAC;EACDkC,6BAA6B,EAAE;IAC7BV,SAAS,EAAEpB,OAAO,CAAC,IAAI,CAAC;IACxBI,aAAa,EAAE,KAAK;IACpB2B,UAAU,EAAE;EACd,CAAC;EACDC,iBAAiB,EAAE;IACjBC,UAAU,EAAEjC,OAAO,CAAC,KAAK,CAAC;IAC1BsB,KAAK,EAAE1B,MAAM,CAAC,YAAY;EAC5B,CAAC;EACDsC,sBAAsB,EAAE;IACtBZ,KAAK,EAAE1B,MAAM,CAAC,eAAe;EAC/B,CAAC;EACDuC,8BAA8B,EAAE;IAC9Bb,KAAK,EAAE1B,MAAM,CAAC,cAAc;EAC9B,CAAC;EACDwC,cAAc,EAAEvC,IAAI,CAAC,gBAAgB,CAAC;EACtCwC,cAAc,EAAExC,IAAI,CAAC,gBAAgB,CAAC;EACtCyC,aAAa,EAAEzC,IAAI,CAAC,gBAAgB;AACtC,CAAC,CAAC;AAEJ,eAAeF,cAAc","ignoreList":[]}

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

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

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

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

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

@@ -1,15 +0,0 @@
-# Toggle
-
-## Usage & Example
-
-```js
-import Toggle from '@/Toggle';
-
-<Toggle  isSelected={true} label={'Content'} />
-```
-
-Key             | Type           | Required  | Description                         |
---------------- | -------------- | --------- | ----------------------------------- |
-label           | `string`       | `True`    | Text string for display             |
-onPress         | `function`     | `False`   | Onpress action for component        |
-isSelected      | `boolean`      | `False`   | initial status of component         |

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

@@ -1,76 +0,0 @@
-"use strict";
-
-/**
- *
- * Toggle
- * @format
- *
- */
-
-import React, { useState, useRef } from 'react';
-import { TouchableWithoutFeedback, View, Text } from 'react-native';
-import ToggleStyles from "./styles/index.js";
-import useCustomTheme from "../../hooks/useCustomTheme/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Toggle = props => {
-  const {
-    label,
-    onPress,
-    isSelected = false,
-    testID
-  } = props;
-  const {
-    colors,
-    fonts,
-    border,
-    size,
-    spacing
-  } = useCustomTheme();
-  const styles = ToggleStyles(colors, fonts, border, size, spacing);
-  const containerRef = useRef(null);
-  const [isHolding, setIsHolding] = useState(false);
-  const handlePress = () => {
-    onPress?.();
-  };
-  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) {
-              onPress?.();
-            }
-          }
-        });
-      }
-      setIsHolding(false);
-    }
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.containerWrapper,
-    testID: testID,
-    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-      onPress: handlePress,
-      onLongPress: handleLongPress,
-      onPressOut: handlePressOut,
-      children: /*#__PURE__*/_jsx(View, {
-        style: [styles.containerStyle, isHolding && !isSelected && styles.holdingNotSelectedStyle, isSelected && styles.isSelected, isHolding && isSelected && styles.holdingSelectedStyle],
-        pointerEvents: "box-only",
-        ref: containerRef,
-        children: /*#__PURE__*/_jsx(Text, {
-          testID: `toggle-${isSelected}`,
-          style: [styles.defaultLabel, isSelected && styles.isSelectedLabel, isHolding && styles.isSelectedLabel],
-          children: label
-        })
-      })
-    })
-  });
-};
-export default Toggle;
-//# sourceMappingURL=Toggle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","useRef","TouchableWithoutFeedback","View","Text","ToggleStyles","useCustomTheme","jsx","_jsx","Toggle","props","label","onPress","isSelected","testID","colors","fonts","border","size","spacing","styles","containerRef","isHolding","setIsHolding","handlePress","handleLongPress","handlePressOut","event","nativeEvent","current","measure","x","y","width","height","pageX","pageY","undefined","touchX","touchY","style","containerWrapper","children","onLongPress","onPressOut","containerStyle","holdingNotSelectedStyle","holdingSelectedStyle","pointerEvents","ref","defaultLabel","isSelectedLabel"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Toggle/Toggle.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,33 +0,0 @@
-# DDS 3.0
-## Toggle Changelog
-
-## Dec 28, 2023
-### Updated
-- Import Text from atoms in storybook files.
-
-## Sep 22, 2023
-### Updated
-- Fixing Android interaction.
-
-## Sep 5, 2023
-### Added
-- Added testID
-
-## Aug 22, 2023
-### Update
-- Update interaction behavior.
-
-## Jul 10, 2023
-### Update
-- Remove onLongPress and sync onPress with onLongPress
-
-## May 11, 2023
-### Update
-- Change paddingVertical from spacing['sm'] to 13
-
-## Mar 24, 2023
-### Added
-- [DDS 3.0] Adopt the colour, size, border radius, border width, spacing token
-- Added ISSELECTED props for checking toggle initial status is selected or no
-- Added ONPRESS to handle press action
-- Added LABEL for displaying content string in toggle

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

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

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

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

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

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

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

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

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

@@ -1,45 +0,0 @@
-"use strict";
-
-/**
- *
- * @format
- *
- */
-
-import { StyleSheet } from 'react-native';
-const ToggleStyles = (colors, font, border, size, spacing) => StyleSheet.create({
-  containerWrapper: {
-    alignItems: 'center'
-  },
-  containerStyle: {
-    paddingHorizontal: spacing['sm'],
-    paddingVertical: 13,
-    backgroundColor: colors['surface-coloured-1'],
-    borderWidth: border['border-sm'],
-    borderColor: colors['border-default'],
-    minWidth: size['9xl'],
-    borderRadius: border['radius-md']
-  },
-  defaultLabel: {
-    color: colors['text-default'],
-    textAlign: 'center',
-    ...font['body-1-semibold']
-  },
-  isSelected: {
-    backgroundColor: colors['surface-selected-1'],
-    borderColor: colors['border-selected']
-  },
-  isSelectedLabel: {
-    color: colors['text-highlight']
-  },
-  holdingNotSelectedStyle: {
-    backgroundColor: colors['surface-hover-1'],
-    borderColor: colors['border-default']
-  },
-  holdingSelectedStyle: {
-    backgroundColor: colors['surface-selected-1-hover'],
-    borderColor: colors['border-selected']
-  }
-});
-export default ToggleStyles;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","ToggleStyles","colors","font","border","size","spacing","create","containerWrapper","alignItems","containerStyle","paddingHorizontal","paddingVertical","backgroundColor","borderWidth","borderColor","minWidth","borderRadius","defaultLabel","color","textAlign","isSelected","isSelectedLabel","holdingNotSelectedStyle","holdingSelectedStyle"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Toggle/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AASvC,MAAMC,YAAY,GAAGA,CACnBC,MAAa,EACbC,IAAc,EACdC,MAAmB,EACnBC,IAAe,EACfC,OAAqB,KAErBN,UAAU,CAACO,MAAM,CAAC;EAChBC,gBAAgB,EAAE;IAChBC,UAAU,EAAE;EACd,CAAC;EACDC,cAAc,EAAE;IACdC,iBAAiB,EAAEL,OAAO,CAAC,IAAI,CAAC;IAChCM,eAAe,EAAE,EAAE;IACnBC,eAAe,EAAEX,MAAM,CAAC,oBAAoB,CAAC;IAC7CY,WAAW,EAAEV,MAAM,CAAC,WAAW,CAAC;IAChCW,WAAW,EAAEb,MAAM,CAAC,gBAAgB,CAAC;IACrCc,QAAQ,EAAEX,IAAI,CAAC,KAAK,CAAC;IACrBY,YAAY,EAAEb,MAAM,CAAC,WAAW;EAClC,CAAC;EACDc,YAAY,EAAE;IACZC,KAAK,EAAEjB,MAAM,CAAC,cAAc,CAAC;IAC7BkB,SAAS,EAAE,QAAQ;IACnB,GAAGjB,IAAI,CAAC,iBAAiB;EAC3B,CAAC;EACDkB,UAAU,EAAE;IACVR,eAAe,EAAEX,MAAM,CAAC,oBAAoB,CAAC;IAC7Ca,WAAW,EAAEb,MAAM,CAAC,iBAAiB;EACvC,CAAC;EACDoB,eAAe,EAAE;IACfH,KAAK,EAAEjB,MAAM,CAAC,gBAAgB;EAChC,CAAC;EACDqB,uBAAuB,EAAE;IACvBV,eAAe,EAAEX,MAAM,CAAC,iBAAiB,CAAC;IAC1Ca,WAAW,EAAEb,MAAM,CAAC,gBAAgB;EACtC,CAAC;EACDsB,oBAAoB,EAAE;IACpBX,eAAe,EAAEX,MAAM,CAAC,0BAA0B,CAAC;IACnDa,WAAW,EAAEb,MAAM,CAAC,iBAAiB;EACvC;AACF,CAAC,CAAC;AAEJ,eAAeD,YAAY","ignoreList":[]}

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

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

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

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

package/lib/module/component/AIA/atoms/Tooltip/Changelog.txt

@@ -1,34 +0,0 @@
-# DDS 3.0
-
-## Dec 28, 2023
-### Updated
-- Import Text from atoms in storybook files.
-
-## Sep 5, 2023
-### Added
-- Added testID
-
-## May 6, 2023
-### Update
-- [DDS 3.0] Adopt the color, size, border radius, spacing, font token
-- Added aligned as props for adjust triangle position
-- Removed theme props
-
-## Nov 23, 2022
-### Changed
-- Convert component to TS
-
-## Jul 5 2022
-- Update styles
-- Update color for dark background
-
-## Oct 21, 2021
-- added package.json
-
-## Oct 20, 2021
-### Changed
-- Added the component to the Atoms package
-- Changed the importing of @color and added the color as a hexcode.
-
-### Notes
-- To update the importing of Text from '@aia-mobile-dds/Text';

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

@@ -1,27 +0,0 @@
-# Tooltip
-
-## Usage & Example
-
-```js
-import Tooltip from '@/Tooltip';
-const [showTooltip, setShowTooltip] = useState(false);
-
-<Tooltip
-  visible={showTooltip}
-  content='This is a Tooltip'
-  onClose={() => {setShowTooltip(!showTooltip)}}>
-    <TouchableOpacity onPress={() => {setShowTooltip(!showTooltip)}}>
-      <Icon group="general" name="question" size={6} color="default" />
-    </TouchableOpacity>
-</Tooltip>
-```
-
-Key                 | Type          | Required  | Description                                                                                                      |
----------------     | ------------- | --------- | -----------------------------------                                                                              |
-content             | `string`      | `True`    | text to display inside tooltip.                                                                                  |
-children            | `ReactNode`   | `True`    | Ui that will trigger tooltip appear.                                                                             |
-onClose             | `function`    | `False`   | Callback when tooltip is dismiss.                                                                                |
-showChildInTooltip  | `boolean`     | `False`   | Set this to false if you do NOT want to display the child alongside the tooltip when the tooltip is visible.     |
-visible             | `boolean`     | `True`    | Boolean to control show/dismiss tooltip.                                                                         |
-placement           | `string`      | `False`   | Tooltip position, support top or bottom, default as top.                                                         |
-aligned             | `string`      | `False`   | Triangle position, support left, right, center, default as center.                                               |

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

@@ -1,92 +0,0 @@
-"use strict";
-
-/**
- *
- * Tooltip
- * @format
- *
- */
-import React, { memo, useState } from 'react';
-import { Text } from 'react-native-paper';
-import RnTooltip from 'react-native-walkthrough-tooltip';
-import TooltipStyles from "./styles/index.js";
-import useCustomTheme from "../../hooks/useCustomTheme/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Tooltip = /*#__PURE__*/memo(props => {
-  const {
-    children,
-    content,
-    onClose = () => {},
-    placement = 'top',
-    showChildInTooltip,
-    visible,
-    aligned = 'center',
-    testID,
-    accessible,
-    accessibilityLabel,
-    accessibilityHint,
-    accessibilityRole,
-    accessibilityState,
-    accessibilityValue
-  } = props;
-  const {
-    colors,
-    fonts,
-    border,
-    size,
-    spacing
-  } = useCustomTheme();
-  const styles = TooltipStyles(colors, fonts, border, size, spacing);
-  const [containerWidth, setContainerWidth] = useState();
-  const handleContainerLayout = event => {
-    const {
-      width
-    } = event.nativeEvent.layout;
-    if (containerWidth === undefined) setContainerWidth(width);
-  };
-  const renderContentContainer = () => {
-    return /*#__PURE__*/_jsx(Text, {
-      onLayout: handleContainerLayout,
-      style: styles.contentLabel,
-      children: content
-    });
-  };
-
-  //triangle position calculation
-  const alignmentSpec = (() => {
-    if (aligned == 'right' && containerWidth != undefined) return -Math.abs(containerWidth / 2) - 2 + styles.arrowSpacing.paddingHorizontal;
-    if (aligned == 'left' && containerWidth != undefined) return Math.abs(containerWidth / 2) + 2 - styles.arrowSpacing.paddingHorizontal;
-    return 0;
-  })();
-
-  //avoid tooltip auto width adjustment
-  const returnFixedWidth = () => {
-    if (containerWidth) return {
-      width: containerWidth + styles.contentContainer.paddingHorizontal * 2
-    };
-    return undefined;
-  };
-  return /*#__PURE__*/_jsx(RnTooltip, {
-    content: renderContentContainer(),
-    disableShadow: true,
-    placement: placement,
-    onClose: onClose,
-    contentStyle: [styles.contentContainer, {
-      marginLeft: containerWidth ? alignmentSpec : undefined
-    }, returnFixedWidth()],
-    backgroundColor: styles.transparentBackground.color,
-    isVisible: visible,
-    arrowStyle: [styles.arrowStyle],
-    showChildInTooltip: showChildInTooltip,
-    testID: testID,
-    accessible: accessible,
-    accessibilityLabel: accessibilityLabel,
-    accessibilityHint: accessibilityHint,
-    accessibilityRole: accessibilityRole,
-    accessibilityState: accessibilityState,
-    accessibilityValue: accessibilityValue,
-    children: children
-  });
-});
-export default Tooltip;
-//# sourceMappingURL=Tooltip.js.map