@core_super_app/ui 0.0.7 → 0.0.8

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2026 HienNC2
+Copyright (c) 2026 hiennc382
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights

package/README.md

@@ -1,170 +1,170 @@
-# @core_super_app/ui
-
-Thư viện UI component dùng chung cho ứng dụng React Native trong hệ sinh thái Super App.
-
-## Tinh nang
-
-- `BaseView`: layout khung trang + header + loading overlay
-- `Header`: header co nut back, title/subtitle, right view
-- `LoadingOverlay`: overlay loading toan man hinh
-- `TextWrapper`: wrapper cho `Text` voi default style va accessibility
-- `BasicButton`: button gradient co trang thai disabled
-- `BasicInput`: input label dong, clear button, counter, imperative ref
-- Export sang `ImageSrc` cho cac asset icon
-
-## Cai dat
-
-```bash
-npm install @core_super_app/ui
-```
-
-hoac
-
-```bash
-yarn add @core_super_app/ui
-```
-
-## Yeu cau
-
-- Node.js `v22.20.0` (xem `.nvmrc`)
-- React Native `0.84.x`
-- Peer ecosystem su dung trong source:
-  - `react-native-reanimated`
-  - `react-native-linear-gradient`
-  - `@react-navigation/native`
-  - `@core_super_app/utils`
-
-## Cac export chinh
-
-Tu root package:
-
-```ts
-import {
-  BaseView,
-  Header,
-  LoadingOverlay,
-  TextWrapper,
-  BasicButton,
-  BasicInput,
-  ImageSrc,
-} from '@core_super_app/ui';
-```
-
-`src/index.tsx` hien tai export:
-
-- toan bo trong `components`
-- namespace `ImageSrc` tu `constants/image`
-
-## Vi du su dung
-
-### `BasicButton`
-
-```tsx
-import { BasicButton } from '@core_super_app/ui';
-
-<BasicButton onPress={() => console.log('pressed')}>Dang nhap</BasicButton>;
-```
-
-### `BasicInput` voi ref
-
-```tsx
-import { useRef } from 'react';
-import { BasicInput } from '@core_super_app/ui';
-
-type InputRef = {
-  focus: () => void;
-  blur: () => void;
-};
-
-const inputRef = useRef<InputRef>(null);
-
-<BasicInput
-  ref={inputRef}
-  label="So dien thoai"
-  value={phone}
-  onChange={setPhone}
-  showClearButton
-/>;
-```
-
-### `BaseView`
-
-```tsx
-import { BaseView } from '@core_super_app/ui';
-
-<BaseView isLoading={loading} back title="Thong tin ca nhan">
-  {/* Screen content */}
-</BaseView>;
-```
-
-## API tong quan
-
-### Components
-
-- `BaseView`
-  - Props gom:
-    - `background`
-    - toan bo `HeaderProps`
-    - toan bo `LoadingOverlayProps`
-- `Header`
-  - Props chinh:
-    - `back`, `leftIcon`, `onPressLeftIcon`
-    - `title`, `subTitle`, `titleStyle`, `titleMaxLines`
-    - `rightView`
-    - `disabledBackHandler`
-- `LoadingOverlay`
-  - `isLoading?: boolean`
-  - `indicatorColor?: string`
-- `TextWrapper`
-  - `children`, `style`, `numberOfLines`, `ellipsizeMode`, `onPress`, `testID`
-- `BasicButton`
-  - `onPress`, `disabled`, `colors`, `style`, `textStyle`, `children`
-- `BasicInput`
-  - Ho tro label animation, clear icon, char counter, regex replace input
-  - Ho tro imperative ref: `focus()` va `blur()`
-
-## Scripts
-
-Trong `package.json`:
-
-- `yarn clean` - xoa build artifacts
-- `yarn prepare` - build package bang `react-native-builder-bob`
-- `yarn typecheck` - kiem tra TypeScript
-- `yarn lint` - lint source
-- `yarn test` - chay Jest
-- `yarn release` - bump version/publish qua `release-it`
-
-## CI
-
-GitHub Actions (`.github/workflows/ci.yml`) dang chay:
-
-- lint + typecheck
-- unit test (coverage)
-- build library
-- build Android example (co turbo cache)
-- build iOS example (co turbo cache)
-
-## Publishing
-
-Package publish public len npm:
-
-- `publishConfig.access = public`
-- release command:
-
-```bash
-yarn release
-```
-
-Release flow su dung `release-it` + conventional changelog + git tag `v<version>`.
-
-## Contributing
-
-- [Development workflow](./CONTRIBUTING.md#development-workflow)
-- [Sending a pull request](./CONTRIBUTING.md#sending-a-pull-request)
-- [Code of conduct](./CODE_OF_CONDUCT.md)
-
-Commit message convention theo [Conventional Commits](https://www.conventionalcommits.org/).
-
-## License
-
-MIT
+# @core_super_app/ui
+
+Thư viện UI component dùng chung cho ứng dụng React Native trong hệ sinh thái Super App.
+
+## Tinh nang
+
+- `BaseView`: layout khung trang + header + loading overlay
+- `Header`: header co nut back, title/subtitle, right view
+- `LoadingOverlay`: overlay loading toan man hinh
+- `TextWrapper`: wrapper cho `Text` voi default style va accessibility
+- `BasicButton`: button gradient co trang thai disabled
+- `BasicInput`: input label dong, clear button, counter, imperative ref
+- Export sang `ImageSrc` cho cac asset icon
+
+## Cai dat
+
+```bash
+npm install @core_super_app/ui
+```
+
+hoac
+
+```bash
+yarn add @core_super_app/ui
+```
+
+## Yeu cau
+
+- Node.js `v22.20.0` (xem `.nvmrc`)
+- React Native `0.84.x`
+- Peer ecosystem su dung trong source:
+  - `react-native-reanimated`
+  - `react-native-linear-gradient`
+  - `@react-navigation/native`
+  - `@core_super_app/utils`
+
+## Cac export chinh
+
+Tu root package:
+
+```ts
+import {
+  BaseView,
+  Header,
+  LoadingOverlay,
+  TextWrapper,
+  BasicButton,
+  BasicInput,
+  ImageSrc,
+} from '@core_super_app/ui';
+```
+
+`src/index.tsx` hien tai export:
+
+- toan bo trong `components`
+- namespace `ImageSrc` tu `constants/image`
+
+## Vi du su dung
+
+### `BasicButton`
+
+```tsx
+import { BasicButton } from '@core_super_app/ui';
+
+<BasicButton onPress={() => console.log('pressed')}>Dang nhap</BasicButton>;
+```
+
+### `BasicInput` voi ref
+
+```tsx
+import { useRef } from 'react';
+import { BasicInput } from '@core_super_app/ui';
+
+type InputRef = {
+  focus: () => void;
+  blur: () => void;
+};
+
+const inputRef = useRef<InputRef>(null);
+
+<BasicInput
+  ref={inputRef}
+  label="So dien thoai"
+  value={phone}
+  onChange={setPhone}
+  showClearButton
+/>;
+```
+
+### `BaseView`
+
+```tsx
+import { BaseView } from '@core_super_app/ui';
+
+<BaseView isLoading={loading} back title="Thong tin ca nhan">
+  {/* Screen content */}
+</BaseView>;
+```
+
+## API tong quan
+
+### Components
+
+- `BaseView`
+  - Props gom:
+    - `background`
+    - toan bo `HeaderProps`
+    - toan bo `LoadingOverlayProps`
+- `Header`
+  - Props chinh:
+    - `back`, `leftIcon`, `onPressLeftIcon`
+    - `title`, `subTitle`, `titleStyle`, `titleMaxLines`
+    - `rightView`
+    - `disabledBackHandler`
+- `LoadingOverlay`
+  - `isLoading?: boolean`
+  - `indicatorColor?: string`
+- `TextWrapper`
+  - `children`, `style`, `numberOfLines`, `ellipsizeMode`, `onPress`, `testID`
+- `BasicButton`
+  - `onPress`, `disabled`, `colors`, `style`, `textStyle`, `children`
+- `BasicInput`
+  - Ho tro label animation, clear icon, char counter, regex replace input
+  - Ho tro imperative ref: `focus()` va `blur()`
+
+## Scripts
+
+Trong `package.json`:
+
+- `yarn clean` - xoa build artifacts
+- `yarn prepare` - build package bang `react-native-builder-bob`
+- `yarn typecheck` - kiem tra TypeScript
+- `yarn lint` - lint source
+- `yarn test` - chay Jest
+- `yarn release` - bump version/publish qua `release-it`
+
+## CI
+
+GitHub Actions (`.github/workflows/ci.yml`) dang chay:
+
+- lint + typecheck
+- unit test (coverage)
+- build library
+- build Android example (co turbo cache)
+- build iOS example (co turbo cache)
+
+## Publishing
+
+Package publish public len npm:
+
+- `publishConfig.access = public`
+- release command:
+
+```bash
+yarn release
+```
+
+Release flow su dung `release-it` + conventional changelog + git tag `v<version>`.
+
+## Contributing
+
+- [Development workflow](./CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](./CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](./CODE_OF_CONDUCT.md)
+
+Commit message convention theo [Conventional Commits](https://www.conventionalcommits.org/).
+
+## License
+
+MIT

package/android/build.gradle

@@ -33,7 +33,7 @@ apply plugin: "kotlin-android"
 apply plugin: "com.facebook.react"
 
 android {
-  namespace "com.core.ui"
+  namespace "com.coresuperapp.ui"
 
   compileSdkVersion getExtOrDefault("compileSdkVersion")
 

package/android/src/main/java/com/{core → coresuperapp}/ui/UiModule.kt

@@ -1,15 +1,15 @@
-package com.core.ui
+package com.coresuperapp.ui
 
 import com.facebook.react.bridge.ReactApplicationContext
 
 class UiModule(reactContext: ReactApplicationContext) :
-  NativeUiModuleSpec(reactContext) {
+  NativeUiSpec(reactContext) {
 
   override fun multiply(a: Double, b: Double): Double {
     return a * b
   }
 
   companion object {
-    const val NAME = "UiModule"
+    const val NAME = NativeUiSpec.NAME
   }
 }

package/android/src/main/java/com/{core → coresuperapp}/ui/UiPackage.kt

@@ -1,4 +1,4 @@
-package com.core.ui
+package com.coresuperapp.ui
 
 import com.facebook.react.BaseReactPackage
 import com.facebook.react.bridge.NativeModule

package/lib/module/NativeUi.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { TurboModuleRegistry } from 'react-native';
+export default TurboModuleRegistry.getEnforcing('Ui');
+//# sourceMappingURL=NativeUi.js.map

package/lib/module/NativeUi.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"..\\..\\src","sources":["NativeUi.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAA0B,cAAc;AAMpE,eAAeA,mBAAmB,CAACC,YAAY,CAAO,IAAI,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -1,9 +1,9 @@
 "use strict";
 
-import UISpec from "./UISpec.js";
+import Ui from "./NativeUi.js";
 export function multiply(a, b) {
-  return UISpec.multiply(a, b);
+  return Ui.multiply(a, b);
 }
 export * from "./components/index.js";
-export * as ImageSrc from "./constants/image.js";
+export * as IconSrc from "./constants/image.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["UISpec","multiply","a","b","ImageSrc"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,aAAU;AAE7B,OAAO,SAASC,QAAQA,CAACC,CAAS,EAAEC,CAAS,EAAU;EACrD,OAAOH,MAAM,CAACC,QAAQ,CAACC,CAAC,EAAEC,CAAC,CAAC;AAC9B;AAEA,cAAc,uBAAc;AAC5B,OAAO,KAAKC,QAAQ,MAAM,sBAAmB","ignoreList":[]}
+{"version":3,"names":["Ui","multiply","a","b","IconSrc"],"sourceRoot":"..\\..\\src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,EAAE,MAAM,eAAY;AAE3B,OAAO,SAASC,QAAQA,CAACC,CAAS,EAAEC,CAAS,EAAU;EACrD,OAAOH,EAAE,CAACC,QAAQ,CAACC,CAAC,EAAEC,CAAC,CAAC;AAC1B;AAEA,cAAc,uBAAc;AAC5B,OAAO,KAAKC,OAAO,MAAM,sBAAmB","ignoreList":[]}

package/lib/typescript/src/{UISpec.d.ts → NativeUi.d.ts}

@@ -4,4 +4,4 @@ export interface Spec extends TurboModule {
 }
 declare const _default: Spec;
 export default _default;
-//# sourceMappingURL=UISpec.d.ts.map
+//# sourceMappingURL=NativeUi.d.ts.map

package/lib/typescript/src/NativeUi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeUi.d.ts","sourceRoot":"","sources":["../../../src/NativeUi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAErE,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxC;;AAED,wBAA4D"}

package/lib/typescript/src/index.d.ts

@@ -1,4 +1,4 @@
 export declare function multiply(a: number, b: number): number;
 export * from './components';
-export * as ImageSrc from './constants/image';
+export * as IconSrc from './constants/image';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,cAAc,cAAc,CAAC;AAC7B,OAAO,KAAK,QAAQ,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAErD;AAED,cAAc,cAAc,CAAC;AAC7B,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@core_super_app/ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Define common components for project",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -37,6 +37,7 @@
     "!**/.*"
   ],
   "scripts": {
+    "example": "yarn workspace @core_super_app/ui-example",
     "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
     "prepare": "bob build",
     "typecheck": "tsc",
@@ -51,25 +52,29 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/HienNguyen0205/core_super_app-ui.git"
+    "url": "git+https://github.com/HienNguyen0205/core_super_app-ui.git"
   },
-  "author": "HienNC2 <Hienqt0205@gmail.com> (https://github.com/HienNguyen0205)",
+  "author": "hiennc382 <Hienqt0205@gmail.com> (https://github.com/HienNguyen0205)",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/HienNguyen0205/core_super_app-ui/issues"
   },
-  "homepage": "https://github.com/HienNguyen0205/core_super_app-ui",
+  "homepage": "https://github.com/HienNguyen0205/core_super_app-ui#readme",
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "@core_super_app/utils": "0.0.5",
+    "@react-navigation/native": "7.2.1",
+    "react-native-linear-gradient": "^2.8.3"
+  },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.8.1",
     "@eslint/compat": "^1.3.2",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.35.0",
-    "@react-native/babel-preset": "0.83.0",
-    "@react-native/eslint-config": "0.83.0",
-    "@react-navigation/native": "7.2.1",
+    "@react-native/babel-preset": "0.84.1",
+    "@react-native/eslint-config": "0.84.1",
     "@release-it/conventional-changelog": "^10.0.1",
     "@types/jest": "^29.5.14",
     "@types/react": "^19.2.0",
@@ -80,21 +85,25 @@
     "eslint-plugin-prettier": "^5.5.4",
     "jest": "^29.7.0",
     "lefthook": "^2.0.3",
-    "prettier": "^3.8.1",
+    "prettier": "^2.8.8",
     "react": "19.2.3",
     "react-native": "0.84.1",
     "react-native-builder-bob": "^0.40.13",
-    "react-native-reanimated": "^4.3.0",
+    "react-native-reanimated": "4.3.0",
+    "react-native-worklets": "0.8.1",
     "release-it": "^19.0.4",
     "turbo": "^2.5.6",
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@core_super_app/utils": ">=0.0.5",
-    "@react-navigation/native": ">=7.2.1",
+    "react": "*",
+    "react-native": "*",
     "react-native-reanimated": ">=4.3.0",
     "react-native-worklets": ">=0.8.1"
   },
+  "workspaces": [
+    "example"
+  ],
   "packageManager": "yarn@4.11.0",
   "react-native-builder-bob": {
     "source": "src",
@@ -114,12 +123,21 @@
       ]
     ]
   },
+  "codegenConfig": {
+    "name": "UiSpec",
+    "type": "modules",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.coresuperapp.ui"
+    }
+  },
   "prettier": {
     "quoteProps": "consistent",
     "singleQuote": true,
     "tabWidth": 2,
     "trailingComma": "es5",
-    "useTabs": false
+    "useTabs": false,
+    "endOfLine": "auto"
   },
   "jest": {
     "preset": "react-native",
@@ -162,17 +180,5 @@
       "release-it"
     ],
     "version": "0.57.2"
-  },
-  "dependencies": {
-    "@core_super_app/utils": "0.0.5",
-    "react-native-linear-gradient": "^2.8.3"
-  },
-  "codegenConfig": {
-    "name": "UiSpec",
-    "type": "modules",
-    "jsSrcsDir": "src",
-    "android": {
-      "javaPackageName": "com.core.ui"
-    }
   }
 }

package/src/{UISpec.ts → NativeUi.ts}

@@ -1,7 +1,7 @@
-import { TurboModuleRegistry, type TurboModule } from 'react-native';
-
-export interface Spec extends TurboModule {
-  multiply(a: number, b: number): number;
-}
-
-export default TurboModuleRegistry.getEnforcing<Spec>('UiModule');
+import { TurboModuleRegistry, type TurboModule } from 'react-native';
+
+export interface Spec extends TurboModule {
+  multiply(a: number, b: number): number;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('Ui');

package/src/index.tsx

@@ -1,8 +1,8 @@
-import UISpec from './UISpec';
-
-export function multiply(a: number, b: number): number {
-  return UISpec.multiply(a, b);
-}
-
-export * from './components';
-export * as ImageSrc from './constants/image';
+import Ui from './NativeUi';
+
+export function multiply(a: number, b: number): number {
+  return Ui.multiply(a, b);
+}
+
+export * from './components';
+export * as IconSrc from './constants/image';

package/lib/module/UISpec.js

@@ -1,5 +0,0 @@
-"use strict";
-
-import { TurboModuleRegistry } from 'react-native';
-export default TurboModuleRegistry.getEnforcing('UiModule');
-//# sourceMappingURL=UISpec.js.map

package/lib/module/UISpec.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"..\\..\\src","sources":["UISpec.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAA0B,cAAc;AAMpE,eAAeA,mBAAmB,CAACC,YAAY,CAAO,UAAU,CAAC","ignoreList":[]}

package/lib/typescript/src/UISpec.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UISpec.d.ts","sourceRoot":"","sources":["../../../src/UISpec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAErE,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxC;;AAED,wBAAkE"}