@hero-design/rn 8.55.1-rc2.3 → 8.55.1

package/.turbo/turbo-build.log

@@ -2,4 +2,4 @@
 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
-created lib/index.js, es/index.js in 58.8s
+created lib/index.js, es/index.js in 57.1s

package/CHANGELOG.md

@@ -1,45 +1,10 @@
 # @hero-design/rn
 
-## 8.55.1-rc2.3
+## 8.55.1
 
 ### Patch Changes
 
-- Updated dependencies [[`25ae9a822`](https://github.com/Thinkei/hero-design/commit/25ae9a822f6981c2d874b204ac927dbc1785c837), [`6f0724064`](https://github.com/Thinkei/hero-design/commit/6f0724064299a409b8c3b0047f9c17a549ddb58a)]:
-  - @hero-design/colors@8.42.6-rc2.3
-
-## 8.55.1-rc2.2
-
-### Patch Changes
-
-- [#2647](https://github.com/Thinkei/hero-design/pull/2647) [`c5d38100f`](https://github.com/Thinkei/hero-design/commit/c5d38100f7a484a90164b06405f78e09f13d5a5b) Thanks [@ttkien](https://github.com/ttkien)! - fix
-
-- [#2647](https://github.com/Thinkei/hero-design/pull/2647) [`d24b42494`](https://github.com/Thinkei/hero-design/commit/d24b42494b3915b2500067a51b3970a528224c5b) Thanks [@ttkien](https://github.com/ttkien)! - fix release flow
-
-- Updated dependencies [[`c5d38100f`](https://github.com/Thinkei/hero-design/commit/c5d38100f7a484a90164b06405f78e09f13d5a5b), [`d24b42494`](https://github.com/Thinkei/hero-design/commit/d24b42494b3915b2500067a51b3970a528224c5b)]:
-  - @hero-design/colors@8.42.6-rc2.2
-  - @hero-design/react-native-month-year-picker@8.42.7-rc2.2
-
-## 8.55.1-rc2.1
-
-### Patch Changes
-
-- [#2647](https://github.com/Thinkei/hero-design/pull/2647) [`286e61897`](https://github.com/Thinkei/hero-design/commit/286e61897f3d3a187dfec6f62f46ec8e0028801f) Thanks [@ttkien](https://github.com/ttkien)! - update release flow
-
-- Updated dependencies [[`286e61897`](https://github.com/Thinkei/hero-design/commit/286e61897f3d3a187dfec6f62f46ec8e0028801f)]:
-  - @hero-design/colors@8.42.6-rc2.1
-  - @hero-design/react-native-month-year-picker@8.42.7-rc2.1
-
-## 8.55.1-rc2.0
-
-### Patch Changes
-
-- [#2647](https://github.com/Thinkei/hero-design/pull/2647) [`96d0a79e0`](https://github.com/Thinkei/hero-design/commit/96d0a79e008db83c915bbadc8d70a5403d6bd4e3) Thanks [@ttkien](https://github.com/ttkien)! - add pre-commit
-
-- [#2647](https://github.com/Thinkei/hero-design/pull/2647) [`35fcc3812`](https://github.com/Thinkei/hero-design/commit/35fcc3812a090140848c80ed8d5f39026c4c5ee2) Thanks [@ttkien](https://github.com/ttkien)! - yarn install after bump version
-
-- Updated dependencies [[`96d0a79e0`](https://github.com/Thinkei/hero-design/commit/96d0a79e008db83c915bbadc8d70a5403d6bd4e3), [`35fcc3812`](https://github.com/Thinkei/hero-design/commit/35fcc3812a090140848c80ed8d5f39026c4c5ee2)]:
-  - @hero-design/colors@8.42.6-rc2.0
-  - @hero-design/react-native-month-year-picker@8.42.7-rc2.0
+- [#2666](https://github.com/Thinkei/hero-design/pull/2666) [`61807698e`](https://github.com/Thinkei/hero-design/commit/61807698e94cc831a9083f3d531131c86f4af220) Thanks [@ttkien](https://github.com/ttkien)! - [Carousel] replace useWindowsDimension with onLayout and convert Carousel example to react-native-web
 
 ## 8.55.0
 

package/es/index.js

@@ -1,5 +1,5 @@
 import * as reactNative from 'react-native';
-import { Platform, Dimensions, StyleSheet as StyleSheet$1, Animated, View, UIManager, LayoutAnimation, TouchableOpacity, Text as Text$1, Easing, Image as Image$1, TouchableWithoutFeedback, Pressable, SafeAreaView, KeyboardAvoidingView, TouchableHighlight, ScrollView, Modal as Modal$1, FlatList, useWindowDimensions, TextInput as TextInput$1, PanResponder, BackHandler, InteractionManager, Keyboard, SectionList, RefreshControl as RefreshControl$1 } from 'react-native';
+import { Platform, Dimensions, StyleSheet as StyleSheet$1, Animated, View, UIManager, LayoutAnimation, TouchableOpacity, Text as Text$1, Easing, Image as Image$1, TouchableWithoutFeedback, Pressable, SafeAreaView, KeyboardAvoidingView, TouchableHighlight, ScrollView, Modal as Modal$1, FlatList, TextInput as TextInput$1, PanResponder, BackHandler, InteractionManager, useWindowDimensions, Keyboard, SectionList, RefreshControl as RefreshControl$1 } from 'react-native';
 import React, { useContext, createContext, createElement, useMemo, forwardRef, useEffect, useCallback, useRef, useState, memo, useReducer, useLayoutEffect, useImperativeHandle, isValidElement } from 'react';
 import { createIconSet } from 'react-native-vector-icons';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -12376,8 +12376,15 @@ var Carousel = function Carousel(_ref) {
       onItemIndexChange(index);
     }
   }, [setCurrentSlideIndex, onItemIndexChange]);
-  var _useWindowDimensions = useWindowDimensions(),
-    width = _useWindowDimensions.width;
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    flatListWidth = _useState4[0],
+    setFlatListWidth = _useState4[1];
+  var itemWidth = flatListWidth;
+  var flatListOnLayout = useCallback(function (e) {
+    setFlatListWidth(e.nativeEvent.layout.width);
+  }, [setFlatListWidth]);
+  var width = flatListWidth;
   var scrollX = useRef(new Animated.Value(0)).current;
   useEffect(function () {
     // must use setTimeout since when layout is mounted, the pagination dots are not set correct scrollX
@@ -12392,7 +12399,7 @@ var Carousel = function Carousel(_ref) {
     return function () {
       clearTimeout(handle);
     };
-  }, [currentSlideIndex, carouselRef]);
+  }, [currentSlideIndex, carouselRef, scrollX, width]);
   var viewConfig = useRef({
     viewAreaCoveragePercentThreshold: 50
   }).current;
@@ -12413,6 +12420,7 @@ var Carousel = function Carousel(_ref) {
     numberOfPages: items.length,
     currentPage: currentSlideIndex
   })), /*#__PURE__*/React.createElement(StyledCarouselView, null, /*#__PURE__*/React.createElement(FlatList, {
+    onLayout: flatListOnLayout,
     testID: testID ? "".concat(testID, "_flatlist") : undefined,
     horizontal: true,
     showsHorizontalScrollIndicator: false,
@@ -12446,6 +12454,13 @@ var Carousel = function Carousel(_ref) {
         content: content,
         width: width
       });
+    },
+    getItemLayout: function getItemLayout(_, index) {
+      return {
+        length: itemWidth,
+        offset: itemWidth * index,
+        index: index
+      };
     }
   }), /*#__PURE__*/React.createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldRenderPagination && /*#__PURE__*/React.createElement(StyledPageControl, {
     numberOfPages: items.length,

package/lib/index.js

@@ -12406,8 +12406,15 @@ var Carousel = function Carousel(_ref) {
       onItemIndexChange(index);
     }
   }, [setCurrentSlideIndex, onItemIndexChange]);
-  var _useWindowDimensions = reactNative.useWindowDimensions(),
-    width = _useWindowDimensions.width;
+  var _useState3 = React.useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    flatListWidth = _useState4[0],
+    setFlatListWidth = _useState4[1];
+  var itemWidth = flatListWidth;
+  var flatListOnLayout = React.useCallback(function (e) {
+    setFlatListWidth(e.nativeEvent.layout.width);
+  }, [setFlatListWidth]);
+  var width = flatListWidth;
   var scrollX = React.useRef(new reactNative.Animated.Value(0)).current;
   React.useEffect(function () {
     // must use setTimeout since when layout is mounted, the pagination dots are not set correct scrollX
@@ -12422,7 +12429,7 @@ var Carousel = function Carousel(_ref) {
     return function () {
       clearTimeout(handle);
     };
-  }, [currentSlideIndex, carouselRef]);
+  }, [currentSlideIndex, carouselRef, scrollX, width]);
   var viewConfig = React.useRef({
     viewAreaCoveragePercentThreshold: 50
   }).current;
@@ -12443,6 +12450,7 @@ var Carousel = function Carousel(_ref) {
     numberOfPages: items.length,
     currentPage: currentSlideIndex
   })), /*#__PURE__*/React__default["default"].createElement(StyledCarouselView, null, /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, {
+    onLayout: flatListOnLayout,
     testID: testID ? "".concat(testID, "_flatlist") : undefined,
     horizontal: true,
     showsHorizontalScrollIndicator: false,
@@ -12476,6 +12484,13 @@ var Carousel = function Carousel(_ref) {
         content: content,
         width: width
       });
+    },
+    getItemLayout: function getItemLayout(_, index) {
+      return {
+        length: itemWidth,
+        offset: itemWidth * index,
+        index: index
+      };
     }
   }), /*#__PURE__*/React__default["default"].createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldRenderPagination && /*#__PURE__*/React__default["default"].createElement(StyledPageControl, {
     numberOfPages: items.length,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.55.1-rc2.3",
+  "version": "8.55.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -10,7 +10,7 @@
     "type-check": "tsc --noEmit",
     "test": "jest --runInBand",
     "test:watch": "jest --runInBand --watch",
-    "test:ci": "jest --c=jest-ci.config.js --i --logHeapUsage",
+    "test:ci": "jest --c=jest-ci.config.js --i --logHeapUsage --coverage && cat ./coverage/lcov.info",
     "build:js": "rollup -c",
     "build:types": "tsc --noEmit false --emitDeclarationOnly --project tsconfig.prod.json",
     "build": "yarn build:js && yarn build:types",
@@ -22,14 +22,14 @@
     "@emotion/native": "^11.9.3",
     "@emotion/primitives-core": "11.0.0",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.42.6-rc2.3",
+    "@hero-design/colors": "8.42.5",
     "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.42.7-rc2.2",
+    "@hero-design/react-native-month-year-picker": "^8.42.6",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.4.3",
     "react": "18.2.0",
@@ -48,8 +48,8 @@
     "@babel/preset-typescript": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@emotion/jest": "^11.11.0",
-    "@hero-design/eslint-plugin": "9.0.1-rc2.2",
-    "@hero-design/react-native-month-year-picker": "^8.42.7-rc2.2",
+    "@hero-design/eslint-plugin": "9.0.0",
+    "@hero-design/react-native-month-year-picker": "^8.42.6",
     "@react-native-community/datetimepicker": "3.5.2",
     "@react-native-community/slider": "4.4.3",
     "@rollup/plugin-babel": "^5.3.1",
@@ -66,12 +66,12 @@
     "babel-plugin-inline-import": "^3.0.0",
     "core-js": "^3.33.0",
     "eslint": "^8.56.0",
-    "eslint-config-hd": "8.42.5-rc2.2",
+    "eslint-config-hd": "8.42.4",
     "eslint-plugin-import": "^2.27.5",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "jest-junit": "^16.0.0",
-    "prettier-config-hd": "8.42.5-rc2.2",
+    "prettier-config-hd": "8.42.4",
     "react": "18.2.0",
     "react-native": "0.71.14",
     "react-native-gesture-handler": "~2.5.0",

package/sonar-project.properties

@@ -7,3 +7,4 @@ sonar.sources=.
 sonar.inclusions=**/*
 sonar.exclusions=**/__tests__/**,**/public/**
 sonar.java.binaries=**/src/main/java
+sonar.javascript.lcov.reportPaths=./coverage/lcov.info