@krumio/trailhand-ui 1.4.1 → 1.5.0

package/dist/components/data-table/data-table.stories.js

@@ -0,0 +1,601 @@
+import './data-table.ts';
+import { dataTableFormatters } from './data-table.ts';
+/**
+ * The DataTable component is a feature-rich table with sorting, filtering, and pagination.
+ * Perfect for displaying large datasets with powerful data manipulation capabilities.
+ */
+export default {
+    title: 'Components/DataTable',
+    tags: ['autodocs'],
+    render: (args) => {
+        const table = document.createElement('data-table');
+        if (args.columns)
+            table.columns = args.columns;
+        if (args.rows)
+            table.rows = args.rows;
+        if (args.rowsPerPage !== undefined)
+            table.rowsPerPage = args.rowsPerPage;
+        if (args.searchable !== undefined)
+            table.searchable = args.searchable;
+        if (args.sortable !== undefined)
+            table.sortable = args.sortable;
+        if (args.paginated !== undefined)
+            table.paginated = args.paginated;
+        if (args.loading !== undefined)
+            table.loading = args.loading;
+        if (args.keyField)
+            table.keyField = args.keyField;
+        if (args.rowActions !== undefined)
+            table.rowActions = args.rowActions;
+        if (args.rowActionsWidth !== undefined)
+            table.rowActionsWidth = args.rowActionsWidth;
+        if (args.emptyMessage)
+            table.emptyMessage = args.emptyMessage;
+        if (args.noResultsMessage)
+            table.noResultsMessage = args.noResultsMessage;
+        return table;
+    },
+    argTypes: {
+        columns: {
+            control: 'object',
+            description: 'Array of column definitions with field, label, width, sortable, searchable, and formatter',
+        },
+        rows: {
+            control: 'object',
+            description: 'Array of row data objects',
+        },
+        rowsPerPage: {
+            control: 'number',
+            description: 'Number of rows to display per page',
+            defaultValue: 10,
+        },
+        searchable: {
+            control: 'boolean',
+            description: 'Enable/disable search functionality',
+            defaultValue: true,
+        },
+        sortable: {
+            control: 'boolean',
+            description: 'Enable/disable column sorting',
+            defaultValue: true,
+        },
+        paginated: {
+            control: 'boolean',
+            description: 'Enable/disable pagination',
+            defaultValue: true,
+        },
+        loading: {
+            control: 'boolean',
+            description: 'Show loading state',
+            defaultValue: false,
+        },
+        keyField: {
+            control: 'text',
+            description: 'Field to use as unique key for rows',
+            defaultValue: 'id',
+        },
+        rowActions: {
+            control: 'boolean',
+            description: 'Show row actions column',
+            defaultValue: true,
+        },
+        rowActionsWidth: {
+            control: 'number',
+            description: 'Width of row actions column in pixels',
+            defaultValue: 40,
+        },
+    },
+    parameters: {
+        docs: {
+            description: {
+                component: `
+A feature-rich data table component with sorting, filtering, and pagination.
+
+**Features:**
+- Search/filter across all columns
+- Column sorting (ascending/descending)
+- Pagination with configurable page size
+- Custom cell rendering via slots
+- Built-in formatters (age, date, dateTime)
+- Row actions with ActionMenu integration
+- Loading state
+- Empty state
+- Nested object support with dot notation
+- Fully customizable with CSS variables
+        `.trim(),
+            },
+        },
+    },
+};
+// Sample data for stories
+const sampleUsers = [
+    {
+        id: 1,
+        name: 'Alice Johnson',
+        email: 'alice@example.com',
+        role: 'Admin',
+        status: 'Active',
+        createdAt: '2024-01-15T10:30:00Z',
+    },
+    {
+        id: 2,
+        name: 'Bob Smith',
+        email: 'bob@example.com',
+        role: 'User',
+        status: 'Active',
+        createdAt: '2024-02-20T14:20:00Z',
+    },
+    {
+        id: 3,
+        name: 'Charlie Brown',
+        email: 'charlie@example.com',
+        role: 'User',
+        status: 'Inactive',
+        createdAt: '2024-03-10T09:15:00Z',
+    },
+    {
+        id: 4,
+        name: 'Diana Prince',
+        email: 'diana@example.com',
+        role: 'Editor',
+        status: 'Active',
+        createdAt: '2024-04-05T16:45:00Z',
+    },
+    {
+        id: 5,
+        name: 'Ethan Hunt',
+        email: 'ethan@example.com',
+        role: 'User',
+        status: 'Active',
+        createdAt: '2024-05-12T11:00:00Z',
+    },
+    {
+        id: 6,
+        name: 'Fiona Gallagher',
+        email: 'fiona@example.com',
+        role: 'Admin',
+        status: 'Active',
+        createdAt: '2024-06-18T08:30:00Z',
+    },
+    {
+        id: 7,
+        name: 'George Miller',
+        email: 'george@example.com',
+        role: 'User',
+        status: 'Inactive',
+        createdAt: '2024-07-22T13:20:00Z',
+    },
+    {
+        id: 8,
+        name: 'Hannah Baker',
+        email: 'hannah@example.com',
+        role: 'Editor',
+        status: 'Active',
+        createdAt: '2024-08-30T10:10:00Z',
+    },
+    {
+        id: 9,
+        name: 'Ivan Drago',
+        email: 'ivan@example.com',
+        role: 'User',
+        status: 'Active',
+        createdAt: '2024-09-14T15:55:00Z',
+    },
+    {
+        id: 10,
+        name: 'Julia Roberts',
+        email: 'julia@example.com',
+        role: 'User',
+        status: 'Inactive',
+        createdAt: '2024-10-01T12:40:00Z',
+    },
+    {
+        id: 11,
+        name: 'Kevin Hart',
+        email: 'kevin@example.com',
+        role: 'Editor',
+        status: 'Active',
+        createdAt: '2024-10-15T09:25:00Z',
+    },
+    {
+        id: 12,
+        name: 'Laura Palmer',
+        email: 'laura@example.com',
+        role: 'Admin',
+        status: 'Active',
+        createdAt: '2024-11-02T14:00:00Z',
+    },
+];
+const userColumns = [
+    { field: 'name', label: 'Name', width: '200px' },
+    { field: 'email', label: 'Email', width: '220px' },
+    { field: 'role', label: 'Role', width: '120px' },
+    { field: 'status', label: 'Status', width: '100px' },
+    {
+        field: 'createdAt',
+        label: 'Created',
+        width: '150px',
+        formatter: 'dateTime',
+    },
+];
+/**
+ * Default data table with all features enabled
+ */
+export const Default = {
+    args: {
+        columns: userColumns,
+        rows: sampleUsers,
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: `<data-table></data-table>
+
+<script>
+  const table = document.querySelector('data-table');
+
+  table.columns = [
+    { field: 'name', label: 'Name', width: '200px' },
+    { field: 'email', label: 'Email', width: '220px' },
+    { field: 'role', label: 'Role', width: '120px' },
+    { field: 'status', label: 'Status', width: '100px' },
+    { field: 'createdAt', label: 'Created', width: '150px', formatter: 'dateTime' },
+  ];
+
+  table.rows = [
+    { id: 1, name: 'Alice Johnson', email: 'alice@example.com', role: 'Admin', status: 'Active', createdAt: '2024-01-15T10:30:00Z' },
+    // ... more rows
+  ];
+</script>`,
+            },
+        },
+    },
+};
+/**
+ * Loading state
+ */
+export const Loading = {
+    args: {
+        columns: userColumns,
+        rows: [],
+        loading: true,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Display a loading spinner while data is being fetched.',
+            },
+        },
+    },
+};
+/**
+ * Empty state
+ */
+export const Empty = {
+    args: {
+        columns: userColumns,
+        rows: [],
+        loading: false,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Display an empty state when no data is available.',
+            },
+        },
+    },
+};
+/**
+ * Without search
+ */
+export const WithoutSearch = {
+    args: {
+        columns: userColumns,
+        rows: sampleUsers,
+        searchable: false,
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Disable the search functionality.',
+            },
+        },
+    },
+};
+/**
+ * Without sorting
+ */
+export const WithoutSorting = {
+    args: {
+        columns: userColumns,
+        rows: sampleUsers,
+        sortable: false,
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Disable column sorting.',
+            },
+        },
+    },
+};
+/**
+ * Without pagination
+ */
+export const WithoutPagination = {
+    args: {
+        columns: userColumns,
+        rows: sampleUsers.slice(0, 5),
+        paginated: false,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Display all rows without pagination.',
+            },
+        },
+    },
+};
+/**
+ * Without row actions
+ */
+export const WithoutRowActions = {
+    args: {
+        columns: userColumns,
+        rows: sampleUsers,
+        rowActions: false,
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Hide the row actions column.',
+            },
+        },
+    },
+};
+/**
+ * Custom formatters
+ */
+export const WithFormatters = {
+    args: {
+        columns: [
+            { field: 'name', label: 'Name', width: '200px' },
+            { field: 'email', label: 'Email', width: '220px' },
+            { field: 'role', label: 'Role', width: '120px' },
+            { field: 'createdAt', label: 'Age', width: '100px', formatter: 'age' },
+            { field: 'createdAt', label: 'Date', width: '120px', formatter: 'date' },
+        ],
+        rows: sampleUsers,
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Use built-in formatters like "age", "date", and "dateTime" to format cell values.',
+            },
+        },
+    },
+};
+/**
+ * Non-sortable columns
+ */
+export const NonSortableColumns = {
+    args: {
+        columns: [
+            { field: 'name', label: 'Name', width: '200px' },
+            { field: 'email', label: 'Email', width: '220px', sortable: false },
+            { field: 'role', label: 'Role', width: '120px' },
+            { field: 'status', label: 'Status', width: '100px', sortable: false },
+            {
+                field: 'createdAt',
+                label: 'Created',
+                width: '150px',
+                formatter: 'dateTime',
+            },
+        ],
+        rows: sampleUsers,
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Make specific columns non-sortable by setting sortable: false.',
+            },
+        },
+    },
+};
+/**
+ * Non-searchable columns
+ */
+export const NonSearchableColumns = {
+    args: {
+        columns: [
+            { field: 'name', label: 'Name', width: '200px' },
+            { field: 'email', label: 'Email', width: '220px', searchable: false },
+            { field: 'role', label: 'Role', width: '120px' },
+            { field: 'status', label: 'Status', width: '100px' },
+            {
+                field: 'createdAt',
+                label: 'Created',
+                width: '150px',
+                formatter: 'dateTime',
+                searchable: false,
+            },
+        ],
+        rows: sampleUsers,
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Exclude specific columns from search by setting searchable: false. Try searching for an email - it won't match.",
+            },
+        },
+    },
+};
+/**
+ * Nested object data
+ */
+export const NestedObjectData = {
+    args: {
+        columns: [
+            { field: 'name', label: 'Name', width: '200px' },
+            { field: 'contact.email', label: 'Email', width: '220px' },
+            { field: 'contact.phone', label: 'Phone', width: '150px' },
+            { field: 'metadata.department', label: 'Department', width: '150px' },
+        ],
+        rows: [
+            {
+                id: 1,
+                name: 'Alice Johnson',
+                contact: { email: 'alice@example.com', phone: '555-0101' },
+                metadata: { department: 'Engineering' },
+            },
+            {
+                id: 2,
+                name: 'Bob Smith',
+                contact: { email: 'bob@example.com', phone: '555-0102' },
+                metadata: { department: 'Marketing' },
+            },
+            {
+                id: 3,
+                name: 'Charlie Brown',
+                contact: { email: 'charlie@example.com', phone: '555-0103' },
+                metadata: { department: 'Sales' },
+            },
+        ],
+        rowsPerPage: 5,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Access nested object properties using dot notation (e.g., "contact.email").',
+            },
+        },
+    },
+};
+/**
+ * Custom row actions
+ */
+export const CustomRowActions = {
+    render: () => {
+        const table = document.createElement('data-table');
+        table.columns = userColumns;
+        table.rows = sampleUsers.slice(0, 5);
+        table.rowActions = true;
+        // Use Shadow DOM piercing to add custom action menus
+        setTimeout(() => {
+            const actionMenus = table.shadowRoot.querySelectorAll('action-menu');
+            actionMenus.forEach((menu) => {
+                menu.actions = [
+                    {
+                        label: 'View Details',
+                        action: (resource) => alert(`View: ${resource.name}`),
+                    },
+                    {
+                        label: 'Edit',
+                        action: (resource) => alert(`Edit: ${resource.name}`),
+                    },
+                    {
+                        divider: true,
+                    },
+                    {
+                        label: 'Deactivate',
+                        action: (resource) => alert(`Deactivate: ${resource.name}`),
+                        visible: (resource) => resource.status === 'Active',
+                    },
+                    {
+                        label: 'Activate',
+                        action: (resource) => alert(`Activate: ${resource.name}`),
+                        visible: (resource) => resource.status === 'Inactive',
+                    },
+                    {
+                        divider: true,
+                    },
+                    {
+                        label: 'Delete',
+                        action: (resource) => alert(`Delete: ${resource.name}`),
+                        danger: true,
+                    },
+                ];
+            });
+        }, 0);
+        return table;
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Customize row actions by accessing the action-menu elements and setting their actions property.',
+            },
+        },
+    },
+};
+/**
+ * Large dataset
+ */
+export const LargeDataset = {
+    args: {
+        columns: userColumns,
+        rows: Array.from({ length: 100 }, (_, i) => ({
+            id: i + 1,
+            name: `User ${i + 1}`,
+            email: `user${i + 1}@example.com`,
+            role: ['Admin', 'User', 'Editor'][i % 3],
+            status: ['Active', 'Inactive'][i % 2],
+            createdAt: new Date(2024, 0, 1 + (i % 30), 10 + (i % 12), i % 60).toISOString(),
+        })),
+        rowsPerPage: 10,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'The DataTable efficiently handles large datasets with pagination.',
+            },
+        },
+    },
+};
+/**
+ * Custom page size
+ */
+export const CustomPageSize = {
+    args: {
+        columns: userColumns,
+        rows: sampleUsers,
+        rowsPerPage: 3,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'Configure the number of rows per page with the rowsPerPage property.',
+            },
+        },
+    },
+};
+/**
+ * Minimal table
+ */
+export const Minimal = {
+    args: {
+        columns: [
+            { field: 'name', label: 'Name' },
+            { field: 'email', label: 'Email' },
+        ],
+        rows: sampleUsers.slice(0, 5),
+        searchable: false,
+        sortable: false,
+        paginated: false,
+        rowActions: false,
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: 'A minimal table with all extra features disabled.',
+            },
+        },
+    },
+};
+//# sourceMappingURL=data-table.stories.js.map

package/dist/components/data-table/data-table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.stories.js","sourceRoot":"","sources":["../../../src/components/data-table/data-table.stories.js"],"names":[],"mappings":"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"}

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable } from './data-table';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/data-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/data-table/index.js

@@ -0,0 +1,2 @@
+export { DataTable } from './data-table';
+//# sourceMappingURL=index.js.map

package/dist/components/data-table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/th-card/index.d.ts

@@ -0,0 +1,3 @@
+export { ThCard } from './th-card';
+export type { CardVariant } from './th-card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/th-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/th-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/th-card/index.js

@@ -0,0 +1,2 @@
+export { ThCard } from './th-card';
+//# sourceMappingURL=index.js.map

package/dist/components/th-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/th-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC"}