@hero-design/rn-work-uikit 1.9.0 → 1.9.1

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@hero-design/rn-work-uikit",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
   "types": "types/index.d.ts",
   "description": "EH Work specific UI components built on top of @hero-design/rn",
   "scripts": {
-    "lint": "eslint src",
+    "lint": "eslint src --quiet",
     "type-check": "tsc --noEmit",
     "test": "jest --runInBand",
     "test:watch": "jest --runInBand --watch",
@@ -21,13 +21,12 @@
   },
   "dependencies": {
     "@emotion/native": "^11.9.3",
-    "@emotion/primitives-core": "11.0.0",
     "@emotion/react": "^11.9.3",
-    "@hero-design/rn": "^8.111.0",
+    "@hero-design/rn": "^8.112.0",
     "hero-editor": "^1.17.0"
   },
   "peerDependencies": {
-    "@hero-design/react-native-month-year-picker": "^8.43.1",
+    "@hero-design/react-native-month-year-picker": "^8.43.2",
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
     "@react-native-community/datetimepicker": "^3.5.2 || ^7.6.1",
     "@react-native-community/slider": "^4.5.1",
@@ -53,8 +52,8 @@
     "@eslint/compat": "^1.1.1",
     "@eslint/eslintrc": "^3.1.0",
     "@eslint/js": "^9.8.0",
-    "@hero-design/eslint-plugin": "9.2.0",
-    "@hero-design/react-native-month-year-picker": "^8.43.1",
+    "@hero-design/eslint-plugin": "9.2.1",
+    "@hero-design/react-native-month-year-picker": "^8.43.2",
     "@ptomasroos/react-native-multi-slider": "^2.2.2",
     "@react-native-community/cli": "15.0.1",
     "@react-native-community/cli-platform-android": "15.0.1",

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

@@ -328,7 +328,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
           themeIntent="text"
           themeSize="medium"
         >
-          
+          
         </Text>
       </View>
     </Pressable>
@@ -522,7 +522,7 @@ exports[`DatePicker renders correctly (snapshot) 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>
@@ -984,7 +984,7 @@ exports[`Dialog renders DatePickerAndroid when OS is android 1`] = `
           themeIntent="text"
           themeSize="medium"
         >
-          
+          
         </Text>
       </View>
     </Pressable>
@@ -1320,7 +1320,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
           themeIntent="text"
           themeSize="medium"
         >
-          
+          
         </Text>
       </View>
     </Pressable>
@@ -1514,7 +1514,7 @@ exports[`Dialog renders DatePickerIOS when OS is iOS 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>

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

@@ -332,7 +332,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
               themeIntent="text"
               themeSize="medium"
             >
-              
+              
             </Text>
           </View>
         </Pressable>
@@ -530,7 +530,7 @@ exports[`MultiSelect renders correctly (snapshot) 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>
@@ -1035,7 +1035,7 @@ exports[`Select renders correctly (snapshot) 1`] = `
               themeIntent="text"
               themeSize="medium"
             >
-              
+              
             </Text>
           </View>
         </Pressable>
@@ -1233,7 +1233,7 @@ exports[`Select renders correctly (snapshot) 1`] = `
                   themeIntent="text"
                   themeSize="xsmall"
                 >
-                  
+                  
                 </Text>
               </TouchableOpacity>
             </View>

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

@@ -212,7 +212,7 @@ exports[`TextInput when user applies custom styling should respect user-provided
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1162,7 +1162,7 @@ exports[`TextInput when user encounters a read-only field should display content
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1278,7 +1278,7 @@ exports[`TextInput when user encounters a read-only field should display content
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -1526,7 +1526,7 @@ exports[`TextInput when user has entered text should show the input content and
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -1642,7 +1642,7 @@ exports[`TextInput when user has entered text should show the input content and
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -1860,7 +1860,7 @@ exports[`TextInput when user interacts with placeholder text starting from empty
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -2461,7 +2461,7 @@ exports[`TextInput when user provides default values starting with pre-filled co
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -2819,7 +2819,7 @@ exports[`TextInput when user provides default values when both default and contr
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3208,7 +3208,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3342,7 +3342,7 @@ exports[`TextInput when user sees a loading state should show loading indicator
         themeIntent="text"
         themeSize="medium"
       >
-        
+        
       </Text>
     </AnimatedView>
   </View>
@@ -3561,7 +3561,7 @@ exports[`TextInput when user sees a required field should indicate the field is
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -3676,7 +3676,7 @@ exports[`TextInput when user sees a required field should indicate the field is
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -3924,7 +3924,7 @@ exports[`TextInput when user sees a textarea with character count should display
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4078,7 +4078,7 @@ exports[`TextInput when user sees a textarea with character count should display
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4326,7 +4326,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4444,7 +4444,7 @@ exports[`TextInput when user sees a textarea with character count should hide ch
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -4694,7 +4694,7 @@ exports[`TextInput when user sees an empty input field should display label and
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -4809,7 +4809,7 @@ exports[`TextInput when user sees an empty input field should display label and
       themeIntent="text"
       themeSize="medium"
     >
-      
+      
     </Text>
   </View>
 </Pressable>
@@ -5027,7 +5027,7 @@ exports[`TextInput when user sees an error state should display error message to
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>
@@ -5406,7 +5406,7 @@ exports[`TextInput when user sees helper text should display guidance text to as
             themeIntent="text"
             themeSize="xsmall"
           >
-            
+            
           </Text>
         </View>
       </View>

package/.cursorrules

@@ -1,57 +0,0 @@
-# RN Work UIKit Specific Rules
-
-## Package Context
-This is the work-specific React Native component library that extends @hero-design/rn with work-focused components like TextInput, specialized themes, and work-specific patterns.
-
-## Testing Rules for RN Work UIKit
-- Write user-behavior focused tests that describe what users see and experience
-- Use descriptive test names like "when user sees an empty input field" instead of "idle state"
-- Group related assertions with explanatory comments about user expectations
-- Focus on user interactions and outcomes rather than implementation details
-- Use `@testing-library/react-native` for all component testing
-- Use `renderWithTheme()` from `../../../../testUtils/renderWithTheme` for components that need theme context
-- Use semantic matchers like `toBeDisabled()`, `toHaveProp()` when available
-- For complex React Native styles, use manual checking when `toHaveStyle()` doesn't work
-- Handle React Native's nested style arrays with `StyleSheet.flatten()` or custom helpers
-- Aim for 100% line coverage on main component files
-- Create dedicated test files for each component (not just integration tests)
-- Test edge cases: undefined props, complex styles, error states
-- Test imperative APIs: ref methods, focus/blur behavior
-- Test accessibility: screen reader support, keyboard navigation
-
-## Component Development Rules
-- Import `styled` from `@hero-design/rn` for consistency with base theme
-- Use `useTheme()` hook instead of prop drilling theme
-- Extend base components from `@hero-design/rn` when possible
-- Follow work-specific design patterns and accessibility requirements
-- Use TypeScript strictly - no `any` types without good reason
-- Fix linting errors immediately
-- Use proper React Native components (`Text`, `View`) instead of HTML elements
-
-## Documentation Rules
-- Document Props interfaces with JSDoc comments directly on each property: `/** Description */`
-- Use simplified @param comments: `@param props - The component props (see [ComponentName]Props interface for details)`
-- Avoid mentioning implementation details like "memoized component" in JSDoc comments
-- Focus JSDoc comments on what the component does, not how it's implemented
-- Keep type information in the Props interface, not duplicated in @param comments
-
-## File Organization
-- Separate large test files by component responsibility
-- Use consistent naming: `ComponentName.spec.tsx`
-- Keep test utilities in `testUtils/` directory at package root
-- Use snapshot testing for visual regression prevention
-- Create README.md files in test directories explaining testing approach
-
-## Work-Specific Patterns
-- Components should work with work theme overrides
-- Test with work-specific color palettes and spacing
-- Ensure compatibility with work app requirements
-- Follow work accessibility guidelines
-- Test performance with work-typical data sizes
-
-## Quality Gates
-- All tests must pass with 100% coverage on main components
-- No linting errors
-- No TypeScript errors
-- Components must work with both base and work themes
-- Accessibility compliance for work environment 

package/src/utils/hooks.ts

@@ -1,10 +0,0 @@
-import { useEffect } from 'react';
-
-export const useDeprecation = (message: string, cond = true) => {
-  useEffect(() => {
-    // eslint-disable-next-line no-console
-    if (cond) {
-      console.warn(message);
-    }
-  }, [message, cond]);
-};