@hero-design/rn 8.64.4-alpha → 8.64.5

package/.turbo/turbo-build.log

@@ -1,8 +1,5 @@
-(node:92774) 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:92774) 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 '/Volumes/Data/Projects/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
-created lib/index.js, es/index.js in 42.5s
+(!) 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
+created lib/index.js, es/index.js in 1m 2.8s

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @hero-design/rn
 
+## 8.64.5
+
+### Patch Changes
+
+- [#3322](https://github.com/Thinkei/hero-design/pull/3322) [`7539669a0361a390a19b05b3ad6bd2e5cb55964e`](https://github.com/Thinkei/hero-design/commit/7539669a0361a390a19b05b3ad6bd2e5cb55964e) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [PinInput] Support long press, autoComplete and textContentType props
+
+## 8.64.4
+
+### Patch Changes
+
+- [#3307](https://github.com/Thinkei/hero-design/pull/3307) [`a8013e12bc9ed9f602c66d174f4e652e7527d95f`](https://github.com/Thinkei/hero-design/commit/a8013e12bc9ed9f602c66d174f4e652e7527d95f) Thanks [@ttkien](https://github.com/ttkien)! - downgrade rollup
+
+- Updated dependencies [[`a8013e12bc9ed9f602c66d174f4e652e7527d95f`](https://github.com/Thinkei/hero-design/commit/a8013e12bc9ed9f602c66d174f4e652e7527d95f)]:
+  - @hero-design/colors@8.43.1
+
 ## 8.64.3
 
 ### Patch Changes

package/es/index.js

@@ -2870,7 +2870,8 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   };
   var fontSizes = {
     cellText: theme.fontSizes.xxxxlarge,
-    errorMessage: theme.fontSizes.small
+    errorMessage: theme.fontSizes.small,
+    hiddenInputText: theme.fontSizes['7xlarge']
   };
   var lineHeights = {
     cellText: theme.lineHeights.xxxxlarge,
@@ -2883,7 +2884,9 @@ var getPinInputTheme = function getPinInputTheme(theme) {
   };
   var space = {
     spacer: theme.space.medium,
-    errorMessagePadding: theme.space.xsmall
+    errorMessagePadding: theme.space.xsmall,
+    hiddenInputText: theme.space.xlarge,
+    hiddenInputHorrizontalPadding: theme.space.small
   };
   var radii = {
     cell: theme.radii.medium,
@@ -15521,8 +15524,12 @@ var StyledHiddenInput = index$9(TextInput$1)(function (_ref6) {
     opacity: 0,
     left: 0,
     top: 0,
+    right: 0,
     width: themePinLength * cellWidth + (themePinLength - 1) * spacerWidth,
-    height: '100%'
+    height: '100%',
+    fontSize: theme.__hd__.pinInput.fontSizes.hiddenInputText,
+    letterSpacing: theme.__hd__.pinInput.space.hiddenInputText,
+    paddingHorizontal: theme.__hd__.pinInput.space.hiddenInputHorrizontalPadding
   };
 });
 var StyledErrorContainer = index$9(View)(function (_ref7) {
@@ -15590,7 +15597,9 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     autoFocus = _ref2$autoFocus === void 0 ? false : _ref2$autoFocus,
     error = _ref2.error,
     style = _ref2.style,
-    testID = _ref2.testID;
+    testID = _ref2.testID,
+    textContentType = _ref2.textContentType,
+    autoComplete = _ref2.autoComplete;
   var inputRef = useRef(null);
   var _useState = useState(autoFocus),
     _useState2 = _slicedToArray(_useState, 2),
@@ -15600,6 +15609,7 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     disabled: disabled,
     error: error
   });
+  var maskedValueWithExtraSpace = Platform.OS === 'android' && !value ? '*' : value;
   var focus = useCallback(function () {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current) {
       inputRef.current.focus();
@@ -15651,7 +15661,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: value,
+    value: maskedValueWithExtraSpace,
     onChangeText: changeText,
     secureTextEntry: secure,
     editable: !disabled,
@@ -15659,11 +15669,13 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     onFocus: focus,
     onBlur: blur,
     maxLength: length,
-    keyboardType: "numeric",
-    contextMenuHidden: true,
     caretHidden: true,
-    pointerEvents: "box-only",
-    testID: "pin-hidden-input"
+    pointerEvents: "box-none",
+    keyboardType: "numeric",
+    testID: "pin-hidden-input",
+    textContentType: textContentType,
+    autoComplete: autoComplete,
+    selectTextOnFocus: false
   }));
 });
 PinInput.displayName = 'PinInput';