@hero-design/rn-work-uikit 1.2.3 → 1.3.1

package/tsconfig.json

@@ -14,7 +14,8 @@
     "types": ["jest"],
     "paths": {
       "react": ["./node_modules/@types/react"],
-      "react-native": ["./node_modules/react-native/types"]
+      "react-native": ["./node_modules/react-native/types"],
+      "@hero-design/rn": ["../rn/src/index.internal"]
     },
     "allowJs": true,
     "esModuleInterop": true,
@@ -25,5 +26,10 @@
     "skipLibCheck": true
   },
   "include": ["src"],
-  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
-} 
+  "exclude": [
+    "node_modules",
+    "babel.config.js",
+    "metro.config.js",
+    "jest.config.js"
+  ]
+}

package/tsconfig.rollup.json

@@ -12,7 +12,8 @@
     "types": ["jest"],
     "paths": {
       "react": ["./node_modules/@types/react"],
-      "react-native": ["./node_modules/react-native/types"]
+      "react-native": ["./node_modules/react-native/types"],
+      "@hero-design/rn": ["../rn/src/index.internal"]
     },
     "allowJs": true,
     "esModuleInterop": true,
@@ -23,5 +24,10 @@
     "skipLibCheck": true
   },
   "include": ["src"],
-  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
+  "exclude": [
+    "node_modules",
+    "babel.config.js",
+    "metro.config.js",
+    "jest.config.js"
+  ]
 }

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

@@ -1,172 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`first test to ensure configure correctly should render TextInput with props in snapshot 1`] = `
-<Pressable
-  accessibilityState={
-    {
-      "disabled": false,
-    }
-  }
-  disabled={false}
-  onPress={[Function]}
-  style={
-    [
-      [
-        {
-          "flexDirection": "row",
-          "marginTop": 7.846153846153847,
-          "minHeight": 54.92307692307692,
-          "paddingHorizontal": 15.692307692307693,
-          "width": "100%",
-        },
-      ],
-      {},
-    ]
-  }
-  testID="text-input"
-  themeFocused={false}
-  themeHasError={false}
-  themeUseGroupStyleEnabled={false}
->
-  <View
-    pointerEvents="none"
-    style={
-      [
-        [
-          {
-            "borderColor": "#e8e9ea",
-            "borderRadius": 8,
-            "borderWidth": 2,
-          },
-        ],
-        [
-          {
-            "backgroundColor": "#ffffff",
-          },
-          {},
-        ],
-      ]
-    }
-    testID="text-input-border"
-    themeFocused={false}
-    themeState="filled"
-  />
-  <View
-    style={
-      [
-        [
-          {
-            "backgroundColor": "transparent",
-            "borderRadius": 8,
-            "flex": 1,
-            "flexDirection": "column",
-            "marginBottom": 7.846153846153847,
-            "marginTop": 7.846153846153847,
-            "overflow": "hidden",
-          },
-        ],
-        undefined,
-      ]
-    }
-  >
-    <Pressable
-      style={
-        [
-          [
-            {
-              "alignItems": "center",
-              "flexDirection": "row",
-              "flexGrow": 2,
-              "flexShrink": 1,
-              "gap": 3.9230769230769234,
-              "opacity": 1,
-            },
-          ],
-          undefined,
-        ]
-      }
-      themeOpacity={1}
-    >
-      <View />
-      <View
-        accessibilityLabel="Text input field"
-        style={
-          {
-            "flex": 1,
-          }
-        }
-        testID="input-row-input-wrapper"
-      >
-        <TextInput
-          accessibilityState={
-            {
-              "disabled": false,
-            }
-          }
-          allowFontScaling={false}
-          editable={true}
-          onBlur={[Function]}
-          onChangeText={[Function]}
-          onFocus={[Function]}
-          placeholder="Enter text here"
-          placeholderTextColor="#4d6265"
-          style={
-            [
-              [
-                {
-                  "flexGrow": 2,
-                  "fontFamily": "BeVietnamPro-Regular",
-                  "fontSize": 15.692307692307693,
-                  "height": undefined,
-                  "maxHeight": 141.23076923076923,
-                  "minHeight": 23.53846153846154,
-                  "paddingVertical": 0,
-                  "textAlignVertical": "center",
-                },
-              ],
-              [
-                {
-                  "backgroundColor": "#ffffff",
-                  "color": "#001f23",
-                },
-                {},
-              ],
-            ]
-          }
-          testID="text-input-text-input"
-          themeVariant="text"
-          value="test value"
-        />
-      </View>
-    </Pressable>
-    <View
-      style={
-        [
-          [
-            {
-              "alignItems": "flex-start",
-              "flexDirection": "row",
-              "justifyContent": "space-between",
-            },
-          ],
-          undefined,
-        ]
-      }
-    />
-  </View>
-  <View
-    style={
-      [
-        [
-          {
-            "alignItems": "center",
-            "flexDirection": "row",
-            "justifyContent": "flex-end",
-          },
-        ],
-        undefined,
-      ]
-    }
-  />
-</Pressable>
-`;

package/src/__tests__/theme-export-override.spec.ts

@@ -1,96 +0,0 @@
-// Mock the entire theme module to avoid import resolution issues
-jest.mock('../theme', () => {
-  const mockWorkTheme = {
-    colors: { text: 'work-color' },
-    fonts: { base: 'work-font' },
-    space: { base: 'work-space' },
-    __hd__: {
-      textInput: {
-        colors: {
-          text: '#WORK_THEME_COLOR',
-          background: '#WORK_BACKGROUND',
-        },
-        space: { containerPadding: 'WORK_PADDING' },
-        fonts: { text: 'WORK_FONT' },
-      },
-      button: { base: 'button' },
-      accordion: { base: 'accordion' },
-    },
-  };
-
-  const mockGetTheme = jest.fn(() => mockWorkTheme);
-
-  return {
-    __esModule: true,
-    default: mockWorkTheme,
-    getTheme: mockGetTheme,
-    Theme: {},
-    CustomTheme: {},
-    ThemeProvider: jest.fn(),
-    ThemeSwitcher: jest.fn(),
-    useTheme: jest.fn(),
-    withTheme: jest.fn(),
-  };
-});
-
-// Mock the base @hero-design/rn
-jest.mock('@hero-design/rn', () => ({
-  getTheme: jest.fn(() => ({
-    colors: { text: 'base-color' },
-    __hd__: {
-      textInput: {
-        colors: { text: 'BASE_THEME_COLOR' },
-        space: { containerPadding: 'BASE_PADDING' },
-      },
-    },
-  })),
-  // Mock styled function
-  styled: jest.fn(() => jest.fn(() => 'MockStyledComponent')),
-  // Mock Typography component
-  Typography: {
-    Caption: 'MockCaption',
-  },
-  // Re-export everything else as is
-  Button: 'MockButton',
-  TextInput: 'MockTextInput',
-  ThemeProvider: 'MockBaseThemeProvider',
-  useTheme: jest.fn(),
-}));
-
-describe('Theme Export Override', () => {
-  beforeEach(() => {
-    // Clear module cache to ensure fresh imports
-    jest.resetModules();
-  });
-
-  it('should export work-specific theme with overridden textInput from index', () => {
-    // Re-import to get the mocked version
-    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
-    const { theme: workTheme } = require('../index');
-
-    // Verify that the theme has the work-specific textInput overrides
-    expect(workTheme.__hd__.textInput.colors.text).toBe('#WORK_THEME_COLOR');
-    expect(workTheme.__hd__.textInput.colors.background).toBe(
-      '#WORK_BACKGROUND'
-    );
-    expect(workTheme.__hd__.textInput.space.containerPadding).toBe(
-      'WORK_PADDING'
-    );
-    expect(workTheme.__hd__.textInput.fonts.text).toBe('WORK_FONT');
-  });
-
-  it('should export work-specific getTheme function with overridden textInput', () => {
-    // Re-import to get the mocked version
-    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
-    const { getTheme: workGetTheme } = require('../index');
-
-    const workTheme = workGetTheme();
-
-    // Verify that getTheme returns work-specific textInput theme
-    expect(workTheme.__hd__.textInput.colors.text).toBe('#WORK_THEME_COLOR');
-    expect(workTheme.__hd__.textInput.space.containerPadding).toBe(
-      'WORK_PADDING'
-    );
-    expect(workTheme.__hd__.textInput.fonts.text).toBe('WORK_FONT');
-  });
-});