@hero-design/rn 8.39.0 → 8.39.1

package/.turbo/turbo-build.log

@@ -4,5 +4,5 @@ $ rollup -c
 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 '/root/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 35s
+created lib/index.js, es/index.js in 26.7s
 $ tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json

package/es/index.js

@@ -16725,7 +16725,9 @@ var SceneView = function SceneView(_ref) {
       }, 0);
     }
     return function () {
-      clearTimeout(timer);
+      if (timer) {
+        clearTimeout(timer);
+      }
     };
   }, [index, isLoading, lazy, focused]);
   return /*#__PURE__*/React.createElement(TabScreen, {
@@ -16940,7 +16942,7 @@ var ScrollableTab = function ScrollableTab(_ref) {
     return item.key === selectedTabKey;
   });
   React.useEffect(function () {
-    var timeoutHandle = null;
+    var timeoutHandle;
     if (selectedTabIndex !== -1) {
       // If the selected tab is changed too quickly, the setPage is crashed and not work anymore
       // We apply throttle to prevent this issue https://github.com/Thinkei/hero-design/issues/1715

package/lib/index.js

@@ -16756,7 +16756,9 @@ var SceneView = function SceneView(_ref) {
       }, 0);
     }
     return function () {
-      clearTimeout(timer);
+      if (timer) {
+        clearTimeout(timer);
+      }
     };
   }, [index, isLoading, lazy, focused]);
   return /*#__PURE__*/React__default["default"].createElement(TabScreen, {
@@ -16971,7 +16973,7 @@ var ScrollableTab = function ScrollableTab(_ref) {
     return item.key === selectedTabKey;
   });
   React__default["default"].useEffect(function () {
-    var timeoutHandle = null;
+    var timeoutHandle;
     if (selectedTabIndex !== -1) {
       // If the selected tab is changed too quickly, the setPage is crashed and not work anymore
       // We apply throttle to prevent this issue https://github.com/Thinkei/hero-design/issues/1715

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.39.0",
+  "version": "8.39.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,14 +21,14 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.39.0",
+    "@hero-design/colors": "8.39.1",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21",
     "nanoid": "^4.0.2"
   },
   "peerDependencies": {
-    "@hero-design/react-native-month-year-picker": "^8.39.0",
+    "@hero-design/react-native-month-year-picker": "^8.39.1",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "react": "18.0.0",
@@ -47,9 +47,9 @@
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
-    "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.39.0",
-    "@hero-design/react-native-month-year-picker": "^8.39.0",
+    "@emotion/jest": "^11.11.0",
+    "@hero-design/eslint-plugin": "8.39.1",
+    "@hero-design/react-native-month-year-picker": "^8.39.1",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -58,17 +58,18 @@
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-replace": "^4.0.0",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@testing-library/jest-native": "^4.0.4",
+    "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-native": "^9.1.0",
-    "@types/jest": "^27.0.2",
+    "@types/jest": "^29.5.3",
     "@types/react": "^17.0.39",
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.39.0",
+    "eslint-config-hd": "8.39.1",
     "eslint-plugin-import": "^2.27.5",
-    "jest": "^27.3.1",
-    "prettier-config-hd": "8.39.0",
+    "jest": "^29.6.2",
+    "jest-environment-jsdom": "^29.6.2",
+    "prettier-config-hd": "8.39.1",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.5.0",
@@ -81,7 +82,7 @@
     "rollup": "^2.68.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-flow": "^1.1.1",
-    "ts-jest": "^27.0.7"
+    "ts-jest": "^29.1.1"
   },
   "prettier": "prettier-config-hd"
 }

package/src/components/Accordion/__tests__/__snapshots__/AccordionItem.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`AccordionItem renders correctly when header is an element 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 0,
         "padding": 16,
@@ -26,7 +26,7 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "flexDirection": "row",
         "justifyContent": "space-between",
         "opacity": 1,
@@ -36,8 +36,8 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-Regular",
             "fontSize": 16,
@@ -56,8 +56,8 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
     <HeroIcon
       name="arrow-down"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#795e90",
             "fontSize": 20,
           },
@@ -72,7 +72,7 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "height": 0,
         "margin": 0,
         "overflow": "hidden",
@@ -82,8 +82,8 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "height": 1334,
           },
           undefined,
@@ -93,13 +93,13 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "margin": 0,
               "padding": 0,
             },
-            Array [
-              Object {
+            [
+              {
                 "paddingTop": 16,
               },
               undefined,
@@ -110,8 +110,8 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -136,8 +136,8 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
 exports[`AccordionItem renders correctly when header is string 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 0,
         "padding": 16,
@@ -159,7 +159,7 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "flexDirection": "row",
         "justifyContent": "space-between",
         "opacity": 1,
@@ -169,8 +169,8 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 16,
@@ -189,8 +189,8 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
     <HeroIcon
       name="arrow-down"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#795e90",
             "fontSize": 20,
           },
@@ -205,7 +205,7 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "height": 0,
         "margin": 0,
         "overflow": "hidden",
@@ -215,8 +215,8 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "height": 1334,
           },
           undefined,
@@ -226,13 +226,13 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "margin": 0,
               "padding": 0,
             },
-            Array [
-              Object {
+            [
+              {
                 "paddingTop": 16,
               },
               undefined,
@@ -243,8 +243,8 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -269,8 +269,8 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
 exports[`AccordionItem renders correctly when open 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 0,
         "padding": 16,
@@ -292,7 +292,7 @@ exports[`AccordionItem renders correctly when open 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "flexDirection": "row",
         "justifyContent": "space-between",
         "opacity": 1,
@@ -302,8 +302,8 @@ exports[`AccordionItem renders correctly when open 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 16,
@@ -322,8 +322,8 @@ exports[`AccordionItem renders correctly when open 1`] = `
     <HeroIcon
       name="arrow-up"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#795e90",
             "fontSize": 20,
           },
@@ -338,7 +338,7 @@ exports[`AccordionItem renders correctly when open 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "height": 0,
         "margin": 0,
         "overflow": "hidden",
@@ -348,8 +348,8 @@ exports[`AccordionItem renders correctly when open 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "height": 1334,
           },
           undefined,
@@ -359,13 +359,13 @@ exports[`AccordionItem renders correctly when open 1`] = `
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "margin": 0,
               "padding": 0,
             },
-            Array [
-              Object {
+            [
+              {
                 "paddingTop": 16,
               },
               undefined,
@@ -376,8 +376,8 @@ exports[`AccordionItem renders correctly when open 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,
@@ -402,8 +402,8 @@ exports[`AccordionItem renders correctly when open 1`] = `
 exports[`AccordionItem renders correctly when variant is card 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "padding": 16,
@@ -425,7 +425,7 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Object {
+      {
         "flexDirection": "row",
         "justifyContent": "space-between",
         "opacity": 1,
@@ -435,8 +435,8 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
     <Text
       allowFontScaling={false}
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#001f23",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 16,
@@ -455,8 +455,8 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
     <HeroIcon
       name="arrow-down"
       style={
-        Array [
-          Object {
+        [
+          {
             "color": "#795e90",
             "fontSize": 20,
           },
@@ -471,7 +471,7 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
     collapsable={false}
     onLayout={[Function]}
     style={
-      Object {
+      {
         "height": 0,
         "margin": 0,
         "overflow": "hidden",
@@ -481,8 +481,8 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
   >
     <View
       style={
-        Array [
-          Object {
+        [
+          {
             "height": 1334,
           },
           undefined,
@@ -492,13 +492,13 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
       <View
         onLayout={[Function]}
         style={
-          Array [
-            Object {
+          [
+            {
               "margin": 0,
               "padding": 0,
             },
-            Array [
-              Object {
+            [
+              {
                 "paddingTop": 16,
               },
               undefined,
@@ -509,8 +509,8 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
         <Text
           allowFontScaling={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "color": "#001f23",
                 "fontFamily": "BeVietnamPro-Regular",
                 "fontSize": 16,

package/src/components/Accordion/__tests__/__snapshots__/StyledAccordion.spec.tsx.snap

@@ -3,8 +3,8 @@
 exports[`StyledItemWrapper has correct style when variant is card 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 8,
         "padding": 16,
@@ -19,8 +19,8 @@ exports[`StyledItemWrapper has correct style when variant is card 1`] = `
 exports[`StyledItemWrapper has correct style when variant is default 1`] = `
 <View
   style={
-    Array [
-      Object {
+    [
+      {
         "backgroundColor": "#ffffff",
         "borderRadius": 0,
         "padding": 16,