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

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

@@ -0,0 +1,241 @@
+"use strict";
+
+/**
+ *
+ * Input
+ * @format
+ *
+ */
+
+import React, { memo, useState, useEffect } from 'react';
+import { View, Text, TouchableWithoutFeedback, TextInput, Platform } from 'react-native';
+import { MaskService } from 'react-native-masked-text';
+import a11y from "../../utils/Accessibility/index.js";
+import Icon from "../Icon/index.js";
+import { ERROR_ICON, PASSWORD_ICON } from "./config/index.js";
+import InputStyles from "./styles/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Input = /*#__PURE__*/memo(props => {
+  const {
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityValue,
+    accessibilityRole,
+    accessibilityState,
+    testID,
+    value = '',
+    placeholder,
+    editable = true,
+    isError,
+    hintText,
+    suffix,
+    onChange,
+    inputType,
+    prefix,
+    inputMask = '',
+    maskPattern = '',
+    showPasswordText = '',
+    hidePasswordText = '',
+    leadingIcon,
+    trailingIcon,
+    trailingIconOnPress,
+    ref,
+    autoFocus,
+    autoCapitalize = 'none',
+    autoCorrect = false,
+    keyboardType,
+    onFocus,
+    onBlur,
+    onSubmitEditing,
+    multiline,
+    numberOfLines = 1,
+    textAlignVertical,
+    customStyle,
+    inputAccessoryViewID,
+    inputRef,
+    textContentType = 'none',
+    returnKeyType,
+    textColor = 'text-default',
+    maxLength
+  } = props;
+  const {
+    colors,
+    fonts,
+    border,
+    spacing
+  } = useCustomTheme();
+  const styles = InputStyles(colors, fonts, border, spacing);
+  const [isFocused, setIsFocused] = useState(false);
+  const [isSecureTextEntry, setIsSecureTextEntry] = useState(inputType && inputType == 'password' ? true : false);
+  const [textInputValue, setTextInputValue] = useState(value);
+  useEffect(() => {
+    setTextInputValue(value);
+  }, [value]);
+  const handleTextChange = newText => {
+    if (inputMask !== '' && maskPattern !== '') {
+      let maskedText = '';
+      if (maskPattern === 'datetime') {
+        maskedText = MaskService.toMask(maskPattern, newText, {
+          format: inputMask
+        });
+      } else {
+        maskedText = MaskService.toMask(maskPattern, newText, {
+          mask: inputMask
+        });
+      }
+      if (onChange) {
+        onChange(maskedText);
+      }
+    } else {
+      if (onChange) {
+        onChange(newText);
+      }
+    }
+  };
+  const handleFocus = () => {
+    setIsFocused(true);
+    onFocus?.();
+  };
+  const handleBlur = () => {
+    setIsFocused(false);
+    onBlur?.();
+  };
+  const handleKeyboardType = (() => {
+    if (keyboardType) return keyboardType;
+    if (inputType && inputType == 'date') return 'numeric';
+    if (inputType && inputType == 'tel') return 'numeric';
+    return 'default';
+  })();
+  const renderRightComponent = () => {
+    if (inputType && inputType == 'password') {
+      return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPress: () => {
+          if (editable) setIsSecureTextEntry(!isSecureTextEntry);
+        },
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.passwordIconWrapper,
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.passwordIconContainer,
+            children: showPasswordText !== '' && hidePasswordText !== '' ? /*#__PURE__*/_jsx(Text, {
+              style: [styles.labelStyle, styles.input, styles.underlineText],
+              children: !isSecureTextEntry ? hidePasswordText : showPasswordText
+            }) : /*#__PURE__*/_jsx(Icon, {
+              group: PASSWORD_ICON.group,
+              name: !isSecureTextEntry ? PASSWORD_ICON.hideIconName : PASSWORD_ICON.showIconName,
+              size: PASSWORD_ICON.size,
+              color: editable ? PASSWORD_ICON.defaultColor : PASSWORD_ICON.disabledColor
+            })
+          })
+        })
+      });
+    }
+    if (suffix) return /*#__PURE__*/_jsx(TextInput, {
+      style: [styles.labelStyle, styles.suffixSpacing, styles.input, !editable && styles.disabledInput],
+      value: suffix,
+      editable: false
+    });
+    if (trailingIcon) {
+      return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPress: trailingIconOnPress,
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.passwordIconWrapper,
+          testID: `${testID}-trailing-icon`,
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.passwordIconContainer,
+            children: /*#__PURE__*/_jsx(View, {
+              style: Platform.OS === 'ios' && styles.iosIconWrapper,
+              children: /*#__PURE__*/_jsx(Icon, {
+                group: trailingIcon?.group,
+                name: trailingIcon?.name,
+                size: 6,
+                color: editable ? PASSWORD_ICON.defaultColor : PASSWORD_ICON.disabledColor
+              })
+            })
+          })
+        })
+      });
+    }
+    return null;
+  };
+  const renderLeftComponent = () => {
+    if (prefix && prefix != '') {
+      return /*#__PURE__*/_jsx(TextInput, {
+        style: [styles.labelStyle, styles.prefixSpacing, styles.input, !editable && styles.disabledInput],
+        value: prefix,
+        editable: false
+      });
+    }
+    if (leadingIcon) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.prefixSpacing,
+        testID: `${testID}-leading-icon`,
+        children: /*#__PURE__*/_jsx(View, {
+          style: Platform.OS === 'ios' ? styles.iosIconWrapper : styles.androidLeadingIconWrapper,
+          children: /*#__PURE__*/_jsx(Icon, {
+            group: leadingIcon?.group,
+            name: leadingIcon?.name,
+            size: 6,
+            color: editable ? PASSWORD_ICON.defaultColor : PASSWORD_ICON.disabledColor
+          })
+        })
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrapper,
+    ref: ref,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.containerStyle, inputType && inputType == 'password' && styles.passwordContainerStyle, trailingIcon && styles.passwordContainerStyle, leadingIcon && styles.leadingPadding, value != '' && styles.borderPrefilled, isFocused && styles.borderActivated, isError && styles.borderError, !editable && styles.containerDisabled, !editable && value && value != '' && styles.prefilledWithDisableContainerStyle, customStyle],
+      children: [renderLeftComponent(), !editable && value && value != '' ? /*#__PURE__*/_jsx(Text, {
+        style: [styles.input, styles.labelStyle],
+        children: value
+      }) : /*#__PURE__*/_jsx(TextInput, {
+        ref: inputRef,
+        style: [styles.labelStyle, styles.input, isError && textColor === 'text-subdued' && styles.errorInputTextSubdued, inputType && inputType == 'password' && styles.passwordInput, trailingIcon && styles.passwordInput, trailingIcon && leadingIcon && styles.iconInput, !editable && styles.disabledInput, styles.flexGrowContainer, {
+          paddingTop: Platform.OS == 'ios' && textInputValue == '' ? 2 : 0.5 //This style is fixing the placeholder not align with suffix and prefix for ios
+        }, textAlignVertical && {
+          textAlignVertical: textAlignVertical
+        }],
+        placeholder: placeholder,
+        placeholderTextColor: !editable ? colors['text-disabled'] : colors['text-subdued'],
+        value: textInputValue,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onChangeText: handleTextChange,
+        editable: editable,
+        keyboardType: handleKeyboardType,
+        secureTextEntry: isSecureTextEntry,
+        onSubmitEditing: onSubmitEditing,
+        autoCorrect: autoCorrect,
+        autoCapitalize: autoCapitalize,
+        autoFocus: autoFocus,
+        numberOfLines: numberOfLines,
+        multiline: multiline,
+        inputAccessoryViewID: inputAccessoryViewID,
+        textContentType: textContentType,
+        returnKeyType: returnKeyType,
+        maxLength: maxLength,
+        ...a11y(accessibilityLabel, accessibilityHint, accessibilityValue, testID),
+        accessible: accessible,
+        accessibilityRole: accessibilityRole,
+        accessibilityState: accessibilityState
+      }), renderRightComponent()]
+    }), hintText != undefined && hintText != '' && /*#__PURE__*/_jsxs(View, {
+      style: styles.hintTextErrorMessageContainer,
+      children: [isError && /*#__PURE__*/_jsx(Icon, {
+        group: ERROR_ICON.group,
+        name: ERROR_ICON.name,
+        size: ERROR_ICON.size,
+        color: ERROR_ICON.defaultColor
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.hintTextStyle, isError && styles.isErrorLabelStyle, styles.hintLabelStyle],
+        children: hintText
+      })]
+    })]
+  });
+});
+export default Input;
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useState","useEffect","View","Text","TouchableWithoutFeedback","TextInput","Platform","MaskService","a11y","Icon","ERROR_ICON","PASSWORD_ICON","InputStyles","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Input","props","accessible","accessibilityLabel","accessibilityHint","accessibilityValue","accessibilityRole","accessibilityState","testID","value","placeholder","editable","isError","hintText","suffix","onChange","inputType","prefix","inputMask","maskPattern","showPasswordText","hidePasswordText","leadingIcon","trailingIcon","trailingIconOnPress","ref","autoFocus","autoCapitalize","autoCorrect","keyboardType","onFocus","onBlur","onSubmitEditing","multiline","numberOfLines","textAlignVertical","customStyle","inputAccessoryViewID","inputRef","textContentType","returnKeyType","textColor","maxLength","colors","fonts","border","spacing","styles","isFocused","setIsFocused","isSecureTextEntry","setIsSecureTextEntry","textInputValue","setTextInputValue","handleTextChange","newText","maskedText","toMask","format","mask","handleFocus","handleBlur","handleKeyboardType","renderRightComponent","onPress","children","style","passwordIconWrapper","passwordIconContainer","labelStyle","input","underlineText","group","name","hideIconName","showIconName","size","color","defaultColor","disabledColor","suffixSpacing","disabledInput","OS","iosIconWrapper","renderLeftComponent","prefixSpacing","androidLeadingIconWrapper","wrapper","containerStyle","passwordContainerStyle","leadingPadding","borderPrefilled","borderActivated","borderError","containerDisabled","prefilledWithDisableContainerStyle","errorInputTextSubdued","passwordInput","iconInput","flexGrowContainer","paddingTop","placeholderTextColor","onChangeText","secureTextEntry","undefined","hintTextErrorMessageContainer","hintTextStyle","isErrorLabelStyle","hintLabelStyle"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Input/Input.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+## Input
+Atom Component to render input with default config
+https://callstack.github.io/react-native-paper/text-input.html
+All props in React Native Paper TextInput also can be used in here
+# Usage
+```js
+import Input from '@aia-mobile-dds/Input';
+const [value, setValue] = useState('');
+
+<Input
+  placeholder="Placeholder"
+  hintText="Hint Text"
+  suffix="Unit"
+  inputType="default"
+  prefix="Pref"
+  onChange={setValue}
+  value={value}
+  isError
+  editable
+  inputMask='999 999 999' // 9 stand for integer
+  maskPattern='custom' // this is required if want to use inputMask
+  showPasswordText='Show'
+  hidePasswordText='Hide'
+  leadingIcon={{group: 'function', name: 'search'}}
+  trailingIcon={{group: 'function', name: 'delete'}}
+  trailingIconOnPress={() => setValue("")}
+/>
+
+//support DD/MM/YYYY DD-MM-YYY YYYY/MM/DD DD/MM/YYYY HH:mm:ss , maskPattern have to be `datetime` for using date formatter
+//phone formatter, maskPattern have to be `custom`, inputMask 9 standfor integer, for ex 999 999 9999
+```
+
+Key                 | Type              | Required | Description                                                    |
+---------------     | ----------------- | -------- | ------------------------------------------------------         |
+value               | `string`          | `False`  | Optional Value of input string.                                |
+placeholder         | `string`          | `False`  | Optional placeholder for the input.                            |
+editable            | `boolean`         | `True`   | if text input editable or not, default will be true            |
+inputType           | `string`          | `False`  | Input type variation - phone,date,email,password               |
+onChange            | `function`        | `False`  | Optional void function when text change.                       |
+isError             | `boolean`         | `False`  | Optional wether to style text input with error style.          |
+prefix              | `string`          | `False`  | Optional text to use for display as prefix                     |
+suffix              | `string`          | `False`  | Optional text to use for display as suffix                     |
+hintText            | `string`          | `False`  | Optional text to show at bottom of text input                  |
+inputMask           | `string`          | `False`  | Custom mask or one of the predefined mask names                |
+maskPattern         | `string`          | `False`  | Only needed if want to use input mask, default will be custom  |
+showPasswordText    | `string`          | `False`  | Display string for show password.                              |
+hidePasswordText    | `string`          | `False`  | Display string for hide password.                              |
+trailingIcon        | `object`          | `False`  | Display trailing icon.                                         |
+trailingIconOnPress | `function`        | `False`  | Trailing icon on press function.                               |
+leadingIcon         | `object`          | `False`  | Display leading icon.                                          |
+ref                 | `ref`             | `False`  | Ref for component.                                             |
+autoFocus           | `boolean`         | `False`  | Boolean for autoFocus props.                                   |
+autoCapitalize      | `string`          | `False`  | Type of auto capitalize for text input.                        |
+autoCorrect         | `boolean`         | `False`  | Boolean for auto correct props.                                |
+keyboardType        | `string`          | `False`  | Keyboard type.                                                 |
+onFocus             | `function`        | `False`  | onFocus callback.                                              |
+onBlur              | `function`        | `False`  | onBlur callback.                                               |
+onSubmitEditing     | `function`        | `False`  | onSubmitEditing callback.                                      |
+multiline           | `boolean`         | `False`  | Boolean for multiline.                                         |
+numberOfLines       | `number`          | `False`  | Number of line.                                                |
+textAlignVertical   | `string`          | `False`  | Text align type.                                               |
+customStyle         | `ViewProps`       | `False`  | Custom style for wrapper.                                      |
+inputAccessoryViewID| `string`          | `False`  | Unique id for ios keyboard accessory view.                     |
+inputRef            | `ref`             | `False`  | Ref for Input.                                                 |
+textContentType     | `String`          | `False`  | The contents of the text input.                                |
+returnKeyType       | `String`          | `False`  | The right bottom keyboard string display for ios.              |
+textColor           | `String`          | `False`  | The text color for error state.                                |
+maxLength           | `number`          | `False`  | Maximum length of character for text input.                    |

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

@@ -0,0 +1,77 @@
+# DDS 3.0
+
+## Apr 23, 2024
+### Added
+- Added maxLength props
+
+## Jan 22, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Dec 19, 2023
+### Updated
+- Added textColor props for error state
+
+## Nov 28, 2023
+### Updated
+- Adjusted leading and trailing icon padding and margin just for center with text input.
+
+## Nov 9, 2023
+### Added
+- Added returnKeyType new props
+
+## Oct 31, 2023
+### Added
+- Added inputRef, inputAccessoryViewID, textContentType new props
+
+## Sep 11, 2023
+### Added
+- Added customStyle, textAlignVertical, numberOfLines, multiline, onSubmitEditing, onBlur, onFocus, keyboardType, autoCorrect, autoCapitalize, autoFocus, ref as props.
+- Added test ID to trailing icon and leading icon.
+
+## Aug 11, 2023
+### Updated
+- Added hintText condition checking to check is undefined then hide hintText components
+
+## May 26, 2023
+### Updated
+- Added trailingIcon, leadingIcon, leadingIconOnPress as props
+
+## May 16, 2023
+### Updated
+- Added showPasswordText and hidePasswordText as props
+
+## May 11, 2023
+### Updated
+- Change paddingVertical from 14 to 13
+
+## Apr 5, 2023
+### Updated
+- [DDS 3.0] Adopt the colors, size, fonts, spacing, border radius, border width token
+- Update from 2.0 design to 3.0 design
+- Added INPUTTYPE as props to choose from date, password, email, phone variation
+- Added PLACEHOLDER as props to display placeholder text
+- Added HINTTEXT as props to display at bottom Text Input as hint text or error text
+- Added PREFIX as props to display at left side of text input
+- Added SUFFIX as props to display at right side of text input
+- REMAIN EDITABLE as props to control text input is editable
+- REMAIN VALUE as props to display initial pre filled string for text input
+- REMAIN ISERROR as props to display is text input in error condition
+- RENAME CHANGETEXT to ONCHANGE as a callback when text is updated
+- REMOVE LEFT, RIGHT, REF, KEYBOARDTYPE, NUMBERSONLY, THEME, ACTIVIUNDERLINECOLOR, UNDERLINECOLOR, SECURETEXTENTRY, MODE, NUMBEROFLINES, CUSTOMSTYLES, DEFAILTVALUE as 3.0 design is not allow to be customized
+- Added react-native-imask library to support mask feature
+- Added INPUTMASK as string props to support mask feature
+- Added MASKPATTERN as a props to support type of masking
+
+## Sep 8, 2022
+### Updated
+- Converted component to TS
+
+## Oct 21, 2021
+- added package.json
+
+## OCT 20, 2021
+### Changed
+- Added the component to the Atoms package
+- Changed the source of the color from @Color to inline hex code
+- NOTE: Update the Importing from @accessibility in the next version

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

@@ -0,0 +1,23 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ERROR_ICON = {
+  group: 'general',
+  name: 'alert_solid',
+  size: 4,
+  defaultColor: 'cerise'
+};
+export const PASSWORD_ICON = {
+  group: 'function',
+  showIconName: 'unmask',
+  hideIconName: 'mask',
+  size: 6,
+  defaultColor: 'default',
+  disabledColor: 'disabled'
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ERROR_ICON","group","name","size","defaultColor","PASSWORD_ICON","showIconName","hideIconName","disabledColor"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Input/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG;EACzBC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE,CAAC;EACPC,YAAY,EAAE;AACf,CAAC;AAED,OAAO,MAAMC,aAAa,GAAG;EAC5BJ,KAAK,EAAE,UAAU;EACjBK,YAAY,EAAE,QAAQ;EACtBC,YAAY,EAAE,MAAM;EACpBJ,IAAI,EAAE,CAAC;EACPC,YAAY,EAAE,SAAS;EACvBI,aAAa,EAAE;AAChB,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,120 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet, Platform } from 'react-native';
+const InputStyles = (colors, font, border, spacing) => StyleSheet.create({
+  wrapper: {
+    flexDirection: 'column'
+  },
+  containerStyle: {
+    paddingVertical: 13,
+    paddingHorizontal: spacing.md,
+    borderColor: colors['border-default'],
+    backgroundColor: colors['surface-enabled-2'],
+    borderWidth: border['border-sm'],
+    borderRadius: border['radius-md'],
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  passwordContainerStyle: {
+    paddingLeft: spacing.none,
+    paddingRight: spacing.none,
+    paddingVertical: spacing.none
+  },
+  leadingPadding: {
+    paddingLeft: spacing.md
+  },
+  passwordInput: {
+    marginLeft: spacing.md,
+    marginVertical: 13
+  },
+  iconInput: {
+    marginLeft: 0
+  },
+  containerDisabled: {
+    backgroundColor: colors['surface-disabled'],
+    borderColor: colors['border-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']
+  },
+  borderPrefilled: {
+    borderColor: colors['border-default']
+  },
+  input: {
+    color: colors['text-default'],
+    padding: 0
+  },
+  errorInputTextSubdued: {
+    color: colors['text-subdued']
+  },
+  disabledInput: {
+    color: colors['text-disabled']
+  },
+  hintTextStyle: {
+    color: colors['text-subdued']
+  },
+  hintTextErrorMessageContainer: {
+    marginTop: spacing.xs,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  isErrorLabelStyle: {
+    marginLeft: spacing['2xs'],
+    color: colors['text-error']
+  },
+  suffixSpacing: {
+    marginLeft: spacing.xs
+  },
+  prefixSpacing: {
+    marginRight: spacing.xs
+  },
+  flexGrowContainer: {
+    flex: 1
+  },
+  passwordIconWrapper: {
+    paddingLeft: spacing.xs,
+    paddingRight: spacing.md,
+    height: '100%'
+  },
+  passwordIconContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  underlineText: {
+    textDecorationLine: 'underline'
+  },
+  labelStyle: {
+    ...font['body-1-regular'],
+    height: font['body-1-regular'].lineHeight
+  },
+  hintLabelStyle: {
+    ...font['body-2-regular'],
+    height: Platform.OS == 'android' ? font['body-2-regular'].lineHeight : undefined
+  },
+  iosIconWrapper: {
+    height: 24,
+    paddingTop: 2
+  },
+  androidLeadingIconWrapper: {
+    marginTop: 2
+  }
+});
+export default InputStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Platform","InputStyles","colors","font","border","spacing","create","wrapper","flexDirection","containerStyle","paddingVertical","paddingHorizontal","md","borderColor","backgroundColor","borderWidth","borderRadius","alignItems","passwordContainerStyle","paddingLeft","none","paddingRight","leadingPadding","passwordInput","marginLeft","marginVertical","iconInput","containerDisabled","prefilledWithDisableContainerStyle","paddingTop","paddingBottom","borderActivated","borderError","borderPrefilled","input","color","padding","errorInputTextSubdued","disabledInput","hintTextStyle","hintTextErrorMessageContainer","marginTop","xs","isErrorLabelStyle","suffixSpacing","prefixSpacing","marginRight","flexGrowContainer","flex","passwordIconWrapper","height","passwordIconContainer","justifyContent","underlineText","textDecorationLine","labelStyle","lineHeight","hintLabelStyle","OS","undefined","iosIconWrapper","androidLeadingIconWrapper"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/atoms/Input/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,EAAEC,QAAQ,QAAO,cAAc;AAEjD,MAAMC,WAAW,GAAGA,CAACC,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,OAAO,KACjDN,UAAU,CAACO,MAAM,CAAC;EACjBC,OAAO,EAAE;IACRC,aAAa,EAAE;EAChB,CAAC;EACDC,cAAc,EAAE;IACfC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAEN,OAAO,CAACO,EAAE;IAC7BC,WAAW,EAAEX,MAAM,CAAC,gBAAgB,CAAC;IACrCY,eAAe,EAAEZ,MAAM,CAAC,mBAAmB,CAAC;IAC5Ca,WAAW,EAAEX,MAAM,CAAC,WAAW,CAAC;IAChCY,YAAY,EAAEZ,MAAM,CAAC,WAAW,CAAC;IACjCI,aAAa,EAAE,KAAK;IACpBS,UAAU,EAAE;EACb,CAAC;EACDC,sBAAsB,EAAE;IACvBC,WAAW,EAAEd,OAAO,CAACe,IAAI;IACzBC,YAAY,EAAEhB,OAAO,CAACe,IAAI;IAC1BV,eAAe,EAAEL,OAAO,CAACe;EAC1B,CAAC;EACDE,cAAc,EAAE;IACfH,WAAW,EAAEd,OAAO,CAACO;EACtB,CAAC;EACDW,aAAa,EAAE;IACdC,UAAU,EAAEnB,OAAO,CAACO,EAAE;IACtBa,cAAc,EAAE;EACjB,CAAC;EACDC,SAAS,EAAE;IACVF,UAAU,EAAE;EACb,CAAC;EACDG,iBAAiB,EAAE;IAClBb,eAAe,EAAEZ,MAAM,CAAC,kBAAkB,CAAC;IAC3CW,WAAW,EAAEX,MAAM,CAAC,iBAAiB;EACtC,CAAC;EACD0B,kCAAkC,EAAE;IACnCd,eAAe,EAAE,aAAa;IAC9BD,WAAW,EAAE,aAAa;IAC1BF,iBAAiB,EAAEN,OAAO,CAACe,IAAI;IAC/BS,UAAU,EAAExB,OAAO,CAACe,IAAI;IACxBU,aAAa,EAAEzB,OAAO,CAACe;EACxB,CAAC;EACDW,eAAe,EAAE;IAChBlB,WAAW,EAAEX,MAAM,CAAC,iBAAiB;EACtC,CAAC;EACD8B,WAAW,EAAE;IACZnB,WAAW,EAAEX,MAAM,CAAC,cAAc;EACnC,CAAC;EACD+B,eAAe,EAAE;IAChBpB,WAAW,EAAEX,MAAM,CAAC,gBAAgB;EACrC,CAAC;EACDgC,KAAK,EAAE;IACNC,KAAK,EAAEjC,MAAM,CAAC,cAAc,CAAC;IAC7BkC,OAAO,EAAE;EACV,CAAC;EACDC,qBAAqB,EAAE;IACtBF,KAAK,EAAEjC,MAAM,CAAC,cAAc;EAC7B,CAAC;EACDoC,aAAa,EAAE;IACdH,KAAK,EAAEjC,MAAM,CAAC,eAAe;EAC9B,CAAC;EACDqC,aAAa,EAAE;IACdJ,KAAK,EAAEjC,MAAM,CAAC,cAAc;EAC7B,CAAC;EACDsC,6BAA6B,EAAE;IAC9BC,SAAS,EAAEpC,OAAO,CAACqC,EAAE;IACrBlC,aAAa,EAAE,KAAK;IACpBS,UAAU,EAAE;EACb,CAAC;EACD0B,iBAAiB,EAAE;IAClBnB,UAAU,EAAEnB,OAAO,CAAC,KAAK,CAAC;IAC1B8B,KAAK,EAAEjC,MAAM,CAAC,YAAY;EAC3B,CAAC;EACD0C,aAAa,EAAE;IACdpB,UAAU,EAAEnB,OAAO,CAACqC;EACrB,CAAC;EACDG,aAAa,EAAE;IACdC,WAAW,EAAEzC,OAAO,CAACqC;EACtB,CAAC;EACDK,iBAAiB,EAAE;IAClBC,IAAI,EAAE;EACP,CAAC;EACDC,mBAAmB,EAAE;IACpB9B,WAAW,EAAEd,OAAO,CAACqC,EAAE;IACvBrB,YAAY,EAAEhB,OAAO,CAACO,EAAE;IACxBsC,MAAM,EAAE;EACT,CAAC;EACDC,qBAAqB,EAAE;IACtBH,IAAI,EAAE,CAAC;IACPI,cAAc,EAAE,QAAQ;IACxBnC,UAAU,EAAE;EACb,CAAC;EACDoC,aAAa,EAAE;IACdC,kBAAkB,EAAE;EACrB,CAAC;EACDC,UAAU,EAAE;IACX,GAAGpD,IAAI,CAAC,gBAAgB,CAAC;IACzB+C,MAAM,EAAE/C,IAAI,CAAC,gBAAgB,CAAC,CAACqD;EAChC,CAAC;EACDC,cAAc,EAAE;IACf,GAAGtD,IAAI,CAAC,gBAAgB,CAAC;IACzB+C,MAAM,EAAElD,QAAQ,CAAC0D,EAAE,IAAI,SAAS,GAAGvD,IAAI,CAAC,gBAAgB,CAAC,CAACqD,UAAU,GAAGG;EACxE,CAAC;EACDC,cAAc,EAAE;IACfV,MAAM,EAAE,EAAE;IACVrB,UAAU,EAAE;EACb,CAAC;EACDgC,yBAAyB,EAAE;IAC1BpB,SAAS,EAAE;EACZ;AACD,CAAC,CAAC;AAEH,eAAexC,WAAW","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,54 @@
+"use strict";
+
+/**
+ *
+ * Label
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import { Text } from 'react-native-paper';
+import LabelStyles from "./styles/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Label = props => {
+  const {
+    label,
+    size,
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole = 'text'
+  } = props;
+  const {
+    colors,
+    fonts
+  } = useCustomTheme();
+  const styles = LabelStyles(colors);
+  const labelSize = (() => {
+    switch (size) {
+      case 'small':
+        return 'body-2-semibold';
+      case 'large':
+        return 'body-1-semibold';
+      default:
+        return 'body-2-semibold';
+    }
+  })();
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.labelStyle, fonts[labelSize]],
+      children: label
+    })
+  });
+};
+export default Label;
+//# sourceMappingURL=Label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","LabelStyles","useCustomTheme","jsx","_jsx","Label","props","label","size","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","colors","fonts","styles","labelSize","children","style","labelStyle"],"sourceRoot":"../../../../../../src","sources":["component/AIA/atoms/Label/Label.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,IAAI,QAAO,cAAc;AACjC,SAAQC,IAAI,QAAO,oBAAoB;AAEvC,OAAOC,WAAW;AAGlB,OAAOC,cAAc;AAA4C,SAAAC,GAAA,IAAAC,IAAA;AAEjE,MAAMC,KAAK,GAAIC,KAAgB,IAAW;EACzC,MAAM;IAACC,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC,iBAAiB;IAAEC,iBAAiB,GAAG;EAAM,CAAC,GAAGP,KAAK;EAElH,MAAM;IAACQ,MAAM;IAAEC;EAAK,CAAC,GAAGb,cAAc,CAAC,CAAC;EACxC,MAAMc,MAAM,GAAGf,WAAW,CAACa,MAAM,CAAC;EAElC,MAAMG,SAAS,GAAG,CAAC,MAAM;IACxB,QAAQT,IAAI;MACX,KAAK,OAAO;QACX,OAAO,iBAAiB;MACzB,KAAK,OAAO;QACX,OAAO,iBAAiB;MACzB;QACC,OAAO,iBAAiB;IAC1B;EACD,CAAC,EAAE,CAAC;EAEJ,oBACCJ,IAAA,CAACL,IAAI;IACJU,MAAM,EAAEA,MAAO;IACfC,UAAU,EAAEA,UAAW;IACvBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IAAAK,QAAA,eAErCd,IAAA,CAACJ,IAAI;MAACmB,KAAK,EAAE,CAACH,MAAM,CAACI,UAAU,EAAEL,KAAK,CAACE,SAAS,CAAC,CAAE;MAAAC,QAAA,EAAEX;IAAK,CAAO;EAAC,CAC7D,CAAC;AAET,CAAC;AAED,eAAeF,KAAK","ignoreList":[]}

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

@@ -0,0 +1,14 @@
+# Label
+
+## Usage & Example
+
+```js
+import Label from '@/Label';
+
+<Label label={'Label Here'} size={'large'}/>
+```
+
+Key             | Type           | Required  | Description                         |
+--------------- | -------------- | --------- | ----------------------------------- |
+label           | `string`       | `True`    | a string for display content        |
+size            | `boolean`      | `False`   | display Label is small/large size   |