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

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

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ALLOWED_DOT_COLORS = ['category-1', 'category-2', 'category-3', 'category-4', 'category-5', 'category-6', 'category-7', 'category-8', 'others', 'positive', 'neutral', 'negative'];
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ALLOWED_DOT_COLORS"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Text/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,kBAAkB,GAAG,CACjC,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,CACV","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const TextStyles = (border, size, spacing) => StyleSheet.create({
+  defaultWrapper: {
+    flexDirection: 'column'
+  },
+  dotWrapper: {
+    flexDirection: 'row'
+  },
+  dot: {
+    marginRight: spacing.xs,
+    height: size.sm,
+    width: size.sm,
+    borderRadius: border['radius-round']
+  },
+  dotContainer: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+});
+export default TextStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","TextStyles","border","size","spacing","create","defaultWrapper","flexDirection","dotWrapper","dot","marginRight","xs","height","sm","width","borderRadius","dotContainer","justifyContent","alignItems"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Text/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,UAAU,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KACxCJ,UAAU,CAACK,MAAM,CAAC;EACjBC,cAAc,EAAE;IACfC,aAAa,EAAE;EAChB,CAAC;EACDC,UAAU,EAAE;IACXD,aAAa,EAAE;EAChB,CAAC;EACDE,GAAG,EAAE;IACJC,WAAW,EAAEN,OAAO,CAACO,EAAE;IACvBC,MAAM,EAAET,IAAI,CAACU,EAAE;IACfC,KAAK,EAAEX,IAAI,CAACU,EAAE;IACdE,YAAY,EAAEb,MAAM,CAAC,cAAc;EACpC,CAAC;EACDc,YAAY,EAAE;IACbC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACb;AACD,CAAC,CAAC;AAEH,eAAejB,UAAU","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,33 @@
+# TextArea
+
+## Usage & Example
+
+```js
+import TextArea from '@/TextArea';
+
+<TextArea
+  hintText={'Hint Text'}
+  placeholderText={'Placeholder'}
+  maxLength={10}
+  onChange={(newText) => console.log(newText)}
+  value={'Initial Value}
+  isDisabled
+  isError={false}
+  onFocus={onFocus}
+  onBlur={onBlur}
+  testID={testID}
+/>
+```
+
+Key             | Type           | Required  | Description                                                            |
+--------------- | -------------- | --------- | -----------------------------------                                    |
+hintText        | `string`       | `False`   | hint text or error message to display                                  |
+placeholderText | `string`       | `False`   | text area placeholder                                                  |
+maxLength       | `number`       | `False`   | maximum string for text area                                           |
+onChange        | `function`     | `False`   | to return textinput value                                              |
+value           | `string`       | `False`   | initial value/string for text area                                     |
+isDisabled      | `boolean`      | `False`   | text area editable props                                               |
+isError         | `boolean`      | `False`   | show hintText as error message and error icon                          |
+onFocus         | `function`     | `False`   | onFocus callback function.                                             |
+onBlur          | `function`     | `False`   | onBlur callback function.                                              |
+testID          | `string`       | `False`   | String id for test ID props.                                           |

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

@@ -0,0 +1,117 @@
+"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,
+        showsVerticalScrollIndicator: 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

@@ -0,0 +1 @@
+{"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","showsVerticalScrollIndicator","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;AAA4C,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjE,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACtC,MAAM;IACLC,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;EACD,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;IAC7CR,YAAY,CAACQ,OAAO,CAAC;IACrB,IAAI5B,QAAQ,EAAE;MACbA,QAAQ,CAAC4B,OAAO,CAAC;IAClB;EACD,CAAC;EAED,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBX,YAAY,CAAC,IAAI,CAAC;IAClBf,OAAO,GAAG,CAAC;EACZ,CAAC;EAED,MAAM2B,UAAU,GAAGA,CAAA,KAAM;IACxBZ,YAAY,CAAC,KAAK,CAAC;IACnBd,MAAM,GAAG,CAAC;EACX,CAAC;EAED,MAAM2B,gBAAgB,GAAG,CAAC,MAAM;IAC/B,IAAIhC,UAAU,EAAE,OAAOY,MAAM,CAAC,eAAe,CAAC;IAC9C,OAAOA,MAAM,CAAC,cAAc,CAAC;EAC9B,CAAC,EAAE,CAAC;EAEJ,oBACCnB,KAAA,CAACX,IAAI;IACJmD,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,gBAEvC1C,KAAA,CAACX,IAAI;MACJmD,KAAK,EAAE,CACNhB,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,CACrE;MAAAL,QAAA,GAEDnC,UAAU,IAAIJ,KAAK,IAAI,EAAE,gBACzBL,IAAA,CAACP,IAAI;QAACiD,KAAK,EAAE,CAAChB,MAAM,CAACwB,cAAc,EAAExB,MAAM,CAACyB,8BAA8B,CAAE;QAAAP,QAAA,EAAEf;MAAS,CAAO,CAAC,gBAE/F7B,IAAA,CAACR,SAAS;QACTkD,KAAK,EAAE,CACNhB,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,CAC1C;QACFC,SAAS,EAAE,IAAK;QACVC,4BAA4B,EAAE,IAAI;QACxCC,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,CACtB,CACD,EAEAD,SAAS,IAAI,CAACC,UAAU,iBACxBT,IAAA,CAACT,IAAI;QAACmD,KAAK,EAAEhB,MAAM,CAACmC,kBAAmB;QAAAjB,QAAA,eACtC5C,IAAA,CAACP,IAAI;UACJiD,KAAK,EAAE,CAAChB,MAAM,CAACoC,cAAc,EAAEpC,MAAM,CAACqC,cAAc,CAAE;UAAAnB,QAAA,EACrD,GAAGT,SAAS,IAAIJ,YAAY;QAAE,CAAO;MAAC,CACnC,CACN;IAAA,CACI,CAAC,EACNzB,QAAQ,IAAI4B,SAAS,IAAI5B,QAAQ,IAAI,EAAE,iBACvCJ,KAAA,CAACX,IAAI;MAACmD,KAAK,EAAEhB,MAAM,CAACsC,6BAA8B;MAAApB,QAAA,GAChDrC,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;QAACiD,KAAK,EAAE,CAAChB,MAAM,CAAC0C,aAAa,EAAE1C,MAAM,CAAC2C,aAAa,EAAE9D,OAAO,IAAImB,MAAM,CAAC4C,iBAAiB,CAAE;QAAA1B,QAAA,EAC7FtC;MAAQ,CACJ,CAAC;IAAA,CACF,CACN;EAAA,CACI,CAAC;AAET,CAAC;AAEDH,QAAQ,CAACoE,YAAY,GAAG;EACvBlE,KAAK,EAAE;AACR,CAAC;AAED,eAAeF,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+# 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

@@ -0,0 +1,11 @@
+"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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1,83 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","TextAreaStyles","colors","font","border","size","spacing","create","containerWrapper","width","flexDirection","containerStyle","paddingHorizontal","md","paddingTop","sm","paddingBottom","xs","height","borderColor","borderWidth","borderRadius","backgroundColor","disabledContainerBackground","prefilledWithDisableContainerStyle","none","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;AAEvC,MAAMC,cAAc,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KAC1DN,UAAU,CAACO,MAAM,CAAC;EACjBC,gBAAgB,EAAE;IACjBC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EAChB,CAAC;EACDC,cAAc,EAAE;IACfC,iBAAiB,EAAEN,OAAO,CAACO,EAAE;IAC7BC,UAAU,EAAER,OAAO,CAACS,EAAE;IACtBC,aAAa,EAAEV,OAAO,CAACW,EAAE;IACzBC,MAAM,EAAEb,IAAI,CAAC,KAAK,CAAC;IACnBK,aAAa,EAAE,QAAQ;IACvBS,WAAW,EAAEjB,MAAM,CAAC,gBAAgB,CAAC;IACrCkB,WAAW,EAAEhB,MAAM,CAAC,WAAW,CAAC;IAChCiB,YAAY,EAAEjB,MAAM,CAAC,WAAW,CAAC;IACjCkB,eAAe,EAAEpB,MAAM,CAAC,mBAAmB;EAC5C,CAAC;EACDqB,2BAA2B,EAAE;IAC5BD,eAAe,EAAEpB,MAAM,CAAC,kBAAkB;EAC3C,CAAC;EACDsB,kCAAkC,EAAE;IACnCF,eAAe,EAAE,aAAa;IAC9BH,WAAW,EAAE,aAAa;IAC1BP,iBAAiB,EAAEN,OAAO,CAACmB,IAAI;IAC/BX,UAAU,EAAER,OAAO,CAACmB,IAAI;IACxBT,aAAa,EAAEV,OAAO,CAACmB;EACxB,CAAC;EACDC,eAAe,EAAE;IAChBP,WAAW,EAAEjB,MAAM,CAAC,iBAAiB;EACtC,CAAC;EACDyB,WAAW,EAAE;IACZR,WAAW,EAAEjB,MAAM,CAAC,cAAc;EACnC,CAAC;EACD0B,kBAAkB,EAAE;IACnBC,SAAS,EAAE,UAAU;IACrBC,SAAS,EAAExB,OAAO,CAAC,KAAK,CAAC;IACzBG,KAAK,EAAE;EACR,CAAC;EACDsB,cAAc,EAAE;IACfC,KAAK,EAAE9B,MAAM,CAAC,cAAc,CAAC;IAC7B+B,SAAS,EAAE;EACZ,CAAC;EACDC,cAAc,EAAE;IACfC,IAAI,EAAE,CAAC;IACPH,KAAK,EAAE9B,MAAM,CAAC,cAAc,CAAC;IAC7BkC,OAAO,EAAE,CAAC;IACVC,iBAAiB,EAAE;EACpB,CAAC;EACDC,qBAAqB,EAAE;IACtBN,KAAK,EAAE9B,MAAM,CAAC,cAAc;EAC7B,CAAC;EACDqC,aAAa,EAAE;IACdP,KAAK,EAAE9B,MAAM,CAAC,cAAc;EAC7B,CAAC;EACDsC,6BAA6B,EAAE;IAC9BV,SAAS,EAAExB,OAAO,CAACW,EAAE;IACrBP,aAAa,EAAE,KAAK;IACpB+B,UAAU,EAAE;EACb,CAAC;EACDC,iBAAiB,EAAE;IAClBC,UAAU,EAAErC,OAAO,CAAC,KAAK,CAAC;IAC1B0B,KAAK,EAAE9B,MAAM,CAAC,YAAY;EAC3B,CAAC;EACD0C,sBAAsB,EAAE;IACvBZ,KAAK,EAAE9B,MAAM,CAAC,eAAe;EAC9B,CAAC;EACD2C,8BAA8B,EAAE;IAC/Bb,KAAK,EAAE9B,MAAM,CAAC,cAAc;EAC7B,CAAC;EACD4C,cAAc,EAAE3C,IAAI,CAAC,gBAAgB,CAAC;EACtC4C,cAAc,EAAE5C,IAAI,CAAC,gBAAgB,CAAC;EACtC6C,aAAa,EAAE7C,IAAI,CAAC,gBAAgB;AACrC,CAAC,CAAC;AAEH,eAAeF,cAAc","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,15 @@
+# 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

@@ -0,0 +1,79 @@
+"use strict";
+
+/**
+ *
+ * Toggle
+ * @format
+ *
+ */
+
+import React, { memo, 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 = /*#__PURE__*/memo(props => {
+  const {
+    label,
+    onPress,
+    isSelected,
+    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
+        })
+      })
+    })
+  });
+});
+Toggle.defaultProps = {
+  isSelected: false
+};
+export default Toggle;
+//# sourceMappingURL=Toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","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","defaultProps"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Toggle/Toggle.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+# 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

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

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

@@ -0,0 +1 @@
+{"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

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

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

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

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

@@ -0,0 +1,45 @@
+"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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","ToggleStyles","colors","font","border","size","spacing","create","containerWrapper","alignItems","containerStyle","paddingHorizontal","sm","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;AAEvC,MAAMC,YAAY,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,KACxDN,UAAU,CAACO,MAAM,CAAC;EACjBC,gBAAgB,EAAE;IACjBC,UAAU,EAAE;EACb,CAAC;EACDC,cAAc,EAAE;IACfC,iBAAiB,EAAEL,OAAO,CAACM,EAAE;IAC7BC,eAAe,EAAE,EAAE;IACnBC,eAAe,EAAEZ,MAAM,CAAC,oBAAoB,CAAC;IAC7Ca,WAAW,EAAEX,MAAM,CAAC,WAAW,CAAC;IAChCY,WAAW,EAAEd,MAAM,CAAC,gBAAgB,CAAC;IACrCe,QAAQ,EAAEZ,IAAI,CAAC,KAAK,CAAC;IACrBa,YAAY,EAAEd,MAAM,CAAC,WAAW;EACjC,CAAC;EACDe,YAAY,EAAE;IACbC,KAAK,EAAElB,MAAM,CAAC,cAAc,CAAC;IAC7BmB,SAAS,EAAE,QAAQ;IACnB,GAAGlB,IAAI,CAAC,iBAAiB;EAC1B,CAAC;EACDmB,UAAU,EAAE;IACXR,eAAe,EAAEZ,MAAM,CAAC,oBAAoB,CAAC;IAC7Cc,WAAW,EAAEd,MAAM,CAAC,iBAAiB;EACtC,CAAC;EACDqB,eAAe,EAAE;IAChBH,KAAK,EAAElB,MAAM,CAAC,gBAAgB;EAC/B,CAAC;EACDsB,uBAAuB,EAAE;IACxBV,eAAe,EAAEZ,MAAM,CAAC,iBAAiB,CAAC;IAC1Cc,WAAW,EAAEd,MAAM,CAAC,gBAAgB;EACrC,CAAC;EACDuB,oBAAoB,EAAE;IACrBX,eAAe,EAAEZ,MAAM,CAAC,0BAA0B,CAAC;IACnDc,WAAW,EAAEd,MAAM,CAAC,iBAAiB;EACtC;AACD,CAAC,CAAC;AAEH,eAAeD,YAAY","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,34 @@
+# 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';