@happyvertical/smrt-ui 0.42.3 → 0.42.5

package/dist/components/data/__fixtures__/DataTableConformanceFixture.js

@@ -0,0 +1,141 @@
+export const dataTableConformanceRows = [
+    {
+        id: 'revenue',
+        account: 'Subscription revenue',
+        team: 'Growth',
+        actual: 182_400,
+        forecast: 176_000,
+        variance: 6_400,
+        status: 'On track',
+        action: 'Review',
+    },
+    {
+        id: 'services',
+        account: 'Professional services',
+        team: 'Delivery',
+        actual: 48_300,
+        forecast: 52_000,
+        variance: -3_700,
+        status: 'Watch',
+        action: 'Review',
+    },
+];
+export const dataTableConformanceColumns = [
+    {
+        id: 'account',
+        label: 'Account',
+        headerPath: [{ id: 'dimensions', label: 'Dimensions' }],
+        minWidth: '13rem',
+        resizable: true,
+        sortable: true,
+    },
+    {
+        id: 'team',
+        label: 'Team',
+        headerPath: [{ id: 'dimensions', label: 'Dimensions' }],
+        minWidth: '9rem',
+    },
+    {
+        id: 'actual',
+        label: 'Actual',
+        headerPath: [{ id: 'performance', label: 'Performance' }],
+        align: 'right',
+        resizable: true,
+    },
+    {
+        id: 'forecast',
+        label: 'Forecast',
+        headerPath: [{ id: 'performance', label: 'Performance' }],
+        align: 'right',
+        resizable: true,
+    },
+    {
+        id: 'variance',
+        label: 'Variance',
+        headerPath: [{ id: 'performance', label: 'Performance' }],
+        align: 'right',
+    },
+    {
+        id: 'status',
+        label: 'Status',
+        role: 'status',
+        responsive: { keepVisible: true, priority: 10 },
+    },
+    {
+        id: 'action',
+        label: 'Action',
+        role: 'action',
+        responsive: { keepVisible: true, priority: 10 },
+    },
+];
+export const dataTableConformanceStructuralRows = [
+    {
+        id: 'forecast-subtotal',
+        kind: 'subtotal',
+        label: 'Current forecast',
+        values: { actual: 230_700, forecast: 228_000, variance: 2_700 },
+    },
+    {
+        id: 'forecast-total',
+        kind: 'footer',
+        label: 'All accounts',
+        values: { actual: 230_700, forecast: 228_000, variance: 2_700 },
+    },
+];
+export const dataTableConformanceScenarios = [
+    {
+        id: 'semantic-interaction',
+        title: 'Semantic interaction',
+        contracts: ['caption', 'rowKey', 'selection', 'keyboard row actions'],
+    },
+    {
+        id: 'manual-query',
+        title: 'Manual query ownership',
+        contracts: [
+            'modes',
+            'totalRows',
+            'query revision',
+            'allMatching selection',
+        ],
+    },
+    {
+        id: 'async-lifecycle',
+        title: 'Async lifecycle',
+        contracts: ['loading', 'refreshing', 'stale', 'partial results', 'retry'],
+    },
+    {
+        id: 'responsive-overflow',
+        title: 'Responsive overflow',
+        contracts: [
+            'responsive metadata',
+            'named overflow region',
+            'keyboard scroll',
+        ],
+    },
+    {
+        id: 'report-layout',
+        title: 'Report layout',
+        contracts: ['grouped headers', 'structural rows', 'widths', 'pinning'],
+    },
+    {
+        id: 'scale-virtualization',
+        title: 'Scale and virtualization',
+        contracts: [
+            'rowKey',
+            'virtual body',
+            'stable focus',
+            'footer reachability',
+        ],
+    },
+];
+export function createDataTableConformanceRows(rowCount) {
+    return Array.from({ length: rowCount }, (_, index) => {
+        const source = dataTableConformanceRows[index % dataTableConformanceRows.length];
+        const rowNumber = index + 1;
+        return {
+            ...source,
+            id: `conformance-${rowNumber}`,
+            account: `${source.account} ${rowNumber}`,
+        };
+    });
+}

package/dist/components/data/__fixtures__/DataTablePerformanceFixture.d.ts

@@ -0,0 +1,10 @@
+import type { DataTableColumn } from '../types.js';
+export interface DataTablePerformanceRow {
+    id: string;
+    name: string;
+    group: string;
+    values: Record<string, number>;
+}
+export declare function createDataTablePerformanceRows(rowCount: number, valueColumnCount: number): DataTablePerformanceRow[];
+export declare function createDataTablePerformanceColumns(valueColumnCount: number): DataTableColumn<DataTablePerformanceRow>[];
+//# sourceMappingURL=DataTablePerformanceFixture.d.ts.map

package/dist/components/data/__fixtures__/DataTablePerformanceFixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePerformanceFixture.d.ts","sourceRoot":"","sources":["../../../../src/components/data/__fixtures__/DataTablePerformanceFixture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC;AAED,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,MAAM,EAChB,gBAAgB,EAAE,MAAM,GACvB,uBAAuB,EAAE,CAY3B;AAED,wBAAgB,iCAAiC,CAC/C,gBAAgB,EAAE,MAAM,GACvB,eAAe,CAAC,uBAAuB,CAAC,EAAE,CAW5C"}

package/dist/components/data/__fixtures__/DataTablePerformanceFixture.js

@@ -0,0 +1,23 @@
+export function createDataTablePerformanceRows(rowCount, valueColumnCount) {
+    return Array.from({ length: rowCount }, (_, index) => ({
+        id: `row-${index}`,
+        name: `Record ${index.toString().padStart(5, '0')}`,
+        group: `group-${index % 10}`,
+        values: Object.fromEntries(Array.from({ length: valueColumnCount }, (_, valueIndex) => [
+            `value${valueIndex}`,
+            (index * (valueIndex + 3)) % 997,
+        ])),
+    }));
+}
+export function createDataTablePerformanceColumns(valueColumnCount) {
+    return [
+        { id: 'name', label: 'Name', accessor: 'name', sortable: true },
+        { id: 'group', label: 'Group', accessor: 'group', sortable: true },
+        ...Array.from({ length: valueColumnCount }, (_, index) => ({
+            id: `value${index}`,
+            label: `Value ${index + 1}`,
+            accessor: `values.value${index}`,
+            sortable: true,
+        })),
+    ];
+}