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

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

@@ -35,7 +35,12 @@ const legacyColorMap = {
     foreground: "white"
   }
 };
-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`
+ */
+const NumberButton = /*#__PURE__*/(0, _react.memo)(_ref => {
   var _IOScaleValues$basicB;
   let {
     number,
@@ -74,17 +79,20 @@ const NumberButton = _ref => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 0;
   }, [isPressed]);
+  const handleOnPress = (0, _react.useCallback)(() => {
+    onPress(number);
+  }, [number, onPress]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     accessible: true,
     accessibilityRole: "button",
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    onPress: () => onPress(number)
+    onPress: handleOnPress
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: [_core.IONumberPadButtonStyles.button, _core.IONumberPadButtonStyles.circularShape, _core.IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
   }, /*#__PURE__*/_react.default.createElement(_typography.H3, {
     color: colors.foreground
   }, number)));
-};
+});
 exports.NumberButton = NumberButton;
 //# sourceMappingURL=NumberButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","_ref","_IOScaleValues$basicB","number","variant","onPress","isExperimental","useIOExperimentalDesign","colors","useMemo","isPressed","useSharedValue","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","bgColor","interpolateColor","scale","interpolate","Extrapolate","CLAMP","backgroundColor","transform","onPressIn","useCallback","onPressOut","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","circularShape","buttonSize","H3","color","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","memo","_ref","_IOScaleValues$basicB","number","variant","onPress","isExperimental","useIOExperimentalDesign","colors","useMemo","isPressed","useSharedValue","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","bgColor","interpolateColor","scale","interpolate","Extrapolate","CLAMP","backgroundColor","transform","onPressIn","useCallback","onPressOut","handleOnPress","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","circularShape","buttonSize","H3","color","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}

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

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NumberPad = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _core = require("../../core");
 var _spacer = require("../spacer");
 var _buttons = require("../buttons");
 var _NumberButton = require("./NumberButton");
-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; }
 const mapIconSpecByBiometric = {
   FACE_ID: {
     icon: "biomFaceID",
@@ -25,54 +26,40 @@ const mapIconSpecByBiometric = {
     size: 24
   }
 };
-const ButtonWrapper = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [_core.IONumberPadButtonStyles.buttonSize, _core.IOStyles.alignCenter, _core.IOStyles.centerJustified]
-  }, children);
-};
-const NumberPad = _ref2 => {
+
+/**
+ * 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.
+ */
+const NumberPad = _ref => {
   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.default.createElement(_reactNative.View, {
-      style: [_core.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 = (0, _react.useCallback)(row => {
+    return row.map(item => {
+      if (typeof item === "number") {
         return /*#__PURE__*/_react.default.createElement(_NumberButton.NumberButton, {
-          key: elem,
-          number: elem,
-          onPress: numberPadPress,
+          key: item,
+          number: item,
+          onPress: onNumberPress,
           variant: variant
         });
       }
-      if (elem === "delete") {
+      if (item === "delete") {
         return /*#__PURE__*/_react.default.createElement(ButtonWrapper, {
-          key: elem
+          key: item
         }, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
           icon: "cancel",
           color: variant === "dark" ? "contrast" : "primary",
@@ -80,31 +67,50 @@ const NumberPad = _ref2 => {
           accessibilityLabel: deleteAccessibilityLabel
         }));
       }
-      return biometricType ? /*#__PURE__*/_react.default.createElement(ButtonWrapper, {
-        key: elem
-      }, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
-        icon: mapIconSpecByBiometric[biometricType].icon,
-        iconSize: mapIconSpecByBiometric[biometricType].size,
-        color: variant === "dark" ? "contrast" : "primary",
-        onPress: onBiometricPress,
-        accessibilityLabel: biometricAccessibilityLabel
-      })) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      if (biometricType && mapIconSpecByBiometric[biometricType]) {
+        return /*#__PURE__*/_react.default.createElement(ButtonWrapper, {
+          key: item
+        }, /*#__PURE__*/_react.default.createElement(_buttons.IconButton, {
+          icon: mapIconSpecByBiometric[biometricType].icon,
+          iconSize: mapIconSpecByBiometric[biometricType].size,
+          color: variant === "dark" ? "contrast" : "primary",
+          onPress: onBiometricPress,
+          accessibilityLabel: biometricAccessibilityLabel
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
         key: "emptyElem",
         style: _core.IONumberPadButtonStyles.buttonSize
       });
-    }));
-  };
+    });
+  }, [biometricAccessibilityLabel, biometricType, deleteAccessibilityLabel, onBiometricPress, onDeletePress, onNumberPress, variant]);
+
+  // eslint-disable-next-line arrow-body-style
+  const numberPad = (0, _react.useMemo)(() => {
+    return [[1, 2, 3], [4, 5, 6], [7, 8, 9], [biometricType, 0, 'delete']].map((row, i, self) => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: i
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [_core.IOStyles.rowSpaceBetween, styles.numberPad]
+    }, renderButtonsRow(row)), i < self.length - 1 && /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, null)));
+  }, [biometricType, renderButtonsRow]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: _core.IOStyles.horizontalContentPadding
-  }, /*#__PURE__*/_react.default.createElement(RowButtons, {
-    buttons: [1, 2, 3]
-  }), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, null), /*#__PURE__*/_react.default.createElement(RowButtons, {
-    buttons: [4, 5, 6]
-  }), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, null), /*#__PURE__*/_react.default.createElement(RowButtons, {
-    buttons: [7, 8, 9]
-  }), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, null), /*#__PURE__*/_react.default.createElement(RowButtons, {
-    buttons: ["biometric", 0, "delete"]
-  }));
+  }, numberPad);
 };
 exports.NumberPad = NumberPad;
+const ButtonWrapper = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [_core.IONumberPadButtonStyles.buttonSize, _core.IOStyles.alignCenter, _core.IOStyles.centerJustified]
+  }, children);
+};
+const styles = _reactNative.StyleSheet.create({
+  numberPad: {
+    justifyContent: "space-between",
+    alignItems: "center",
+    flexGrow: 1
+  }
+});
 //# sourceMappingURL=NumberPad.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","_spacer","_buttons","_NumberButton","obj","__esModule","default","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","ButtonWrapper","_ref","children","createElement","View","style","IONumberPadButtonStyles","buttonSize","IOStyles","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","NumberButton","key","onPress","IconButton","color","accessibilityLabel","iconSize","horizontalContentPadding","VSpacer","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_core","_spacer","_buttons","_NumberButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapIconSpecByBiometric","FACE_ID","icon","size","TOUCH_ID","BIOMETRICS","NumberPad","_ref","variant","biometricType","biometricAccessibilityLabel","deleteAccessibilityLabel","onNumberPress","onBiometricPress","onDeletePress","renderButtonsRow","useCallback","row","map","item","createElement","NumberButton","number","onPress","ButtonWrapper","IconButton","color","accessibilityLabel","iconSize","View","style","IONumberPadButtonStyles","buttonSize","numberPad","useMemo","i","self","Fragment","IOStyles","rowSpaceBetween","styles","length","VSpacer","horizontalContentPadding","exports","_ref2","children","alignCenter","centerJustified","StyleSheet","create","justifyContent","alignItems","flexGrow"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberPad.tsx"],"mappings":"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"}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _reactNative = require("@testing-library/react-native");
+var _react = _interopRequireDefault(require("react"));
+var _NumberPad = require("../NumberPad");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const mockOnDelete = jest.fn();
+const mockOnNumberPress = jest.fn();
+const mockOnBiometricPress = jest.fn();
+describe(_NumberPad.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.default, 'createElement');
+
+    // Press one
+    _reactNative.fireEvent.press(one);
+    expect(mockOnNumberPress).toHaveBeenCalledTimes(1);
+    expect(mockOnNumberPress).toHaveBeenCalledWith(1);
+    mockOnNumberPress.mockClear();
+
+    // Press nine
+    _reactNative.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.default, 'createElement');
+    _reactNative.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.default, 'createElement');
+    _reactNative.fireEvent.press(biometricButton);
+    expect(mockOnBiometricPress).toHaveBeenCalledTimes(1);
+    expect(reactCreatElement).not.toHaveBeenCalled();
+    expect(mockOnNumberPress).not.toHaveBeenCalled();
+    expect(mockOnDelete).not.toHaveBeenCalled();
+  });
+});
+function renderNumberPad() {
+  return (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_NumberPad.NumberPad, {
+    onDeletePress: mockOnDelete,
+    onNumberPress: mockOnNumberPress,
+    deleteAccessibilityLabel: "delete",
+    biometricType: "TOUCH_ID",
+    biometricAccessibilityLabel: "touch id trigger",
+    onBiometricPress: mockOnBiometricPress
+  }));
+}
+//# sourceMappingURL=NumberPad.test.js.map

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

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