@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.7 → 0.2.8

package/dist/components/ui/data-display/types.esm.js

@@ -0,0 +1,511 @@
+// Data Display Components - Shared Types
+// Comprehensive type definitions for all data display components
+
+import React from 'react';
+
+// ============================================================================
+// COMMON INTERFACES
+// ============================================================================
+
+export interface DataDisplayBaseProps {
+  className?;
+  theme?;
+  size?;
+  variant?;
+  loading?;
+  error?;
+  emptyMessage?;
+}
+
+export interface SortableColumn {
+  key;
+  label;
+  sortable?;
+  width?;
+  align?;
+}
+
+export interface SortConfig {
+  key;
+  direction;
+}
+
+export interface PaginationConfig {
+  currentPage;
+  pageSize;
+  totalItems;
+  pageSizeOptions?];
+}
+
+export interface FilterConfig {
+  key;
+  value;
+  operator;
+}
+
+// ============================================================================
+// TABLE COMPONENT
+// ============================================================================
+
+export interface TableProps extends DataDisplayBaseProps {
+  columns];
+  data, any>[];
+  sortable?;
+  selectable?;
+  expandable?;
+  onSort?) => void;
+  onSelectionChange?]) => void;
+  onRowClick?, any>, index) => void;
+  onRowExpand?, any>, expanded) => void;
+  selectedKeys?];
+  expandedKeys?];
+  sortConfig?;
+  pagination?;
+  onPageChange?) => void;
+  onPageSizeChange?) => void;
+  filters?];
+  onFiltersChange?]) => void;
+  searchable?;
+  searchValue?;
+  onSearchChange?) => void;
+  rowKey?, any>) => string);
+  loading?;
+  error?;
+  emptyMessage?;
+}
+
+export interface TableRowProps {
+  row, any>;
+  index;
+  columns];
+  selected;
+  expanded;
+  onSelect) => void;
+  onExpand) => void;
+  onClick) => void;
+  theme;
+  size;
+  variant;
+}
+
+// ============================================================================
+// DATA GRID COMPONENT
+// ============================================================================
+
+export interface DataGridProps extends DataDisplayBaseProps {
+  columns];
+  data, any>[];
+  sortable?;
+  filterable?;
+  groupable?;
+  resizable?;
+  reorderable?;
+  onSort?) => void;
+  onFiltersChange?]) => void;
+  onGroupChange?]) => void;
+  onColumnResize?, newWidth) => void;
+  onColumnReorder?, toIndex) => void;
+  sortConfig?;
+  filters?];
+  groups?];
+  columnWidths?, number>;
+  columnOrder?];
+  pagination?;
+  onPageChange?) => void;
+  onPageSizeChange?) => void;
+  searchable?;
+  searchValue?;
+  onSearchChange?) => void;
+  rowKey?, any>) => string);
+  selectable?;
+  onSelectionChange?]) => void;
+  selectedKeys?];
+  loading?;
+  error?;
+  emptyMessage?;
+}
+
+export interface DataGridColumnProps {
+  column;
+  index;
+  onSort) => void;
+  onResize) => void;
+  sortConfig?;
+  theme;
+  size;
+  resizable;
+}
+
+// ============================================================================
+// LIST COMPONENT
+// ============================================================================
+
+export interface ListProps extends DataDisplayBaseProps {
+  items];
+  selectable?;
+  multiSelect?;
+  onSelectionChange?]) => void;
+  selectedKeys?];
+  onClick?, index) => void;
+  onItemClick?, index) => void;
+  onItemAction?, item) => void;
+  actions?];
+  itemRenderer?, index) => React.ReactNode;
+  searchable?;
+  searchValue?;
+  onSearchChange?) => void;
+  filterable?;
+  filters?];
+  onFiltersChange?]) => void;
+  sortable?;
+  sortConfig?;
+  onSort?) => void;
+  pagination?;
+  onPageChange?) => void;
+  onPageSizeChange?) => void;
+  showDividers?;
+  loading?;
+  error?;
+  emptyMessage?;
+}
+
+export interface ListItem {
+  id;
+  key?;
+  title;
+  description?;
+  subtitle?;
+  avatar?;
+  icon?;
+  metadata?;
+    status?;
+    badge?;
+    [key];
+  };
+  actions?];
+  disabled?;
+  selected?;
+}
+
+export interface ListAction {
+  key;
+  label;
+  icon?;
+  onClick) => void;
+  disabled?;
+  variant?;
+}
+
+export interface ListFilter {
+  key;
+  label;
+  type;
+  options?; label}[];
+  value?;
+}
+
+// ============================================================================
+// TREE COMPONENT
+// ============================================================================
+
+export interface TreeProps extends DataDisplayBaseProps {
+  data];
+  expandedKeys?];
+  selectedKeys?];
+  onExpandedKeysChange?]) => void;
+  onSelectedKeysChange?]) => void;
+  onNodeClick?, event) => void;
+  selectable?;
+  expandable?;
+  draggable?;
+  onDragStart?, event) => void;
+  onDragEnd?, event) => void;
+  onDrop?, dropNode, event) => void;
+  searchable?;
+  searchValue?;
+  onSearchChange?) => void;
+  filterable?;
+  filters?];
+  onFiltersChange?]) => void;
+  showLines?;
+  showIcons?;
+  expandAll?;
+  collapseAll?;
+  loading?;
+  error?;
+  emptyMessage?;
+}
+
+export interface TreeNode {
+  id;
+  key?;
+  label;
+  description?;
+  children?];
+  icon?;
+  disabled?;
+  selectable?;
+  expandable?;
+  metadata?;
+    status?;
+    [key];
+  };
+  data?, any>;
+}
+
+export interface TreeItemProps {
+  node;
+  level?;
+  expandedKeys];
+  selectedKeys];
+  selectable?;
+  expandable?;
+  onToggleExpand?, expanded) => void;
+  onSelectionChange?, selected) => void;
+  onClick?, event) => void;
+  theme;
+  size;
+  variant;
+  draggable?;
+  onDragStart?, event) => void;
+  onDragEnd?, event) => void;
+  onDrop?, dropNode, event) => void;
+  showLines?;
+  showIcons?;
+}
+
+export interface TreeFilter {
+  key;
+  label;
+  type;
+  options?; label}[];
+  value?;
+}
+
+// ============================================================================
+// TIMELINE COMPONENT
+// ============================================================================
+
+export interface TimelineProps extends DataDisplayBaseProps {
+  items];
+  mode?;
+  reverse?;
+  actions?];
+  onItemClick?) => void;
+  searchable?;
+  searchValue?;
+  onSearchChange?) => void;
+  filterable?;
+  filters?];
+  onFiltersChange?]) => void;
+  showConnector?;
+  loading?;
+  error?;
+  emptyMessage?;
+}
+
+export interface TimelineItem {
+  id;
+  title;
+  description?;
+  timestamp;
+  type?;
+  status?;
+  icon?;
+  content?;
+  metadata?;
+    category?;
+    tags?];
+    [key];
+  };
+  actions?];
+  disabled?;
+  data?, any>;
+}
+
+export interface TimelineAction {
+  key;
+  label;
+  icon?;
+  onClick) => void;
+  disabled?;
+  variant?;
+}
+
+export interface TimelineItemProps {
+  item;
+  position;
+  isLast;
+  mode;
+  actions];
+  onClick?) => void;
+  theme;
+  size;
+  variant;
+  showConnector;
+}
+
+export interface TimelineFilter {
+  key;
+  label;
+  type;
+  options?; label}[];
+  value?;
+}
+
+// ============================================================================
+// CHART COMPONENT
+// ============================================================================
+
+export interface ChartProps extends DataDisplayBaseProps {
+  type?;
+  data;
+  options?;
+  height?;
+  width?;
+  responsive?;
+  showLegend?;
+  showValues?;
+  showGrid?;
+  animate?;
+  onDataPointClick?, index) => void;
+  onLegendClick?, index) => void;
+  loading?;
+  error?;
+  emptyMessage?;
+}
+
+export interface ChartData {
+  labels];
+  datasets];
+}
+
+export interface ChartDataset {
+  label;
+  data)[];
+  color?;
+  backgroundColor?];
+  borderColor?];
+  borderWidth?;
+  fill?;
+  tension?;
+  pointRadius?;
+  pointHoverRadius?;
+  pointBackgroundColor?];
+  pointBorderColor?];
+  pointBorderWidth?;
+  pointStyle?;
+  hidden?;
+}
+
+export interface ChartDataPoint {
+  label;
+  value;
+  datasetIndex;
+  index;
+  x;
+  y;
+}
+
+export interface ChartLegend {
+  text;
+  fillStyle;
+  strokeStyle;
+  lineWidth;
+  hidden;
+  index;
+}
+
+export interface ChartOptions {
+  title?;
+  subtitle?;
+  showPoints?;
+  showLabels?;
+  responsive?;
+  maintainAspectRatio?;
+  plugins?;
+      text?;
+      color?;
+      font?;
+        size?;
+        weight?;
+      };
+    };
+    legend?;
+      position?;
+      labels?;
+        font?;
+          size?;
+          weight?;
+        };
+        usePointStyle?;
+        padding?;
+      };
+    };
+    tooltip?;
+      mode?;
+      intersect?;
+      backgroundColor?;
+      titleColor?;
+      bodyColor?;
+      borderColor?;
+      borderWidth?;
+    };
+  };
+  scales?;
+      title?;
+        text?;
+        color?;
+        font?;
+          size?;
+          weight?;
+        };
+      };
+      grid?;
+        color?;
+        borderColor?;
+        borderWidth?;
+      };
+      ticks?;
+        font?;
+          size?;
+          weight?;
+        };
+      };
+    };
+    y?;
+      title?;
+        text?;
+        color?;
+        font?;
+          size?;
+          weight?;
+        };
+      };
+      grid?;
+        color?;
+        borderColor?;
+        borderWidth?;
+      };
+      ticks?;
+        font?;
+          size?;
+          weight?;
+        };
+      };
+    };
+  };
+  animation?;
+    easing?;
+  };
+  interaction?;
+    intersect?;
+    axis?;
+  };
+}
+
+// ============================================================================
+// EXPORT ALL TYPES
+// ============================================================================
+
+// All interfaces are already exported above, no need for additional export type