@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.1.4 → 0.1.5

package/src/components/ui/data-display/data-grid-simple.tsx

@@ -0,0 +1,76 @@
+import React from 'react';
+import { DataGridProps } from './types';
+
+// Minimal DataGrid component for testing
+export const DataGridSimple: React.FC<DataGridProps> = ({
+  columns,
+  data,
+  className = '',
+  loading = false,
+  error = null,
+  emptyMessage = 'No data available'
+}) => {
+  // Loading state
+  if (loading) {
+    return (
+      <div className={`data-grid__container ${className}`}>
+        <div className="data-grid__loading">
+          <div className="data-grid__loading-text">Loading...</div>
+        </div>
+      </div>
+    );
+  }
+
+  // Error state
+  if (error) {
+    return (
+      <div className={`data-grid__container ${className}`}>
+        <div className="data-grid__error">
+          <div className="data-grid__error-text">{error}</div>
+        </div>
+      </div>
+    );
+  }
+
+  // Empty state
+  if (data.length === 0) {
+    return (
+      <div className={`data-grid__container ${className}`}>
+        <div className="data-grid__empty">
+          <div className="data-grid__empty-text">{emptyMessage}</div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className={`data-grid__container ${className}`}>
+      <div className="data-grid__table-wrapper">
+        <table className="data-grid__table">
+          <thead>
+            <tr>
+              {columns.map((column) => (
+                <th key={column.key} className="data-grid__header">
+                  {column.label}
+                </th>
+              ))}
+            </tr>
+          </thead>
+          <tbody>
+            {data.map((row, index) => (
+              <tr key={index} className="data-grid__row">
+                {columns.map((column) => (
+                  <td key={column.key} className="data-grid__cell">
+                    {String(row[column.key] || '')}
+                  </td>
+                ))}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+};
+
+export default DataGridSimple;