@hyddenlabs/hydn-ui 0.3.2 → 0.3.4

package/dist/components/data-display/data-grid/data-grid-cell.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+export type DataGridCellProps = {
+    /** Cell content - can be single element or multiple elements that stack vertically */
+    children: ReactNode;
+    /** Additional CSS classes to apply */
+    className?: string;
+    /** Text alignment for the cell content */
+    align?: 'left' | 'center' | 'right';
+    /** Truncate text content with ellipsis when it overflows (default: true) */
+    truncate?: boolean;
+};
+/**
+ * DataGridCell - Cell wrapper for DataGrid render props
+ *
+ * Vertically centers content and stacks multiple children vertically.
+ * Truncates with ellipsis by default to prevent awkward cutoffs.
+ *
+ * @example
+ * ```tsx
+ * // Default truncation
+ * render: (value, row) => (
+ *   <DataGridCell>
+ *     <Text weight="medium">{row.name}</Text>
+ *     <Text size="sm" variant="muted">{row.email}</Text>
+ *   </DataGridCell>
+ * )
+ *
+ * // Disable truncation (allows wrapping or cutoff)
+ * render: (value) => <DataGridCell truncate={false}>{value}</DataGridCell>
+ * ```
+ */
+declare function DataGridCell({ children, className, align, truncate }: Readonly<DataGridCellProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataGridCell {
+    var displayName: string;
+}
+export default DataGridCell;
+//# sourceMappingURL=data-grid-cell.d.ts.map

package/dist/components/data-display/data-grid/data-grid-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-cell.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/data-grid/data-grid-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sFAAsF;IACtF,QAAQ,EAAE,SAAS,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAQF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,KAAc,EAAE,QAAe,EAAE,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CAiB/G;kBAjBQ,YAAY;;;AAqBrB,eAAe,YAAY,CAAC"}

package/dist/components/data-display/data-grid/data-grid-cell.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { Children } from "react";
+const alignClasses = {
+  left: "items-start text-left",
+  center: "items-center text-center",
+  right: "items-end text-right"
+};
+function DataGridCell({ children, className = "", align = "left", truncate = true }) {
+  if (truncate) {
+    const childArray = Children.toArray(children);
+    return /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-0.5 min-w-0 overflow-hidden ${alignClasses[align]} ${className}`, children: childArray.map((child, i) => /* @__PURE__ */ jsx("div", { className: "truncate min-w-0", children: child }, i)) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: `flex flex-col gap-0.5 min-w-0 ${alignClasses[align]} ${className}`, children });
+}
+DataGridCell.displayName = "DataGridCell";
+export {
+  DataGridCell as default
+};
+//# sourceMappingURL=data-grid-cell.js.map

package/dist/components/data-display/data-grid/data-grid-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-cell.js","sources":["../../../../src/components/data-display/data-grid/data-grid-cell.tsx"],"sourcesContent":["import { Children, ReactNode } from 'react';\n\nexport type DataGridCellProps = {\n  /** Cell content - can be single element or multiple elements that stack vertically */\n  children: ReactNode;\n  /** Additional CSS classes to apply */\n  className?: string;\n  /** Text alignment for the cell content */\n  align?: 'left' | 'center' | 'right';\n  /** Truncate text content with ellipsis when it overflows (default: true) */\n  truncate?: boolean;\n};\n\nconst alignClasses = {\n  left: 'items-start text-left',\n  center: 'items-center text-center',\n  right: 'items-end text-right'\n};\n\n/**\n * DataGridCell - Cell wrapper for DataGrid render props\n *\n * Vertically centers content and stacks multiple children vertically.\n * Truncates with ellipsis by default to prevent awkward cutoffs.\n *\n * @example\n * ```tsx\n * // Default truncation\n * render: (value, row) => (\n *   <DataGridCell>\n *     <Text weight=\"medium\">{row.name}</Text>\n *     <Text size=\"sm\" variant=\"muted\">{row.email}</Text>\n *   </DataGridCell>\n * )\n *\n * // Disable truncation (allows wrapping or cutoff)\n * render: (value) => <DataGridCell truncate={false}>{value}</DataGridCell>\n * ```\n */\nfunction DataGridCell({ children, className = '', align = 'left', truncate = true }: Readonly<DataGridCellProps>) {\n  if (truncate) {\n    // When truncating, wrap each child in a div to ensure ellipsis works\n    // (text nodes don't truncate properly in flex containers)\n    const childArray = Children.toArray(children);\n    return (\n      <div className={`flex flex-col gap-0.5 min-w-0 overflow-hidden ${alignClasses[align]} ${className}`}>\n        {childArray.map((child, i) => (\n          <div key={i} className=\"truncate min-w-0\">\n            {child}\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return <div className={`flex flex-col gap-0.5 min-w-0 ${alignClasses[align]} ${className}`}>{children}</div>;\n}\n\nDataGridCell.displayName = 'DataGridCell';\n\nexport default DataGridCell;\n"],"names":[],"mappings":";;AAaA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT;AAsBA,SAAS,aAAa,EAAE,UAAU,YAAY,IAAI,QAAQ,QAAQ,WAAW,QAAqC;AAChH,MAAI,UAAU;AAGZ,UAAM,aAAa,SAAS,QAAQ,QAAQ;AAC5C,WACE,oBAAC,SAAI,WAAW,iDAAiD,aAAa,KAAK,CAAC,IAAI,SAAS,IAC9F,UAAA,WAAW,IAAI,CAAC,OAAO,MACtB,oBAAC,OAAA,EAAY,WAAU,oBACpB,UAAA,MAAA,GADO,CAEV,CACD,EAAA,CACH;AAAA,EAEJ;AAEA,SAAO,oBAAC,OAAA,EAAI,WAAW,iCAAiC,aAAa,KAAK,CAAC,IAAI,SAAS,IAAK,SAAA,CAAS;AACxG;AAEA,aAAa,cAAc;"}

package/dist/components/data-display/data-grid/data-grid.d.ts

@@ -0,0 +1,204 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../../forms/button/button';
+import { Size } from '../../../theme/size-tokens';
+import { ColorVariant } from '../../../theme/tokens';
+export type DataGridAction<T> = {
+    /** Icon name for the action button */
+    icon: string;
+    /** Size of the icon */
+    iconSize?: Size;
+    /** Color variant for the icon */
+    iconColor?: ColorVariant;
+    /** Icon to display on hover (optional) */
+    hoverIcon?: string;
+    /** Accessible label for the action (shown in tooltip or screen readers) */
+    label: string;
+    /** Tooltip text to display on hover. If not provided, label will be used for aria-label only. */
+    tooltip?: string;
+    /** Callback when the action is clicked */
+    onClick: (row: T, index: number) => void;
+    /** Visual variant for the action button */
+    variant?: 'primary' | 'accent' | 'neutral' | 'success' | 'warning' | 'error' | 'info';
+};
+export type DataGridActionItem<T> = DataGridAction<T> | ReactNode;
+export type DataGridColumnDef<T> = {
+    /** Key of the data property to display in this column */
+    key: keyof T;
+    /** Column header label */
+    label: string;
+    /** Whether this column can be sorted */
+    sortable?: boolean;
+    /** CSS width class or value for the column (e.g., 'w-48', '200px', 'flex-1') */
+    width?: string;
+    /**
+     * Minimum width in pixels for the column. When set:
+     * - Column truncates but never shrinks below this width
+     * - Column auto-hides if container can't fit it at this width
+     * - No need to also set hidePriority (though you can for explicit hide ordering)
+     *
+     * @example minWidth: 120 // Hide if email would be squished below 120px
+     */
+    minWidth?: number;
+    /**
+     * Maximum width in pixels for the column. Prevents column from growing too wide.
+     * Use for columns like status/role that don't need much space.
+     *
+     * @example maxWidth: 100 // Cap role column at 100px
+     */
+    maxWidth?: number;
+    /** Text alignment for cells in this column */
+    align?: 'left' | 'center' | 'right';
+    /** Whether text should wrap instead of truncating (useful for long strings) */
+    wrapText?: boolean;
+    /** Optional priority for responsive hiding. Lower values hide first when container width shrinks. Columns without hidePriority or minWidth are never hidden. */
+    hidePriority?: number;
+    /** Whether to show this column's label in mobile/vertical layout (default: true) */
+    showLabelOnMobile?: boolean;
+    /** Custom render function for cell content (use as escape hatch when config options don't cover your use case) */
+    render?: (value: T[keyof T], row: T, index: number) => ReactNode;
+    /** Pre-built formatter for common data types */
+    format?: 'date' | 'currency' | 'number' | 'percent';
+    /** Options for Intl formatters (NumberFormat or DateTimeFormat) */
+    formatOptions?: Intl.NumberFormatOptions | Intl.DateTimeFormatOptions;
+    /** Map values to badge variants. Unmatched values render with 'neutral' variant. Use '*' key to override the default fallback. */
+    badgeMap?: {
+        [key: string]: {
+            variant?: ColorVariant;
+            label?: string;
+        };
+    };
+    /** Map values to status dot colors. Renders text with a colored dot to the left. Lighter alternative to badges for status indicators. */
+    statusDotMap?: {
+        [key: string]: {
+            color?: ColorVariant;
+            label?: string;
+        };
+    };
+    /**
+     * Render cell values as badges. When the value is an array, each item is rendered
+     * as an individual badge; for scalar values, the value is wrapped in a single badge.
+     */
+    renderAsBadges?: boolean;
+    /** Variant for badge rendering */
+    badgeVariant?: ColorVariant;
+    /** Size for badge rendering */
+    componentSize?: 'sm' | 'md' | 'lg';
+    /** Fallback value to display when cell value is null, undefined, or empty string */
+    fallback?: string;
+};
+export type DataGridProps<T> = {
+    /** Array of data objects to display in the grid */
+    data: T[];
+    /** Column definitions specifying how to render each column */
+    columns: DataGridColumnDef<T>[];
+    /** Additional CSS classes to apply */
+    className?: string;
+    /** Whether to apply striped row styling (alternating background) */
+    striped?: boolean;
+    /** Whether rows have hover effects */
+    hoverable?: boolean;
+    /** Whether to use compact spacing for dense data */
+    compact?: boolean;
+    /** Whether columns can be sorted (can be overridden per column) */
+    sortable?: boolean;
+    /** Whether to enable client-side pagination */
+    paginated?: boolean;
+    /** Number of rows per page when pagination is enabled */
+    pageSize?: number;
+    /** Whether to show checkboxes for row selection */
+    selectable?: boolean;
+    /** Whether to enable search/filter functionality */
+    searchable?: boolean;
+    /** Specific keys to search within. If not provided, searches all fields. */
+    searchKeys?: (keyof T)[];
+    /** Placeholder text for the search input */
+    searchPlaceholder?: string;
+    /** Callback when search query changes */
+    onSearchChange?: (query: string) => void;
+    /** Action buttons, function returning actions based on row data, or custom render function for the actions column */
+    actions?: DataGridActionItem<T>[] | ((row: T, index: number) => DataGridActionItem<T>[] | ReactNode);
+    /** Label for the actions column header */
+    actionsLabel?: string;
+    /** Function returning href for row navigation. When provided, entire row becomes a link. */
+    rowHref?: (row: T, index: number) => string | undefined;
+    /** Callback when a row is clicked (if rowHref not provided) */
+    onRowClick?: (row: T, index: number) => void;
+    /** Callback when row selection changes (provides array of selected row indices) */
+    onSelectionChange?: (selectedIndices: number[]) => void;
+    emptyState?: {
+        /** Message to display when there is no data */
+        title?: string;
+        /** Description to display when there is no data */
+        description?: string;
+        /** Text for the button in the empty state */
+        buttonText?: string;
+        /** Click handler for the button in the empty state */
+        onButtonClick?: () => void;
+    };
+    /** Initial sort configuration */
+    initialSort?: {
+        key: keyof T;
+        direction: 'asc' | 'desc';
+    };
+    /** Title displayed above the grid (left side of header) */
+    title?: string;
+    /** Header actions displayed above the grid (right side of header). */
+    headerActions?: HeaderAction[];
+};
+export type HeaderAction = {
+    /** Button text; if omitted and `icon` provided, button will be icon-only */
+    label?: string;
+    /** Icon name to render inside the button (maps to library `Icon`) */
+    icon?: string;
+    /** Accessible label for screen readers. Required for icon-only buttons (when label is omitted). */
+    ariaLabel?: string;
+    /** Click handler invoked when the button is clicked */
+    onClick?: () => void;
+    /** Button variant (maps to Button `variant` prop) */
+    variant?: ButtonProps['variant'];
+    /** Button style (maps to Button `style` prop) */
+    style?: ButtonProps['style'];
+    /** Button size (maps to Button `size` prop) */
+    size?: ButtonProps['size'];
+    /** Additional className forwarded to the Button */
+    className?: string;
+};
+/**
+ * DataGrid - Responsive data display component with Vercel-style layout
+ *
+ * Features:
+ * - Generic typed data and columns (same API as DataTable)
+ * - Responsive layout: horizontal rows on desktop, vertical card-like on mobile
+ * - Clickable rows via rowHref with interactive elements taking priority
+ * - Client-side sorting, pagination, selection, and search
+ * - Custom cell rendering with DataGridCell for multi-element stacking
+ *
+ * @example
+ * ```tsx
+ * <DataGrid
+ *   data={deployments}
+ *   columns={[
+ *     {
+ *       key: 'name',
+ *       label: 'Deployment',
+ *       render: (value, row) => (
+ *         <DataGridCell>
+ *           <Text weight="medium">{row.name}</Text>
+ *           <Text size="sm" variant="muted">{row.url}</Text>
+ *         </DataGridCell>
+ *       )
+ *     },
+ *     { key: 'status', label: 'Status', badgeMap: { ready: { variant: 'success' } } },
+ *     { key: 'createdAt', label: 'Created', format: 'date' }
+ *   ]}
+ *   rowHref={(row) => `/deployments/${row.id}`}
+ *   hoverable
+ * />
+ * ```
+ */
+declare function DataGrid<T>({ data, columns, className, striped, hoverable, compact, sortable, paginated, pageSize, selectable, searchable, searchKeys, searchPlaceholder, onSearchChange, actions, actionsLabel, rowHref, onRowClick, onSelectionChange, emptyState, headerActions, title, initialSort }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace DataGrid {
+    var displayName: string;
+}
+export default DataGrid;
+//# sourceMappingURL=data-grid.d.ts.map

package/dist/components/data-display/data-grid/data-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/data-grid/data-grid.tsx"],"names":[],"mappings":"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"}