@sustaina/shared-ui 1.16.0 → 1.17.0

package/dist/index.d.mts

@@ -9,6 +9,7 @@ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Header, RowData as RowData$1, Column as Column$1, Table as Table$1, ColumnDef, ColumnFiltersState, OnChangeFn, FilterFnOption, SortingState, ColumnOrderState, VisibilityState, ColumnPinningState, GroupingState, GroupingOptions, ColumnResizeMode, RowSelectionState, Row, ExpandedState, Cell, HeaderGroup, HeaderContext } from '@tanstack/react-table';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { DialogContentProps as DialogContentProps$1 } from '@radix-ui/react-dialog';
+import { Resource } from 'i18next';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -456,14 +457,9 @@ interface DialogAlertProps {
     persistent?: boolean;
 }
 type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.remove" | "confirm.logout";
-type DialogAlertTemplates = Record<TemplateKeys, Omit<DialogAlertProps, "open" | "onOpenChange">>;
-interface DialogAlertI18nResource {
-    [lang: string]: {
-        [namespace: string]: {
-            [key: string]: any;
-        };
-    };
-}
+type DialogAlertTemplateUnit = Omit<DialogAlertProps, "open" | "onOpenChange">;
+type DialogAlertTemplates = Record<TemplateKeys, DialogAlertTemplateUnit>;
+type DialogAlertI18nResource = Resource;
 
 declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet, persistent }: DialogAlertProps): react_jsx_runtime.JSX.Element;
 
@@ -481,14 +477,16 @@ interface DialogAlertProviderProps extends React.PropsWithChildren {
      * ```
      * {
      *    en: {
-     *      dialog_alert: {
-     *        close: "Close",
-     *        cancel: "Cancel",
-     *        "success.saved": {
-                title: "Successfully",
-                description: "Data has been successfully saved"
-              },
-     *         ....
+     *      translation: {
+     *        dialog_alert: {
+     *         close: "Close",
+     *         cancel: "Cancel",
+     *         "success.saved": {
+                 title: "Successfully",
+                 description: "Data has been successfully saved"
+                },
+     *          ....
+     *        }
      *       }
      *    }
      * }
@@ -510,7 +508,7 @@ declare const getDialogAlertControls: () => {
     openErrorDialogAlert: (error: unknown) => void;
 };
 
-declare const DIALOG_ALERT_I18N_NAMESPACE = "dialog_alert";
+declare const DIALOG_ALERT_I18N_SUBNAMESPACE = "dialog_alert";
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
@@ -1292,4 +1290,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, DIALOG_ALERT_I18N_NAMESPACE, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, DIALOG_ALERT_I18N_SUBNAMESPACE, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplateUnit, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };

package/dist/index.d.ts

@@ -9,6 +9,7 @@ import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { Header, RowData as RowData$1, Column as Column$1, Table as Table$1, ColumnDef, ColumnFiltersState, OnChangeFn, FilterFnOption, SortingState, ColumnOrderState, VisibilityState, ColumnPinningState, GroupingState, GroupingOptions, ColumnResizeMode, RowSelectionState, Row, ExpandedState, Cell, HeaderGroup, HeaderContext } from '@tanstack/react-table';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { DialogContentProps as DialogContentProps$1 } from '@radix-ui/react-dialog';
+import { Resource } from 'i18next';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as LabelPrimitive from '@radix-ui/react-label';
@@ -456,14 +457,9 @@ interface DialogAlertProps {
     persistent?: boolean;
 }
 type TemplateKeys = "success.saved" | "success.deleted" | "success.removed" | "error.api_db_error" | "error.permission_denied" | "error.session_expired" | "error.user_not_found" | "error.data_not_found" | "error.data_restrict_editing" | "error.network_timeout_error" | "error.queue_full" | "error.invalid_data_format" | "error.data_linked_to_system_data" | "error.pending_workflow_conflict" | "error.invalid_incomplete_data" | "error.client_side_error" | "error.system_limitation" | "error.timeout" | "error.duplicate_data" | "error.something_went_wrong" | "confirm.delete" | "confirm.inactive" | "confirm.active" | "confirm.leave_page" | "confirm.remove" | "confirm.logout";
-type DialogAlertTemplates = Record<TemplateKeys, Omit<DialogAlertProps, "open" | "onOpenChange">>;
-interface DialogAlertI18nResource {
-    [lang: string]: {
-        [namespace: string]: {
-            [key: string]: any;
-        };
-    };
-}
+type DialogAlertTemplateUnit = Omit<DialogAlertProps, "open" | "onOpenChange">;
+type DialogAlertTemplates = Record<TemplateKeys, DialogAlertTemplateUnit>;
+type DialogAlertI18nResource = Resource;
 
 declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet, persistent }: DialogAlertProps): react_jsx_runtime.JSX.Element;
 
@@ -481,14 +477,16 @@ interface DialogAlertProviderProps extends React.PropsWithChildren {
      * ```
      * {
      *    en: {
-     *      dialog_alert: {
-     *        close: "Close",
-     *        cancel: "Cancel",
-     *        "success.saved": {
-                title: "Successfully",
-                description: "Data has been successfully saved"
-              },
-     *         ....
+     *      translation: {
+     *        dialog_alert: {
+     *         close: "Close",
+     *         cancel: "Cancel",
+     *         "success.saved": {
+                 title: "Successfully",
+                 description: "Data has been successfully saved"
+                },
+     *          ....
+     *        }
      *       }
      *    }
      * }
@@ -510,7 +508,7 @@ declare const getDialogAlertControls: () => {
     openErrorDialogAlert: (error: unknown) => void;
 };
 
-declare const DIALOG_ALERT_I18N_NAMESPACE = "dialog_alert";
+declare const DIALOG_ALERT_I18N_SUBNAMESPACE = "dialog_alert";
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
@@ -1292,4 +1290,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, DIALOG_ALERT_I18N_NAMESPACE, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvanceSearch, ArrowIcon, type Breakpoints, Button, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type CroppedImagePayload, type CroppedImagePayloadWithBlobUrl, CropperModal, CropperModalError, type CropperModalErrorType, type CropperModalProps, DIALOG_ALERT_I18N_SUBNAMESPACE, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSeparatorProps, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DatePicker, type DatePickerProps, type DebounceOptions, type DebouncedFunction, Dialog, DialogAlert, type DialogAlertI18nResource, type DialogAlertProps, DialogAlertProvider, type DialogAlertTemplateUnit, type DialogAlertTemplates, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogTitle, DialogTrigger, type DialogVariant, ErrorCompression, ErrorCreateCanvas, ErrorGeneratingBlob, ErrorInvalidSVG, ErrorSVGExceedSize, type FieldSchema, type FieldType, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, Image, type ImageLoader, type ImageLoaderProps, type ImageProps, Input, type InputProps, Label, List, ListContainer, type ListContainerProps, ListHeader, type ListHeaderProps, type ListProps, ListTable, type ListTableProps, LookupSelect, type LookupSelectOption, type LookupSelectProps, MonthPicker, type MonthPickerProps, _default as Navbar, type NavbarProps, NotFoundIcon, type Params, Popover, PopoverAnchor, PopoverArrow, PopoverContent, PopoverTrigger, PreventPageLeave, RadioGroupItem, RadioGroupRoot, RadioLabel, RichText, type RowClickType, type RowState, type ScrollInfo, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLayout, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SorterProps, Spinner, type SpinnerProps, type StatusContentKey, SuiCalendarIcon, SuiCheckIcon, SuiDotsVerticalIcon, SuiEmptyDataIcon, SuiExpandIcon, SuiFilterIcon, SuiSettingIcon, SuiTriangleDownIcon, SuiWarningIcon, Switch, type TemplateKeys, Textarea, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, index as UI, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, formatISODate, getDialogAlertControls, getDialogTemplates, inputVariants, isDefined, isEmptyObject, selectValueToBoolean, spinnerVariants, stripNullishObject, throttle, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useSidebar, useTruncated };

package/dist/index.js

@@ -4948,127 +4948,130 @@ function Button2({
 }
 
 // src/components/dialog-alert/lib/constants.ts
-var DIALOG_ALERT_I18N_NAMESPACE = "dialog_alert";
+var DIALOG_ALERT_I18N_SUBNAMESPACE = "dialog_alert";
+var i18nPrefix = `translation:${DIALOG_ALERT_I18N_SUBNAMESPACE}.`;
 
 // src/components/dialog-alert/locale/default.ts
 var defaultResource = {
   sharedui: {
-    [DIALOG_ALERT_I18N_NAMESPACE]: {
-      cancel: "Cancel",
-      close: "Close",
-      "success.saved": {
-        title: "Successfully",
-        description: "Data has been successfully saved"
-      },
-      "success.deleted": {
-        title: "Successfully",
-        description: "Data has been successfully deleted"
-      },
-      "success.removed": {
-        title: "Successfully",
-        description: "Data has been successfully removed"
-      },
-      "error.api_db_error": {
-        title: "API/Database Error",
-        description: "Failed to connect to the system. Please check API or database connection."
-      },
-      "error.permission_denied": {
-        title: "Permission Denied",
-        description: "You do not have permission to delete this data.",
-        confirm_text: "Discard"
-      },
-      "error.session_expired": {
-        title: "Session Expired",
-        description: "Your session has expired or you have been logged out. Please sign in again.",
-        confirm_text: "Logout"
-      },
-      "error.user_not_found": {
-        title: "User Not Found",
-        description: "The system could not locate the user account.",
-        confirm_text: "Logout"
-      },
-      "error.data_not_found": {
-        title: "Data Not Found",
-        description: "The data has already been deleted or does not exist in the system."
-      },
-      "error.data_restrict_editing": {
-        title: "Data Status Restricts Editing",
-        description: "Data status does not allow editing."
-      },
-      "error.network_timeout_error": {
-        title: "Network Error / Timeout",
-        description: "The system could not connect to the network or the request took too long to process."
-      },
-      "error.queue_full": {
-        title: "Queue Full",
-        description: "The notification queue has reached its limit. Please try again later."
-      },
-      "error.invalid_data_format": {
-        title: "Invalid Data Format",
-        description: "Data creation failed due to invalid or incorrectly formatted data."
-      },
-      "error.data_linked_to_system_data": {
-        title: "Data Linked to System Data",
-        description: "Cannot delete data because they are linked to existing system data."
-      },
-      "error.pending_workflow_conflict": {
-        title: "Pending Workflow Conflict ",
-        description: "The data is currently involved in a pending workflow or approval process and cannot be deactivated."
-      },
-      "error.invalid_incomplete_data": {
-        title: "Invalid or Incomplete Data",
-        description: "Data status cannot be changed due to incomplete or invalid information."
-      },
-      "error.client_side_error": {
-        title: "Client-Side Error",
-        description: "An error occurred on the client side. Please refresh the page or try again."
-      },
-      "error.system_limitation": {
-        title: "System Limitation",
-        description: "The search cannot be completed due to system limitations. Please simplify your query."
-      },
-      "error.timeout": {
-        title: "Timeout",
-        description: "Request failed due to a system error or timeout. Please try again."
-      },
-      "error.duplicate_data": {
-        title: "Duplicate Data",
-        description: "The data you entered already exists in the system."
-      },
-      "error.something_went_wrong": {
-        title: "Something Went Wrong",
-        description: "An unknown error occurred."
-      },
-      "confirm.delete": {
-        title: "Confirmation",
-        description: "Are you sure you want to delete this item?",
-        confirm_text: "Delete"
-      },
-      "confirm.inactive": {
-        title: "Confirmation",
-        description: "Are you sure you want to inactive this item?",
-        confirm_text: "Inactive"
-      },
-      "confirm.active": {
-        variant: "confirm-green",
-        title: "Confirmation",
-        description: "Are you sure you want to active this item?",
-        confirm_text: "Active"
-      },
-      "confirm.leave_page": {
-        title: "Confirmation",
-        description: "Unsaved changes. Do you want to leave this page?",
-        confirm_text: "Leave"
-      },
-      "confirm.remove": {
-        title: "Confirmation",
-        description: "Are you sure you want to remove this item?",
-        confirm_text: "Remove"
-      },
-      "confirm.logout": {
-        title: "Confirmation",
-        description: "Do you want to log out?",
-        confirm_text: "Logout"
+    translation: {
+      [DIALOG_ALERT_I18N_SUBNAMESPACE]: {
+        cancel: "Cancel",
+        close: "Close",
+        "success.saved": {
+          title: "Successfully",
+          description: "Data has been successfully saved"
+        },
+        "success.deleted": {
+          title: "Successfully",
+          description: "Data has been successfully deleted"
+        },
+        "success.removed": {
+          title: "Successfully",
+          description: "Data has been successfully removed"
+        },
+        "error.api_db_error": {
+          title: "API/Database Error",
+          description: "Failed to connect to the system. Please check API or database connection."
+        },
+        "error.permission_denied": {
+          title: "Permission Denied",
+          description: "You do not have permission to delete this data.",
+          confirm_text: "Discard"
+        },
+        "error.session_expired": {
+          title: "Session Expired",
+          description: "Your session has expired or you have been logged out. Please sign in again.",
+          confirm_text: "Logout"
+        },
+        "error.user_not_found": {
+          title: "User Not Found",
+          description: "The system could not locate the user account.",
+          confirm_text: "Logout"
+        },
+        "error.data_not_found": {
+          title: "Data Not Found",
+          description: "The data has already been deleted or does not exist in the system."
+        },
+        "error.data_restrict_editing": {
+          title: "Data Status Restricts Editing",
+          description: "Data status does not allow editing."
+        },
+        "error.network_timeout_error": {
+          title: "Network Error / Timeout",
+          description: "The system could not connect to the network or the request took too long to process."
+        },
+        "error.queue_full": {
+          title: "Queue Full",
+          description: "The notification queue has reached its limit. Please try again later."
+        },
+        "error.invalid_data_format": {
+          title: "Invalid Data Format",
+          description: "Data creation failed due to invalid or incorrectly formatted data."
+        },
+        "error.data_linked_to_system_data": {
+          title: "Data Linked to System Data",
+          description: "Cannot delete data because they are linked to existing system data."
+        },
+        "error.pending_workflow_conflict": {
+          title: "Pending Workflow Conflict ",
+          description: "The data is currently involved in a pending workflow or approval process and cannot be deactivated."
+        },
+        "error.invalid_incomplete_data": {
+          title: "Invalid or Incomplete Data",
+          description: "Data status cannot be changed due to incomplete or invalid information."
+        },
+        "error.client_side_error": {
+          title: "Client-Side Error",
+          description: "An error occurred on the client side. Please refresh the page or try again."
+        },
+        "error.system_limitation": {
+          title: "System Limitation",
+          description: "The search cannot be completed due to system limitations. Please simplify your query."
+        },
+        "error.timeout": {
+          title: "Timeout",
+          description: "Request failed due to a system error or timeout. Please try again."
+        },
+        "error.duplicate_data": {
+          title: "Duplicate Data",
+          description: "The data you entered already exists in the system."
+        },
+        "error.something_went_wrong": {
+          title: "Something Went Wrong",
+          description: "An unknown error occurred."
+        },
+        "confirm.delete": {
+          title: "Confirmation",
+          description: "Are you sure you want to delete this item?",
+          confirm_text: "Delete"
+        },
+        "confirm.inactive": {
+          title: "Confirmation",
+          description: "Are you sure you want to inactive this item?",
+          confirm_text: "Inactive"
+        },
+        "confirm.active": {
+          variant: "confirm-green",
+          title: "Confirmation",
+          description: "Are you sure you want to active this item?",
+          confirm_text: "Active"
+        },
+        "confirm.leave_page": {
+          title: "Confirmation",
+          description: "Unsaved changes. Do you want to leave this page?",
+          confirm_text: "Leave"
+        },
+        "confirm.remove": {
+          title: "Confirmation",
+          description: "Are you sure you want to remove this item?",
+          confirm_text: "Remove"
+        },
+        "confirm.logout": {
+          title: "Confirmation",
+          description: "Do you want to log out?",
+          confirm_text: "Logout"
+        }
       }
     }
   }
@@ -5079,7 +5082,7 @@ i18n__default.default.use(reactI18next.initReactI18next).init({
   resources: defaultResource,
   lng: "sharedui",
   fallbackLng: "sharedui",
-  defaultNS: DIALOG_ALERT_I18N_NAMESPACE,
+  defaultNS: "translation",
   interpolation: {
     escapeValue: false
     // react already safes from xss
@@ -5110,7 +5113,7 @@ function DialogAlert({
   persistent = false
 }) {
   const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
-  const { t } = reactI18next.useTranslation(DIALOG_ALERT_I18N_NAMESPACE);
+  const { t } = reactI18next.useTranslation();
   const handleCancel = React4.useCallback(() => {
     onCancel?.();
     onOpenChange(false);
@@ -5305,6 +5308,10 @@ var useDialogAlertStore = zustand.create((set, get) => ({
     let templateVal;
     if (payload?.template) {
       templateVal = getDialogTemplates({ setOpen: get().setOpen })[payload.template];
+      templateVal.title = templateVal.title ? i18nPrefix + templateVal.title : void 0;
+      templateVal.description = templateVal.description ? i18nPrefix + templateVal.description : void 0;
+      templateVal.confirmText = templateVal.confirmText ? i18nPrefix + templateVal.confirmText : void 0;
+      templateVal.cancelText = templateVal.cancelText ? i18nPrefix + templateVal.cancelText : void 0;
     }
     get().setDialogProps({ ...templateVal, ...payload?.props });
     get().setOpen(true);
@@ -5322,17 +5329,16 @@ var DialogAlertProvider = ({ children, i18nResource, i18nLang }) => {
       i18n_default.changeLanguage("sharedui");
       return;
     }
-    const langs = Object.keys(i18nResource);
-    for (const lang of langs) {
-      i18n_default.addResourceBundle(
-        lang,
-        DIALOG_ALERT_I18N_NAMESPACE,
-        i18nResource[lang][DIALOG_ALERT_I18N_NAMESPACE],
-        false,
-        true
-      );
+    try {
+      const langs = Object.keys(i18nResource);
+      for (const lang of langs) {
+        i18n_default.addResourceBundle(lang, "translation", i18nResource[lang]["translation"], false, true);
+      }
+      i18n_default.changeLanguage(i18nLang);
+    } catch {
+      i18n_default.changeLanguage("sharedui");
+      return;
     }
-    i18n_default.changeLanguage(i18nLang);
   }, [i18nLang, i18nResource]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     children,
@@ -8723,7 +8729,7 @@ exports.CollapsibleContent = CollapsibleContent2;
 exports.CollapsibleTrigger = CollapsibleTrigger2;
 exports.CropperModal = CropperModal;
 exports.CropperModalError = CropperModalError;
-exports.DIALOG_ALERT_I18N_NAMESPACE = DIALOG_ALERT_I18N_NAMESPACE;
+exports.DIALOG_ALERT_I18N_SUBNAMESPACE = DIALOG_ALERT_I18N_SUBNAMESPACE;
 exports.DataTable = DataTable_default;
 exports.DatePicker = DatePicker2;
 exports.Dialog = Dialog;