@hero-design/rn 8.65.1-kien-2 → 8.65.1

package/.turbo/turbo-build.log

@@ -0,0 +1,8 @@
+(node:2923) ExperimentalWarning: Import assertions are not a stable feature of the JavaScript language. Avoid relying on their current behavior and syntax as those might change in a future version of Node.js.
+(Use `node --trace-warnings ...` to show where the warning was created)
+(node:2923) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+
+src/index.ts → lib/index.js, es/index.js...
+(!) [plugin replace] @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
+(!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
+created lib/index.js, es/index.js in 51.3s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.65.1
+
+### Patch Changes
+
+- [#3373](https://github.com/Thinkei/hero-design/pull/3373) [`9ed43cdd544600614bbf60c7f6706323f7c906ee`](https://github.com/Thinkei/hero-design/commit/9ed43cdd544600614bbf60c7f6706323f7c906ee) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [PinInput] Enhance PinInput pasting behavior
+
 ## 8.65.0
 
 ### Minor Changes

package/es/index.js

@@ -2950,7 +2950,7 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   var space = {
     spacer: theme.space.medium,
     errorMessagePadding: theme.space.xsmall,
-    hiddenInputText: theme.space.xlarge,
+    hiddenInputText: theme.space.xsmall,
     hiddenInputHorrizontalPadding: theme.space.small
   };
   var radii = {
@@ -15724,7 +15724,6 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     error: error
   });
   var trimmedValue = normalizeValue(value, length);
-  var maskedValueWithExtraSpace = Platform.OS === 'android' && !trimmedValue ? '*' : trimmedValue;
   var focus = useCallback(function () {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
       inputRef.current.focus();
@@ -15738,13 +15737,21 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     }
   }, []);
   var changeText = useCallback(function (text) {
-    // Prevent user from entering more than the length
     var trimmedPin = normalizeValue(text, length);
-    onChangeText === null || onChangeText === void 0 || onChangeText(trimmedPin);
+    // If current value is already the length, and user is not deleting,
+    // replace it with the new text, starting from the length
+    if (trimmedValue.length === length && trimmedValue.length <= text.length) {
+      // Slice the text, starting from the length position
+      var slicedText = text.slice(length);
+      onChangeText === null || onChangeText === void 0 || onChangeText(normalizeValue(slicedText, length));
+    } else {
+      // Prevent user from entering more than the length
+      onChangeText === null || onChangeText === void 0 || onChangeText(trimmedPin);
+    }
     if (trimmedPin.length === length) {
       onFulfill === null || onFulfill === void 0 || onFulfill(trimmedPin);
     }
-  }, [length, onChangeText, onFulfill]);
+  }, [length, onChangeText, onFulfill, trimmedValue.length]);
   useEffect(function () {
     // Must run after animations for keyboard to automatically open
     if (autoFocus) {
@@ -15757,6 +15764,11 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
       blur: blur
     };
   });
+  var selection = useMemo(function () {
+    return {
+      start: trimmedValue.length
+    };
+  }, [trimmedValue]);
   return /*#__PURE__*/React__default.createElement(StyledWrapper$5, {
     style: style,
     testID: testID
@@ -15777,7 +15789,7 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }), /*#__PURE__*/React__default.createElement(StyledErrorMessage, null, error)), /*#__PURE__*/React__default.createElement(StyledHiddenInput, {
     themePinLength: length,
     ref: inputRef,
-    value: maskedValueWithExtraSpace,
+    value: trimmedValue,
     onChangeText: changeText,
     secureTextEntry: secure,
     editable: !disabled,
@@ -15789,7 +15801,8 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     testID: "pin-hidden-input",
     textContentType: textContentType,
     autoComplete: autoComplete,
-    selectTextOnFocus: false
+    selectTextOnFocus: false,
+    selection: selection
   }));
 });
 PinInput.displayName = 'PinInput';
@@ -17085,6 +17098,7 @@ var StyledGradientContainer = index$9(Box)(function (_ref2) {
   var theme = _ref2.theme,
     themeVariant = _ref2.themeVariant;
   return {
+    overflow: 'hidden',
     borderRadius: theme.__hd__.skeleton.radii[themeVariant]
   };
 });