@hero-design/rn 8.103.4 → 8.103.5

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:3329) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3289) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
 (Use `node --trace-warnings ...` to show where the warning was created)
 
 src/index.ts → lib/index.js, es/index.js...
@@ -15,9 +15,9 @@ node_modules/d3-selection/src/selection/index.js -> node_modules/d3-selection/sr
                                      ~~~~~~~~~~~~~~~~~~~
 
 (!) [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 1m 11.1s
+created lib/index.js, es/index.js in 1m 15.3s
 
 /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_AU.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/en_CA.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/index.ts, /home/runner/work/hero-design/hero-design/packages/rn/src/locales/types.ts → ., ....
 (!) Generated empty chunks
 "locales/types" and "locales/types"
-created ., . in 22.1s
+created ., . in 20.9s

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @hero-design/rn
 
+## 8.103.5
+
+### Patch Changes
+
+- [#4068](https://github.com/Thinkei/hero-design/pull/4068) [`3fd150ed0925245f0c9df0956681f19becac09c7`](https://github.com/Thinkei/hero-design/commit/3fd150ed0925245f0c9df0956681f19becac09c7) Thanks [@ttkien](https://github.com/ttkien)! - [RichTextEditor] apply new TextInput
+  [TextInput] update typings
+
+- [#4074](https://github.com/Thinkei/hero-design/pull/4074) [`3b1be909daf4d17abe49f37672ecde1ad048ae05`](https://github.com/Thinkei/hero-design/commit/3b1be909daf4d17abe49f37672ecde1ad048ae05) Thanks [@cuongnguyeneh](https://github.com/cuongnguyeneh)! - [PinInput] fix: android lagging issue by replacing keyboardType by inputMode prop
+
 ## 8.103.4
 
 ### Patch Changes

package/es/index.js

@@ -19987,7 +19987,7 @@ var renderInput$1 = function renderInput(_ref3) {
     renderInputValue = _ref3.renderInputValue,
     ref = _ref3.ref,
     theme = _ref3.theme;
-  return renderInputValue ? renderInputValue(nativeInputProps) : /*#__PURE__*/React__default.createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
+  return renderInputValue ? renderInputValue(nativeInputProps, ref) : /*#__PURE__*/React__default.createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
     themeVariant: variant,
     multiline: variant === 'textarea' || nativeInputProps.multiline,
     ref: ref,
@@ -23974,7 +23974,7 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     onFocus: focus,
     onBlur: blur,
     pointerEvents: "none",
-    keyboardType: "numeric",
+    inputMode: "numeric",
     testID: "pin-hidden-input",
     textContentType: textContentType,
     autoComplete: autoComplete,

package/lib/index.js

@@ -20016,7 +20016,7 @@ var renderInput$1 = function renderInput(_ref3) {
     renderInputValue = _ref3.renderInputValue,
     ref = _ref3.ref,
     theme = _ref3.theme;
-  return renderInputValue ? renderInputValue(nativeInputProps) : /*#__PURE__*/React__namespace.default.createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
+  return renderInputValue ? renderInputValue(nativeInputProps, ref) : /*#__PURE__*/React__namespace.default.createElement(StyledTextInput, _extends$1({}, nativeInputProps, {
     themeVariant: variant,
     multiline: variant === 'textarea' || nativeInputProps.multiline,
     ref: ref,
@@ -24003,7 +24003,7 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     onFocus: focus,
     onBlur: blur,
     pointerEvents: "none",
-    keyboardType: "numeric",
+    inputMode: "numeric",
     testID: "pin-hidden-input",
     textContentType: textContentType,
     autoComplete: autoComplete,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.103.4",
+  "version": "8.103.5",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap

@@ -258,7 +258,7 @@ exports[`rendering renders correctly 1`] = `
     <TextInput
       autoFocus={false}
       editable={true}
-      keyboardType="numeric"
+      inputMode="numeric"
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
@@ -573,7 +573,7 @@ exports[`rendering renders correctly when disabled 1`] = `
     <TextInput
       autoFocus={false}
       editable={false}
-      keyboardType="numeric"
+      inputMode="numeric"
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
@@ -1018,7 +1018,7 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
     <TextInput
       autoFocus={false}
       editable={true}
-      keyboardType="numeric"
+      inputMode="numeric"
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
@@ -1386,7 +1386,7 @@ exports[`rendering renders correctly when there is error 1`] = `
     <TextInput
       autoFocus={false}
       editable={true}
-      keyboardType="numeric"
+      inputMode="numeric"
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}
@@ -1702,7 +1702,7 @@ exports[`rendering renders correctly with textContentType and autoComplete 1`] =
       autoComplete="one-time-code"
       autoFocus={false}
       editable={true}
-      keyboardType="numeric"
+      inputMode="numeric"
       onBlur={[Function]}
       onChangeText={[Function]}
       onFocus={[Function]}

package/src/components/PinInput/index.tsx

@@ -231,7 +231,7 @@ const PinInput = forwardRef<PinInputHandler, PinInputProps>(
           onFocus={focus}
           onBlur={blur}
           pointerEvents="none"
-          keyboardType="numeric"
+          inputMode="numeric"
           testID="pin-hidden-input"
           textContentType={textContentType}
           autoComplete={autoComplete}

package/src/components/TextInput/index.tsx

@@ -13,11 +13,13 @@ import {
   View,
 } from 'react-native';
 import type {
-  TextInputProps as NativeTextInputProps,
+  TextInputProps as RNTextInputProps,
   StyleProp,
   ViewStyle,
   TextStyle,
   LayoutChangeEvent,
+  NativeSyntheticEvent,
+  TextInputFocusEventData,
 } from 'react-native';
 import {
   StyledTextInputContainer,
@@ -49,6 +51,23 @@ export type TextInputHandles = Pick<
 
 export type TextInputVariant = 'text' | 'textarea';
 
+type NativeTextInputProps = Omit<RNTextInputProps, 'onFocus' | 'onBlur'> & {
+  onFocus?: (
+    event?: NativeSyntheticEvent<TextInputFocusEventData>
+  ) => void | undefined;
+  onBlur?: (
+    event?: NativeSyntheticEvent<TextInputFocusEventData>
+  ) => void | undefined;
+};
+
+export interface TextInputRef {
+  focus: () => void;
+  blur: () => void;
+  clear: () => void;
+  isFocused: () => boolean;
+  setNativeProps?: (props: RNTextInputProps) => void;
+}
+
 export interface TextInputProps extends NativeTextInputProps {
   /**
    * Field label.
@@ -118,7 +137,10 @@ export interface TextInputProps extends NativeTextInputProps {
   /**
    * Customise input value renderer
    */
-  renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+  renderInputValue?: (
+    inputProps: NativeTextInputProps,
+    ref?: React.ForwardedRef<TextInputRef>
+  ) => React.ReactNode;
   /**
    * Component ref.
    */
@@ -197,12 +219,15 @@ export const renderInput = ({
   variant: TextInputVariant;
   nativeInputProps: NativeTextInputProps;
   multiline?: boolean;
-  renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+  renderInputValue?: (
+    inputProps: NativeTextInputProps,
+    ref?: React.Ref<TextInputRef>
+  ) => React.ReactNode;
   ref?: React.Ref<RNTextInput>;
   theme: Theme;
 }) => {
   return renderInputValue ? (
-    renderInputValue(nativeInputProps)
+    renderInputValue(nativeInputProps, ref)
   ) : (
     <StyledTextInput
       {...nativeInputProps}

package/src/index.internal.ts

@@ -3,5 +3,10 @@ import DatePicker from './components/DatePicker/index.internal';
 import TimePicker from './components/TimePicker/index.internal';
 
 export * from '.';
+export type {
+  MultiSelectProps,
+  SingleSelectProps,
+  DatePickerProps,
+  TimePickerProps,
+} from './types.internal';
 export { Select, DatePicker, TimePicker };
-export type { MultiSelectProps, SingleSelectProps } from './types.internal';

package/src/types.internal.ts

@@ -1,10 +1,9 @@
+import { DatePickerProps } from './components/DatePicker/index.internal';
 import type {
   SingleSelectProps,
   MultiSelectProps,
 } from './components/Select/index.internal';
-
-import type { DatePickerProps } from './components/DatePicker/index.internal';
-import type { TimePickerProps } from './components/TimePicker/index.internal';
+import { TimePickerProps } from './components/TimePicker/index.internal';
 
 export * from './types';
 

package/stats/8.103.4/rn-stats.html

@@ -4840,5 +4840,3 @@ var drawChart = (function (exports) {
 </body>
 </html>
 
-ml>
-