beca-ui 2.1.6 → 2.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beca-ui",
-  "version": "2.1.6",
+  "version": "2.1.8",
   "description": "Becawork UI",
   "license": "MIT",
   "author": {
@@ -9,24 +9,24 @@
   },
   "type": "module",
   "main": "dist/beca-ui.js",
+  "module": "dist/beca-ui.js",
   "types": "dist/main.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/main.d.ts",
+      "import": "./dist/beca-ui.js",
+      "default": "./dist/beca-ui.js"
+    },
+    "./dist/main.css": "./dist/main.css"
+  },
   "files": [
     "dist"
   ],
   "scripts": {
-    "dev": "REACT_EDITOR=code storybook dev -p 6006",
     "build": "npx tsc --p ./tsconfig-build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint lib --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "chromatic": "npx chromatic --project-token=7c1e3acb80ff --auto-accept-changes",
-    "view-version": "npm view beca-ui version",
-    "release": "yarn chromatic",
-    "publish-main": "sh ./publish.sh",
-    "pb": "sh ./publish-beta.sh",
-    "yalc": "yarn build && npx yalc push",
-    "upgrade-tiptap": "yarn add @tiptap/extension-blockquote @tiptap/extension-bubble-menu @tiptap/extension-color @tiptap/extension-document @tiptap/extension-focus @tiptap/extension-font-family @tiptap/extension-highlight @tiptap/extension-image @tiptap/extension-link @tiptap/extension-mention @tiptap/extension-paragraph @tiptap/extension-placeholder @tiptap/extension-table @tiptap/extension-table-cell @tiptap/extension-table-header @tiptap/extension-table-row @tiptap/extension-text @tiptap/extension-text-align @tiptap/extension-text-style @tiptap/extension-underline @tiptap/pm @tiptap/react @tiptap/starter-kit @tiptap/suggestion"
+    "view-version": "npm view beca-ui version"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.17",
@@ -64,22 +64,15 @@
     "react-paginate": "8.2.0",
     "react-resizable": "3.0.5",
     "react-sortable-hoc": "^2.0.0",
-    "react-virtuoso": "^4.18.7"
+    "react-virtuoso": "^4.18.7",
+    "xlsx": "0.18.5"
   },
   "peerDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "5.1.2",
-    "@faker-js/faker": "8.4.1",
-    "@neoconfetti/react": "1.0.0",
     "@rollup/plugin-alias": "5.1.1",
-    "@storybook/addon-docs": "10.5.8",
-    "@storybook/addon-links": "10.5.8",
-    "@storybook/addon-onboarding": "10.5.8",
-    "@storybook/addon-vitest": "10.5.8",
-    "@storybook/react-vite": "10.5.8",
     "@tiptap/extension-blockquote": "3.20.0",
     "@tiptap/extension-bold": "3.20.0",
     "@tiptap/extension-bubble-menu": "3.20.0",
@@ -123,35 +116,25 @@
     "@typescript-eslint/eslint-plugin": "6.0.0",
     "@typescript-eslint/parser": "6.0.0",
     "@vitejs/plugin-react-swc": "3.5.0",
-    "@vitest/browser-playwright": "latest",
-    "@vitest/coverage-v8": "latest",
-    "baseline-browser-mapping": "^2.10.27",
-    "chromatic": "7.6.0",
     "css-loader": "6.10.0",
     "eslint": "8.45.0",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-react-refresh": "0.4.3",
-    "eslint-plugin-storybook": "10.5.8",
     "path": "0.12.7",
-    "playwright": "latest",
     "query-string": "9.1.1",
     "react-router-dom": "^7.5.0",
     "sass": "1.69.5",
     "sass-embedded": "^1.97.3",
     "sass-loader": "14.1.0",
     "simplebar-react": "3.3.0",
-    "storybook": "10.5.8",
     "style-loader": "3.3.4",
     "tippy.js": "6.3.7",
     "typescript": "5.6.3",
     "vite": "^6.0.0",
     "vite-plugin-dts": "3.6.4",
-    "vite-plugin-lib-inject-css": "1.3.0",
-    "vitest": "latest",
-    "xlsx": "0.18.5"
+    "vite-plugin-lib-inject-css": "1.3.0"
   },
   "sideEffects": [
     "**/*.css"
-  ],
-  "packageManager": "yarn@4.18.0"
+  ]
 }

package/README.md

@@ -1,115 +0,0 @@
-# Beca UI - Thư viện React Component Library
-
-Beca UI là bộ thư viện React Component chính thức được phát triển bởi đội ngũ Becawork. Thư viện này kế thừa sức mạnh của Ant Design (antd) và được tinh chỉnh, mở rộng các component UI cao cấp để phù hợp với hệ sinh thái sản phẩm Becawork.
-
-## 🚀 Tính năng nổi bật
-
-- **Tích hợp sẵn TypeScript**: Hỗ trợ kiểu dữ liệu (type) đầy đủ và an toàn.
-- **Tối ưu hóa UI/UX**: Thiết kế hiện đại, hỗ trợ tùy biến giao diện linh hoạt (Light/Dark mode, Custom Themes).
-- **Component đa dạng**: Hỗ trợ đầy đủ các component từ cơ bản (Buttons, Inputs, Forms...) đến nâng cao (TextEditor, Layouts, Media Players...).
-- **Storybook tích hợp**: Giúp dễ dàng xem trước và kiểm thử các component trong quá trình phát triển.
-
----
-
-## 📦 Cài đặt
-
-Sử dụng `npm` hoặc `yarn` để cài đặt thư viện vào dự án của bạn:
-
-```bash
-yarn add beca-ui
-# hoặc
-npm install beca-ui
-```
-
----
-
-## 💻 Cách sử dụng
-
-Import trực tiếp file CSS và các Component cần thiết vào dự án của bạn:
-
-```tsx
-import React from "react";
-import { Button, Tooltip } from "beca-ui";
-import "beca-ui/dist/main.css";
-
-const App = () => {
-  return (
-    <Tooltip title="Đây là Tooltip từ beca-ui">
-      <Button type="primary">Beca UI Button</Button>
-    </Tooltip>
-  );
-};
-
-export default App;
-```
-
----
-
-## 🛠️ Phát triển & Đóng góp (Development)
-
-Nếu bạn muốn chỉnh sửa hoặc thêm component mới vào thư viện:
-
-### 1. Cài đặt các gói phụ thuộc (Dependencies)
-
-```bash
-yarn install
-```
-
-### 2. Chạy Storybook để phát triển UI
-
-```bash
-yarn dev
-# hoặc
-yarn storybook
-```
-
-Storybook sẽ được khởi chạy trên trình duyệt của bạn.
-
-### 3. Kiểm tra mã nguồn (Linter)
-
-```bash
-yarn lint
-```
-
-### 4. Build thư viện phục vụ cho việc release
-
-```bash
-yarn build
-```
-
-Lệnh này sẽ biên dịch TypeScript và đóng gói các component bằng Vite sang thư mục `dist/`.
-
----
-
-## 📋 Nhật ký thay đổi (Changelog)
-
-Chi tiết các thay đổi qua các phiên bản được ghi nhận tại file [CHANGELOG.md](file:///Users/hautp/Work/beca-ui/CHANGELOG.md).
-
-### Phiên bản gần đây:
-- **`2.1.1` (2026-08-12)**:
-  - Phát hành chính thức phiên bản `2.1.1`: Cập nhật Button variant system, cải tiến MainLayout, cập nhật cấu hình yarn và sửa các lỗi phát sinh.
-- **`2.1.1-beta.14` (2026-07-16)**:
-  - Bổ sung các biến thể (`variant`) mới cho component `TextEditor` bao gồm: `filled` (nền xám nhạt, sáng lên khi focus và hỗ trợ gạch chân primary) và `borderless` (không nền, không viền).
-- **`2.1.1-beta.13` (2026-07-16)**:
-  - Tối ưu hóa việc render node `ResizableMedia` và cải thiện cơ chế DOMPurify sanitization nhằm giữ lại toàn bộ thuộc tính wrapper cho hình ảnh được nhúng.
-- **`2.1.1-beta.12` (2026-07-16)**:
-  - Cập nhật logic render node cho ảnh và đồng bộ hóa cấu hình định nghĩa agent.
-- **`2.1.1-beta.11` (2026-07-16)**:
-  - Tái cấu trúc thanh công cụ ảnh: loại bỏ vạch chia dọc (`Divider`), chuyển đổi các nhóm tùy chọn (Căn lề, Bao quanh văn bản, Kích thước) thành Dropdown để tối ưu diện tích.
-  - Thiết kế lại tooltip ảnh: loại bỏ border, thêm boxshadow, màu nền `secondary-background-color`, bo góc và padding ôm gọn giống text toolbar.
-  - Quốc tế hóa (i18n) toàn bộ nhãn và tooltip trên thanh công cụ ảnh trong TextEditor.
-- **`2.1.1-beta.10` (2026-07-15)**:
-  - Thêm Tooltip hiển thị tên tài khoản (username) khi hover vào khu vực thông tin cá nhân trên Header.
-  - Cập nhật tài liệu dự án và cải thiện hiển thị opacity viền của bảng.
-- **`2.1.1-beta.9` (2026-07-15)**:
-  - Cập nhật tài liệu hướng dẫn và lược bỏ thông tin cấu hình nhạy cảm.
-  - Bổ sung Tooltip hiển thị tên tài khoản (username) trên thanh Header.
-  - Tự động hóa quy trình nâng phiên bản và cập nhật changelog.
-- **`2.1.1-beta.8` (2026-07-15)**:
-  - Nâng cấp toàn diện component `TextEditor` (hỗ trợ Fullscreen và Compact mode).
-
----
-
-## ⚖️ Giấy phép (License)
-
-Dự án được phân phối dưới giấy phép **MIT**.