@hero-design/rn 8.103.0 → 8.103.1

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
-(node:3158) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
+(node:3203) 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 13.6s
+created lib/index.js, es/index.js in 1m 13.2s
 
 /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.8s
+created ., . in 20.7s

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @hero-design/rn
 
+## 8.103.1
+
+### Patch Changes
+
+- [#4020](https://github.com/Thinkei/hero-design/pull/4020) [`23b0c7f7744bb4972504237b57cce57da9da5a73`](https://github.com/Thinkei/hero-design/commit/23b0c7f7744bb4972504237b57cce57da9da5a73) Thanks [@cuongnguyeneh](https://github.com/cuongnguyeneh)! - [TextInput] Update testId for label of input
+
 ## 8.103.0
 
 ### Minor Changes

package/es/index.js

@@ -20252,7 +20252,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
       backgroundColor: backgroundColor
     },
     nativeID: accessibilityLabelledBy,
-    testID: "input-label",
+    testID: "input-label".concat(nativeInputTestIDSuffix),
     themeState: state
   }, required && /*#__PURE__*/React__default.createElement(StyledAsteriskLabelInsideTextInput, {
     style: {
@@ -20261,6 +20261,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     themeState: state,
     testID: "input-label-asterisk"
   }, "*"), /*#__PURE__*/React__default.createElement(Typography.Body, {
+    testID: "input-label-text".concat(nativeInputTestIDSuffix),
     numberOfLines: 1
   }, label))), /*#__PURE__*/React__default.createElement(StyledTextInputAndLabelContainer, null, renderInput$1({
     variant: variant,

package/lib/index.js

@@ -20281,7 +20281,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
       backgroundColor: backgroundColor
     },
     nativeID: accessibilityLabelledBy,
-    testID: "input-label",
+    testID: "input-label".concat(nativeInputTestIDSuffix),
     themeState: state
   }, required && /*#__PURE__*/React__namespace.default.createElement(StyledAsteriskLabelInsideTextInput, {
     style: {
@@ -20290,6 +20290,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
     themeState: state,
     testID: "input-label-asterisk"
   }, "*"), /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+    testID: "input-label-text".concat(nativeInputTestIDSuffix),
     numberOfLines: 1
   }, label))), /*#__PURE__*/React__namespace.default.createElement(StyledTextInputAndLabelContainer, null, renderInput$1({
     variant: variant,

package/package.json

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

package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap

@@ -159,6 +159,7 @@ exports[`DatePicker renders DatePickerAndroid when OS is android 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"
@@ -444,6 +445,7 @@ exports[`DatePicker renders DatePickerIOS when OS is iOS 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"
@@ -729,6 +731,7 @@ exports[`DatePicker renders variant Calendar 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap

@@ -159,6 +159,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap

@@ -159,6 +159,7 @@ exports[`DatePickerCalendar renders correctly 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap

@@ -159,6 +159,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"
@@ -843,6 +844,7 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"

package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -161,6 +161,7 @@ exports[`rendering allows custom renderer 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -1705,6 +1706,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -3419,6 +3421,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -3709,6 +3712,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -5453,6 +5457,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -5756,6 +5761,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -7088,6 +7094,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"

package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -161,6 +161,7 @@ exports[`rendering allows custom renderer 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -1617,6 +1618,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -3216,6 +3218,7 @@ exports[`rendering renders correctly when bottom sheet is NOT visible 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -3506,6 +3509,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -5107,6 +5111,7 @@ exports[`rendering renders correctly when input is loading 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"
@@ -5410,6 +5415,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
                       undefined,
                     ]
                   }
+                  testID="input-label-text"
                   themeIntent="body"
                   themeTypeface="neutral"
                   themeVariant="regular"

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

@@ -166,6 +166,7 @@ exports[`TextInput backgroundColor renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -493,6 +494,7 @@ exports[`TextInput defaultValue TextInput is idle renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -819,6 +821,7 @@ exports[`TextInput defaultValue default Value and Value renders correctly with 2
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -1084,7 +1087,7 @@ exports[`TextInput disabled renders correctly 1`] = `
               },
             ]
           }
-          testID="input-label"
+          testID="input-label-disabled-text-input"
           themeState="disabled"
         >
           <Text
@@ -1131,6 +1134,7 @@ exports[`TextInput disabled renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text-disabled-text-input"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -1406,6 +1410,7 @@ exports[`TextInput error renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -1708,6 +1713,7 @@ exports[`TextInput filled renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -1998,6 +2004,7 @@ exports[`TextInput helper text renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -2248,7 +2255,7 @@ exports[`TextInput idle renders correctly 1`] = `
               },
             ]
           }
-          testID="input-label"
+          testID="input-label-idle-text-input"
           themeState="default"
         >
           <Text
@@ -2266,6 +2273,7 @@ exports[`TextInput idle renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text-idle-text-input"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -2555,6 +2563,7 @@ exports[`TextInput idle with suffix and prefix are React Element renders correct
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -3042,6 +3051,7 @@ exports[`TextInput max length renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -3390,6 +3400,7 @@ exports[`TextInput max length renders correctly with hide character count 1`] =
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -3724,6 +3735,7 @@ exports[`TextInput placeholder TextInput is idle renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -4018,6 +4030,7 @@ exports[`TextInput readonly renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -4263,6 +4276,7 @@ exports[`TextInput ref ref methods work correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -4538,6 +4552,7 @@ exports[`TextInput required renders correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"
@@ -4782,6 +4797,7 @@ exports[`TextInput variants renders textarea variant correctly 1`] = `
                 undefined,
               ]
             }
+            testID="input-label-text"
             themeIntent="body"
             themeTypeface="neutral"
             themeVariant="regular"

package/src/components/TextInput/__tests__/index.spec.tsx

@@ -62,7 +62,9 @@ describe('TextInput', () => {
         within(getByTestId('idle-text-input')).queryAllByText('Amount (AUD)')
       ).toHaveLength(1);
       expect(
-        within(getByTestId('idle-text-input')).queryAllByTestId('input-label')
+        within(getByTestId('idle-text-input')).queryAllByTestId(
+          'input-label-idle-text-input'
+        )
       ).toHaveLength(1);
       expect(
         within(getByTestId('idle-text-input')).queryAllByTestId('input-prefix')
@@ -87,7 +89,9 @@ describe('TextInput', () => {
 
       expect(getByTestId('idle-text-input')).toBeTruthy();
       expect(
-        within(getByTestId('idle-text-input')).queryAllByTestId('input-label')
+        within(getByTestId('idle-text-input')).queryAllByTestId(
+          'input-label-idle-text-input'
+        )
       ).toHaveLength(0);
     });
 
@@ -308,7 +312,9 @@ describe('TextInput', () => {
 
       expect(toJSON()).toMatchSnapshot();
       expect(queryAllByText('Amount (AUD)')).toHaveLength(1);
-      expect(queryAllByTestId('input-label')).toHaveLength(1);
+      expect(queryAllByTestId('input-label-disabled-text-input')).toHaveLength(
+        1
+      );
       expect(queryAllByTestId('text-input-disabled-text-input')).toHaveLength(
         1
       );

package/src/components/TextInput/index.tsx

@@ -489,7 +489,7 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
               <StyledLabelInsideTextInput
                 style={{ backgroundColor }}
                 nativeID={accessibilityLabelledBy}
-                testID="input-label"
+                testID={`input-label${nativeInputTestIDSuffix}`}
                 themeState={state}
               >
                 {required && (
@@ -501,7 +501,12 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
                     *
                   </StyledAsteriskLabelInsideTextInput>
                 )}
-                <Typography.Body numberOfLines={1}>{label}</Typography.Body>
+                <Typography.Body
+                  testID={`input-label-text${nativeInputTestIDSuffix}`}
+                  numberOfLines={1}
+                >
+                  {label}
+                </Typography.Body>
               </StyledLabelInsideTextInput>
             )}
           </StyledLabelContainerInsideTextInput>

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap

@@ -159,6 +159,7 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"
@@ -449,6 +450,7 @@ exports[`TimePickerAndroid renders correctly 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"

package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap

@@ -159,6 +159,7 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"
@@ -449,6 +450,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
                     undefined,
                   ]
                 }
+                testID="input-label-text"
                 themeIntent="body"
                 themeTypeface="neutral"
                 themeVariant="regular"