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

package/lib/module/components/numberpad/NumberButton.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useMemo } from "react";
+import React, { memo, useCallback, useMemo } from "react";
 import { Pressable } from "react-native";
 import Animated, { Extrapolate, interpolate, interpolateColor, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from "react-native-reanimated";
 import { IOColors, IONumberPadButtonStyles, IOScaleValues, IOSpringValues, hexToRgba, useIOExperimentalDesign } from "../../core";
@@ -27,7 +27,12 @@ const legacyColorMap = {
     foreground: "white"
   }
 };
-export const NumberButton = _ref => {
+/**
+ * Based on a `Pressable` element, it displays a number button with animations on press In and Out.
+ * 
+ * @returns {JSX.Element} The rendered `NumberButton`
+ */
+export const NumberButton = /*#__PURE__*/memo(_ref => {
   var _IOScaleValues$basicB;
   let {
     number,
@@ -66,16 +71,19 @@ export const NumberButton = _ref => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 0;
   }, [isPressed]);
+  const handleOnPress = useCallback(() => {
+    onPress(number);
+  }, [number, onPress]);
   return /*#__PURE__*/React.createElement(Pressable, {
     accessible: true,
     accessibilityRole: "button",
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    onPress: () => onPress(number)
+    onPress: handleOnPress
   }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
   }, /*#__PURE__*/React.createElement(H3, {
     color: colors.foreground
   }, number)));
-};
+});
 //# sourceMappingURL=NumberButton.js.map

package/lib/module/components/numberpad/NumberButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IONumberPadButtonStyles","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","_ref","_IOScaleValues$basicB","number","variant","onPress","isExperimental","colors","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","backgroundColor","transform","onPressIn","onPressOut","createElement","accessible","accessibilityRole","View","style","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
+{"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","Extrapolate","interpolate","interpolateColor","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IONumberPadButtonStyles","IOScaleValues","IOSpringValues","hexToRgba","useIOExperimentalDesign","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","_ref","_IOScaleValues$basicB","number","variant","onPress","isExperimental","colors","isPressed","animationScaleValue","basicButton","pressedState","progressPressed","value","button","pressedAnimationStyle","bgColor","scale","CLAMP","backgroundColor","transform","onPressIn","onPressOut","handleOnPress","createElement","accessible","accessibilityRole","View","style","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}

package/lib/module/components/numberpad/NumberPad.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { View } from "react-native";
+import React, { Fragment, useCallback, useMemo } from "react";
+import { StyleSheet, View } from "react-native";
 import { IONumberPadButtonStyles, IOStyles } from "../../core";
 import { VSpacer } from "../spacer";
 import { IconButton } from "../buttons";
@@ -18,54 +18,40 @@ const mapIconSpecByBiometric = {
     size: 24
   }
 };
-const ButtonWrapper = _ref => {
+
+/**
+ * This component displays a custom numeric keyboard. 
+ * 
+ * It accepts an optional `biometricType` prop which enables an extra keyboard button that accepts a `onBiometricPress` prop used to handle the action to be executed when it's pressed.
+ * @returns {JSX.Element} The rendered numeric keyboard component.
+ */
+export const NumberPad = _ref => {
   let {
-    children
-  } = _ref;
-  return /*#__PURE__*/React.createElement(View, {
-    style: [IONumberPadButtonStyles.buttonSize, IOStyles.alignCenter, IOStyles.centerJustified]
-  }, children);
-};
-export const NumberPad = _ref2 => {
-  let {
-    value,
     variant = "dark",
-    onValueChange,
     biometricType,
-    onBiometricPress,
     biometricAccessibilityLabel,
-    deleteAccessibilityLabel
-  } = _ref2;
-  const numberPadPress = number => {
-    const newValue = `${value}${number}`;
-    onValueChange(newValue);
-  };
-  const onDeletePress = () => {
-    const newValue = value.slice(0, -1);
-    onValueChange(newValue);
-  };
-  const RowButtons = _ref3 => {
-    let {
-      buttons
-    } = _ref3;
-    return /*#__PURE__*/React.createElement(View, {
-      style: [IOStyles.rowSpaceBetween, {
-        justifyContent: "space-between",
-        alignItems: "center",
-        flexGrow: 1
-      }]
-    }, buttons.map(elem => {
-      if (typeof elem === "number") {
+    deleteAccessibilityLabel,
+    onNumberPress,
+    onBiometricPress,
+    onDeletePress
+  } = _ref;
+  /** 
+   * Renders the buttons row from a given array.
+  */
+  // eslint-disable-next-line arrow-body-style
+  const renderButtonsRow = useCallback(row => {
+    return row.map(item => {
+      if (typeof item === "number") {
         return /*#__PURE__*/React.createElement(NumberButton, {
-          key: elem,
-          number: elem,
-          onPress: numberPadPress,
+          key: item,
+          number: item,
+          onPress: onNumberPress,
           variant: variant
         });
       }
-      if (elem === "delete") {
+      if (item === "delete") {
         return /*#__PURE__*/React.createElement(ButtonWrapper, {
-          key: elem
+          key: item
         }, /*#__PURE__*/React.createElement(IconButton, {
           icon: "cancel",
           color: variant === "dark" ? "contrast" : "primary",
@@ -73,30 +59,49 @@ export const NumberPad = _ref2 => {
           accessibilityLabel: deleteAccessibilityLabel
         }));
       }
-      return biometricType ? /*#__PURE__*/React.createElement(ButtonWrapper, {
-        key: elem
-      }, /*#__PURE__*/React.createElement(IconButton, {
-        icon: mapIconSpecByBiometric[biometricType].icon,
-        iconSize: mapIconSpecByBiometric[biometricType].size,
-        color: variant === "dark" ? "contrast" : "primary",
-        onPress: onBiometricPress,
-        accessibilityLabel: biometricAccessibilityLabel
-      })) : /*#__PURE__*/React.createElement(View, {
+      if (biometricType && mapIconSpecByBiometric[biometricType]) {
+        return /*#__PURE__*/React.createElement(ButtonWrapper, {
+          key: item
+        }, /*#__PURE__*/React.createElement(IconButton, {
+          icon: mapIconSpecByBiometric[biometricType].icon,
+          iconSize: mapIconSpecByBiometric[biometricType].size,
+          color: variant === "dark" ? "contrast" : "primary",
+          onPress: onBiometricPress,
+          accessibilityLabel: biometricAccessibilityLabel
+        }));
+      }
+      return /*#__PURE__*/React.createElement(View, {
         key: "emptyElem",
         style: IONumberPadButtonStyles.buttonSize
       });
-    }));
-  };
+    });
+  }, [biometricAccessibilityLabel, biometricType, deleteAccessibilityLabel, onBiometricPress, onDeletePress, onNumberPress, variant]);
+
+  // eslint-disable-next-line arrow-body-style
+  const numberPad = useMemo(() => {
+    return [[1, 2, 3], [4, 5, 6], [7, 8, 9], [biometricType, 0, 'delete']].map((row, i, self) => /*#__PURE__*/React.createElement(Fragment, {
+      key: i
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [IOStyles.rowSpaceBetween, styles.numberPad]
+    }, renderButtonsRow(row)), i < self.length - 1 && /*#__PURE__*/React.createElement(VSpacer, null)));
+  }, [biometricType, renderButtonsRow]);
   return /*#__PURE__*/React.createElement(View, {
     style: IOStyles.horizontalContentPadding
-  }, /*#__PURE__*/React.createElement(RowButtons, {
-    buttons: [1, 2, 3]
-  }), /*#__PURE__*/React.createElement(VSpacer, null), /*#__PURE__*/React.createElement(RowButtons, {
-    buttons: [4, 5, 6]
-  }), /*#__PURE__*/React.createElement(VSpacer, null), /*#__PURE__*/React.createElement(RowButtons, {
-    buttons: [7, 8, 9]
-  }), /*#__PURE__*/React.createElement(VSpacer, null), /*#__PURE__*/React.createElement(RowButtons, {
-    buttons: ["biometric", 0, "delete"]
-  }));
+  }, numberPad);
+};
+const ButtonWrapper = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [IONumberPadButtonStyles.buttonSize, IOStyles.alignCenter, IOStyles.centerJustified]
+  }, children);
 };
+const styles = StyleSheet.create({
+  numberPad: {
+    justifyContent: "space-between",
+    alignItems: "center",
+    flexGrow: 1
+  }
+});
 //# sourceMappingURL=NumberPad.js.map

package/lib/module/components/numberpad/NumberPad.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","IONumberPadButtonStyles","IOStyles","VSpacer","IconButton","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","ButtonWrapper","_ref","children","createElement","style","buttonSize","alignCenter","centerJustified","NumberPad","_ref2","value","variant","onValueChange","biometricType","onBiometricPress","biometricAccessibilityLabel","deleteAccessibilityLabel","numberPadPress","number","newValue","onDeletePress","slice","RowButtons","_ref3","buttons","rowSpaceBetween","justifyContent","alignItems","flexGrow","map","elem","key","onPress","color","accessibilityLabel","iconSize","horizontalContentPadding"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Fragment","useCallback","useMemo","StyleSheet","View","IONumberPadButtonStyles","IOStyles","VSpacer","IconButton","NumberButton","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","_ref","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","row","map","item","createElement","key","number","onPress","ButtonWrapper","color","accessibilityLabel","iconSize","style","buttonSize","numberPad","i","self","rowSpaceBetween","styles","length","horizontalContentPadding","_ref2","children","alignCenter","centerJustified","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,QAAQ,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC7E,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,uBAAuB,EAAEC,QAAQ,QAAQ,YAAY;AAC9D,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,UAAU,QAAQ,YAAY;AAEvC,SAASC,YAAY,QAAQ,gBAAgB;AAiD7C,MAAMC,sBAGL,GAAG;EACFC,OAAO,EAAE;IAAEC,IAAI,EAAE,YAAY;IAAEC,IAAI,EAAE;EAAG,CAAC;EACzCC,QAAQ,EAAE;IAAEF,IAAI,EAAE,aAAa;IAAEC,IAAI,EAAE;EAAG,CAAC;EAC3CE,UAAU,EAAE;IAAEH,IAAI,EAAE,aAAa;IAAEC,IAAI,EAAE;EAAG;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,SAAS,GAAGC,IAAA,IAQU;EAAA,IART;IACxBC,OAAO,GAAG,MAAM;IAChBC,aAAa;IACbC,2BAA2B;IAC3BC,wBAAwB;IACxBC,aAAa;IACbC,gBAAgB;IAChBC;EACc,CAAC,GAAAP,IAAA;EACf;AACF;AACA;EACE;EACA,MAAMQ,gBAAgB,GAAGxB,WAAW,CAAEyB,GAAqC,IAAK;IAC9E,OAAOA,GAAG,CAACC,GAAG,CAAEC,IAAI,IAAK;MACvB,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;QAC5B,oBACE7B,KAAA,CAAA8B,aAAA,CAACpB,YAAY;UACXqB,GAAG,EAAEF,IAAK;UACVG,MAAM,EAAEH,IAAK;UACbI,OAAO,EAAEV,aAAc;UACvBJ,OAAO,EAAEA;QAAQ,CAClB,CAAC;MAEN;MAEA,IAAIU,IAAI,KAAK,QAAQ,EAAE;QACrB,oBACE7B,KAAA,CAAA8B,aAAA,CAACI,aAAa;UAACH,GAAG,EAAEF;QAAK,gBACvB7B,KAAA,CAAA8B,aAAA,CAACrB,UAAU;UACTI,IAAI,EAAC,QAAQ;UACbsB,KAAK,EAAEhB,OAAO,KAAK,MAAM,GAAG,UAAU,GAAG,SAAU;UACnDc,OAAO,EAAER,aAAc;UACvBW,kBAAkB,EAAEd;QAAyB,CAC9C,CACY,CAAC;MAEpB;MACA,IAAIF,aAAa,IAAIT,sBAAsB,CAACS,aAAa,CAAC,EAAE;QAC1D,oBACEpB,KAAA,CAAA8B,aAAA,CAACI,aAAa;UAACH,GAAG,EAAEF;QAAK,gBACvB7B,KAAA,CAAA8B,aAAA,CAACrB,UAAU;UACTI,IAAI,EAAEF,sBAAsB,CAACS,aAAa,CAAC,CAACP,IAAK;UACjDwB,QAAQ,EAAE1B,sBAAsB,CAACS,aAAa,CAAC,CAACN,IAAK;UACrDqB,KAAK,EAAEhB,OAAO,KAAK,MAAM,GAAG,UAAU,GAAG,SAAU;UACnDc,OAAO,EAAET,gBAAiB;UAC1BY,kBAAkB,EAAEf;QAA4B,CACjD,CACY,CAAC;MAEpB;MAEA,oBAAOrB,KAAA,CAAA8B,aAAA,CAACzB,IAAI;QAAC0B,GAAG,EAAE,WAAY;QAACO,KAAK,EAAEhC,uBAAuB,CAACiC;MAAW,CAAE,CAAC;IAC9E,CAAC,CAAC;EACJ,CAAC,EAAE,CAAClB,2BAA2B,EAAED,aAAa,EAAEE,wBAAwB,EAAEE,gBAAgB,EAAEC,aAAa,EAAEF,aAAa,EAAEJ,OAAO,CAAC,CAAC;;EAEnI;EACA,MAAMqB,SAAS,GAAGrC,OAAO,CAAC,MAAM;IAC9B,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAACiB,aAAa,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAACQ,GAAG,CAAC,CAACD,GAAG,EAAEc,CAAC,EAAEC,IAAI,kBACtF1C,KAAA,CAAA8B,aAAA,CAAC7B,QAAQ;MAAC8B,GAAG,EAAEU;IAAE,gBACfzC,KAAA,CAAA8B,aAAA,CAACzB,IAAI;MACHiC,KAAK,EAAE,CACL/B,QAAQ,CAACoC,eAAe,EACxBC,MAAM,CAACJ,SAAS;IAChB,GAEDd,gBAAgB,CAACC,GAAG,CACjB,CAAC,EACNc,CAAC,GAAGC,IAAI,CAACG,MAAM,GAAG,CAAC,iBAAI7C,KAAA,CAAA8B,aAAA,CAACtB,OAAO,MAAE,CAC1B,CACZ,CAAC;EACH,CAAC,EAAE,CAACY,aAAa,EAAEM,gBAAgB,CAAC,CAAC;EAErC,oBACE1B,KAAA,CAAA8B,aAAA,CAACzB,IAAI;IAACiC,KAAK,EAAE/B,QAAQ,CAACuC;EAAyB,GAC5CN,SACG,CAAC;AAEX,CAAC;AAED,MAAMN,aAAa,GAAGa,KAAA;EAAA,IAAC;IAAEC;EAAwC,CAAC,GAAAD,KAAA;EAAA,oBAChE/C,KAAA,CAAA8B,aAAA,CAACzB,IAAI;IACHiC,KAAK,EAAE,CACLhC,uBAAuB,CAACiC,UAAU,EAClChC,QAAQ,CAAC0C,WAAW,EACpB1C,QAAQ,CAAC2C,eAAe;EACxB,GAEDF,QACG,CAAC;AAAA,CACR;AAED,MAAMJ,MAAM,GAAGxC,UAAU,CAAC+C,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}

package/lib/module/components/numberpad/__test__/NumberPad.test.js

@@ -0,0 +1,73 @@
+import { fireEvent, render } from '@testing-library/react-native';
+import React from 'react';
+import { NumberPad } from '../NumberPad';
+const mockOnDelete = jest.fn();
+const mockOnNumberPress = jest.fn();
+const mockOnBiometricPress = jest.fn();
+describe(NumberPad, () => {
+  afterEach(() => {
+    jest.clearAllMocks();
+    jest.restoreAllMocks();
+  });
+  it('Should match the snapshot', () => {
+    const component = renderNumberPad();
+    expect(component).toMatchSnapshot();
+  });
+  it('Should properly call onNumberPress without side effects', () => {
+    const {
+      getByText
+    } = renderNumberPad();
+    const one = getByText('1');
+    const nine = getByText('9');
+    const reactCreatElement = jest.spyOn(React, 'createElement');
+
+    // Press one
+    fireEvent.press(one);
+    expect(mockOnNumberPress).toHaveBeenCalledTimes(1);
+    expect(mockOnNumberPress).toHaveBeenCalledWith(1);
+    mockOnNumberPress.mockClear();
+
+    // Press nine
+    fireEvent.press(nine);
+    expect(mockOnNumberPress).toHaveBeenCalledTimes(1);
+    expect(mockOnNumberPress).toHaveBeenCalledWith(9);
+    expect(reactCreatElement).not.toHaveBeenCalled();
+    expect(mockOnDelete).not.toHaveBeenCalled();
+    expect(mockOnBiometricPress).not.toHaveBeenCalled();
+  });
+  it('Should properly call onDeletePress without side effects', () => {
+    const {
+      getByLabelText
+    } = renderNumberPad();
+    const deleteButton = getByLabelText('delete');
+    const reactCreatElement = jest.spyOn(React, 'createElement');
+    fireEvent.press(deleteButton);
+    expect(mockOnDelete).toHaveBeenCalledTimes(1);
+    expect(reactCreatElement).not.toHaveBeenCalled();
+    expect(mockOnNumberPress).not.toHaveBeenCalled();
+    expect(mockOnBiometricPress).not.toHaveBeenCalled();
+  });
+  it('Should properly call onBiometricPress without side effects', () => {
+    const {
+      getByLabelText
+    } = renderNumberPad();
+    const biometricButton = getByLabelText('touch id trigger');
+    const reactCreatElement = jest.spyOn(React, 'createElement');
+    fireEvent.press(biometricButton);
+    expect(mockOnBiometricPress).toHaveBeenCalledTimes(1);
+    expect(reactCreatElement).not.toHaveBeenCalled();
+    expect(mockOnNumberPress).not.toHaveBeenCalled();
+    expect(mockOnDelete).not.toHaveBeenCalled();
+  });
+});
+function renderNumberPad() {
+  return render( /*#__PURE__*/React.createElement(NumberPad, {
+    onDeletePress: mockOnDelete,
+    onNumberPress: mockOnNumberPress,
+    deleteAccessibilityLabel: "delete",
+    biometricType: "TOUCH_ID",
+    biometricAccessibilityLabel: "touch id trigger",
+    onBiometricPress: mockOnBiometricPress
+  }));
+}
+//# sourceMappingURL=NumberPad.test.js.map

package/lib/module/components/numberpad/__test__/NumberPad.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fireEvent","render","React","NumberPad","mockOnDelete","jest","fn","mockOnNumberPress","mockOnBiometricPress","describe","afterEach","clearAllMocks","restoreAllMocks","it","component","renderNumberPad","expect","toMatchSnapshot","getByText","one","nine","reactCreatElement","spyOn","press","toHaveBeenCalledTimes","toHaveBeenCalledWith","mockClear","not","toHaveBeenCalled","getByLabelText","deleteButton","biometricButton","createElement","onDeletePress","onNumberPress","deleteAccessibilityLabel","biometricType","biometricAccessibilityLabel","onBiometricPress"],"sourceRoot":"../../../../../src","sources":["components/numberpad/__test__/NumberPad.test.tsx"],"mappings":"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"}