@fastnd/components 1.0.11 → 1.0.12

package/dist/features/data-visualization/CardView/CardView.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ColumnConfig, DataRow } from '../types';
+export interface CardViewProps {
+    rows: DataRow[];
+    columns: Array<[string, ColumnConfig]>;
+    visibleColumns: Set<string>;
+    titleField: string;
+    subtitleField?: string;
+    badgeFields?: string[];
+    cardRows?: Array<{
+        label: string;
+        field: string;
+        rendererOverride?: string;
+    }>;
+    footerField?: string;
+    expandField?: string;
+    favorites: Set<string>;
+    onToggleFavorite?: (id: string) => void;
+    expandedRows: Set<string>;
+    onToggleExpand?: (compositeKey: string) => void;
+    renderCell?: (colKey: string, colConfig: ColumnConfig, row: DataRow) => React.ReactNode;
+    className?: string;
+}
+export declare const CardView: React.ForwardRefExoticComponent<CardViewProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/ConfigPopover/ConfigPopover.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ColumnConfig } from '../types';
+export interface ConfigPopoverProps {
+    open: boolean;
+    columns: Record<string, ColumnConfig>;
+    columnOrder: string[];
+    visibleColumns: Set<string>;
+    onToggleColumn?: (key: string) => void;
+    onReorder?: (newOrder: string[]) => void;
+    className?: string;
+}
+export declare const ConfigPopover: React.ForwardRefExoticComponent<ConfigPopoverProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/DataGrid/DataGrid.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { ColumnConfig, DataRow, ViewMode, SortDirection, ViewLayout } from '../types';
+export interface DataGridProps {
+    rows: DataRow[];
+    totalRows: number;
+    columns: Record<string, ColumnConfig>;
+    columnOrder: string[];
+    visibleColumns: Set<string>;
+    layout: ViewLayout;
+    resultLabel?: string;
+    currentView: ViewMode;
+    onViewChange?: (view: ViewMode) => void;
+    searchQuery: string;
+    onSearchChange?: (query: string) => void;
+    filters: Record<string, string | null>;
+    filterOptions: Record<string, string[]>;
+    onFilterChange?: (key: string, value: string | null) => void;
+    sortColumn: string | null;
+    sortDirection: SortDirection;
+    onSort?: (column: string) => void;
+    expandedRows: Set<string>;
+    onToggleExpand?: (compositeKey: string) => void;
+    favorites: Set<string>;
+    onToggleFavorite?: (id: string) => void;
+    columnWidths: Record<string, number>;
+    onColumnResize?: (colKey: string, width: number) => void;
+    onToggleColumn?: (key: string) => void;
+    onReorderColumns?: (newOrder: string[]) => void;
+    onClearSecondaryFilters?: () => void;
+    renderListCell?: (colKey: string, colConfig: ColumnConfig, row: DataRow) => React.ReactNode;
+    renderCardCell?: (colKey: string, colConfig: ColumnConfig, row: DataRow) => React.ReactNode;
+    className?: string;
+}
+export declare const DataGrid: React.ForwardRefExoticComponent<DataGridProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/DataGrid/ResultCount.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ResultCountProps {
+    count: number;
+    total: number;
+    label?: string;
+    className?: string;
+}
+export declare const ResultCount: React.ForwardRefExoticComponent<ResultCountProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/DataTable/DataTable.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { ColumnConfig, DataRow, SortDirection } from '../types';
+export interface DataTableProps {
+    rows: DataRow[];
+    columns: Array<[string, ColumnConfig]>;
+    sortColumn: string | null;
+    sortDirection: SortDirection;
+    onSort?: (column: string) => void;
+    expandedRows: Set<string>;
+    onToggleExpand?: (compositeKey: string) => void;
+    favorites: Set<string>;
+    onToggleFavorite?: (id: string) => void;
+    columnWidths?: Record<string, number>;
+    onColumnResize?: (colKey: string, width: number) => void;
+    className?: string;
+}
+export declare const DataTable: React.ForwardRefExoticComponent<DataTableProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/DataVisualizationPage/DataVisualizationPage.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { DataSource } from '../types';
+export interface DataVisualizationPageProps {
+    sources: DataSource[];
+    initialSourceKey?: string;
+    className?: string;
+}
+export declare const DataVisualizationPage: React.ForwardRefExoticComponent<DataVisualizationPageProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/DomainSwitcher/DomainSwitcher.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DataSource } from '../types';
+export interface DomainSwitcherProps {
+    sources: DataSource[];
+    activeSourceKey: string;
+    onSourceChange?: (key: string) => void;
+    className?: string;
+}
+export declare const DomainSwitcher: React.ForwardRefExoticComponent<DomainSwitcherProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/ListView/ListView.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ColumnConfig, DataRow } from '../types';
+export interface ListViewProps {
+    rows: DataRow[];
+    columns: Array<[string, ColumnConfig]>;
+    visibleColumns: Set<string>;
+    titleField: string;
+    metaFields?: string[];
+    badgeFields?: string[];
+    valueField?: string | null;
+    expandField?: string;
+    favorites: Set<string>;
+    onToggleFavorite?: (id: string) => void;
+    expandedRows: Set<string>;
+    onToggleExpand?: (compositeKey: string) => void;
+    renderCell?: (colKey: string, colConfig: ColumnConfig, row: DataRow) => React.ReactNode;
+    className?: string;
+}
+export declare const ListView: React.ForwardRefExoticComponent<ListViewProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/MoreFiltersPopover/MoreFiltersPopover.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ColumnConfig } from '../types';
+export interface MoreFiltersPopoverProps {
+    open: boolean;
+    columns: Array<[string, ColumnConfig]>;
+    filters: Record<string, string | null>;
+    filterOptions: Record<string, string[]>;
+    onFilterChange?: (key: string, value: string | null) => void;
+    onClearAll?: () => void;
+    className?: string;
+}
+export declare const MoreFiltersPopover: React.ForwardRefExoticComponent<MoreFiltersPopoverProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/Toolbar/Toolbar.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { ColumnConfig, ViewMode } from '../types';
+export interface FilterState {
+    [key: string]: string | null;
+}
+export interface ToolbarProps {
+    currentView: ViewMode;
+    onViewChange?: (view: ViewMode) => void;
+    searchQuery: string;
+    onSearchChange?: (query: string) => void;
+    columns: Array<[string, ColumnConfig]>;
+    filters: FilterState;
+    filterOptions: Record<string, string[]>;
+    onFilterChange?: (key: string, value: string | null) => void;
+    onSettingsClick?: () => void;
+    settingsExpanded?: boolean;
+    onMoreFiltersClick?: () => void;
+    moreFiltersExpanded?: boolean;
+    activeSecondaryFilterCount?: number;
+    className?: string;
+}
+export declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/cells/CellDouble.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CellDoubleProps {
+    primary: string;
+    secondary?: string;
+    className?: string;
+}
+export declare const CellDouble: React.ForwardRefExoticComponent<CellDoubleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/features/data-visualization/cells/CellLink.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CellLinkProps {
+    href?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const CellLink: React.ForwardRefExoticComponent<CellLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/features/data-visualization/cells/CellPrice.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CellPriceProps {
+    value: number;
+    currency?: string;
+    className?: string;
+}
+export declare const CellPrice: React.ForwardRefExoticComponent<CellPriceProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/features/data-visualization/cells/InventoryBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type InventoryLevel = 'high' | 'medium' | 'low';
+export interface InventoryBadgeProps {
+    level: InventoryLevel;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const InventoryBadge: React.ForwardRefExoticComponent<InventoryBadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/features/data-visualization/cells/LifecycleStatusBadge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type LifecycleStatus = string;
+export interface LifecycleStatusBadgeProps {
+    status: string;
+    statusClass?: string;
+    className?: string;
+}
+export declare const LifecycleStatusBadge: React.ForwardRefExoticComponent<LifecycleStatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/features/data-visualization/cells/index.d.ts

@@ -0,0 +1,10 @@
+export { CellDouble } from './CellDouble';
+export type { CellDoubleProps } from './CellDouble';
+export { CellLink } from './CellLink';
+export type { CellLinkProps } from './CellLink';
+export { CellPrice } from './CellPrice';
+export type { CellPriceProps } from './CellPrice';
+export { InventoryBadge } from './InventoryBadge';
+export type { InventoryBadgeProps, InventoryLevel } from './InventoryBadge';
+export { LifecycleStatusBadge } from './LifecycleStatusBadge';
+export type { LifecycleStatusBadgeProps } from './LifecycleStatusBadge';

package/dist/features/data-visualization/index.d.ts

@@ -0,0 +1,19 @@
+export { DataVisualizationPage } from './DataVisualizationPage/DataVisualizationPage';
+export type { DataVisualizationPageProps } from './DataVisualizationPage/DataVisualizationPage';
+export { DataGrid } from './DataGrid/DataGrid';
+export type { DataGridProps } from './DataGrid/DataGrid';
+export { DataTable } from './DataTable/DataTable';
+export type { DataTableProps } from './DataTable/DataTable';
+export { Toolbar } from './Toolbar/Toolbar';
+export type { ToolbarProps } from './Toolbar/Toolbar';
+export { DomainSwitcher } from './DomainSwitcher/DomainSwitcher';
+export type { DomainSwitcherProps } from './DomainSwitcher/DomainSwitcher';
+export { ListView } from './ListView/ListView';
+export type { ListViewProps } from './ListView/ListView';
+export { CardView } from './CardView/CardView';
+export type { CardViewProps } from './CardView/CardView';
+export { ConfigPopover } from './ConfigPopover/ConfigPopover';
+export type { ConfigPopoverProps } from './ConfigPopover/ConfigPopover';
+export { MoreFiltersPopover } from './MoreFiltersPopover/MoreFiltersPopover';
+export type { MoreFiltersPopoverProps } from './MoreFiltersPopover/MoreFiltersPopover';
+export type { CellType, ColumnConfig, ColumnConfigMap, DataRow, DataSource, ViewMode, SortDirection, DataGridState, ViewLayout, ExpandColumnDef, } from './types';

package/dist/features/data-visualization/types.d.ts

@@ -0,0 +1,79 @@
+export type CellType = 'text' | 'double-text' | 'link' | 'status-badge' | 'currency' | 'inventory' | 'inventory-label' | 'progress' | 'favorite' | 'expand';
+export interface ExpandColumnDef {
+    key: string;
+    label: string;
+    type?: 'score-bar';
+    bold?: boolean;
+    muted?: boolean;
+}
+export interface ColumnConfig {
+    label: string;
+    type: CellType;
+    sortable?: boolean;
+    filterable?: boolean;
+    primaryFilter?: boolean;
+    visible?: boolean;
+    searchable?: boolean;
+    hideTablet?: boolean;
+    hideMobile?: boolean;
+    secondary?: string;
+    statusMap?: Record<string, string>;
+    currencyField?: string;
+    levelFn?: (value: number) => 'high' | 'medium' | 'low';
+    formatFn?: (value: number) => string;
+    labelMap?: Record<string, string>;
+    filterOptions?: string[];
+    filterFn?: (row: DataRow, selectedValue: string) => boolean;
+    expandLabel?: string;
+    expandColumns?: ExpandColumnDef[];
+    expandTitleFn?: (row: DataRow) => string;
+}
+export type ColumnConfigMap = Record<string, ColumnConfig>;
+export interface ViewLayout {
+    list: {
+        titleField: string;
+        metaFields?: string[];
+        badgeFields?: string[];
+        valueField?: string | null;
+        expandField?: string;
+    };
+    card: {
+        titleField: string;
+        subtitleField?: string;
+        badgeFields?: string[];
+        rows?: Array<{
+            label: string;
+            field: string;
+            rendererOverride?: CellType;
+        }>;
+        footerField?: string;
+        expandField?: string;
+    };
+}
+export interface DataRow {
+    id: string;
+    favorite?: boolean;
+    [key: string]: unknown;
+}
+export interface DataSource {
+    key: string;
+    label: string;
+    resultLabel: string;
+    data: DataRow[];
+    columns: ColumnConfigMap;
+    layout: ViewLayout;
+}
+export type ViewMode = 'table' | 'list' | 'cards';
+export type SortDirection = 'asc' | 'desc';
+export interface DataGridState {
+    currentView: ViewMode;
+    searchQuery: string;
+    filters: Record<string, string | null>;
+    sortColumn: string | null;
+    sortDirection: SortDirection;
+    expandedRows: Set<string>;
+    favorites: Set<string>;
+    visibleColumns: Set<string>;
+    columnOrder: string[];
+    columnWidths: Record<string, number>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastnd/components",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "type": "module",
   "main": "./dist/components.js",
   "types": "./dist/index.d.ts",