@pagopa/io-app-design-system 1.3.2 → 1.4.0

package/lib/module/components/accordion/AccordionItem.js

@@ -0,0 +1,126 @@
+import React, { useState } from "react";
+import { Text, View, StyleSheet, TouchableWithoutFeedback } from "react-native";
+import Animated, { useAnimatedStyle, withSpring } from "react-native-reanimated";
+import LinearGradient from "react-native-linear-gradient";
+import { IOAccordionRadius } from "../../core";
+import { makeFontStyleObject } from "../../utils/fonts";
+import { IOColors, hexToRgba } from "../../core/IOColors";
+import { H6 } from "../typography";
+import { IOSpringValues } from "../../core/IOAnimations";
+import { Icon } from "../icons/Icon";
+const accordionBodySpacing = 16;
+const accordionIconMargin = 8;
+const accordionBorder = "grey-200";
+const accordionBackground = "white";
+
+/* The code below is a re-adaptation of Dima Portenko's code:
+https://github.com/dimaportenko/reanimated-collapsable-card-tutorial
+*/
+export const AccordionBody = _ref => {
+  let {
+    children,
+    expanded
+  } = _ref;
+  const [height, setHeight] = useState(0);
+  const onLayout = event => {
+    const {
+      height: onLayoutHeight
+    } = event.nativeEvent.layout;
+    if (onLayoutHeight > 0 && height !== onLayoutHeight) {
+      setHeight(onLayoutHeight);
+    }
+  };
+  const animatedHeightStyle = useAnimatedStyle(() => ({
+    height: expanded ? withSpring(height, IOSpringValues.accordion) : withSpring(0, IOSpringValues.accordion)
+  }), [expanded]);
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [animatedHeightStyle, styles.accordionCollapsableContainer]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.accordionBodyContainer,
+    onLayout: onLayout
+  }, children));
+};
+export const AccordionItem = _ref2 => {
+  let {
+    title,
+    body
+  } = _ref2;
+  const [expanded, setExpanded] = useState(false);
+  const onItemPress = () => {
+    setExpanded(!expanded);
+  };
+  const animatedChevron = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: expanded ? withSpring(`180deg`, IOSpringValues.accordion) : withSpring(`0deg`, IOSpringValues.accordion)
+    }]
+  }), [expanded]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.accordionWrapper
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    accessible: true,
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded
+    },
+    onPress: onItemPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexShrink: 1,
+      marginRight: accordionIconMargin
+    }
+  }, /*#__PURE__*/React.createElement(H6, {
+    color: "black"
+  }, title)), /*#__PURE__*/React.createElement(Animated.View, {
+    style: animatedChevron
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "chevronBottom",
+    color: "blueIO-500"
+  })))), /*#__PURE__*/React.createElement(AccordionBody, {
+    expanded: expanded
+  }, typeof body === "string" ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.accordionBodyText
+  }, body) : body), /*#__PURE__*/React.createElement(LinearGradient, {
+    style: {
+      height: accordionBodySpacing,
+      position: "absolute",
+      // Place at the bottom
+      bottom: 0,
+      // Avoid gradient overlaps with border radius
+      left: accordionBodySpacing,
+      right: accordionBodySpacing
+    },
+    colors: [hexToRgba(IOColors[accordionBackground], 0), IOColors[accordionBackground]]
+  }));
+};
+const styles = StyleSheet.create({
+  accordionWrapper: {
+    borderColor: IOColors[accordionBorder],
+    borderWidth: 1,
+    borderRadius: IOAccordionRadius,
+    backgroundColor: IOColors[accordionBackground]
+  },
+  accordionCollapsableContainer: {
+    overflow: "hidden"
+  },
+  accordionBodyContainer: {
+    position: "absolute",
+    padding: accordionBodySpacing,
+    paddingTop: 0
+  },
+  accordionBodyText: {
+    fontSize: 14,
+    lineHeight: 21,
+    color: IOColors["grey-700"],
+    ...makeFontStyleObject("Regular", undefined, "TitilliumWeb")
+  },
+  textContainer: {
+    padding: accordionBodySpacing,
+    flexGrow: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  }
+});
+//# sourceMappingURL=AccordionItem.js.map

package/lib/module/components/accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Text","View","StyleSheet","TouchableWithoutFeedback","Animated","useAnimatedStyle","withSpring","LinearGradient","IOAccordionRadius","makeFontStyleObject","IOColors","hexToRgba","H6","IOSpringValues","Icon","accordionBodySpacing","accordionIconMargin","accordionBorder","accordionBackground","AccordionBody","_ref","children","expanded","height","setHeight","onLayout","event","onLayoutHeight","nativeEvent","layout","animatedHeightStyle","accordion","createElement","style","styles","accordionCollapsableContainer","accordionBodyContainer","AccordionItem","_ref2","title","body","setExpanded","onItemPress","animatedChevron","transform","rotate","accordionWrapper","accessible","accessibilityRole","accessibilityState","onPress","textContainer","flexShrink","marginRight","color","name","accordionBodyText","position","bottom","left","right","colors","create","borderColor","borderWidth","borderRadius","backgroundColor","overflow","padding","paddingTop","fontSize","lineHeight","undefined","flexGrow","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/accordion/AccordionItem.tsx"],"mappings":"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"}

package/lib/module/components/accordion/index.js

@@ -1,3 +1,3 @@
 export * from "./RawAccordion";
-export * from "./IOAccordion";
+export * from "./AccordionItem";
 //# sourceMappingURL=index.js.map

package/lib/module/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,eAAe"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/accordion/index.tsx"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB"}

package/lib/module/components/common/LogoPaymentWithFallback.js

@@ -0,0 +1,40 @@
+import * as O from "fp-ts/lib/Option";
+import { pipe } from "fp-ts/lib/function";
+import * as React from "react";
+import { findFirstCaseInsensitive } from "../../utils/object";
+import { Icon } from "../icons";
+import { IOPaymentExtLogos, IOPaymentLogos, LogoPayment, LogoPaymentExt } from "../logos";
+/**
+ * This component renders either
+ * - a LogoPayment/LogoPaymentExt component
+ * - a default credit card icon
+ * @param cardIcon: IOLogoPaymentType icon
+ * @param size: the size of the icon (standard is 24/48)
+ * @param fallbackIconColor: default icon color (standard is grey-700)
+ * @param isExtended: if true, renders a LogoPaymentExt component
+ * @returns a LogoPayment/LogopaymentExt component if the cardIcon is supported, a default credit card icon otherwise
+ */
+export const LogoPaymentWithFallback = _ref => {
+  let {
+    brand,
+    fallbackIconColor = "grey-700",
+    isExtended = false,
+    size = isExtended ? 48 : 24
+  } = _ref;
+  const logos = isExtended ? IOPaymentExtLogos : IOPaymentLogos;
+  return pipe(brand, O.fromNullable, O.chain(findFirstCaseInsensitive(logos)), O.map(_ref2 => {
+    let [brand] = _ref2;
+    return brand;
+  }), O.fold(() => /*#__PURE__*/React.createElement(Icon, {
+    name: "creditCard",
+    size: size,
+    color: fallbackIconColor
+  }), brand => isExtended ? /*#__PURE__*/React.createElement(LogoPaymentExt, {
+    name: brand,
+    size: size
+  }) : /*#__PURE__*/React.createElement(LogoPayment, {
+    name: brand,
+    size: size
+  })));
+};
+//# sourceMappingURL=LogoPaymentWithFallback.js.map

package/lib/module/components/common/LogoPaymentWithFallback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["O","pipe","React","findFirstCaseInsensitive","Icon","IOPaymentExtLogos","IOPaymentLogos","LogoPayment","LogoPaymentExt","LogoPaymentWithFallback","_ref","brand","fallbackIconColor","isExtended","size","logos","fromNullable","chain","map","_ref2","fold","createElement","name","color"],"sourceRoot":"../../../../src","sources":["components/common/LogoPaymentWithFallback.tsx"],"mappings":"AAAA,OAAO,KAAKA,CAAC,MAAM,kBAAkB;AACrC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,wBAAwB,QAAQ,oBAAoB;AAE7D,SAA0BC,IAAI,QAAQ,UAAU;AAChD,SAGEC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,cAAc,QACT,UAAU;AAajB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAGC,IAAA,IAKR;EAAA,IALS;IACtCC,KAAK;IACLC,iBAAiB,GAAG,UAAU;IAC9BC,UAAU,GAAG,KAAK;IAClBC,IAAI,GAAGD,UAAU,GAAG,EAAE,GAAG;EACF,CAAC,GAAAH,IAAA;EACxB,MAAMK,KAAK,GAAGF,UAAU,GAAGR,iBAAiB,GAAGC,cAAc;EAE7D,OAAOL,IAAI,CACTU,KAAK,EACLX,CAAC,CAACgB,YAAY,EACdhB,CAAC,CAACiB,KAAK,CAACd,wBAAwB,CAACY,KAAK,CAAC,CAAC,EACxCf,CAAC,CAACkB,GAAG,CAACC,KAAA;IAAA,IAAC,CAACR,KAAK,CAAC,GAAAQ,KAAA;IAAA,OAAKR,KAAK;EAAA,EAAC,EACzBX,CAAC,CAACoB,IAAI,CACJ,mBAAMlB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IAACkB,IAAI,EAAC,YAAY;IAACR,IAAI,EAAEA,IAAK;IAACS,KAAK,EAAEX;EAAkB,CAAE,CAAC,EACtED,KAAK,IACHE,UAAU,gBACRX,KAAA,CAAAmB,aAAA,CAACb,cAAc;IAACc,IAAI,EAAEX,KAA8B;IAACG,IAAI,EAAEA;EAAK,CAAE,CAAC,gBAEnEZ,KAAA,CAAAmB,aAAA,CAACd,WAAW;IAACe,IAAI,EAAEX,KAA2B;IAACG,IAAI,EAAEA;EAAK,CAAE,CAElE,CACF,CAAC;AACH,CAAC"}

package/lib/module/components/index.js

@@ -17,4 +17,5 @@ export * from "./switch";
 export * from "./tag";
 export * from "./tabs";
 export * from "./typography";
+export * from "./textInput";
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,cAAc"}
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,aAAa"}

package/lib/module/components/listitems/ListItemTransaction.js

@@ -3,91 +3,109 @@ import { pipe } from "fp-ts/lib/function";
 import React from "react";
 import { StyleSheet, View } from "react-native";
 import Placeholder from "rn-placeholder";
-import { IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
+import { IOListItemLogoMargin, IOListItemStyles, IOListItemVisualParams, IOStyles, IOVisualCostants, useIOTheme } from "../../core";
+import { LogoPaymentWithFallback } from "../common/LogoPaymentWithFallback";
+import { isImageUri } from "../../utils/url";
+import { getAccessibleAmountText } from "../../utils/accessibility";
 import { Avatar } from "../avatar/Avatar";
 import { Badge } from "../badge/Badge";
 import { Icon } from "../icons";
-import { LogoPayment } from "../logos";
 import { VSpacer } from "../spacer";
 import { H6, LabelSmall } from "../typography";
 import { PressableListItemBase } from "./PressableListItemsBase";
-const isImageUrI = value => typeof value === "object" && value.uri !== undefined;
+const CARD_LOGO_SIZE = 24;
+const MUNICIPALITY_LOGO_SIZE = 44;
+// this is the <Avatar/>'s "small" size,
+// since it is bigger than the card logos, we use
+// it as a base size for homogeneous sizing via container size.
+
 const LeftComponent = _ref => {
   let {
-    logoNameOrUrl
+    logoIcon
   } = _ref;
-  if (isImageUrI(logoNameOrUrl)) {
+  if (isImageUri(logoIcon)) {
     return /*#__PURE__*/React.createElement(Avatar, {
-      shape: "circle",
+      logoUri: [logoIcon],
       size: "small",
-      logoUri: [logoNameOrUrl]
+      shape: "circle"
     });
-  } else {
-    return /*#__PURE__*/React.createElement(View, {
-      style: {
-        width: IOVisualCostants.avatarSizeSmall,
-        height: IOVisualCostants.avatarSizeSmall,
-        alignItems: "center",
-        justifyContent: "center"
-      }
-    }, /*#__PURE__*/React.createElement(LogoPayment, {
-      name: logoNameOrUrl
-    }));
   }
+  if ( /*#__PURE__*/React.isValidElement(logoIcon)) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, logoIcon);
+  }
+  return /*#__PURE__*/React.createElement(LogoPaymentWithFallback, {
+    brand: logoIcon,
+    size: CARD_LOGO_SIZE
+  });
 };
 export const ListItemTransaction = _ref2 => {
   let {
     accessibilityLabel,
     hasChevronRight = false,
     isLoading = false,
-    paymentLogoOrUrl,
+    paymentLogoIcon,
     onPress,
     subtitle,
     testID,
     title,
     transactionAmount,
+    badgeText,
     transactionStatus = "success"
   } = _ref2;
   const theme = useIOTheme();
+  const maybeBadgeText = pipe(badgeText, O.fromNullable, O.getOrElse(() => "-"));
   if (isLoading) {
     return /*#__PURE__*/React.createElement(SkeletonComponent, null);
   }
-  const designSystemBlue = "blue";
+  const designSystemBlue = "blueIO-500";
   const ListItemTransactionContent = () => {
     const TransactionAmountOrBadgeComponent = () => {
       switch (transactionStatus) {
         case "success":
           return /*#__PURE__*/React.createElement(H6, {
+            accessibilityLabel: getAccessibleAmountText(transactionAmount),
             color: hasChevronRight ? designSystemBlue : "black"
-          }, transactionAmount || "-");
+          }, transactionAmount || "");
+        case "refunded":
+          return /*#__PURE__*/React.createElement(H6, {
+            accessibilityLabel: getAccessibleAmountText(transactionAmount),
+            color: hasChevronRight ? designSystemBlue : "success-700"
+          }, transactionAmount || "");
         case "failure":
+        case "cancelled":
           return /*#__PURE__*/React.createElement(Badge, {
             variant: "error",
-            text: "Failed"
+            text: maybeBadgeText
+          });
+        case "reversal":
+          return /*#__PURE__*/React.createElement(Badge, {
+            variant: "lightBlue",
+            text: maybeBadgeText
           });
         case "pending":
           return /*#__PURE__*/React.createElement(Badge, {
             variant: "info",
-            text: "Cancelled"
+            text: maybeBadgeText
           });
       }
     };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, paymentLogoOrUrl && /*#__PURE__*/React.createElement(View, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, paymentLogoIcon && /*#__PURE__*/React.createElement(View, {
       style: {
-        marginRight: IOListItemVisualParams.iconMargin
+        marginRight: IOListItemLogoMargin,
+        width: MUNICIPALITY_LOGO_SIZE,
+        alignItems: "center"
       }
     }, /*#__PURE__*/React.createElement(LeftComponent, {
-      logoNameOrUrl: paymentLogoOrUrl
+      logoIcon: paymentLogoIcon
     })), /*#__PURE__*/React.createElement(View, {
       style: IOStyles.flex
-    }, /*#__PURE__*/React.createElement(H6, {
+    }, /*#__PURE__*/React.createElement(LabelSmall, {
+      numberOfLines: 2,
       color: theme["textBody-default"]
     }, title), /*#__PURE__*/React.createElement(LabelSmall, {
       weight: "Regular",
       color: theme["textBody-tertiary"]
-    }, subtitle), /*#__PURE__*/React.createElement(VSpacer, {
-      size: 4
-    })), /*#__PURE__*/React.createElement(View, {
+    }, subtitle)), /*#__PURE__*/React.createElement(View, {
       style: Styles.rightSection
     }, /*#__PURE__*/React.createElement(TransactionAmountOrBadgeComponent, null), hasChevronRight && /*#__PURE__*/React.createElement(Icon, {
       name: "chevronRightListItem",

package/lib/module/components/listitems/ListItemTransaction.js.map

@@ -1 +1 @@
-{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","Avatar","Badge","Icon","LogoPayment","VSpacer","H6","LabelSmall","PressableListItemBase","isImageUrI","value","uri","undefined","LeftComponent","_ref","logoNameOrUrl","createElement","shape","size","logoUri","style","width","avatarSizeSmall","height","alignItems","justifyContent","name","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoOrUrl","onPress","subtitle","testID","title","transactionAmount","transactionStatus","theme","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","Fragment","marginRight","iconMargin","flex","weight","Styles","rightSection","chevronSize","fromNullable","fold","listItem","accessible","listItemInner","Box","animate","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}
+{"version":3,"names":["O","pipe","React","StyleSheet","View","Placeholder","IOListItemLogoMargin","IOListItemStyles","IOListItemVisualParams","IOStyles","IOVisualCostants","useIOTheme","LogoPaymentWithFallback","isImageUri","getAccessibleAmountText","Avatar","Badge","Icon","VSpacer","H6","LabelSmall","PressableListItemBase","CARD_LOGO_SIZE","MUNICIPALITY_LOGO_SIZE","LeftComponent","_ref","logoIcon","createElement","logoUri","size","shape","isValidElement","Fragment","brand","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoIcon","onPress","subtitle","testID","title","transactionAmount","badgeText","transactionStatus","theme","maybeBadgeText","fromNullable","getOrElse","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","color","variant","text","style","marginRight","width","alignItems","flex","numberOfLines","weight","Styles","rightSection","name","chevronSize","fold","listItem","accessible","listItemInner","iconMargin","Box","animate","height","avatarSizeSmall","radius","marginLeft","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}

package/lib/module/components/textInput/TextInput.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+export const TextInput = props => /*#__PURE__*/React.createElement(TextInputBase, props);
+//# sourceMappingURL=TextInput.js.map

package/lib/module/components/textInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TextInputBase","TextInput","props","createElement"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAW/C,OAAO,MAAMC,SAAS,GAAIC,KAAqB,iBAC7CH,KAAA,CAAAI,aAAA,CAACH,aAAa,EAAKE,KAAQ,CAC5B"}

package/lib/module/components/textInput/TextInputBase.js

@@ -0,0 +1,225 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/* eslint-disable functional/immutable-data */
+import { Pressable, StyleSheet, TextInput, View } from "react-native";
+import React, { useCallback, useEffect, useMemo, useRef } from "react";
+import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { IOColors, IOSpacingScale, IOStyles } from "../../core";
+import { Icon } from "../icons";
+import { HSpacer } from "../spacer";
+import { LabelSmall } from "../typography";
+import { getInputPropsByType } from "../../utils/textInput";
+const styles = StyleSheet.create({
+  textInput: {
+    ...IOStyles.row,
+    alignItems: "center",
+    paddingVertical: 8,
+    height: 60,
+    borderRadius: 8,
+    paddingHorizontal: 12
+  },
+  textInputStyle: {
+    ...IOStyles.flex,
+    fontSize: 16,
+    marginTop: IOSpacingScale[2],
+    fontWeight: "400",
+    lineHeight: 24,
+    fontFamily: "Readex Pro",
+    height: "100%"
+  },
+  textInputLabelWrapper: {
+    position: "absolute",
+    paddingHorizontal: 12,
+    zIndex: 10,
+    bottom: 0,
+    top: 0,
+    justifyContent: "center"
+  }
+});
+const HelperRow = _ref => {
+  let {
+    value,
+    counterLimit,
+    bottomMessage,
+    bottomMessageColor = "grey-700"
+  } = _ref;
+  const valueCount = useMemo(() => value.length, [value]);
+  const helperRowStyle = useMemo(() => {
+    if (counterLimit && bottomMessage) {
+      return {
+        justifyContent: "space-between"
+      };
+    }
+    if (counterLimit) {
+      return {
+        justifyContent: "flex-end"
+      };
+    }
+    if (bottomMessage) {
+      return {
+        justifyContent: "flex-start"
+      };
+    }
+    return {};
+  }, [counterLimit, bottomMessage]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [IOStyles.row, {
+      alignItems: "center",
+      paddingHorizontal: 10
+    }, helperRowStyle]
+  }, bottomMessage && /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: bottomMessageColor
+  }, bottomMessage), counterLimit && /*#__PURE__*/React.createElement(LabelSmall, {
+    weight: "Regular",
+    color: "grey-700"
+  }, `${valueCount} / ${counterLimit}`));
+};
+export const TextInputBase = _ref2 => {
+  let {
+    disabled = false,
+    placeholder,
+    value = "",
+    onChangeText,
+    accessibilityLabel,
+    textInputProps,
+    inputTyoe = "default",
+    status,
+    icon,
+    rightElement,
+    counterLimit,
+    bottomMessage,
+    bottomMessageColor,
+    onBlur,
+    onFocus,
+    isPassword
+  } = _ref2;
+  const labelSharedValue = useSharedValue(false);
+  const [inputStatus, setInputStatus] = React.useState(disabled ? "disabled" : "initial");
+  const isSecretInput = useMemo(() => isPassword, [isPassword]);
+  const inputRef = useRef(null);
+  useEffect(() => {
+    if (status) {
+      setInputStatus(status);
+    }
+  }, [status]);
+  const boxStyle = useMemo(() => {
+    if (inputStatus === "focused") {
+      return {
+        borderColor: IOColors["blueIO-500"],
+        borderWidth: 2
+      };
+    }
+    if (inputStatus === "error") {
+      return {
+        borderColor: IOColors["error-600"],
+        borderWidth: 1
+      };
+    }
+    return {
+      borderColor: IOColors["grey-200"],
+      borderWidth: 1
+    };
+  }, [inputStatus]);
+  const animatedLabelProps = useAnimatedStyle(() => ({
+    fontSize: withTiming(labelSharedValue.value ? 12 : 16, {
+      duration: 300,
+      easing: Easing.elastic(0.85)
+    }),
+    transform: [{
+      translateY: withTiming(labelSharedValue.value ? -14 : 0, {
+        duration: 300,
+        easing: Easing.elastic(0.85)
+      })
+    }]
+  }));
+  useEffect(() => {
+    if (value.length > 0) {
+      labelSharedValue.value = true;
+    } else {
+      if (inputStatus !== "focused") {
+        labelSharedValue.value = false;
+      }
+    }
+  }, [labelSharedValue, value, inputStatus]);
+  const onTextInputPress = () => {
+    var _inputRef$current;
+    if (disabled) {
+      return;
+    }
+    labelSharedValue.value = true;
+    setInputStatus("focused");
+    inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+  };
+  const onChangeTextHandler = useCallback(text => {
+    if (counterLimit && text.length > counterLimit) {
+      return;
+    }
+    onChangeText(text);
+  }, [counterLimit, onChangeText]);
+  const onBlurHandler = useCallback(() => {
+    if (!value) {
+      labelSharedValue.value = false;
+    }
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+    setInputStatus("initial");
+  }, [value, labelSharedValue, onBlur]);
+  const derivedInputProps = useMemo(() => getInputPropsByType(inputTyoe), [inputTyoe]);
+  const inputValue = useMemo(() => derivedInputProps && derivedInputProps.valueFormat ? derivedInputProps.valueFormat(value) : value, [value, derivedInputProps]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onTextInputPress,
+    style: [inputStatus === "disabled" ? {
+      opacity: 0.5
+    } : {}, boxStyle, styles.textInput],
+    accessible: false,
+    accessibilityRole: "none"
+  }, icon && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: icon,
+    color: "grey-300",
+    size: 24
+  }), /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  })), /*#__PURE__*/React.createElement(TextInput, _extends({}, derivedInputProps ? derivedInputProps.textInputProps : textInputProps, {
+    accessible: true,
+    editable: !disabled,
+    secureTextEntry: isSecretInput,
+    disableFullscreenUI: true,
+    blurOnSubmit: true,
+    ref: inputRef,
+    accessibilityState: {
+      disabled
+    },
+    accessibilityLabel: accessibilityLabel ?? placeholder,
+    onFocus: () => {
+      setInputStatus("focused");
+      labelSharedValue.value = true;
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus();
+    },
+    maxLength: counterLimit,
+    onBlur: onBlurHandler,
+    value: inputValue,
+    onChangeText: onChangeTextHandler,
+    style: styles.textInputStyle
+  })), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.textInputLabelWrapper, icon ? {
+      left: 32
+    } : {}]
+  }, /*#__PURE__*/React.createElement(Animated.Text, {
+    numberOfLines: 1,
+    accessible: false,
+    style: [animatedLabelProps, {
+      color: IOColors["grey-700"]
+    }]
+  }, placeholder)), rightElement && /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: "auto"
+    }
+  }, /*#__PURE__*/React.createElement(HSpacer, {
+    size: 8
+  }), rightElement)), (bottomMessage || counterLimit) && /*#__PURE__*/React.createElement(HelperRow, {
+    value: value,
+    bottomMessage: bottomMessage,
+    bottomMessageColor: bottomMessageColor,
+    counterLimit: counterLimit
+  }));
+};
+//# sourceMappingURL=TextInputBase.js.map

package/lib/module/components/textInput/TextInputBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","TextInput","View","React","useCallback","useEffect","useMemo","useRef","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOSpacingScale","IOStyles","Icon","HSpacer","LabelSmall","getInputPropsByType","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","fontWeight","lineHeight","fontFamily","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputTyoe","status","icon","rightElement","onBlur","onFocus","isPassword","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","animatedLabelProps","duration","easing","elastic","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","maxLength","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}