@hero-design/rn 8.110.0 → 8.110.1

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:2747) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:2754) 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...
@@ -9,9 +9,9 @@ node_modules/d3-selection/src/selection/index.js -> node_modules/d3-selection/sr
 ...and 12 more
 (!) [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 2m 2.6s
+created lib/index.js, es/index.js in 2m 13.6s
 
 /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 35.3s
+created ., . in 35.8s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.110.1
+
+### Patch Changes
+
+- [#4262](https://github.com/Thinkei/hero-design/pull/4262) [`7fbdf8736b42b9a9cb1c7ee203c69192b6d12a1f`](https://github.com/Thinkei/hero-design/commit/7fbdf8736b42b9a9cb1c7ee203c69192b6d12a1f) Thanks [@ttkien](https://github.com/ttkien)! - Upgrade react-native 0.77.3
+
 ## 8.110.0
 
 ### Minor Changes

package/es/index.js

@@ -8903,7 +8903,8 @@ var Accordion = function Accordion(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     style = _ref.style,
-    testID = _ref.testID;
+    testID = _ref.testID,
+    accessible = _ref.accessible;
   var defaultValue = useMemo(function () {
     return typeof activeItemKey === 'number' ? NaN : '';
   }, [activeItemKey]);
@@ -8913,7 +8914,8 @@ var Accordion = function Accordion(_ref) {
     _onItemPress = _usePropsOrInternalSt2[1];
   return /*#__PURE__*/React__default.createElement(StyledWrapper$e, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
       props = _objectWithoutProperties(_ref2, _excluded$I);
@@ -20012,7 +20014,7 @@ var StyledChipIcon = index$c(Icon)(function (_ref2) {
   };
 });
 
-var _excluded$u = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon"];
+var _excluded$u = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon", "accessible"];
 var getChipLabel = function getChipLabel(label) {
   if (typeof label === 'string') {
     return /*#__PURE__*/React__default.createElement(Typography.Body, {
@@ -20045,6 +20047,7 @@ var Chip = function Chip(_ref) {
     onPress = _ref.onPress,
     _ref$showSelectedIcon = _ref.showSelectedIcon,
     showSelectedIcon = _ref$showSelectedIcon === void 0 ? true : _ref$showSelectedIcon,
+    accessible = _ref.accessible,
     otherProps = _objectWithoutProperties(_ref, _excluded$u);
   useDeprecation('Chip variant `outlined` and `filled` are deprecated.', variant === 'outlined' || variant === 'filled');
   var renamedVariant = getChipVariant(variant);
@@ -20055,7 +20058,8 @@ var Chip = function Chip(_ref) {
   return /*#__PURE__*/React__default.createElement(StyledChipWrapper, _extends$1({
     onPress: onPress,
     themeVariant: renamedVariant,
-    themeSelected: selected
+    themeSelected: selected,
+    accessible: accessible
   }, otherProps), icon && /*#__PURE__*/React__default.createElement(Box, {
     marginRight: "small"
   }, /*#__PURE__*/React__default.createElement(StyledChipIcon, {
@@ -24958,7 +24962,8 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     style = _ref2.style,
     testID = _ref2.testID,
     textContentType = _ref2.textContentType,
-    autoComplete = _ref2.autoComplete;
+    autoComplete = _ref2.autoComplete,
+    accessible = _ref2.accessible;
   var inputRef = useRef(null);
   var _useState = useState(autoFocus),
     _useState2 = _slicedToArray(_useState, 2),
@@ -25019,7 +25024,8 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   }, [trimmedValue]);
   return /*#__PURE__*/React__default.createElement(StyledWrapper$6, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, /*#__PURE__*/React__default.createElement(StyledPinWrapper, {
     onPress: focus,
     disabled: disabled,
@@ -25829,11 +25835,13 @@ var RadioGroup = function RadioGroup(_ref) {
     keyExtractor = _ref.keyExtractor,
     style = _ref.style,
     testID = _ref.testID,
+    accessible = _ref.accessible,
     _ref$inactiveIntent = _ref.inactiveIntent,
     inactiveIntent = _ref$inactiveIntent === void 0 ? 'light' : _ref$inactiveIntent;
   return /*#__PURE__*/React__default.createElement(View, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, options.map(function (option, index) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: getKey(option, index, keyExtractor)
@@ -28168,10 +28176,12 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'right' : _ref$align,
     _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items;
+    items = _ref$items === void 0 ? [] : _ref$items,
+    accessible = _ref.accessible;
   useDeprecation("Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.", align !== 'right');
   return /*#__PURE__*/React__default.createElement(ToolbarGroupWrapper, {
-    align: align
+    align: align,
+    accessible: accessible
   }, items.map(function (_ref2) {
     var label = _ref2.label,
       icon = _ref2.icon,
@@ -48142,10 +48152,12 @@ var SearchTwoLine = function SearchTwoLine(props) {
     content = props.content,
     testID = props.testID,
     _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'basic' : _props$variant;
+    variant = _props$variant === void 0 ? 'basic' : _props$variant,
+    accessible = props.accessible;
   return /*#__PURE__*/React__default.createElement(StyledContainer, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, /*#__PURE__*/React__default.createElement(StyledInputContainer, {
     themeVariant: variant
   }, renderPrefix({
@@ -48157,7 +48169,7 @@ var SearchTwoLine = function SearchTwoLine(props) {
   })));
 };
 
-var _excluded$2 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable"];
+var _excluded$2 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable", "accessible"];
 var getState = function getState(_ref) {
   var disabled = _ref.disabled,
     editable = _ref.editable,
@@ -48201,6 +48213,7 @@ var SearchOneLine = /*#__PURE__*/forwardRef(function (props, ref) {
     variant = _props$variant === void 0 ? 'basic' : _props$variant,
     _props$clearable = props.clearable,
     clearable = _props$clearable === void 0 ? false : _props$clearable,
+    accessible = props.accessible,
     nativeProps = _objectWithoutProperties(props, _excluded$2);
   var _React$useState = React__default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -48262,7 +48275,8 @@ var SearchOneLine = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React__default.createElement(StyledContainer, {
     pointerEvents: state === 'disabled' || state === 'readonly' ? 'none' : 'auto',
     testID: testID,
-    style: style
+    style: style,
+    accessible: accessible
   }, /*#__PURE__*/React__default.createElement(StyledInputContainer, {
     themeVariant: variant
   }, renderPrefix({

package/lib/index.js

@@ -8932,7 +8932,8 @@ var Accordion = function Accordion(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
     style = _ref.style,
-    testID = _ref.testID;
+    testID = _ref.testID,
+    accessible = _ref.accessible;
   var defaultValue = React.useMemo(function () {
     return typeof activeItemKey === 'number' ? NaN : '';
   }, [activeItemKey]);
@@ -8942,7 +8943,8 @@ var Accordion = function Accordion(_ref) {
     _onItemPress = _usePropsOrInternalSt2[1];
   return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$e, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
       props = _objectWithoutProperties(_ref2, _excluded$I);
@@ -20041,7 +20043,7 @@ var StyledChipIcon = index$c(Icon)(function (_ref2) {
   };
 });
 
-var _excluded$u = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon"];
+var _excluded$u = ["label", "variant", "selected", "icon", "onPress", "showSelectedIcon", "accessible"];
 var getChipLabel = function getChipLabel(label) {
   if (typeof label === 'string') {
     return /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
@@ -20074,6 +20076,7 @@ var Chip = function Chip(_ref) {
     onPress = _ref.onPress,
     _ref$showSelectedIcon = _ref.showSelectedIcon,
     showSelectedIcon = _ref$showSelectedIcon === void 0 ? true : _ref$showSelectedIcon,
+    accessible = _ref.accessible,
     otherProps = _objectWithoutProperties(_ref, _excluded$u);
   useDeprecation('Chip variant `outlined` and `filled` are deprecated.', variant === 'outlined' || variant === 'filled');
   var renamedVariant = getChipVariant(variant);
@@ -20084,7 +20087,8 @@ var Chip = function Chip(_ref) {
   return /*#__PURE__*/React__namespace.default.createElement(StyledChipWrapper, _extends$1({
     onPress: onPress,
     themeVariant: renamedVariant,
-    themeSelected: selected
+    themeSelected: selected,
+    accessible: accessible
   }, otherProps), icon && /*#__PURE__*/React__namespace.default.createElement(Box, {
     marginRight: "small"
   }, /*#__PURE__*/React__namespace.default.createElement(StyledChipIcon, {
@@ -24987,7 +24991,8 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     style = _ref2.style,
     testID = _ref2.testID,
     textContentType = _ref2.textContentType,
-    autoComplete = _ref2.autoComplete;
+    autoComplete = _ref2.autoComplete,
+    accessible = _ref2.accessible;
   var inputRef = React.useRef(null);
   var _useState = React.useState(autoFocus),
     _useState2 = _slicedToArray(_useState, 2),
@@ -25048,7 +25053,8 @@ var PinInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   }, [trimmedValue]);
   return /*#__PURE__*/React__namespace.default.createElement(StyledWrapper$6, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, /*#__PURE__*/React__namespace.default.createElement(StyledPinWrapper, {
     onPress: focus,
     disabled: disabled,
@@ -25858,11 +25864,13 @@ var RadioGroup = function RadioGroup(_ref) {
     keyExtractor = _ref.keyExtractor,
     style = _ref.style,
     testID = _ref.testID,
+    accessible = _ref.accessible,
     _ref$inactiveIntent = _ref.inactiveIntent,
     inactiveIntent = _ref$inactiveIntent === void 0 ? 'light' : _ref$inactiveIntent;
   return /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, options.map(function (option, index) {
     return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, {
       key: getKey(option, index, keyExtractor)
@@ -28197,10 +28205,12 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'right' : _ref$align,
     _ref$items = _ref.items,
-    items = _ref$items === void 0 ? [] : _ref$items;
+    items = _ref$items === void 0 ? [] : _ref$items,
+    accessible = _ref.accessible;
   useDeprecation("Toolbar's align prop is deprecated for 'left' and 'center' alignment. Please use 'right' instead.", align !== 'right');
   return /*#__PURE__*/React__namespace.default.createElement(ToolbarGroupWrapper, {
-    align: align
+    align: align,
+    accessible: accessible
   }, items.map(function (_ref2) {
     var label = _ref2.label,
       icon = _ref2.icon,
@@ -48171,10 +48181,12 @@ var SearchTwoLine = function SearchTwoLine(props) {
     content = props.content,
     testID = props.testID,
     _props$variant = props.variant,
-    variant = _props$variant === void 0 ? 'basic' : _props$variant;
+    variant = _props$variant === void 0 ? 'basic' : _props$variant,
+    accessible = props.accessible;
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer, {
     style: style,
-    testID: testID
+    testID: testID,
+    accessible: accessible
   }, /*#__PURE__*/React__namespace.default.createElement(StyledInputContainer, {
     themeVariant: variant
   }, renderPrefix({
@@ -48186,7 +48198,7 @@ var SearchTwoLine = function SearchTwoLine(props) {
   })));
 };
 
-var _excluded$2 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable"];
+var _excluded$2 = ["prefix", "suffix", "style", "allowFontScaling", "accessibilityLabelledBy", "editable", "maxLength", "value", "defaultValue", "placeholder", "disabled", "testID", "variant", "clearable", "accessible"];
 var getState = function getState(_ref) {
   var disabled = _ref.disabled,
     editable = _ref.editable,
@@ -48230,6 +48242,7 @@ var SearchOneLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
     variant = _props$variant === void 0 ? 'basic' : _props$variant,
     _props$clearable = props.clearable,
     clearable = _props$clearable === void 0 ? false : _props$clearable,
+    accessible = props.accessible,
     nativeProps = _objectWithoutProperties(props, _excluded$2);
   var _React$useState = React__namespace.default.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -48291,7 +48304,8 @@ var SearchOneLine = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer, {
     pointerEvents: state === 'disabled' || state === 'readonly' ? 'none' : 'auto',
     testID: testID,
-    style: style
+    style: style,
+    accessible: accessible
   }, /*#__PURE__*/React__namespace.default.createElement(StyledInputContainer, {
     themeVariant: variant
   }, renderPrefix({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.110.0",
+  "version": "8.110.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -34,7 +34,7 @@
     "@react-native-community/datetimepicker": "^3.5.2 || ^7.6.1",
     "@react-native-community/slider": "^4.5.1",
     "react": "18.3.1",
-    "react-native": "0.76.9",
+    "react-native": "0.77.3 || 0.76.9",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-linear-gradient": "^2.8.3",
     "react-native-pager-view": "^6.7.0",
@@ -64,10 +64,10 @@
     "@react-native-community/cli-platform-ios": "15.0.1",
     "@react-native-community/datetimepicker": "8.2.0",
     "@react-native-community/slider": "^4.5.1",
-    "@react-native/babel-preset": "0.76.9",
-    "@react-native/eslint-config": "0.76.9",
-    "@react-native/metro-config": "0.76.9",
-    "@react-native/typescript-config": "0.76.9",
+    "@react-native/babel-preset": "0.77.3",
+    "@react-native/eslint-config": "0.77.3",
+    "@react-native/metro-config": "0.77.3",
+    "@react-native/typescript-config": "0.77.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-json": "^6.1.0",
@@ -104,7 +104,7 @@
     "prettier-config-hd": "8.42.4",
     "react": "18.3.1",
     "react-dom": "^18.2.0",
-    "react-native": "0.76.9",
+    "react-native": "0.77.3",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-linear-gradient": "2.8.3",
     "react-native-pager-view": "6.5.1",

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

@@ -96,12 +96,16 @@ exports[`AccordionItem renders correctly when header is an element 1`] = `
       collapsable={false}
       onLayout={[Function]}
       style={
-        {
-          "height": 0,
-          "margin": 0,
-          "overflow": "hidden",
-          "padding": 0,
-        }
+        [
+          {
+            "margin": 0,
+            "overflow": "hidden",
+            "padding": 0,
+          },
+          {
+            "height": 0,
+          },
+        ]
       }
     >
       <View
@@ -274,12 +278,16 @@ exports[`AccordionItem renders correctly when header is string 1`] = `
       collapsable={false}
       onLayout={[Function]}
       style={
-        {
-          "height": 0,
-          "margin": 0,
-          "overflow": "hidden",
-          "padding": 0,
-        }
+        [
+          {
+            "margin": 0,
+            "overflow": "hidden",
+            "padding": 0,
+          },
+          {
+            "height": 0,
+          },
+        ]
       }
     >
       <View
@@ -452,12 +460,16 @@ exports[`AccordionItem renders correctly when open 1`] = `
       collapsable={false}
       onLayout={[Function]}
       style={
-        {
-          "height": 0,
-          "margin": 0,
-          "overflow": "hidden",
-          "padding": 0,
-        }
+        [
+          {
+            "margin": 0,
+            "overflow": "hidden",
+            "padding": 0,
+          },
+          {
+            "height": 0,
+          },
+        ]
       }
     >
       <View
@@ -630,12 +642,16 @@ exports[`AccordionItem renders correctly when variant is card 1`] = `
       collapsable={false}
       onLayout={[Function]}
       style={
-        {
-          "height": 0,
-          "margin": 0,
-          "overflow": "hidden",
-          "padding": 0,
-        }
+        [
+          {
+            "margin": 0,
+            "overflow": "hidden",
+            "padding": 0,
+          },
+          {
+            "height": 0,
+          },
+        ]
       }
     >
       <View

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

@@ -104,12 +104,16 @@ exports[`Accordion allows fully controlled 1`] = `
         collapsable={false}
         onLayout={[Function]}
         style={
-          {
-            "height": 0,
-            "margin": 0,
-            "overflow": "hidden",
-            "padding": 0,
-          }
+          [
+            {
+              "margin": 0,
+              "overflow": "hidden",
+              "padding": 0,
+            },
+            {
+              "height": 0,
+            },
+          ]
         }
       >
         <View
@@ -251,12 +255,16 @@ exports[`Accordion allows fully controlled 1`] = `
         collapsable={false}
         onLayout={[Function]}
         style={
-          {
-            "height": 0,
-            "margin": 0,
-            "overflow": "hidden",
-            "padding": 0,
-          }
+          [
+            {
+              "margin": 0,
+              "overflow": "hidden",
+              "padding": 0,
+            },
+            {
+              "height": 0,
+            },
+          ]
         }
       >
         <View
@@ -438,12 +446,16 @@ exports[`Accordion renders correctly 1`] = `
         collapsable={false}
         onLayout={[Function]}
         style={
-          {
-            "height": 0,
-            "margin": 0,
-            "overflow": "hidden",
-            "padding": 0,
-          }
+          [
+            {
+              "margin": 0,
+              "overflow": "hidden",
+              "padding": 0,
+            },
+            {
+              "height": 0,
+            },
+          ]
         }
       >
         <View
@@ -585,12 +597,16 @@ exports[`Accordion renders correctly 1`] = `
         collapsable={false}
         onLayout={[Function]}
         style={
-          {
-            "height": 0,
-            "margin": 0,
-            "overflow": "hidden",
-            "padding": 0,
-          }
+          [
+            {
+              "margin": 0,
+              "overflow": "hidden",
+              "padding": 0,
+            },
+            {
+              "height": 0,
+            },
+          ]
         }
       >
         <View
@@ -772,12 +788,16 @@ exports[`Accordion renders correctly when variant is card 1`] = `
         collapsable={false}
         onLayout={[Function]}
         style={
-          {
-            "height": 0,
-            "margin": 0,
-            "overflow": "hidden",
-            "padding": 0,
-          }
+          [
+            {
+              "margin": 0,
+              "overflow": "hidden",
+              "padding": 0,
+            },
+            {
+              "height": 0,
+            },
+          ]
         }
       >
         <View
@@ -930,12 +950,16 @@ exports[`Accordion renders correctly when variant is card 1`] = `
         collapsable={false}
         onLayout={[Function]}
         style={
-          {
-            "height": 0,
-            "margin": 0,
-            "overflow": "hidden",
-            "padding": 0,
-          }
+          [
+            {
+              "margin": 0,
+              "overflow": "hidden",
+              "padding": 0,
+            },
+            {
+              "height": 0,
+            },
+          ]
         }
       >
         <View

package/src/components/Accordion/index.tsx

@@ -38,6 +38,10 @@ export interface AccordionProps<K extends Key> {
    * Testing id of the component.
    */
   testID?: string;
+  /**
+   * If true, indicates that the Accordion is accessible to screen readers.
+   */
+  accessible?: boolean;
 }
 
 const Accordion = <K extends Key>({
@@ -47,6 +51,7 @@ const Accordion = <K extends Key>({
   variant = 'default',
   style,
   testID,
+  accessible,
 }: AccordionProps<K>) => {
   const defaultValue = useMemo(
     () => (typeof activeItemKey === 'number' ? NaN : '') as K,
@@ -59,7 +64,7 @@ const Accordion = <K extends Key>({
   );
 
   return (
-    <StyledWrapper style={style} testID={testID}>
+    <StyledWrapper style={style} testID={testID} accessible={accessible}>
       {items.map(({ key, ...props }, index) => {
         const open = _activeItemKey === key;
         return (