@underverse-ui/underverse 0.1.4 → 0.1.6

package/dist/index.d.cts

@@ -328,8 +328,9 @@ interface AlertProps {
     dismissible?: boolean;
     onClose?: () => void;
     actions?: ReactNode;
+    closeAriaLabel?: string;
 }
-declare const Alert: ({ title, description, variant, className, icon, dismissible, onClose, actions }: AlertProps) => react_jsx_runtime.JSX.Element | null;
+declare const Alert: ({ title, description, variant, className, icon, dismissible, onClose, actions, closeAriaLabel }: AlertProps) => react_jsx_runtime.JSX.Element | null;
 
 interface GlobalLoadingProps {
     className?: string;
@@ -461,6 +462,24 @@ interface PaginationProps {
     pageSizeOptions?: number[];
     onPageSizeChange?: (size: number) => void;
     totalItems?: number;
+    labels?: {
+        navigationLabel?: string;
+        showingResults?: (ctx: {
+            startItem: number;
+            endItem: number;
+            totalItems?: number;
+        }) => string;
+        firstPage?: string;
+        previousPage?: string;
+        previous?: string;
+        nextPage?: string;
+        next?: string;
+        lastPage?: string;
+        itemsPerPage?: string;
+        search?: string;
+        noOptions?: string;
+        pageNumber?: (page: number) => string;
+    };
 }
 declare const Pagination: React$1.FC<PaginationProps>;
 
@@ -488,6 +507,9 @@ interface DatePickerProps {
     size?: "sm" | "md";
     label?: string;
     required?: boolean;
+    todayLabel?: string;
+    clearLabel?: string;
+    weekdayLabels?: string[];
 }
 declare const DatePicker: React$1.FC<DatePickerProps>;
 
@@ -643,14 +665,6 @@ interface ImageUploadProps {
 declare function ImageUpload({ onUpload, onRemove, maxSize, // Convert bytes to MB
 accept, multiple, disabled, className, showPreview, previewSize, dragDropText, browseText, supportedFormatsText }: ImageUploadProps): react_jsx_runtime.JSX.Element;
 
-interface ProductImageUploadProps {
-    value?: string;
-    onChange: (url: string) => void;
-    disabled?: boolean;
-    className?: string;
-}
-declare const ProductImageUpload: React__default.FC<ProductImageUploadProps>;
-
 interface CarouselProps {
     children: React$1.ReactNode[];
     autoScroll?: boolean;
@@ -724,9 +738,16 @@ interface DataTableProps<T> {
     enableDensityToggle?: boolean;
     striped?: boolean;
     className?: string;
+    labels?: {
+        density?: string;
+        columns?: string;
+        compact?: string;
+        normal?: string;
+        comfortable?: string;
+    };
 }
 declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, onQueryChange, caption, toolbar, enableColumnVisibilityToggle, enableDensityToggle, striped, // Mặc định bật màu nền sẽn kẽ cho các dòng
-className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+className, labels, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
     containerClassName?: string;
@@ -756,8 +777,11 @@ interface NotificationModalProps {
     isOpen: boolean;
     onClose: () => void;
     notification: NotificationItem | null;
+    titleText?: string;
+    openLinkText?: string;
+    closeText?: string;
 }
-declare function NotificationModal({ isOpen, onClose, notification }: NotificationModalProps): react_jsx_runtime.JSX.Element | null;
+declare function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }: NotificationModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface FloatingContactsProps {
     className?: string;
@@ -883,4 +907,251 @@ declare const VARIANT_STYLES_ALERT: {
     error: string;
 };
 
-export { AccessDenied, Alert, Avatar, Badge, Badge as BadgeBase, BottomSheet, Breadcrumb, Button, ButtonLoading, Card, Carousel, CategoryTreeSelect, Checkbox, ClientOnly, Combobox, DataTable, DatePicker, date as DateUtils, Drawer, DropdownMenu, FloatingContacts, GlobalLoading, GradientBadge, ImageUpload, InlineLoading, Input, InteractiveBadge, Label, LoadingBar, LoadingDots, LoadingSpinner, Modal, MultiCombobox, NotificationBadge, NotificationModal, PageLoading, Pagination, PillTabs, Popover, ProductImageUpload, Progress, PulseBadge, RadioGroup, SIZE_STYLES_BTN, ScrollArea, Section, Sheet, SidebarSheet, SimpleTabs, Skeleton, SlideOver, Slider, SmartImage, StatusBadge, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, Textarea, ToastProvider, Tooltip, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, cn, useToast };
+declare const underverseMessages: {
+    readonly en: {
+        Common: {
+            close: string;
+            closeAlert: string;
+            notifications: string;
+            newNotification: string;
+            readStatus: string;
+            openLink: string;
+            theme: string;
+            lightTheme: string;
+            darkTheme: string;
+            systemTheme: string;
+            density: string;
+            compact: string;
+            normal: string;
+            comfortable: string;
+            columns: string;
+        };
+        ValidationInput: {
+            required: string;
+            typeMismatch: string;
+            pattern: string;
+            tooShort: string;
+            tooLong: string;
+            rangeUnderflow: string;
+            rangeOverflow: string;
+            stepMismatch: string;
+            badInput: string;
+            invalid: string;
+        };
+        Loading: {
+            loadingPage: string;
+            pleaseWait: string;
+        };
+        DatePicker: {
+            placeholder: string;
+            today: string;
+            clear: string;
+        };
+        Pagination: {
+            navigationLabel: string;
+            showingResults: string;
+            firstPage: string;
+            previousPage: string;
+            previous: string;
+            nextPage: string;
+            next: string;
+            lastPage: string;
+            pageNumber: string;
+            itemsPerPage: string;
+            search: string;
+            noOptions: string;
+        };
+        OCR: {
+            imageUpload: {
+                dragDropText: string;
+                browseFiles: string;
+                supportedFormats: string;
+            };
+        };
+    };
+    readonly vi: {
+        Common: {
+            close: string;
+            closeAlert: string;
+            notifications: string;
+            newNotification: string;
+            readStatus: string;
+            openLink: string;
+            theme: string;
+            lightTheme: string;
+            darkTheme: string;
+            systemTheme: string;
+            density: string;
+            compact: string;
+            normal: string;
+            comfortable: string;
+            columns: string;
+        };
+        ValidationInput: {
+            required: string;
+            typeMismatch: string;
+            pattern: string;
+            tooShort: string;
+            tooLong: string;
+            rangeUnderflow: string;
+            rangeOverflow: string;
+            stepMismatch: string;
+            badInput: string;
+            invalid: string;
+        };
+        Loading: {
+            loadingPage: string;
+            pleaseWait: string;
+        };
+        DatePicker: {
+            placeholder: string;
+            today: string;
+            clear: string;
+        };
+        Pagination: {
+            navigationLabel: string;
+            showingResults: string;
+            firstPage: string;
+            previousPage: string;
+            previous: string;
+            nextPage: string;
+            next: string;
+            lastPage: string;
+            pageNumber: string;
+            itemsPerPage: string;
+            search: string;
+            noOptions: string;
+        };
+        OCR: {
+            imageUpload: {
+                dragDropText: string;
+                browseFiles: string;
+                supportedFormats: string;
+            };
+        };
+    };
+};
+type UnderverseLocale = keyof typeof underverseMessages;
+declare function getUnderverseMessages(locale?: UnderverseLocale): {
+    Common: {
+        close: string;
+        closeAlert: string;
+        notifications: string;
+        newNotification: string;
+        readStatus: string;
+        openLink: string;
+        theme: string;
+        lightTheme: string;
+        darkTheme: string;
+        systemTheme: string;
+        density: string;
+        compact: string;
+        normal: string;
+        comfortable: string;
+        columns: string;
+    };
+    ValidationInput: {
+        required: string;
+        typeMismatch: string;
+        pattern: string;
+        tooShort: string;
+        tooLong: string;
+        rangeUnderflow: string;
+        rangeOverflow: string;
+        stepMismatch: string;
+        badInput: string;
+        invalid: string;
+    };
+    Loading: {
+        loadingPage: string;
+        pleaseWait: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        today: string;
+        clear: string;
+    };
+    Pagination: {
+        navigationLabel: string;
+        showingResults: string;
+        firstPage: string;
+        previousPage: string;
+        previous: string;
+        nextPage: string;
+        next: string;
+        lastPage: string;
+        pageNumber: string;
+        itemsPerPage: string;
+        search: string;
+        noOptions: string;
+    };
+    OCR: {
+        imageUpload: {
+            dragDropText: string;
+            browseFiles: string;
+            supportedFormats: string;
+        };
+    };
+} | {
+    Common: {
+        close: string;
+        closeAlert: string;
+        notifications: string;
+        newNotification: string;
+        readStatus: string;
+        openLink: string;
+        theme: string;
+        lightTheme: string;
+        darkTheme: string;
+        systemTheme: string;
+        density: string;
+        compact: string;
+        normal: string;
+        comfortable: string;
+        columns: string;
+    };
+    ValidationInput: {
+        required: string;
+        typeMismatch: string;
+        pattern: string;
+        tooShort: string;
+        tooLong: string;
+        rangeUnderflow: string;
+        rangeOverflow: string;
+        stepMismatch: string;
+        badInput: string;
+        invalid: string;
+    };
+    Loading: {
+        loadingPage: string;
+        pleaseWait: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        today: string;
+        clear: string;
+    };
+    Pagination: {
+        navigationLabel: string;
+        showingResults: string;
+        firstPage: string;
+        previousPage: string;
+        previous: string;
+        nextPage: string;
+        next: string;
+        lastPage: string;
+        pageNumber: string;
+        itemsPerPage: string;
+        search: string;
+        noOptions: string;
+    };
+    OCR: {
+        imageUpload: {
+            dragDropText: string;
+            browseFiles: string;
+            supportedFormats: string;
+        };
+    };
+};
+
+export { AccessDenied, Alert, Avatar, Badge, Badge as BadgeBase, BottomSheet, Breadcrumb, Button, ButtonLoading, Card, Carousel, CategoryTreeSelect, Checkbox, ClientOnly, Combobox, DataTable, DatePicker, date as DateUtils, Drawer, DropdownMenu, FloatingContacts, GlobalLoading, GradientBadge, ImageUpload, InlineLoading, Input, InteractiveBadge, Label, LoadingBar, LoadingDots, LoadingSpinner, Modal, MultiCombobox, NotificationBadge, NotificationModal, PageLoading, Pagination, PillTabs, Popover, Progress, PulseBadge, RadioGroup, SIZE_STYLES_BTN, ScrollArea, Section, Sheet, SidebarSheet, SimpleTabs, Skeleton, SlideOver, Slider, SmartImage, StatusBadge, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, Textarea, ToastProvider, Tooltip, type UnderverseLocale, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, cn, getUnderverseMessages, underverseMessages, useToast };

package/dist/index.d.ts

@@ -328,8 +328,9 @@ interface AlertProps {
     dismissible?: boolean;
     onClose?: () => void;
     actions?: ReactNode;
+    closeAriaLabel?: string;
 }
-declare const Alert: ({ title, description, variant, className, icon, dismissible, onClose, actions }: AlertProps) => react_jsx_runtime.JSX.Element | null;
+declare const Alert: ({ title, description, variant, className, icon, dismissible, onClose, actions, closeAriaLabel }: AlertProps) => react_jsx_runtime.JSX.Element | null;
 
 interface GlobalLoadingProps {
     className?: string;
@@ -461,6 +462,24 @@ interface PaginationProps {
     pageSizeOptions?: number[];
     onPageSizeChange?: (size: number) => void;
     totalItems?: number;
+    labels?: {
+        navigationLabel?: string;
+        showingResults?: (ctx: {
+            startItem: number;
+            endItem: number;
+            totalItems?: number;
+        }) => string;
+        firstPage?: string;
+        previousPage?: string;
+        previous?: string;
+        nextPage?: string;
+        next?: string;
+        lastPage?: string;
+        itemsPerPage?: string;
+        search?: string;
+        noOptions?: string;
+        pageNumber?: (page: number) => string;
+    };
 }
 declare const Pagination: React$1.FC<PaginationProps>;
 
@@ -488,6 +507,9 @@ interface DatePickerProps {
     size?: "sm" | "md";
     label?: string;
     required?: boolean;
+    todayLabel?: string;
+    clearLabel?: string;
+    weekdayLabels?: string[];
 }
 declare const DatePicker: React$1.FC<DatePickerProps>;
 
@@ -643,14 +665,6 @@ interface ImageUploadProps {
 declare function ImageUpload({ onUpload, onRemove, maxSize, // Convert bytes to MB
 accept, multiple, disabled, className, showPreview, previewSize, dragDropText, browseText, supportedFormatsText }: ImageUploadProps): react_jsx_runtime.JSX.Element;
 
-interface ProductImageUploadProps {
-    value?: string;
-    onChange: (url: string) => void;
-    disabled?: boolean;
-    className?: string;
-}
-declare const ProductImageUpload: React__default.FC<ProductImageUploadProps>;
-
 interface CarouselProps {
     children: React$1.ReactNode[];
     autoScroll?: boolean;
@@ -724,9 +738,16 @@ interface DataTableProps<T> {
     enableDensityToggle?: boolean;
     striped?: boolean;
     className?: string;
+    labels?: {
+        density?: string;
+        columns?: string;
+        compact?: string;
+        normal?: string;
+        comfortable?: string;
+    };
 }
 declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, onQueryChange, caption, toolbar, enableColumnVisibilityToggle, enableDensityToggle, striped, // Mặc định bật màu nền sẽn kẽ cho các dòng
-className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+className, labels, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
     containerClassName?: string;
@@ -756,8 +777,11 @@ interface NotificationModalProps {
     isOpen: boolean;
     onClose: () => void;
     notification: NotificationItem | null;
+    titleText?: string;
+    openLinkText?: string;
+    closeText?: string;
 }
-declare function NotificationModal({ isOpen, onClose, notification }: NotificationModalProps): react_jsx_runtime.JSX.Element | null;
+declare function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }: NotificationModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface FloatingContactsProps {
     className?: string;
@@ -883,4 +907,251 @@ declare const VARIANT_STYLES_ALERT: {
     error: string;
 };
 
-export { AccessDenied, Alert, Avatar, Badge, Badge as BadgeBase, BottomSheet, Breadcrumb, Button, ButtonLoading, Card, Carousel, CategoryTreeSelect, Checkbox, ClientOnly, Combobox, DataTable, DatePicker, date as DateUtils, Drawer, DropdownMenu, FloatingContacts, GlobalLoading, GradientBadge, ImageUpload, InlineLoading, Input, InteractiveBadge, Label, LoadingBar, LoadingDots, LoadingSpinner, Modal, MultiCombobox, NotificationBadge, NotificationModal, PageLoading, Pagination, PillTabs, Popover, ProductImageUpload, Progress, PulseBadge, RadioGroup, SIZE_STYLES_BTN, ScrollArea, Section, Sheet, SidebarSheet, SimpleTabs, Skeleton, SlideOver, Slider, SmartImage, StatusBadge, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, Textarea, ToastProvider, Tooltip, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, cn, useToast };
+declare const underverseMessages: {
+    readonly en: {
+        Common: {
+            close: string;
+            closeAlert: string;
+            notifications: string;
+            newNotification: string;
+            readStatus: string;
+            openLink: string;
+            theme: string;
+            lightTheme: string;
+            darkTheme: string;
+            systemTheme: string;
+            density: string;
+            compact: string;
+            normal: string;
+            comfortable: string;
+            columns: string;
+        };
+        ValidationInput: {
+            required: string;
+            typeMismatch: string;
+            pattern: string;
+            tooShort: string;
+            tooLong: string;
+            rangeUnderflow: string;
+            rangeOverflow: string;
+            stepMismatch: string;
+            badInput: string;
+            invalid: string;
+        };
+        Loading: {
+            loadingPage: string;
+            pleaseWait: string;
+        };
+        DatePicker: {
+            placeholder: string;
+            today: string;
+            clear: string;
+        };
+        Pagination: {
+            navigationLabel: string;
+            showingResults: string;
+            firstPage: string;
+            previousPage: string;
+            previous: string;
+            nextPage: string;
+            next: string;
+            lastPage: string;
+            pageNumber: string;
+            itemsPerPage: string;
+            search: string;
+            noOptions: string;
+        };
+        OCR: {
+            imageUpload: {
+                dragDropText: string;
+                browseFiles: string;
+                supportedFormats: string;
+            };
+        };
+    };
+    readonly vi: {
+        Common: {
+            close: string;
+            closeAlert: string;
+            notifications: string;
+            newNotification: string;
+            readStatus: string;
+            openLink: string;
+            theme: string;
+            lightTheme: string;
+            darkTheme: string;
+            systemTheme: string;
+            density: string;
+            compact: string;
+            normal: string;
+            comfortable: string;
+            columns: string;
+        };
+        ValidationInput: {
+            required: string;
+            typeMismatch: string;
+            pattern: string;
+            tooShort: string;
+            tooLong: string;
+            rangeUnderflow: string;
+            rangeOverflow: string;
+            stepMismatch: string;
+            badInput: string;
+            invalid: string;
+        };
+        Loading: {
+            loadingPage: string;
+            pleaseWait: string;
+        };
+        DatePicker: {
+            placeholder: string;
+            today: string;
+            clear: string;
+        };
+        Pagination: {
+            navigationLabel: string;
+            showingResults: string;
+            firstPage: string;
+            previousPage: string;
+            previous: string;
+            nextPage: string;
+            next: string;
+            lastPage: string;
+            pageNumber: string;
+            itemsPerPage: string;
+            search: string;
+            noOptions: string;
+        };
+        OCR: {
+            imageUpload: {
+                dragDropText: string;
+                browseFiles: string;
+                supportedFormats: string;
+            };
+        };
+    };
+};
+type UnderverseLocale = keyof typeof underverseMessages;
+declare function getUnderverseMessages(locale?: UnderverseLocale): {
+    Common: {
+        close: string;
+        closeAlert: string;
+        notifications: string;
+        newNotification: string;
+        readStatus: string;
+        openLink: string;
+        theme: string;
+        lightTheme: string;
+        darkTheme: string;
+        systemTheme: string;
+        density: string;
+        compact: string;
+        normal: string;
+        comfortable: string;
+        columns: string;
+    };
+    ValidationInput: {
+        required: string;
+        typeMismatch: string;
+        pattern: string;
+        tooShort: string;
+        tooLong: string;
+        rangeUnderflow: string;
+        rangeOverflow: string;
+        stepMismatch: string;
+        badInput: string;
+        invalid: string;
+    };
+    Loading: {
+        loadingPage: string;
+        pleaseWait: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        today: string;
+        clear: string;
+    };
+    Pagination: {
+        navigationLabel: string;
+        showingResults: string;
+        firstPage: string;
+        previousPage: string;
+        previous: string;
+        nextPage: string;
+        next: string;
+        lastPage: string;
+        pageNumber: string;
+        itemsPerPage: string;
+        search: string;
+        noOptions: string;
+    };
+    OCR: {
+        imageUpload: {
+            dragDropText: string;
+            browseFiles: string;
+            supportedFormats: string;
+        };
+    };
+} | {
+    Common: {
+        close: string;
+        closeAlert: string;
+        notifications: string;
+        newNotification: string;
+        readStatus: string;
+        openLink: string;
+        theme: string;
+        lightTheme: string;
+        darkTheme: string;
+        systemTheme: string;
+        density: string;
+        compact: string;
+        normal: string;
+        comfortable: string;
+        columns: string;
+    };
+    ValidationInput: {
+        required: string;
+        typeMismatch: string;
+        pattern: string;
+        tooShort: string;
+        tooLong: string;
+        rangeUnderflow: string;
+        rangeOverflow: string;
+        stepMismatch: string;
+        badInput: string;
+        invalid: string;
+    };
+    Loading: {
+        loadingPage: string;
+        pleaseWait: string;
+    };
+    DatePicker: {
+        placeholder: string;
+        today: string;
+        clear: string;
+    };
+    Pagination: {
+        navigationLabel: string;
+        showingResults: string;
+        firstPage: string;
+        previousPage: string;
+        previous: string;
+        nextPage: string;
+        next: string;
+        lastPage: string;
+        pageNumber: string;
+        itemsPerPage: string;
+        search: string;
+        noOptions: string;
+    };
+    OCR: {
+        imageUpload: {
+            dragDropText: string;
+            browseFiles: string;
+            supportedFormats: string;
+        };
+    };
+};
+
+export { AccessDenied, Alert, Avatar, Badge, Badge as BadgeBase, BottomSheet, Breadcrumb, Button, ButtonLoading, Card, Carousel, CategoryTreeSelect, Checkbox, ClientOnly, Combobox, DataTable, DatePicker, date as DateUtils, Drawer, DropdownMenu, FloatingContacts, GlobalLoading, GradientBadge, ImageUpload, InlineLoading, Input, InteractiveBadge, Label, LoadingBar, LoadingDots, LoadingSpinner, Modal, MultiCombobox, NotificationBadge, NotificationModal, PageLoading, Pagination, PillTabs, Popover, Progress, PulseBadge, RadioGroup, SIZE_STYLES_BTN, ScrollArea, Section, Sheet, SidebarSheet, SimpleTabs, Skeleton, SlideOver, Slider, SmartImage, StatusBadge, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, Textarea, ToastProvider, Tooltip, type UnderverseLocale, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, cn, getUnderverseMessages, underverseMessages, useToast };