@hero-design/rn 8.81.1 → 8.81.2

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
-(node:2927) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:2808) 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...
 (!) [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 49.7s
+created lib/index.js, es/index.js in 52.7s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.81.2
+
+### Patch Changes
+
+- [#3527](https://github.com/Thinkei/hero-design/pull/3527) [`228f8de96b09802ce890eeb6277a12a774af99ad`](https://github.com/Thinkei/hero-design/commit/228f8de96b09802ce890eeb6277a12a774af99ad) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [TimePicker] Fix bottom sheet value not in sync
+
 ## 8.81.1
 
 ### Patch Changes

package/es/index.js

@@ -14462,7 +14462,7 @@ var customAlphabet = function customAlphabet(alphabet) {
   return function () {
     var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultSize;
     var id = '';
-    var i = size;
+    var i = size | 0;
     while (i--) {
       id += alphabet[Math.random() * alphabet.length | 0];
     }
@@ -19117,6 +19117,9 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? format(displayFormat, value) : '';
   var theme = useTheme();
+  useEffect(function () {
+    setSelectingDate(value || new Date());
+  }, [value]);
   return /*#__PURE__*/React__default.createElement(TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);

package/lib/index.js

@@ -14489,7 +14489,7 @@ var customAlphabet = function customAlphabet(alphabet) {
   return function () {
     var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultSize;
     var id = '';
-    var i = size;
+    var i = size | 0;
     while (i--) {
       id += alphabet[Math.random() * alphabet.length | 0];
     }
@@ -19144,6 +19144,9 @@ var TimePickerIOS = function TimePickerIOS(_ref) {
   var is12Hour = displayFormat.includes('hh');
   var displayValue = value ? format(displayFormat, value) : '';
   var theme = useTheme();
+  React.useEffect(function () {
+    setSelectingDate(value || new Date());
+  }, [value]);
   return /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
     onPress: function onPress() {
       return setOpen(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.81.1",
+  "version": "8.81.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -25,7 +25,7 @@
     "@hero-design/colors": "8.45.1",
     "date-fns": "^2.16.1",
     "hero-editor": "^1.9.21",
-    "nanoid": "^4.0.2"
+    "nanoid": "^5.0.9"
   },
   "peerDependencies": {
     "@hero-design/react-native-month-year-picker": "^8.42.10",
@@ -93,6 +93,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "4.8.4"
   },
-  "prettier": "prettier-config-hd",
-  "react-native": "src/index.ts"
+  "prettier": "prettier-config-hd"
 }

package/src/components/TimePicker/TimePickerIOS.tsx

@@ -1,5 +1,5 @@
 import DateTimePicker from '@react-native-community/datetimepicker';
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import formatTime from 'date-fns/fp/format';
 
@@ -33,6 +33,10 @@ const TimePickerIOS = ({
   const displayValue = value ? formatTime(displayFormat, value) : '';
   const theme = useTheme();
 
+  useEffect(() => {
+    setSelectingDate(value || new Date());
+  }, [value]);
+
   return (
     <TouchableOpacity onPress={() => setOpen(true)} disabled={disabled}>
       <View pointerEvents="none" testID="timePickerInputIOS">