@umituz/web-design-system 4.6.0 → 4.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-design-system",
-  "version": "4.6.0",
+  "version": "4.6.1",
   "private": false,
   "type": "module",
   "description": "Web Design System - Tailwind v4 authored, precompiled CSS shipped. Atomic Design components (Atoms, Molecules, Organisms, Templates) for React applications.",

package/src/__tests__/components.smoke.test.tsx

@@ -652,4 +652,28 @@ describe('accessia supersets', () => {
     expect(options[0]?.textContent).toBe('Newest');
     expect(options[2]?.textContent).toBe('Other');
   });
+
+  it('DataTable initialSort orders rows before any header click', () => {
+    interface Local {
+      id: string;
+      name: string;
+    }
+    render(
+      <DataTable<Local>
+        data={[
+          { id: 'b', name: 'bravo' },
+          { id: 'a', name: 'alpha' },
+        ]}
+        sortable
+        initialSort={{ id: 'name', dir: 'asc' }}
+        columns={[{ id: 'name', header: 'Name', accessor: 'name', sortable: true, sortValue: (r) => r.name }]}
+      />,
+    );
+    expect(screen.getAllByRole('row')[1]?.textContent).toContain('alpha');
+  });
+
+  it('Progress info tone paints the fill info', () => {
+    render(<Progress value={60} tone="info" aria-label="load" />);
+    expect(screen.getByRole('progressbar', { name: 'load' }).querySelector('div')?.className).toContain('bg-info');
+  });
 });

package/src/presentation/atoms/Progress.tsx

@@ -12,7 +12,7 @@ export interface ProgressProps extends HTMLAttributes<HTMLDivElement>, BaseProps
   value?: number;
   max?: number;
   size?: 'sm' | 'md' | 'lg';
-  tone?: 'primary' | 'success' | 'warning' | 'destructive';
+  tone?: 'primary' | 'success' | 'warning' | 'destructive' | 'info';
   label?: string;
 }
 
@@ -22,11 +22,12 @@ const sizeStyles: Record<'sm' | 'md' | 'lg', string> = {
   lg: 'h-3',
 };
 
-const toneStyles: Record<'primary' | 'success' | 'warning' | 'destructive', string> = {
+const toneStyles: Record<'primary' | 'success' | 'warning' | 'destructive' | 'info', string> = {
   primary: 'bg-primary',
   success: 'bg-success',
   warning: 'bg-warning',
   destructive: 'bg-destructive',
+  info: 'bg-info',
 };
 
 export const Progress = forwardRef<HTMLDivElement, ProgressProps>(

package/src/presentation/organisms/DataTable.tsx

@@ -67,6 +67,7 @@ export interface DataTableProps<T> extends BaseProps {
   size?: MediumSizes;
   sortable?: boolean;
   sort?: SortState;
+  initialSort?: SortState;
   onSortChange?: (id: string) => void;
   rowKey?: (row: T) => string;
   selectedId?: string;
@@ -229,6 +230,7 @@ export function DataTable<T>({
   size = 'md',
   sortable = false,
   sort,
+  initialSort,
   onSortChange,
   rowKey,
   selectedId,
@@ -244,7 +246,7 @@ export function DataTable<T>({
   rowLabel,
   ...props
 }: DataTableProps<T>) {
-  const [internalSort, setInternalSort] = useState<SortState | null>(null);
+  const [internalSort, setInternalSort] = useState<SortState | null>(initialSort ?? null);
   const [currentPage, setCurrentPage] = useState(1);
 
   const activeSort = sort ?? internalSort;