@underverse-ui/underverse 2.0.4 → 2.0.6

package/dist/index.d.cts

@@ -2912,6 +2912,8 @@ interface DataTableProps<T> {
     onQueryChange?: (q: DataTableQuery) => void;
     caption?: React__default.ReactNode;
     toolbar?: React__default.ReactNode;
+    /** Show the toolbar row above the table. Default: true */
+    showToolbar?: boolean;
     /**
      * Define color groups for the column visibility dropdown legend.
      * Key = color value used in column's `colorTag` (e.g. "#1e40af").
@@ -2923,6 +2925,8 @@ interface DataTableProps<T> {
     enableColumnVisibilityToggle?: boolean;
     enableDensityToggle?: boolean;
     enableHeaderAlignToggle?: boolean;
+    /** Uppercase all text displayed in table headers. Default: false */
+    uppercaseHeader?: boolean;
     striped?: boolean;
     /** Hiển thị đường kẻ dọc ngăn cách giữa các cột */
     columnDividers?: boolean;
@@ -2958,7 +2962,7 @@ interface DataTableProps<T> {
     borderMode?: BorderMode;
 }
 
-declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {

package/dist/index.d.ts

@@ -2912,6 +2912,8 @@ interface DataTableProps<T> {
     onQueryChange?: (q: DataTableQuery) => void;
     caption?: React__default.ReactNode;
     toolbar?: React__default.ReactNode;
+    /** Show the toolbar row above the table. Default: true */
+    showToolbar?: boolean;
     /**
      * Define color groups for the column visibility dropdown legend.
      * Key = color value used in column's `colorTag` (e.g. "#1e40af").
@@ -2923,6 +2925,8 @@ interface DataTableProps<T> {
     enableColumnVisibilityToggle?: boolean;
     enableDensityToggle?: boolean;
     enableHeaderAlignToggle?: boolean;
+    /** Uppercase all text displayed in table headers. Default: false */
+    uppercaseHeader?: boolean;
     striped?: boolean;
     /** Hiển thị đường kẻ dọc ngăn cách giữa các cột */
     columnDividers?: boolean;
@@ -2958,7 +2962,7 @@ interface DataTableProps<T> {
     borderMode?: BorderMode;
 }
 
-declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {

package/dist/index.js

@@ -4957,7 +4957,7 @@ var Combobox = ({
       variantStyles5[variant],
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
       "disabled:cursor-not-allowed disabled:opacity-50",
-      open && "ring-2 ring-primary/20 border-primary",
+      open && "border-primary",
       !!effectiveError && "border-destructive focus-visible:ring-destructive/30",
       className
     )
@@ -6347,11 +6347,11 @@ var DatePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out",
-              isOpen && !isFocused && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && !isFocused && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5",
               className
             ),
@@ -7105,11 +7105,11 @@ var DateRangePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out",
-              isOpen && !isFocused && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && !isFocused && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5"
             ),
             children: [
@@ -8044,11 +8044,11 @@ var LunarDatePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out",
-              isOpen && !isFocused && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && !isFocused && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5",
               className
             ),
@@ -8683,11 +8683,11 @@ var LunarDateRangePicker = ({
               formControlSizeStyles[requestedSize].control,
               disabled ? "border-border/40 opacity-50 cursor-not-allowed" : [
                 "border-border/60 hover:border-primary/40",
-                "focus-within:ring-2 focus-within:ring-primary/50 focus-within:ring-offset-2 focus-within:ring-offset-background focus-within:border-transparent focus-within:hover:border-transparent",
-                "hover:bg-accent/10 hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5"
+                "focus-within:border-primary focus-within:ring-0",
+                "hover:bg-accent/10"
               ],
               "transition-all duration-300 ease-out text-left",
-              isOpen && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive/60 focus-within:ring-destructive/50 bg-destructive/5"
             ),
             children: [
@@ -9378,8 +9378,7 @@ function MonthYearPicker({
         effectiveError && "border-destructive/60 focus-visible:ring-destructive/50 bg-destructive/5",
         success && !effectiveError && "border-success/60 focus-visible:ring-success/50 bg-success/5",
         !effectiveError && !success && "border-border/60 hover:border-primary/40 hover:bg-accent/10",
-        animate && !disabled && "hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5",
-        open && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+        open && "border-primary shadow-lg shadow-primary/10",
         className
       ),
       children: [
@@ -11094,8 +11093,7 @@ function TimePicker({
         effectiveError && "border-destructive/60 focus-visible:ring-destructive/50 bg-destructive/5",
         success && !effectiveError && "border-success/60 focus-visible:ring-success/50 bg-success/5",
         !effectiveError && !success && "border-border/60 hover:border-primary/40 hover:bg-accent/10",
-        animate && !disabled && "hover:shadow-lg hover:shadow-primary/5 hover:-translate-y-0.5",
-        open && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+        open && "border-primary shadow-lg shadow-primary/10",
         className
       ),
       children: [
@@ -15254,7 +15252,7 @@ var MultiCombobox = ({
         variantStyles5[variant],
         "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:border-primary",
         "disabled:cursor-not-allowed disabled:opacity-50",
-        open && "ring-2 ring-primary/20 border-primary",
+        open && "border-primary",
         !!effectiveError && "border-destructive focus-visible:ring-destructive/30"
       ),
       children: [
@@ -17614,7 +17612,7 @@ function CategoryTreeSelect(props) {
               triggerVariantStyles[variant],
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
               disabled && "opacity-50 cursor-not-allowed hover:transform-none hover:shadow-none",
-              isOpen && "ring-2 ring-primary/30 border-primary/50 shadow-lg shadow-primary/10",
+              isOpen && "border-primary shadow-lg shadow-primary/10",
               effectiveError && "border-destructive focus-visible:ring-destructive/30"
             ),
             children: [
@@ -21548,6 +21546,7 @@ function DataTableHeader({
   filters,
   sort,
   columnDividers,
+  uppercaseHeader,
   setCurPage,
   setFilters,
   setSort,
@@ -21819,6 +21818,7 @@ function DataTableHeader({
           "relative",
           (col.headerAlign ?? headerAlign) === "right" && "text-right",
           (col.headerAlign ?? headerAlign) === "center" && "text-center",
+          uppercaseHeader && "uppercase",
           showBorderLeft && "border-l border-border/60",
           getStickyHeaderClass(col)
         ),
@@ -22653,10 +22653,12 @@ function DataTable({
   onQueryChange,
   caption,
   toolbar,
+  showToolbar = true,
   size = "md",
   enableColumnVisibilityToggle = true,
   enableDensityToggle = true,
   enableHeaderAlignToggle = false,
+  uppercaseHeader = false,
   striped = true,
   columnDividers = false,
   className,
@@ -22810,7 +22812,7 @@ function DataTable({
     });
   }, []);
   return /* @__PURE__ */ jsxs53("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ jsx61(
+    showToolbar && /* @__PURE__ */ jsx61(
       DataTableToolbar,
       {
         caption,
@@ -22870,6 +22872,7 @@ function DataTable({
                       filters,
                       sort,
                       columnDividers,
+                      uppercaseHeader,
                       setCurPage,
                       setFilters,
                       setSort,