@pagopa/io-app-design-system 1.39.0 → 1.39.1

package/lib/commonjs/components/searchInput/SearchInput.js

@@ -42,13 +42,14 @@ const SearchInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     accessibilityLabel,
     cancelButtonLabel,
     clearAccessibilityLabel,
-    onCancel,
-    onChangeText,
     placeholder,
-    value = "",
     autoFocus,
+    keepCancelVisible = false,
+    onCancel,
+    onChangeText,
     pressable,
-    testID
+    testID,
+    value = ""
   } = _ref;
   const searchInputRef = (0, _react.useRef)(null);
 
@@ -89,12 +90,15 @@ const SearchInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   }));
 
   /* Applied to the `Cancel` button */
-  const cancelButtonAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      translateX: (0, _reactNativeReanimated.interpolate)(isFocused.value, [0, 1], [cancelButtonWidth + _core.IOVisualCostants.appMarginDefault, 0], _reactNativeReanimated.Extrapolate.CLAMP)
-    }],
-    opacity: (0, _reactNativeReanimated.interpolate)(isFocused.value, [0, 1], [0.5, 1])
-  }));
+  const cancelButtonAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const showCancelButton = !pressable && keepCancelVisible ? 1 : isFocused.value;
+    return {
+      transform: [{
+        translateX: (0, _reactNativeReanimated.interpolate)(showCancelButton, [0, 1], [cancelButtonWidth + _core.IOVisualCostants.appMarginDefault, 0], _reactNativeReanimated.Extrapolate.CLAMP)
+      }],
+      opacity: (0, _reactNativeReanimated.interpolate)(showCancelButton, [0, 1], [0.5, 1])
+    };
+  });
 
   /* Applied to the `Clear` button inside the `SearchInput` */
   const clearButtonAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
@@ -114,7 +118,7 @@ const SearchInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
   const handleBlur = () => {
     isFocused.value = (0, _reactNativeReanimated.withTiming)(0, inputWithTimingConfig);
-    inputAnimatedWidth.value = inputWidth;
+    inputAnimatedWidth.value = keepCancelVisible ? inputWidthWithCancel : inputWidth;
   };
   const cancel = (0, _react.useCallback)(event => {
     onChangeText === null || onChangeText === void 0 || onChangeText("");

package/lib/commonjs/components/searchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_buttons","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","IOColors","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","Animated","createAnimatedComponent","TextInput","AnimatedPressable","Pressable","inputWithTimingConfig","duration","easing","Easing","inOut","cubic","SearchInput","forwardRef","_ref","ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","onCancel","onChangeText","placeholder","value","autoFocus","pressable","testID","searchInputRef","useRef","theme","useIOTheme","isExperimental","useIOExperimentalDesign","inputCaretColor","inputWidth","Dimensions","width","IOVisualCostants","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","useState","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","useImperativeHandle","focus","_searchInputRef$curre","current","inputAnimatedWidth","useSharedValue","isFocused","animatedStyle","useAnimatedStyle","withTiming","backgroundColor","interpolateColor","cancelButtonAnimatedStyle","transform","translateX","interpolate","Extrapolate","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","useCallback","event","clear","_searchInputRef$curre2","handleChangeText","text","renderSearchBar","createElement","View","style","styles","searchBar","searchInput","pointerEvents","iconContainer","Icon","name","size","color","inputMode","returnKeyType","accessibilityRole","textInput","Platform","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","ButtonLink","label","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","makeFontStyleObject","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_buttons","_icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","inputPaddingHorizontal","inputPaddingClearButton","inputRadius","inputBgColorDefault","IOColors","inputBgColorFocused","inputColorPlaceholder","iconMargin","iconColor","iconSize","iconCloseSize","inputFontSizePlaceholder","cancelButtonMargin","inputTransitionDuration","inputHeightIOS","inputHeightAndroid","AnimatedTextInput","Animated","createAnimatedComponent","TextInput","AnimatedPressable","Pressable","inputWithTimingConfig","duration","easing","Easing","inOut","cubic","SearchInput","forwardRef","_ref","ref","accessibilityLabel","cancelButtonLabel","clearAccessibilityLabel","placeholder","autoFocus","keepCancelVisible","onCancel","onChangeText","pressable","testID","value","searchInputRef","useRef","theme","useIOTheme","isExperimental","useIOExperimentalDesign","inputCaretColor","inputWidth","Dimensions","width","IOVisualCostants","appMarginDefault","cancelButtonWidth","setCancelButtonWidth","useState","getCancelButtonWidth","_ref2","nativeEvent","layout","inputWidthWithCancel","useImperativeHandle","focus","_searchInputRef$curre","current","inputAnimatedWidth","useSharedValue","isFocused","animatedStyle","useAnimatedStyle","withTiming","backgroundColor","interpolateColor","cancelButtonAnimatedStyle","showCancelButton","transform","translateX","interpolate","Extrapolate","CLAMP","opacity","clearButtonAnimatedStyle","showClearButton","length","scale","handleFocus","handleBlur","cancel","useCallback","event","clear","_searchInputRef$curre2","handleChangeText","text","renderSearchBar","createElement","View","style","styles","searchBar","searchInput","pointerEvents","iconContainer","Icon","name","size","color","inputMode","returnKeyType","accessibilityRole","textInput","Platform","OS","textInputIOS","textInputAndroid","placeholderLegacy","selectionColor","cursorColor","placeholderTextColor","onFocus","onBlur","clearButton","onPress","hitSlop","onLayout","cancelButton","ButtonLink","label","exports","StyleSheet","create","flexDirection","justifyContent","alignItems","flexShrink","borderRadius","borderCurve","paddingLeft","paddingRight","flexGrow","height","marginRight","fontSize","makeFontStyleObject","position","right","marginLeft"],"sourceRoot":"../../../../src","sources":["components/searchInput/SearchInput.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AAaA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAUA,IAAAG,KAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAiD,SAAAO,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAT,wBAAAa,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAxCjD;;AA0CA;AACA,MAAMW,sBAAsC,GAAG,EAAE;AACjD,MAAMC,uBAAuC,GAAG,CAAC;AACjD,MAAMC,WAAmB,GAAG,CAAC;AAC7B,MAAMC,mBAA+B,GAAGC,cAAQ,CAAC,SAAS,CAAC;AAC3D,MAAMC,mBAA+B,GAAGD,cAAQ,CAAC,UAAU,CAAC;AAC5D,MAAME,qBAAiC,GAAGF,cAAQ,CAAC,UAAU,CAAC;AAC9D,MAAMG,UAA0B,GAAG,CAAC;AACpC,MAAMC,SAAmB,GAAG,UAAU;AACtC,MAAMC,QAAyB,GAAG,EAAE;AACpC,MAAMC,aAA8B,GAAG,EAAE;AACzC,MAAMC,wBAAgC,GAAG,EAAE;AAC3C,MAAMC,kBAAkC,GAAG,EAAE;AAC7C,MAAMC,uBAA+B,GAAG,GAAG;AAC3C,MAAMC,cAAsB,GAAG,EAAE;AACjC,MAAMC,kBAA0B,GAAG,EAAE;AAmCrC,MAAMC,iBAAiB,GAAGC,8BAAQ,CAACC,uBAAuB,CAACC,sBAAS,CAAC;AACrE,MAAMC,iBAAiB,GAAGH,8BAAQ,CAACC,uBAAuB,CAACG,sBAAS,CAAC;AAErE,MAAMC,qBAAqB,GAAG;EAC5BC,QAAQ,EAAEV,uBAAuB;EACjCW,MAAM,EAAEC,6BAAM,CAACC,KAAK,CAACD,6BAAM,CAACE,KAAK;AACnC,CAAC;AAEM,MAAMC,WAAW,gBAAG,IAAAC,iBAAU,EACnC,CAAAC,IAAA,EAcEC,GAAG,KACA;EAAA,IAdH;IACEC,kBAAkB;IAClBC,iBAAiB;IACjBC,uBAAuB;IACvBC,WAAW;IACXC,SAAS;IACTC,iBAAiB,GAAG,KAAK;IACzBC,QAAQ;IACRC,YAAY;IACZC,SAAS;IACTC,MAAM;IACNC,KAAK,GAAG;EACV,CAAC,GAAAZ,IAAA;EAGD,MAAMa,cAAc,GAAG,IAAAC,aAAM,EAAY,IAAI,CAAC;;EAE9C;EACA,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,MAAMC,eAAe,GAAG7C,cAAQ,CAACyC,KAAK,CAAC,yBAAyB,CAAC,CAAC;;EAElE;AACJ;AACA;EACI,MAAMK,UAAkB,GACtBC,uBAAU,CAAC/D,GAAG,CAAC,QAAQ,CAAC,CAACgE,KAAK,GAAGC,sBAAgB,CAACC,gBAAgB,GAAG,CAAC;EAExE,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAC7C,IAAAC,eAAQ,EAA2B,CAAC,CAAC;EAEvC,MAAMC,oBAAoB,GAAGC,KAAA,IAAwC;IAAA,IAAvC;MAAEC;IAA+B,CAAC,GAAAD,KAAA;IAC9DH,oBAAoB,CAACI,WAAW,CAACC,MAAM,CAACT,KAAK,CAAC;EAChD,CAAC;EAED,MAAMU,oBAA4B,GAAGZ,UAAU,GAAGK,iBAAiB;EAEnE,IAAAQ,0BAAmB,EACjBhC,GAAG,EACH,OAAO;IACLiC,KAAKA,CAAA,EAAG;MAAA,IAAAC,qBAAA;MACN,CAAAA,qBAAA,GAAAtB,cAAc,CAACuB,OAAO,cAAAD,qBAAA,eAAtBA,qBAAA,CAAwBD,KAAK,CAAC,CAAC;IACjC;EACF,CAAC,CAAC,EACF,EACF,CAAC;;EAED;EACA,MAAMG,kBAAkB,GAAG,IAAAC,qCAAc,EAASlB,UAAU,CAAC;EAC7D,MAAMmB,SAAS,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;;EAEnC;EACA,MAAME,aAAa,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IAC5CnB,KAAK,EAAE,IAAAoB,iCAAU,EAACL,kBAAkB,CAACzB,KAAK,EAAEpB,qBAAqB,CAAC;IAClEmD,eAAe,EAAE,IAAAC,uCAAgB,EAC/BL,SAAS,CAAC3B,KAAK,EACf,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACvC,mBAAmB,EAAEE,mBAAmB,CAC3C;EACF,CAAC,CAAC,CAAC;;EAEH;EACA,MAAMsE,yBAAyB,GAAG,IAAAJ,uCAAgB,EAAC,MAAM;IACvD,MAAMK,gBAAgB,GACpB,CAACpC,SAAS,IAAIH,iBAAiB,GAAG,CAAC,GAAGgC,SAAS,CAAC3B,KAAK;IAEvD,OAAO;MACLmC,SAAS,EAAE,CACT;QACEC,UAAU,EAAE,IAAAC,kCAAW,EACrBH,gBAAgB,EAChB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACrB,iBAAiB,GAAGF,sBAAgB,CAACC,gBAAgB,EAAE,CAAC,CAAC,EAC1D0B,kCAAW,CAACC,KACd;MACF,CAAC,CACF;MACDC,OAAO,EAAE,IAAAH,kCAAW,EAACH,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,MAAMO,wBAAwB,GAAG,IAAAZ,uCAAgB,EAAC,MAAM;IACtD,MAAMa,eAAe,GAAG1C,KAAK,CAAC2C,MAAM,GAAG,CAAC;IAExC,OAAO;MACLR,SAAS,EAAE,CACT;QACES,KAAK,EAAEF,eAAe,GAClB,IAAAZ,iCAAU,EAAC,CAAC,EAAElD,qBAAqB,CAAC,GACpC,IAAAkD,iCAAU,EAAC,GAAG,EAAElD,qBAAqB;MAC3C,CAAC,CACF;MACD4D,OAAO,EAAE,IAAAV,iCAAU,EAACY,eAAe,GAAG,CAAC,GAAG,CAAC,EAAE9D,qBAAqB;IACpE,CAAC;EACH,CAAC,EAAE,CAACoB,KAAK,CAAC,CAAC;;EAEX;EACA,MAAM6C,WAAW,GAAGA,CAAA,KAAM;IACxBlB,SAAS,CAAC3B,KAAK,GAAG,IAAA8B,iCAAU,EAAC,CAAC,EAAElD,qBAAqB,CAAC;IACtD6C,kBAAkB,CAACzB,KAAK,GAAGoB,oBAAoB;EACjD,CAAC;EAED,MAAM0B,UAAU,GAAGA,CAAA,KAAM;IACvBnB,SAAS,CAAC3B,KAAK,GAAG,IAAA8B,iCAAU,EAAC,CAAC,EAAElD,qBAAqB,CAAC;IACtD6C,kBAAkB,CAACzB,KAAK,GAAGL,iBAAiB,GACxCyB,oBAAoB,GACpBZ,UAAU;EAChB,CAAC;EAED,MAAMuC,MAAM,GAAG,IAAAC,kBAAW,EACvBC,KAA4B,IAAK;IAChCpD,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAG,EAAE,CAAC;IAClBD,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGqD,KAAK,CAAC;EACnB,CAAC,EACD,CAACrD,QAAQ,EAAEC,YAAY,CACzB,CAAC;EAED,MAAMqD,KAAK,GAAG,IAAAF,kBAAW,EAAC,MAAM;IAAA,IAAAG,sBAAA;IAC9BtD,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAG,EAAE,CAAC;IAClB,CAAAsD,sBAAA,GAAAlD,cAAc,CAACuB,OAAO,cAAA2B,sBAAA,eAAtBA,sBAAA,CAAwBD,KAAK,CAAC,CAAC;EACjC,CAAC,EAAE,CAACrD,YAAY,CAAC,CAAC;EAElB,MAAMuD,gBAAgB,GAAG,IAAAJ,kBAAW,EACjCK,IAAY,IAAKxD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGwD,IAAI,CAAC,EACtC,CAACxD,YAAY,CACf,CAAC;EAED,MAAMyD,eAAe,GAAGA,CAAA,kBACtB/H,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAAC5H,sBAAA,CAAAY,OAAQ,CAACiH,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBACrCpI,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAAC5H,sBAAA,CAAAY,OAAQ,CAACiH,IAAI;IACZC,KAAK,EAAE,CAACC,MAAM,CAACE,WAAW,EAAEhC,aAAa,CAAE;IAC3CiC,aAAa,EAAE/D,SAAS,GAAG,MAAM,GAAG;EAAO,gBAE3CvE,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAAC7H,YAAA,CAAA8H,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI;EAAc,gBAChCvI,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAACxH,MAAA,CAAAgI,IAAI;IAACC,IAAI,EAAC,QAAQ;IAACC,IAAI,EAAElG,QAAS;IAACmG,KAAK,EAAEpG;EAAU,CAAE,CACnD,CAAC,eACPvC,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAACjF,iBAAiB;IAChByB,MAAM,EAAEA,MAAO;IACfV,GAAG,EAAEY,cAAe;IACpBkE,SAAS,EAAC,QAAQ;IAClBC,aAAa,EAAC,QAAQ;IACtBC,iBAAiB,EAAE,QAAS;IAC5B/E,kBAAkB,EAAEA,kBAAmB;IACvCmE,KAAK,EAAE,CACLC,MAAM,CAACY,SAAS,EAChBC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjBd,MAAM,CAACe,YAAY,GACnBf,MAAM,CAACgB,gBAAgB,EAC3BrE,cAAc,GAAGqD,MAAM,CAACjE,WAAW,GAAGiE,MAAM,CAACiB,iBAAiB,CAC9D;IACFC,cAAc,EAAErE,eAAgB;IAChCsE,WAAW,EAAEtE,eAAgB;IAC7Bd,WAAW,EAAEA,WAAY;IACzBqF,oBAAoB,EAAElH,qBAAsB;IAC5CmH,OAAO,EAAElC,WAAY;IACrBmC,MAAM,EAAElC,UAAW;IACnBjD,YAAY,EAAEuD,gBAAiB;IAC/BpD,KAAK,EAAEA,KAAM;IACbN,SAAS,EAAEA;EAAU,CACtB,CAAC,eACFnE,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAAC7E,iBAAiB;IAChB+E,KAAK,EAAE,CAACC,MAAM,CAACuB,WAAW,EAAExC,wBAAwB,CAAE;IACtDyC,OAAO,EAAEhC,KAAM;IACf5D,kBAAkB,EAAEE,uBAAwB;IAC5C6E,iBAAiB,EAAC,QAAQ;IAC1Bc,OAAO,EAAE;EAAG,gBAEZ5J,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAACxH,MAAA,CAAAgI,IAAI;IAACC,IAAI,EAAC,YAAY;IAACC,IAAI,EAAEjG,aAAc;IAACkG,KAAK,EAAEpG;EAAU,CAAE,CAC/C,CACN,CAAC,eAChBvC,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAAC5H,sBAAA,CAAAY,OAAQ,CAACiH,IAAI;IACZ4B,QAAQ,EAAEpE,oBAAqB;IAC/ByC,KAAK,EAAE,CAACC,MAAM,CAAC2B,YAAY,EAAEpD,yBAAyB;EAAE,gBAExD1G,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAACzH,QAAA,CAAAwJ,UAAU;IAACC,KAAK,EAAEhG,iBAAkB;IAAC2F,OAAO,EAAEnC;EAAO,CAAE,CAC3C,CACF,CAChB;EAED,OAAOjD,SAAS,gBACdvE,MAAA,CAAAgB,OAAA,CAAAgH,aAAA,CAAC7H,YAAA,CAAAiD,SAAS;IACR0F,iBAAiB,EAAC,QAAQ;IAC1B/E,kBAAkB,EAAEG,WAAY;IAChCyF,OAAO,EAAEpF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEoF;EAAQ,GAE3B5B,eAAe,CAAC,CACR,CAAC,GAEZA,eAAe,CAAC,CACjB;AACH,CACF,CAAC;AAACkC,OAAA,CAAAtG,WAAA,GAAAA,WAAA;AAEF,MAAMwE,MAAM,GAAG+B,uBAAU,CAACC,MAAM,CAAC;EAC/B/B,SAAS,EAAE;IACTjD,KAAK,EAAE,MAAM;IACbiF,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EACDjC,WAAW,EAAE;IACXkC,UAAU,EAAE,CAAC;IACbC,YAAY,EAAEvI,WAAW;IACzBwI,WAAW,EAAE,YAAY;IACzBL,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE,QAAQ;IACpBI,WAAW,EAAE3I,sBAAsB;IACnC4I,YAAY,EAAE3I;EAChB,CAAC;EACD+G,SAAS,EAAE;IACTwB,UAAU,EAAE,CAAC;IACbK,QAAQ,EAAE;EACZ,CAAC;EACD1B,YAAY,EAAE;IACZ2B,MAAM,EAAEhI;EACV,CAAC;EACDsG,gBAAgB,EAAE;IAChB0B,MAAM,EAAE/H;EACV,CAAC;EACDyF,aAAa,EAAE;IACbuC,WAAW,EAAExI;EACf,CAAC;EACD4B,WAAW,EAAE;IACX6G,QAAQ,EAAErI,wBAAwB;IAClC,GAAG,IAAAsI,0BAAmB,EAAC,SAAS,EAAE,KAAK,EAAE,WAAW;EACtD,CAAC;EACD5B,iBAAiB,EAAE;IACjB2B,QAAQ,EAAErI,wBAAwB;IAClC,GAAG,IAAAsI,0BAAmB,EAAC,SAAS,EAAE,KAAK,EAAE,cAAc;EACzD,CAAC;EACDlB,YAAY,EAAE;IACZmB,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRR,WAAW,EAAE/H;EACf,CAAC;EACD+G,WAAW,EAAE;IACXyB,UAAU,EAAE7I;EACd;AACF,CAAC,CAAC"}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TextInputBase = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _core = require("../../core");
 var _fonts = require("../../utils/fonts");
@@ -13,26 +14,61 @@ var _textInput = require("../../utils/textInput");
 var _icons = require("../icons");
 var _spacer = require("../spacer");
 var _typography = require("../typography");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 */
-const inputMarginTop = 8;
+const inputMarginTop = 16;
+const inputHeight = 60;
+const inputPaddingHorizontal = 12;
+const inputPaddingVertical = 8;
+const inputRadius = 8;
+const inputTransitionDuration = 250;
+const inputLabelScaleFactor = 0.75; /* 16pt becomes 12pt */
+const inputLabelFontSize = 16;
+const inputDisabledOpacity = 0.5;
+const inputRightElementMargin = 8;
+const iconColor = "grey-300";
+const iconSize = 24;
+const iconMargin = 8;
+const inputLabelColor = _core.IOColors["grey-700"];
+const inputTextColor = _core.IOColors.black;
+const inputDisabledTextColor = _core.IOColors["grey-850"];
 const styles = _reactNative.StyleSheet.create({
   textInput: {
-    ..._core.IOStyles.row,
+    flexDirection: "row",
     alignItems: "center",
-    paddingVertical: 8,
-    height: 60,
-    borderRadius: 8,
+    height: inputHeight,
+    paddingVertical: inputPaddingVertical,
+    paddingHorizontal: inputPaddingHorizontal
+  },
+  textInputOuterBorder: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: inputRadius,
+    borderCurve: "continuous",
+    borderWidth: 1
+  },
+  textInputInnerBorder: {
+    ..._reactNative.StyleSheet.absoluteFillObject,
+    borderRadius: inputRadius,
     borderCurve: "continuous",
-    paddingHorizontal: 12
+    borderWidth: 2
   },
   textInputStyle: {
-    ..._core.IOStyles.flex,
+    flexGrow: 1,
+    flexShrink: 1,
+    /* The following `paddingVertical` property fixes a weird bug on
+    Android where the text input scrolls, if the user apply some
+    gestures on it with keyboard open */
+    paddingVertical: 0,
     fontSize: 16,
     marginTop: inputMarginTop,
-    lineHeight: 24,
-    height: "100%"
+    height: "100%",
+    /* Slightly move the input on the left on Android
+       to align to the label */
+    ...(_reactNative.Platform.OS === "android" && {
+      marginLeft: -4
+    })
   },
   textInputStyleFont: {
     ...(0, _fonts.makeFontStyleObject)("Regular", false, "ReadexPro")
@@ -43,11 +79,16 @@ const styles = _reactNative.StyleSheet.create({
   },
   textInputLabelWrapper: {
     position: "absolute",
-    paddingHorizontal: 12,
+    paddingHorizontal: inputPaddingHorizontal,
     zIndex: 10,
     bottom: 0,
     top: 0,
     justifyContent: "center"
+  },
+  textInputLabel: {
+    ...(0, _fonts.makeFontStyleObject)("Regular", false, "TitilliumSansPro"),
+    color: inputLabelColor,
+    fontSize: inputLabelFontSize
   }
 });
 const HelperRow = _ref => {
@@ -77,9 +118,10 @@ const HelperRow = _ref => {
     return {};
   }, [counterLimit, bottomMessage]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [_core.IOStyles.row, {
+    style: [{
+      flexDirection: "row",
       alignItems: "center",
-      paddingHorizontal: 10
+      paddingHorizontal: inputPaddingHorizontal
     }, helperRowStyle]
   }, bottomMessage && /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
     weight: "Regular",
@@ -110,59 +152,72 @@ const TextInputBase = _ref2 => {
     autoFocus,
     testID
   } = _ref2;
-  const theme = (0, _core.useIOTheme)();
-  const labelSharedValue = (0, _reactNativeReanimated.useSharedValue)(false);
-  const [inputStatus, setInputStatus] = _react.default.useState(disabled ? "disabled" : "initial");
-  const isSecretInput = (0, _react.useMemo)(() => isPassword, [isPassword]);
   const inputRef = (0, _react.useRef)(null);
+  const isSecretInput = (0, _react.useMemo)(() => isPassword, [isPassword]);
+  const [inputStatus, setInputStatus] = _react.default.useState(disabled ? "disabled" : "initial");
+  const focusedState = (0, _reactNativeReanimated.useSharedValue)(0);
+  const theme = (0, _core.useIOTheme)();
+
+  /* Get the label width to enable the correct translation */
+  const [labelWidth, setLabelWidth] = _react.default.useState(0);
+  const getLabelWidth = _ref3 => {
+    let {
+      nativeEvent
+    } = _ref3;
+    setLabelWidth(nativeEvent.layout.width);
+  };
+
+  /* Set `inputStatus` when `status` changes
+     (e.g. when it's passed as a prop) */
   (0, _react.useEffect)(() => {
     if (status) {
       setInputStatus(status);
     }
   }, [status]);
-  const boxStyle = (0, _react.useMemo)(() => {
-    if (inputStatus === "focused") {
-      return {
-        borderColor: _core.IOColors[theme["interactiveElem-default"]],
-        borderWidth: 2
-      };
-    }
-    if (inputStatus === "error") {
-      return {
-        borderColor: _core.IOColors["error-600"],
-        borderWidth: 1
-      };
-    }
-    return {
-      borderColor: _core.IOColors["grey-200"],
-      borderWidth: 1
-    };
-  }, [inputStatus, theme]);
+
+  /* Visual attributes */
+  const appBackground = _core.IOColors[theme["appBackground-primary"]];
+  const borderColorMap = (0, _react.useMemo)(() => ({
+    initial: _core.IOColors["grey-200"],
+    disabled: _core.IOColors["grey-200"],
+    focused: _core.IOColors[theme["interactiveElem-default"]],
+    error: _core.IOColors["error-600"]
+  }), [theme]);
   const easingConf = {
-    duration: 300,
-    easing: _reactNativeReanimated.Easing.elastic(0.85)
+    duration: inputTransitionDuration,
+    easing: _reactNativeReanimated.Easing.inOut(_reactNativeReanimated.Easing.cubic)
   };
-  const animatedLabelProps = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    fontSize: (0, _reactNativeReanimated.withTiming)(labelSharedValue.value ? 12 : 16, easingConf),
-    transform: [{
-      translateY: (0, _reactNativeReanimated.withTiming)(labelSharedValue.value ? -14 : 0, easingConf)
-    }]
+  const animatedLabelStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const enableTransition = focusedState.value || value.length > 0;
+    return {
+      transform: [{
+        /* Since we can't have RN 0.73 yet, we use this calculation
+        to simulate `transformOrigin: left` */
+        translateX: (0, _reactNativeReanimated.withTiming)(enableTransition ? -labelWidth * (1 - inputLabelScaleFactor) / 2 : 0, easingConf)
+      }, {
+        translateY: (0, _reactNativeReanimated.withTiming)(enableTransition ? -12 : 0, easingConf)
+      }, {
+        scale: (0, _reactNativeReanimated.withTiming)(enableTransition ? inputLabelScaleFactor : 1, easingConf)
+      }]
+    };
+  });
+
+  /* Interpolate border color based on input status,
+     but not apply the transition on `focus` state
+     because it's already managed by the
+     `animatedInnerBorderStyle` */
+  const animatedOuterBorderStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    borderColor: inputStatus !== "focused" ? (0, _reactNativeReanimated.interpolateColor)(1, [0, 1], [borderColorMap.initial, borderColorMap[inputStatus]]) : borderColorMap.initial
+  }));
+  const animatedInnerBorderStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: (0, _reactNativeReanimated.withTiming)(focusedState.value ? 1 : 0, easingConf)
   }));
-  (0, _react.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;
+    focusedState.value = 1;
     setInputStatus("focused");
     inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
   };
@@ -173,12 +228,15 @@ const TextInputBase = _ref2 => {
     onChangeText(text);
   }, [counterLimit, onChangeText]);
   const onBlurHandler = (0, _react.useCallback)(() => {
-    if (!value) {
-      labelSharedValue.value = false;
-    }
+    focusedState.value = 0;
     onBlur === null || onBlur === void 0 || onBlur();
     setInputStatus("initial");
-  }, [value, labelSharedValue, onBlur]);
+  }, [focusedState, onBlur]);
+  const onFocusHandler = () => {
+    focusedState.value = 1;
+    onFocus === null || onFocus === void 0 || onFocus();
+    setInputStatus("focused");
+  };
   const derivedInputProps = (0, _react.useMemo)(() => (0, _textInput.getInputPropsByType)(inputType), [inputType]);
   const inputValue = (0, _react.useMemo)(() => derivedInputProps && derivedInputProps.valueFormat ? derivedInputProps.valueFormat(value) : value, [value, derivedInputProps]);
   const {
@@ -187,62 +245,79 @@ const TextInputBase = _ref2 => {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     onPress: onTextInputPress,
     style: [inputStatus === "disabled" ? {
-      opacity: 0.5
-    } : {}, boxStyle, styles.textInput],
+      opacity: inputDisabledOpacity
+    } : {}, styles.textInput],
     accessible: false,
     accessibilityRole: "none"
-  }, icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.textInputOuterBorder, animatedOuterBorderStyle]
+  }), !disabled && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [{
+      borderColor: borderColorMap.focused
+    }, styles.textInputInnerBorder, animatedInnerBorderStyle]
+  }), icon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: icon,
-    color: "grey-300",
-    size: 24
+    color: iconColor,
+    size: iconSize
   }), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
-    size: 8
+    size: iconMargin
   })), /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, _extends({
+    ref: inputRef,
     testID: testID
   }, 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 || onFocus();
-    },
-    selectionColor: _core.IOColors[theme["interactiveElem-default"]] // Caret iOS
+    selectionColor: _core.IOColors[theme["interactiveElem-default"]] // Caret on iOS
     ,
     cursorColor: _core.IOColors[theme["interactiveElem-default"]] // Caret Android
     ,
     maxLength: counterLimit,
     onBlur: onBlurHandler,
-    value: inputValue,
+    onFocus: onFocusHandler,
+    blurOnSubmit: true,
     onChangeText: onChangeTextHandler,
-    style: [styles.textInputStyle, isExperimental ? styles.textInputStyleFont : styles.textInputStyleLegacyFont],
-    autoFocus: autoFocus
+    style: [styles.textInputStyle, isExperimental ? styles.textInputStyleFont : styles.textInputStyleLegacyFont, !disabled ? {
+      color: inputTextColor
+    } : {
+      color: inputDisabledTextColor
+    }],
+    autoFocus: autoFocus,
+    value: inputValue
   })), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     pointerEvents: "none",
     style: [styles.textInputLabelWrapper, icon ? {
-      left: 32
+      left: iconSize + iconMargin
     } : {}]
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.Text, {
+    onLayout: getLabelWidth,
     numberOfLines: 1,
     accessible: false,
-    style: [animatedLabelProps, {
-      ...(0, _fonts.makeFontStyleObject)("Regular", false, "TitilliumWeb"),
-      color: _core.IOColors["grey-700"]
-    }]
-  }, placeholder)), rightElement && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.textInputLabel, animatedLabelStyle]
+  }, placeholder)), rightElement && /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: {
-      marginLeft: "auto"
+      alignSelf: "stretch",
+      overflow: "visible",
+      justifyContent: "center"
     }
-  }, /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
-    size: 8
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    useAngle: true,
+    angle: 90,
+    style: {
+      width: inputRightElementMargin * 3,
+      position: "absolute",
+      left: -inputRightElementMargin * 3,
+      top: 0,
+      bottom: 0
+    },
+    colors: [(0, _core.hexToRgba)(appBackground, 0), appBackground]
+  }), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
+    size: inputRightElementMargin
   }), rightElement)), (bottomMessage || counterLimit) && /*#__PURE__*/_react.default.createElement(HelperRow, {
     value: value,
     bottomMessage: bottomMessage,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_textInput","_icons","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","inputMarginTop","styles","StyleSheet","create","textInput","IOStyles","row","alignItems","paddingVertical","height","borderRadius","borderCurve","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputStyleFont","makeFontStyleObject","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","useMemo","helperRowStyle","createElement","View","style","LabelSmall","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","testID","theme","useIOTheme","labelSharedValue","useSharedValue","inputStatus","setInputStatus","React","useState","isSecretInput","inputRef","useRef","useEffect","boxStyle","borderColor","IOColors","borderWidth","easingConf","duration","easing","Easing","elastic","animatedLabelProps","useAnimatedStyle","withTiming","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","useCallback","text","onBlurHandler","derivedInputProps","getInputPropsByType","inputValue","valueFormat","isExperimental","useIOExperimentalDesign","Fragment","Pressable","onPress","opacity","accessible","accessibilityRole","Icon","name","size","HSpacer","TextInput","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","selectionColor","cursorColor","maxLength","pointerEvents","left","Text","numberOfLines","marginLeft","exports"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeLinearGradient","_interopRequireDefault","_reactNativeReanimated","_core","_fonts","_textInput","_icons","_spacer","_typography","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","inputMarginTop","inputHeight","inputPaddingHorizontal","inputPaddingVertical","inputRadius","inputTransitionDuration","inputLabelScaleFactor","inputLabelFontSize","inputDisabledOpacity","inputRightElementMargin","iconColor","iconSize","iconMargin","inputLabelColor","IOColors","inputTextColor","black","inputDisabledTextColor","styles","StyleSheet","create","textInput","flexDirection","alignItems","height","paddingVertical","paddingHorizontal","textInputOuterBorder","absoluteFillObject","borderRadius","borderCurve","borderWidth","textInputInnerBorder","textInputStyle","flexGrow","flexShrink","fontSize","marginTop","Platform","OS","marginLeft","textInputStyleFont","makeFontStyleObject","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","textInputLabel","color","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","useMemo","helperRowStyle","createElement","View","style","LabelSmall","weight","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputType","status","icon","rightElement","onBlur","onFocus","isPassword","autoFocus","testID","inputRef","useRef","isSecretInput","inputStatus","setInputStatus","React","useState","focusedState","useSharedValue","theme","useIOTheme","labelWidth","setLabelWidth","getLabelWidth","_ref3","nativeEvent","layout","width","useEffect","appBackground","borderColorMap","initial","focused","error","easingConf","duration","easing","Easing","inOut","cubic","animatedLabelStyle","useAnimatedStyle","enableTransition","transform","translateX","withTiming","translateY","scale","animatedOuterBorderStyle","borderColor","interpolateColor","animatedInnerBorderStyle","opacity","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","useCallback","text","onBlurHandler","onFocusHandler","derivedInputProps","getInputPropsByType","inputValue","valueFormat","isExperimental","useIOExperimentalDesign","Fragment","Pressable","onPress","accessible","accessibilityRole","Icon","name","size","HSpacer","TextInput","ref","editable","secureTextEntry","disableFullscreenUI","accessibilityState","selectionColor","cursorColor","maxLength","blurOnSubmit","pointerEvents","left","Text","onLayout","numberOfLines","alignSelf","overflow","useAngle","angle","colors","hexToRgba","exports"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}

package/lib/commonjs/components/textInput/TextInputValidation.js

@@ -5,23 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TextInputValidation = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _icons = require("../icons");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _IOTransitions = require("../../core/IOTransitions");
 var _functions = require("../../functions");
+var _icons = require("../icons");
 var _TextInputBase = require("./TextInputBase");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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); }
-const TextInputValidation = props => {
-  const {
+const feedbackIconSize = 24;
+const TextInputValidation = _ref => {
+  let {
     onValidate,
     errorMessage,
     value,
     bottomMessage,
     onBlur,
-    onFocus
-  } = props;
-  const [isValid, setIsValid] = React.useState(undefined);
-  const onBlurHandler = React.useCallback(() => {
+    onFocus,
+    ...props
+  } = _ref;
+  const [isValid, setIsValid] = (0, React.useState)(undefined);
+  const onBlurHandler = (0, React.useCallback)(() => {
     const validation = onValidate(value);
     setIsValid(validation);
     if (!validation) {
@@ -31,22 +37,44 @@ const TextInputValidation = props => {
     }
     onBlur === null || onBlur === void 0 || onBlur();
   }, [onValidate, value, onBlur]);
-  const onFocusHandler = React.useCallback(() => {
+  const onFocusHandler = (0, React.useCallback)(() => {
     setIsValid(undefined);
     onFocus === null || onFocus === void 0 || onFocus();
   }, [onFocus]);
-  const labelError = React.useMemo(() => isValid === false && errorMessage ? errorMessage : bottomMessage, [isValid, errorMessage, bottomMessage]);
-  const labelErrorColor = React.useMemo(() => isValid === false && errorMessage ? "error-600" : undefined, [isValid, errorMessage]);
-  const rightIcon = React.useMemo(() => isValid !== undefined && /*#__PURE__*/React.createElement(_icons.Icon, {
-    name: isValid ? "success" : "errorFilled",
-    color: isValid ? "green" : "error-600",
-    size: 24
-  }), [isValid]);
+  const labelError = (0, React.useMemo)(() => isValid === false && errorMessage ? errorMessage : bottomMessage, [isValid, errorMessage, bottomMessage]);
+  const labelErrorColor = (0, React.useMemo)(() => isValid === false && errorMessage ? "error-600" : undefined, [isValid, errorMessage]);
+  const feedbackIconAttrMap = (0, React.useMemo)(() => ({
+    valid: {
+      name: "success",
+      color: "green"
+    },
+    notValid: {
+      name: "errorFilled",
+      color: "error-600"
+    }
+  }), []);
+  const feedbackIcon = (0, React.useMemo)(() => {
+    const validationStatus = isValid ? "valid" : "notValid";
+    return isValid !== undefined ? /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+      entering: _IOTransitions.enterTransitionInputIcon,
+      exiting: _IOTransitions.exitTransitionInputIcon
+    }, /*#__PURE__*/React.createElement(_icons.Icon, {
+      name: feedbackIconAttrMap[validationStatus].name,
+      color: feedbackIconAttrMap[validationStatus].color,
+      size: feedbackIconSize
+    })) : /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: {
+        width: feedbackIconSize,
+        height: feedbackIconSize
+      }
+    });
+  }, [feedbackIconAttrMap, isValid]);
   return /*#__PURE__*/React.createElement(_TextInputBase.TextInputBase, _extends({}, props, {
+    value: value,
     status: isValid === false ? "error" : undefined,
     bottomMessage: labelError,
     bottomMessageColor: labelErrorColor,
-    rightElement: rightIcon,
+    rightElement: feedbackIcon,
     onBlur: onBlurHandler,
     onFocus: onFocusHandler
   }));