@comitor/ui 3.0.0 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -1
- package/dist/components/composite/toast.d.ts +2 -1
- package/dist/components/composite/toast.js +3 -9
- package/dist/components/composite/toast.js.map +1 -1
- package/dist/components/ui/action-bar.js +45 -1
- package/dist/components/ui/action-bar.js.map +1 -1
- package/dist/components/ui/circular-progress.js +10 -2
- package/dist/components/ui/circular-progress.js.map +1 -1
- package/dist/components/ui/kanban.js +9 -3
- package/dist/components/ui/kanban.js.map +1 -1
- package/dist/components/ui/key-value.js +70 -76
- package/dist/components/ui/key-value.js.map +1 -1
- package/dist/components/ui/mask-input-constants.js +31 -71
- package/dist/components/ui/mask-input-constants.js.map +1 -1
- package/dist/components/ui/mask-input.js +18 -20
- package/dist/components/ui/mask-input.js.map +1 -1
- package/dist/components/ui/phone-input.js +5 -2
- package/dist/components/ui/phone-input.js.map +1 -1
- package/dist/components/ui/rating.js +4 -2
- package/dist/components/ui/rating.js.map +1 -1
- package/dist/components/ui/slider.d.ts +1 -1
- package/dist/components/ui/slider.js +15 -1
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/sonner.js +2 -0
- package/dist/components/ui/sonner.js.map +1 -1
- package/dist/components/ui/toggle-group.js +12 -1
- package/dist/components/ui/toggle-group.js.map +1 -1
- package/dist/components/ui/tour.js +3 -2
- package/dist/components/ui/tour.js.map +1 -1
- package/dist/data-grid/use-data-grid.d.ts +2 -2
- package/dist/i18n/locale-provider.d.ts +18 -0
- package/dist/i18n/locale-provider.js.map +1 -1
- package/dist/i18n/namespaces/rating.js +2 -1
- package/dist/i18n/namespaces/rating.js.map +1 -1
- package/dist/i18n/namespaces/shell.d.ts +4 -0
- package/dist/i18n/namespaces/shell.js +1 -1
- package/dist/i18n/namespaces/shell.js.map +1 -1
- package/dist/i18n/namespaces/toast.d.ts +3 -2
- package/dist/i18n/namespaces/toast.js.map +1 -1
- package/dist/lib/toast-language.d.ts +8 -0
- package/dist/lib/toast-language.js +19 -0
- package/dist/lib/toast-language.js.map +1 -0
- package/dist/shell/display-axis-provider.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/i18n/namespaces/toast.ts"],"sourcesContent":["/**\n * Chữ của `toastPromise`.\n *\n * `toastPromise` là hàm THƯỜNG gọi từ event handler, ngoài lượt render — nó không tự đọc được\n * `ComitorLocaleProvider`.
|
|
1
|
+
{"version":3,"sources":["../../../src/i18n/namespaces/toast.ts"],"sourcesContent":["/**\n * Chữ của `toastPromise`.\n *\n * `toastPromise` là hàm THƯỜNG gọi từ event handler, ngoài lượt render — nó không tự đọc được\n * `ComitorLocaleProvider`. Toaster (luôn nằm trong cây, dưới provider — `Toaster` của entry chính\n * hay `SonnerToaster` của `/shell`) ghi bảng này theo ngôn ngữ hiện hành cho nó dùng; xem\n * `lib/toast-language.ts`.\n */\nexport interface ToastMessages {\n /** Chữ của toast lúc Promise còn chạy — `messages.loading` của `toastPromise` */\n loading: string;\n}\n\nexport const toastEn: ToastMessages = { loading: \"Working…\" };\n\nexport const toastVi: ToastMessages = { loading: \"Đang xử lý…\" };\n"],"mappings":"AAaO,MAAM,UAAyB,EAAE,SAAS,gBAAW;AAErD,MAAM,UAAyB,EAAE,SAAS,gCAAc;","names":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ToastMessages } from '../i18n/namespaces/toast.js';
|
|
2
|
+
|
|
3
|
+
/** Bảng chữ `toast` của toaster đang gắn trên trang (tiếng Anh khi chưa có toaster nào). */
|
|
4
|
+
declare function getActiveToastMessages(): ToastMessages;
|
|
5
|
+
/** Gọi trong MỌI toaster: ghi bảng chữ của provider gần nhất cho `toastPromise` đọc. */
|
|
6
|
+
declare function useToastLanguageBridge(): void;
|
|
7
|
+
|
|
8
|
+
export { getActiveToastMessages, useToastLanguageBridge };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useComitorMessages } from "../i18n/locale-provider.js";
|
|
3
|
+
import { toastEn } from "../i18n/namespaces/toast.js";
|
|
4
|
+
import { useIsomorphicLayoutEffect } from "./use-isomorphic-layout-effect.js";
|
|
5
|
+
let activeToastMessages = toastEn;
|
|
6
|
+
function getActiveToastMessages() {
|
|
7
|
+
return activeToastMessages;
|
|
8
|
+
}
|
|
9
|
+
function useToastLanguageBridge() {
|
|
10
|
+
const toastMessages = useComitorMessages("toast");
|
|
11
|
+
useIsomorphicLayoutEffect(() => {
|
|
12
|
+
activeToastMessages = toastMessages;
|
|
13
|
+
}, [toastMessages]);
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
getActiveToastMessages,
|
|
17
|
+
useToastLanguageBridge
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=toast-language.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/lib/toast-language.ts"],"sourcesContent":["\"use client\";\n\nimport { useComitorMessages } from \"../i18n/locale-provider.js\";\nimport { toastEn } from \"../i18n/namespaces/toast.js\";\nimport { useIsomorphicLayoutEffect } from \"./use-isomorphic-layout-effect.js\";\n\n/**\n * Cầu NGÔN NGỮ cho `toastPromise` — nội bộ, không nằm trong barrel nào.\n *\n * `toastPromise` là hàm thường gọi từ event handler: ngoài lượt render, không gọi được hook, nên\n * không đọc được `ComitorLocaleProvider`. Toaster thì LUÔN nằm trong cây React (đặt một lần ở gốc,\n * bên trong provider): nó ghi bảng chữ hiện hành vào đây mỗi khi ngôn ngữ đổi, và `toastPromise`\n * đọc từ đây. Không có toaster thì cũng không có toast nào hiện ra, nên chữ rơi về tiếng Anh\n * cũng không ai thấy.\n *\n * ⚠ Vì sao tách khỏi `composite/toast.tsx` (3.0.1): ở `3.0.0` biến này nằm trong file đó và chỉ\n * `Toaster` của entry `.` ghi vào — `SonnerToaster` của `/shell` thì không, nên app dùng shell\n * (đúng cách tài liệu khuyên cho app Next) có `toastPromise` nói tiếng Anh giữa màn hình tiếng Việt\n * dù đã đặt provider. Hai toaster nay gọi cùng `useToastLanguageBridge()`. Không để hook ấy ở\n * `toast.tsx`: file đó được barrel `export *`, và hook sẽ thành API công khai ngoài ý muốn.\n */\nlet activeToastMessages = toastEn;\n\n/** Bảng chữ `toast` của toaster đang gắn trên trang (tiếng Anh khi chưa có toaster nào). */\nexport function getActiveToastMessages() {\n return activeToastMessages;\n}\n\n/** Gọi trong MỌI toaster: ghi bảng chữ của provider gần nhất cho `toastPromise` đọc. */\nexport function useToastLanguageBridge() {\n const toastMessages = useComitorMessages(\"toast\");\n useIsomorphicLayoutEffect(() => {\n activeToastMessages = toastMessages;\n }, [toastMessages]);\n}\n"],"mappings":";AAEA,SAAS,0BAA0B;AACnC,SAAS,eAAe;AACxB,SAAS,iCAAiC;AAiB1C,IAAI,sBAAsB;AAGnB,SAAS,yBAAyB;AACvC,SAAO;AACT;AAGO,SAAS,yBAAyB;AACvC,QAAM,gBAAgB,mBAAmB,OAAO;AAChD,4BAA0B,MAAM;AAC9B,0BAAsB;AAAA,EACxB,GAAG,CAAC,aAAa,CAAC;AACpB;","names":[]}
|
|
@@ -37,7 +37,7 @@ declare function useDensity(): {
|
|
|
37
37
|
};
|
|
38
38
|
declare const FontSizeProvider: ({ children, defaultValue, storageKey, nonce }: {
|
|
39
39
|
children: ReactNode;
|
|
40
|
-
defaultValue?: "
|
|
40
|
+
defaultValue?: "md" | "sm" | "lg" | undefined;
|
|
41
41
|
storageKey?: string;
|
|
42
42
|
/**
|
|
43
43
|
* Nonce của CSP, cho script chống nháy mà provider này TỰ render.
|
package/package.json
CHANGED