@hero-design/rn-work-uikit 1.3.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn-work-uikit",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -23,7 +23,8 @@
     "@emotion/native": "^11.9.3",
     "@emotion/primitives-core": "11.0.0",
     "@emotion/react": "^11.9.3",
-    "@hero-design/rn": "^8.103.2"
+    "@hero-design/rn": "^8.103.5",
+    "hero-editor": "^1.15.5"
   },
   "peerDependencies": {
     "@hero-design/react-native-month-year-picker": "^8.43.1",
@@ -89,10 +90,10 @@
     "eslint-config-hd": "8.42.5",
     "eslint-config-prettier": "^8.5.0",
     "eslint-import-resolver-typescript": "^3.5.2",
-    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.3.0",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",

package/src/__tests__/index-export.spec.ts

@@ -0,0 +1,64 @@
+import * as Base from '@hero-design/rn';
+import * as HD from '../index';
+import TextInput from '../components/TextInput';
+import Select from '../components/Select';
+import DatePicker from '../components/DatePicker';
+import TimePicker from '../components/TimePicker';
+import { getTheme, theme } from '../index';
+
+describe('index.ts exports', () => {
+  it('TextInput, Select, DatePicker, TimePicker should be custom rn-work-uikit versions', () => {
+    // Check that the exported components are not the same as the base ones
+    expect(HD.TextInput).not.toBe(Base.TextInput);
+    expect(HD.Select).not.toBe(Base.Select);
+    expect(HD.DatePicker).not.toBe(Base.DatePicker);
+    expect(HD.TimePicker).not.toBe(Base.TimePicker);
+  });
+
+  it('TextInput, Select, DatePicker, TimePicker should use the custom TextInput', () => {
+    // For TextInput, it's a direct export
+    expect(HD.TextInput).toBe(TextInput);
+    // For Select, DatePicker, TimePicker, check that they use the custom TextInput
+    // We can check the displayName or inspect the rendered output
+    // For DatePicker and TimePicker, check the TextInputComponent prop
+    // (We can't fully render without React Native, but we can check the implementation)
+    // These checks are mostly structural
+    expect(Select).toBe(HD.Select);
+    expect(DatePicker).toBe(HD.DatePicker);
+    expect(TimePicker).toBe(HD.TimePicker);
+  });
+});
+
+describe('Theme Export Override', () => {
+  it('should export work-specific theme with overridden textInput from index', () => {
+    // Check a few key values from the textInput override
+    expect(theme.__hd__.textInput.sizes.containerMinHeight).toBe(
+      54.92307692307692
+    );
+    expect(theme.__hd__.textInput.sizes.errorAndHelpTextContainerHeight).toBe(
+      0
+    );
+    expect(theme.__hd__.textInput.space.prefixAndInputContainerGap).toBe(
+      3.9230769230769234
+    );
+    // Check that borderWidths.container.normal is overridden
+    expect(theme.__hd__.textInput.borderWidths.container.normal).toBe(2);
+    // Check that colors.borders.default is overridden
+    expect(theme.__hd__.textInput.colors.borders.default).toBe('#e8e9ea');
+  });
+
+  it('should export work-specific getTheme function with overridden textInput', () => {
+    const workTheme = getTheme();
+    expect(workTheme.__hd__.textInput.sizes.containerMinHeight).toBe(
+      54.92307692307692
+    );
+    expect(
+      workTheme.__hd__.textInput.sizes.errorAndHelpTextContainerHeight
+    ).toBe(0);
+    expect(workTheme.__hd__.textInput.space.prefixAndInputContainerGap).toBe(
+      3.9230769230769234
+    );
+    expect(workTheme.__hd__.textInput.borderWidths.container.normal).toBe(2);
+    expect(workTheme.__hd__.textInput.colors.borders.default).toBe('#e8e9ea');
+  });
+});