@pagopa/io-app-design-system 5.1.0 → 5.1.1

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

@@ -17,6 +17,18 @@ const getInputPropsByType = type => {
           returnKeyType: "done"
         }
       };
+    case "iban":
+      return {
+        valueFormat: v => v.replace(/\s/g, "").replace(/.{4}/g, "$& ").trim(),
+        textInputProps: {
+          autoComplete: "off",
+          keyboardType: "default",
+          textContentType: "none",
+          inputMode: "text",
+          returnKeyType: "done",
+          autoCapitalize: "characters"
+        }
+      };
     default:
       return undefined;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","returnKeyType","undefined","exports"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":";;;;;;AAyBO,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,SAAS;UACpBC,aAAa,EAAE;QACjB;MACF,CAAC;IACH;MACE,OAAOC,SAAS;EACpB;AACF,CAAC;AAACC,OAAA,CAAAZ,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","returnKeyType","trim","autoCapitalize","undefined","exports"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":";;;;;;AAyBO,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,SAAS;UACpBC,aAAa,EAAE;QACjB;MACF,CAAC;IACH,KAAK,MAAM;MACT,OAAO;QACLR,WAAW,EAAEC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAACO,IAAI,CAAC,CAAC;QACrEN,cAAc,EAAE;UACdC,YAAY,EAAE,KAAK;UACnBC,YAAY,EAAE,SAAS;UACvBC,eAAe,EAAE,MAAM;UACvBC,SAAS,EAAE,MAAM;UACjBC,aAAa,EAAE,MAAM;UACrBE,cAAc,EAAE;QAClB;MACF,CAAC;IACH;MACE,OAAOC,SAAS;EACpB;AACF,CAAC;AAACC,OAAA,CAAAd,mBAAA,GAAAA,mBAAA"}

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

@@ -11,6 +11,18 @@ export const getInputPropsByType = type => {
           returnKeyType: "done"
         }
       };
+    case "iban":
+      return {
+        valueFormat: v => v.replace(/\s/g, "").replace(/.{4}/g, "$& ").trim(),
+        textInputProps: {
+          autoComplete: "off",
+          keyboardType: "default",
+          textContentType: "none",
+          inputMode: "text",
+          returnKeyType: "done",
+          autoCapitalize: "characters"
+        }
+      };
     default:
       return undefined;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","returnKeyType","undefined"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":"AAyBA,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,SAAS;UACpBC,aAAa,EAAE;QACjB;MACF,CAAC;IACH;MACE,OAAOC,SAAS;EACpB;AACF,CAAC"}
+{"version":3,"names":["getInputPropsByType","type","valueFormat","v","replace","textInputProps","autoComplete","keyboardType","textContentType","inputMode","returnKeyType","trim","autoCapitalize","undefined"],"sourceRoot":"../../../../src","sources":["utils/textInput/index.ts"],"mappings":"AAyBA,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,SAAS;UACpBC,aAAa,EAAE;QACjB;MACF,CAAC;IACH,KAAK,MAAM;MACT,OAAO;QACLR,WAAW,EAAEC,CAAC,IAAIA,CAAC,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAACO,IAAI,CAAC,CAAC;QACrEN,cAAc,EAAE;UACdC,YAAY,EAAE,KAAK;UACnBC,YAAY,EAAE,SAAS;UACvBC,eAAe,EAAE,MAAM;UACvBC,SAAS,EAAE,MAAM;UACjBC,aAAa,EAAE,MAAM;UACrBE,cAAc,EAAE;QAClB;MACF,CAAC;IACH;MACE,OAAOC,SAAS;EACpB;AACF,CAAC"}

package/lib/typescript/utils/textInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/textInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,sBAAsB,CACzB,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,gBAAgB,CACjB,GAAG;IACF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,SAAS,KACd,UAAU,GAAG,SAgBf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/textInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,EACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,sBAAsB,CACzB,CAAC;AAEF,KAAK,UAAU,GAAG,IAAI,CACpB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,gBAAgB,CACjB,GAAG;IACF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,SAAS,KACd,UAAU,GAAG,SA4Bf,CAAC"}

package/lib/typescript/utils/types.d.ts

@@ -25,7 +25,7 @@ type Without<T, U> = {
  * Ensure that the types T and U are mutually exclusive
  */
 export type XOR<T, U> = T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
-export type InputType = "credit-card" | "default";
+export type InputType = "credit-card" | "iban" | "default";
 export type BiometricsValidType = "BIOMETRICS" | "FACE_ID" | "TOUCH_ID";
 /**
  * Returns a type with the desired type or null

package/lib/typescript/utils/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AAGvC,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,GAAG,KAAK,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAExD;;GAEG;AACH,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI;KAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK;CAAE,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,MAAM,GACxC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GACzC,CAAC,GAAG,CAAC,CAAC;AAEV,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;AAIlD,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;AAGxC,MAAM,MAAM,2BAA2B,GAAG;IAAE,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/utils/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,MAAM,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzC,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;AAGvC,MAAM,MAAM,KAAK,GAAG;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,gBAAgB,GAAG,KAAK,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAExD;;GAEG;AACH,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC,IAAI;KAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK;CAAE,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,MAAM,GACxC,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GACzC,CAAC,GAAG,CAAC,CAAC;AAEV,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,SAAS,CAAC;AAI3D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC;AAExC,MAAM,MAAM,2BAA2B,GAAG;IAAE,aAAa,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/utils/textInput/index.ts

@@ -38,6 +38,18 @@ export const getInputPropsByType = (
           returnKeyType: "done"
         }
       };
+    case "iban":
+      return {
+        valueFormat: v => v.replace(/\s/g, "").replace(/.{4}/g, "$& ").trim(),
+        textInputProps: {
+          autoComplete: "off",
+          keyboardType: "default",
+          textContentType: "none",
+          inputMode: "text",
+          returnKeyType: "done",
+          autoCapitalize: "characters"
+        }
+      };
     default:
       return undefined;
   }

package/src/utils/types.ts

@@ -29,7 +29,7 @@ export type XOR<T, U> = T | U extends object
   ? (Without<T, U> & U) | (Without<U, T> & T)
   : T | U;
 
-export type InputType = "credit-card" | "default";
+export type InputType = "credit-card" | "iban" | "default";
 
 // Biometrics type used in io-app code base
 // https://github.com/pagopa/io-app/blob/master/ts/utils/biometrics.ts#L31
@@ -45,5 +45,4 @@ export type Nullable<T> = T | null;
  */
 export type Optional<T> = T | undefined;
 
-
-export type TextInputValidationRefProps = { validateInput: () => void };
+export type TextInputValidationRefProps = { validateInput: () => void };