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

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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"}

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

@@ -0,0 +1,27 @@
+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); }
+import * as React from "react";
+import { IconButton } from "../buttons";
+import { TextInputBase } from "./TextInputBase";
+export const TextInputPassword = props => {
+  const {
+    onBlur,
+    disabled
+  } = props;
+  const [showPassword, setShowPassword] = React.useState(false);
+  const rightElement = /*#__PURE__*/React.createElement(IconButton, {
+    icon: showPassword ? "eyeShow" : "eyeHide",
+    disabled: disabled,
+    onPress: () => setShowPassword(v => !v),
+    accessibilityLabel: "Toggle secret input"
+  });
+  const onBlurHandler = React.useCallback(() => {
+    setShowPassword(false);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+  }, [onBlur]);
+  return /*#__PURE__*/React.createElement(TextInputBase, _extends({}, props, {
+    onBlur: onBlurHandler,
+    rightElement: rightElement,
+    isPassword: !showPassword
+  }));
+};
+//# sourceMappingURL=TextInputPassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","IconButton","TextInputBase","TextInputPassword","props","onBlur","disabled","showPassword","setShowPassword","useState","rightElement","createElement","icon","onPress","v","accessibilityLabel","onBlurHandler","useCallback","_extends","isPassword"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputPassword.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAO/C,OAAO,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAClE,MAAM;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAClC,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGR,KAAK,CAACS,QAAQ,CAAU,KAAK,CAAC;EAEtE,MAAMC,YAAY,gBAChBV,KAAA,CAAAW,aAAA,CAACV,UAAU;IACTW,IAAI,EAAEL,YAAY,GAAG,SAAS,GAAG,SAAU;IAC3CD,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA,CAAA,KAAML,eAAe,CAACM,CAAC,IAAI,CAACA,CAAC,CAAE;IACxCC,kBAAkB,EAAC;EAAqB,CACzC,CACF;EAED,MAAMC,aAAa,GAAGhB,KAAK,CAACiB,WAAW,CAAC,MAAM;IAC5CT,eAAe,CAAC,KAAK,CAAC;IACtBH,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAG,CAAC;EACZ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,oBACEL,KAAA,CAAAW,aAAA,CAACT,aAAa,EAAAgB,QAAA,KACRd,KAAK;IACTC,MAAM,EAAEW,aAAc;IACtBN,YAAY,EAAEA,YAAa;IAC3BS,UAAU,EAAE,CAACZ;EAAa,EAC3B,CAAC;AAEN,CAAC"}

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

@@ -0,0 +1,47 @@
+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); }
+import * as React from "react";
+import { Icon } from "../icons";
+import { triggerHaptic } from "../../functions";
+import { TextInputBase } from "./TextInputBase";
+export const TextInputValidation = props => {
+  const {
+    onValidate,
+    errorMessage,
+    value,
+    bottomMessage,
+    onBlur,
+    onFocus
+  } = props;
+  const [isValid, setIsValid] = React.useState(undefined);
+  const onBlurHandler = React.useCallback(() => {
+    const validation = onValidate(value);
+    setIsValid(validation);
+    if (!validation) {
+      triggerHaptic("notificationError");
+    } else {
+      triggerHaptic("notificationSuccess");
+    }
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur();
+  }, [onValidate, value, onBlur]);
+  const onFocusHandler = React.useCallback(() => {
+    setIsValid(undefined);
+    onFocus === null || onFocus === void 0 ? 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(Icon, {
+    name: isValid ? "success" : "errorFilled",
+    color: isValid ? "green" : "error-600",
+    size: 24
+  }), [isValid]);
+  return /*#__PURE__*/React.createElement(TextInputBase, _extends({}, props, {
+    status: isValid === false ? "error" : undefined,
+    bottomMessage: labelError,
+    bottomMessageColor: labelErrorColor,
+    rightElement: rightIcon,
+    onBlur: onBlurHandler,
+    onFocus: onFocusHandler
+  }));
+};
+export default TextInputValidation;
+//# sourceMappingURL=TextInputValidation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","triggerHaptic","TextInputBase","TextInputValidation","props","onValidate","errorMessage","value","bottomMessage","onBlur","onFocus","isValid","setIsValid","useState","undefined","onBlurHandler","useCallback","validation","onFocusHandler","labelError","useMemo","labelErrorColor","rightIcon","createElement","name","color","size","_extends","status","bottomMessageColor","rightElement"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputValidation.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAkBC,IAAI,QAAQ,UAAU;AAExC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;AAU/C,OAAO,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EACtE,MAAM;IAAEC,UAAU;IAAEC,YAAY;IAAEC,KAAK;IAAEC,aAAa;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GACvEN,KAAK;EACP,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAAsBC,SAAS,CAAC;EAE5E,MAAMC,aAAa,GAAGhB,KAAK,CAACiB,WAAW,CAAC,MAAM;IAC5C,MAAMC,UAAU,GAAGZ,UAAU,CAACE,KAAK,CAAC;IACpCK,UAAU,CAACK,UAAU,CAAC;IACtB,IAAI,CAACA,UAAU,EAAE;MACfhB,aAAa,CAAC,mBAAmB,CAAC;IACpC,CAAC,MAAM;MACLA,aAAa,CAAC,qBAAqB,CAAC;IACtC;IACAQ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAG,CAAC;EACZ,CAAC,EAAE,CAACJ,UAAU,EAAEE,KAAK,EAAEE,MAAM,CAAC,CAAC;EAE/B,MAAMS,cAAc,GAAGnB,KAAK,CAACiB,WAAW,CAAC,MAAM;IAC7CJ,UAAU,CAACE,SAAS,CAAC;IACrBJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMS,UAAU,GAAGpB,KAAK,CAACqB,OAAO,CAC9B,MAAOT,OAAO,KAAK,KAAK,IAAIL,YAAY,GAAGA,YAAY,GAAGE,aAAc,EACxE,CAACG,OAAO,EAAEL,YAAY,EAAEE,aAAa,CACvC,CAAC;EAED,MAAMa,eAAqC,GAAGtB,KAAK,CAACqB,OAAO,CACzD,MAAOT,OAAO,KAAK,KAAK,IAAIL,YAAY,GAAG,WAAW,GAAGQ,SAAU,EACnE,CAACH,OAAO,EAAEL,YAAY,CACxB,CAAC;EAED,MAAMgB,SAAS,GAAGvB,KAAK,CAACqB,OAAO,CAC7B,MACET,OAAO,KAAKG,SAAS,iBACnBf,KAAA,CAAAwB,aAAA,CAACvB,IAAI;IACHwB,IAAI,EAAGb,OAAO,GAAG,SAAS,GAAG,aAA0B;IACvDc,KAAK,EAAGd,OAAO,GAAG,OAAO,GAAG,WAAyB;IACrDe,IAAI,EAAE;EAAG,CACV,CACF,EACH,CAACf,OAAO,CACV,CAAC;EAED,oBACEZ,KAAA,CAAAwB,aAAA,CAACrB,aAAa,EAAAyB,QAAA,KACRvB,KAAK;IACTwB,MAAM,EAAEjB,OAAO,KAAK,KAAK,GAAG,OAAO,GAAGG,SAAU;IAChDN,aAAa,EAAEW,UAAW;IAC1BU,kBAAkB,EAAER,eAAgB;IACpCS,YAAY,EAAER,SAAU;IACxBb,MAAM,EAAEM,aAAc;IACtBL,OAAO,EAAEQ;EAAe,EACzB,CAAC;AAEN,CAAC;AAED,eAAef,mBAAmB"}

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

@@ -0,0 +1,4 @@
+export * from "./TextInput";
+export * from "./TextInputPassword";
+export * from "./TextInputValidation";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/textInput/index.tsx"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,qBAAqB;AACnC,cAAc,uBAAuB"}

package/lib/module/core/IOAnimations.js

@@ -9,6 +9,11 @@ export const IOSpringValues = {
     mass: 0.5,
     stiffness: 300
   },
+  accordion: {
+    damping: 30,
+    mass: 1,
+    stiffness: 325
+  },
   /* Used by selection items (checkbox, radio, etc…) */
   selection: {
     damping: 10,

package/lib/module/core/IOAnimations.js.map

@@ -1 +1 @@
-{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","selection","IOScaleValues","basicButton","pressedState","magnifiedButton","exaggeratedButton"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACD;EACAC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAED,OAAO,MAAME,aAAa,GAAG;EAC3B;EACAC,WAAW,EAAE;IACXC,YAAY,EAAE;EAChB,CAAC;EACD;EACAC,eAAe,EAAE;IACfD,YAAY,EAAE;EAChB,CAAC;EACD;EACAE,iBAAiB,EAAE;IACjBF,YAAY,EAAE;EAChB;AACF,CAAC"}
+{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","IOScaleValues","basicButton","pressedState","magnifiedButton","exaggeratedButton"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACD;EACAE,SAAS,EAAE;IACTJ,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAED,OAAO,MAAMG,aAAa,GAAG;EAC3B;EACAC,WAAW,EAAE;IACXC,YAAY,EAAE;EAChB,CAAC;EACD;EACAC,eAAe,EAAE;IACfD,YAAY,EAAE;EAChB,CAAC;EACD;EACAE,iBAAiB,EAAE;IACjBF,YAAY,EAAE;EAChB;AACF,CAAC"}

package/lib/module/core/IOShapes.js

@@ -16,4 +16,5 @@ export const IOTagRadius = 6;
 export const IOBottomSheetHeaderRadius = 24;
 export const IOListItemIDPRadius = IODefaultRadius;
 export const IOBadgeRadius = 24;
+export const IOAccordionRadius = IODefaultRadius;
 //# sourceMappingURL=IOShapes.js.map

package/lib/module/core/IOShapes.js.map

@@ -1 +1 @@
-{"version":3,"names":["IORadiusScale","IODefaultRadius","IOAlertRadius","IOBannerRadius","IOTagRadius","IOBottomSheetHeaderRadius","IOListItemIDPRadius","IOBadgeRadius"],"sourceRoot":"../../../src","sources":["core/IOShapes.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAU;AAGpD,MAAMC,eAA8B,GAAG,CAAC;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,aAA4B,GAAGD,eAAe;AAC3D,OAAO,MAAME,cAA6B,GAAGF,eAAe;AAC5D,OAAO,MAAMG,WAA0B,GAAG,CAAC;AAC3C,OAAO,MAAMC,yBAAwC,GAAG,EAAE;AAC1D,OAAO,MAAMC,mBAAkC,GAAGL,eAAe;AACjE,OAAO,MAAMM,aAA4B,GAAG,EAAE"}
+{"version":3,"names":["IORadiusScale","IODefaultRadius","IOAlertRadius","IOBannerRadius","IOTagRadius","IOBottomSheetHeaderRadius","IOListItemIDPRadius","IOBadgeRadius","IOAccordionRadius"],"sourceRoot":"../../../src","sources":["core/IOShapes.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAU;AAGpD,MAAMC,eAA8B,GAAG,CAAC;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,aAA4B,GAAGD,eAAe;AAC3D,OAAO,MAAME,cAA6B,GAAGF,eAAe;AAC5D,OAAO,MAAMG,WAA0B,GAAG,CAAC;AAC3C,OAAO,MAAMC,yBAAwC,GAAG,EAAE;AAC1D,OAAO,MAAMC,mBAAkC,GAAGL,eAAe;AACjE,OAAO,MAAMM,aAA4B,GAAG,EAAE;AAC9C,OAAO,MAAMC,iBAAgC,GAAGP,eAAe"}

package/lib/module/utils/accessibility.js

@@ -0,0 +1,10 @@
+import { pipe } from "fp-ts/lib/function";
+import * as O from "fp-ts/lib/Option";
+import I18n from "i18n-js";
+
+/**
+ * This function is used to get the text that will be read by the screen reader
+ * with the correct minus symbol pronunciation.
+ */
+export const getAccessibleAmountText = amount => pipe(amount, O.fromNullable, O.map(amount => amount.replace("-", I18n.t("global.accessibility.minusSymbol"))), O.getOrElseW(() => undefined));
+//# sourceMappingURL=accessibility.js.map

package/lib/module/utils/accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pipe","O","I18n","getAccessibleAmountText","amount","fromNullable","map","replace","t","getOrElseW","undefined"],"sourceRoot":"../../../src","sources":["utils/accessibility.ts"],"mappings":"AAAA,SAASA,IAAI,QAAQ,oBAAoB;AACzC,OAAO,KAAKC,CAAC,MAAM,kBAAkB;AACrC,OAAOC,IAAI,MAAM,SAAS;;AAE1B;AACA;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAIC,MAAe,IACrDJ,IAAI,CACFI,MAAM,EACNH,CAAC,CAACI,YAAY,EACdJ,CAAC,CAACK,GAAG,CAACF,MAAM,IACVA,MAAM,CAACG,OAAO,CAAC,GAAG,EAAEL,IAAI,CAACM,CAAC,CAAC,kCAAkC,CAAC,CAChE,CAAC,EACDP,CAAC,CAACQ,UAAU,CAAC,MAAMC,SAAS,CAC9B,CAAC"}

package/lib/module/utils/object.js

@@ -0,0 +1,7 @@
+import * as A from "fp-ts/Array";
+import { pipe } from "fp-ts/lib/function";
+export const findFirstCaseInsensitive = obj => key => pipe(obj, Object.entries, A.findFirst(_ref => {
+  let [k, _] = _ref;
+  return k.toLowerCase() === key.toLowerCase();
+}));
+//# sourceMappingURL=object.js.map

package/lib/module/utils/object.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["A","pipe","findFirstCaseInsensitive","obj","key","Object","entries","findFirst","_ref","k","_","toLowerCase"],"sourceRoot":"../../../src","sources":["utils/object.ts"],"mappings":"AAAA,OAAO,KAAKA,CAAC,MAAM,aAAa;AAEhC,SAASC,IAAI,QAAQ,oBAAoB;AAEzC,OAAO,MAAMC,wBAAwB,GAC/BC,GAAyB,IAC5BC,GAAW,IACVH,IAAI,CACFE,GAAG,EACHE,MAAM,CAACC,OAAO,EACdN,CAAC,CAACO,SAAS,CAACC,IAAA;EAAA,IAAC,CAACC,CAAC,EAAEC,CAAC,CAAC,GAAAF,IAAA;EAAA,OAAKC,CAAC,CAACE,WAAW,CAAC,CAAC,KAAKP,GAAG,CAACO,WAAW,CAAC,CAAC;AAAA,EAC/D,CAAC"}

package/lib/module/utils/textInput/index.js

@@ -0,0 +1,17 @@
+export const getInputPropsByType = type => {
+  switch (type) {
+    case "credit-card":
+      return {
+        valueFormat: v => v.replace(/\D/g, "").replace(/\d{4}?(?=.)/g, "$& "),
+        textInputProps: {
+          autoComplete: "cc-number",
+          keyboardType: "numeric",
+          textContentType: "creditCardNumber",
+          inputMode: "numeric"
+        }
+      };
+    default:
+      return undefined;
+  }
+};
+//# sourceMappingURL=index.js.map

package/lib/module/utils/textInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","undefined"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":"AAWA,OAAO,MAAMA,mBAAmB,GAC9BC,IAAe,IACY;EAC3B,QAAQA,IAAI;IACV,KAAK,aAAa;MAChB,OAAO;QACLC,WAAW,EAAEC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC;QACrEC,cAAc,EAAE;UACdC,YAAY,EAAE,WAAW;UACzBC,YAAY,EAAE,SAAS;UACvBC,eAAe,EAAE,kBAAkB;UACnCC,SAAS,EAAE;QACb;MACF,CAAC;IACH;MACE,OAAOC,SAAS;EACpB;AACF,CAAC"}

package/lib/module/utils/url.js

@@ -0,0 +1,7 @@
+/**
+ * type guard to check if a value is an ImageURISource
+ * @argument value the value to check, can be anything
+ * @returns boolean
+ */
+export const isImageUri = value => typeof value === "object" && value !== null && "uri" in value;
+//# sourceMappingURL=url.js.map

package/lib/module/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isImageUri","value"],"sourceRoot":"../../../src","sources":["utils/url.ts"],"mappings":"AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,UAAU,GAAIC,KAAc,IACvC,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,IAAI,KAAK,IAAIA,KAAK"}

package/lib/typescript/components/accordion/AccordionItem.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type AccordionItem = {
+    id: number;
+    title: string;
+    body: string | React.ReactNode;
+};
+type AccordionBody = {
+    children: React.ReactNode;
+    expanded: boolean;
+};
+export declare const AccordionBody: ({ children, expanded }: AccordionBody) => React.JSX.Element;
+export declare const AccordionItem: ({ title, body }: AccordionItem) => React.JSX.Element;
+export {};
+//# sourceMappingURL=AccordionItem.d.ts.map

package/lib/typescript/components/accordion/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAoBxC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAUF,eAAO,MAAM,aAAa,2BAA4B,aAAa,sBA6BlE,CAAC;AAEF,eAAO,MAAM,aAAa,oBAAqB,aAAa,sBAgE3D,CAAC"}

package/lib/typescript/components/accordion/index.d.ts

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

package/lib/typescript/components/accordion/index.d.ts.map

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

package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { IOColors } from "../../core";
+import { IOIconSizeScale } from "../icons";
+import { IOLogoPaymentExtType } from "../logos";
+export type LogoPaymentWithFallback = {
+    brand?: string;
+    fallbackIconColor?: IOColors;
+    size?: IOIconSizeScale;
+    isExtended?: boolean;
+};
+export type LogoPaymentExtOrDefaultIconProps = {
+    cardIcon?: IOLogoPaymentExtType;
+    fallbackIconColor?: IOColors;
+    size?: IOIconSizeScale;
+};
+/**
+ * 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 declare const LogoPaymentWithFallback: ({ brand, fallbackIconColor, isExtended, size }: LogoPaymentWithFallback) => React.JSX.Element;
+//# sourceMappingURL=LogoPaymentWithFallback.d.ts.map

package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoPaymentWithFallback.d.ts","sourceRoot":"","sources":["../../../../src/components/common/LogoPaymentWithFallback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAQ,MAAM,UAAU,CAAC;AACjD,OAAO,EACL,oBAAoB,EAMrB,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AACF;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,mDAKjC,uBAAuB,sBAkBzB,CAAC"}

package/lib/typescript/components/index.d.ts

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

package/lib/typescript/components/index.d.ts.map

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

package/lib/typescript/components/listitems/ListItemTransaction.d.ts

@@ -3,20 +3,28 @@ import { ImageURISource } from "react-native";
 import { WithTestID } from "../../utils/types";
 import { IOLogoPaymentType } from "../logos";
 import { PressableBaseProps } from "./PressableListItemsBase";
-type LogoNameOrUri = IOLogoPaymentType | ImageURISource;
+export type ListItemTransactionStatus = "success" | "failure" | "pending" | "cancelled" | "refunded" | "reversal";
+type PaymentLogoIcon = IOLogoPaymentType | ImageURISource | React.ReactNode;
 export type ListItemTransaction = WithTestID<PressableBaseProps & {
     hasChevronRight?: boolean;
     isLoading?: boolean;
-    paymentLogoOrUrl?: LogoNameOrUri;
+    /**
+     * A logo that will be displayed on the left of the list item.
+     *
+     * Must be a {@link IOLogoPaymentType} or an {@link ImageURISource} or an {@link Icon}.
+     */
+    paymentLogoIcon?: PaymentLogoIcon;
     subtitle: string;
     title: string;
 } & ({
-    transactionStatus: "success";
+    transactionStatus: "success" | "refunded";
+    badgeText?: string;
     transactionAmount: string;
 } | {
-    transactionStatus: "failure" | "pending";
+    transactionStatus: "failure" | "pending" | "cancelled" | "reversal";
+    badgeText: string;
     transactionAmount?: string;
 })>;
-export declare const ListItemTransaction: ({ accessibilityLabel, hasChevronRight, isLoading, paymentLogoOrUrl, onPress, subtitle, testID, title, transactionAmount, transactionStatus }: ListItemTransaction) => React.JSX.Element;
+export declare const ListItemTransaction: ({ accessibilityLabel, hasChevronRight, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transactionAmount, badgeText, transactionStatus }: ListItemTransaction) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ListItemTransaction.d.ts.map

package/lib/typescript/components/listitems/ListItemTransaction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAoB,MAAM,cAAc,CAAC;AAUhE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAG1D,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,KAAK,aAAa,GAAG,iBAAiB,GAAG,cAAc,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CACE;IACE,iBAAiB,EAAE,SAAS,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,iBAAiB,EAAE,SAAS,GAAG,SAAS,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CACJ,CAAC;AA8BF,eAAO,MAAM,mBAAmB,iJAW7B,mBAAmB,sBAgFrB,CAAC"}
+{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAoB,MAAM,cAAc,CAAC;AAehE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG,iBAAiB,GAAG,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CACE;IACE,iBAAiB,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACpE,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,2JAY7B,mBAAmB,sBA2GrB,CAAC"}

package/lib/typescript/components/textInput/TextInput.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+type TextInputProps = Omit<React.ComponentProps<typeof TextInputBase>, "rightElement" | "status" | "bottomMessageColor" | "isPassword" | "errorMessage">;
+export declare const TextInput: (props: TextInputProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

package/lib/typescript/components/textInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EACxC,cAAc,GACd,QAAQ,GACR,oBAAoB,GACpB,YAAY,GACZ,cAAc,CACjB,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,cAAc,sBAE9C,CAAC"}

package/lib/typescript/components/textInput/TextInputBase.d.ts

@@ -0,0 +1,28 @@
+import { TextInput } from "react-native";
+import React from "react";
+import { IOColors } from "../../core";
+import { IOIcons } from "../icons";
+import { InputType } from "../../utils/types";
+type InputStatus = "initial" | "focused" | "disabled" | "error";
+type RNTextInputProps = Pick<React.ComponentProps<typeof TextInput>, "keyboardType" | "inputMode" | "textContentType" | "autoComplete">;
+type InputTextProps = {
+    placeholder: string;
+    value: string;
+    onChangeText: (value: string) => void;
+    accessibilityLabel?: string;
+    textInputProps?: RNTextInputProps;
+    inputTyoe?: InputType;
+    status?: InputStatus;
+    icon?: IOIcons;
+    rightElement?: React.ReactNode;
+    counterLimit?: number;
+    bottomMessage?: string;
+    bottomMessageColor?: IOColors;
+    disabled?: boolean;
+    isPassword?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+};
+export declare const TextInputBase: ({ disabled, placeholder, value, onChangeText, accessibilityLabel, textInputProps, inputTyoe, status, icon, rightElement, counterLimit, bottomMessage, bottomMessageColor, onBlur, onFocus, isPassword }: InputTextProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=TextInputBase.d.ts.map

package/lib/typescript/components/textInput/TextInputBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputBase.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAGV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,QAAQ,EAA4B,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,cAAc,GAAG,WAAW,GAAG,iBAAiB,GAAG,cAAc,CAClE,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAwFF,eAAO,MAAM,aAAa,4MAiBvB,cAAc,sBA+KhB,CAAC"}

package/lib/typescript/components/textInput/TextInputPassword.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+type TextInputPasswordProps = Omit<React.ComponentProps<typeof TextInputBase>, "isPassword">;
+export declare const TextInputPassword: (props: TextInputPasswordProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=TextInputPassword.d.ts.map

package/lib/typescript/components/textInput/TextInputPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,sBAAsB,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBA0B9D,CAAC"}

package/lib/typescript/components/textInput/TextInputValidation.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+type TextInputValidationProps = Omit<React.ComponentProps<typeof TextInputBase>, "rightElement" | "status" | "bottomMessageColor" | "isPassword"> & {
+    onValidate: (value: string) => boolean;
+    errorMessage?: string;
+};
+export declare const TextInputValidation: (props: TextInputValidationProps) => React.JSX.Element;
+export default TextInputValidation;
+//# sourceMappingURL=TextInputValidation.d.ts.map