@agilant/toga-blox 1.0.41 → 1.0.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -20,6 +20,12 @@ const meta = {
|
|
|
20
20
|
],
|
|
21
21
|
};
|
|
22
22
|
export default meta;
|
|
23
|
+
const mockColumnInstance = {
|
|
24
|
+
id: "exampleColumn",
|
|
25
|
+
Header: "Example Column",
|
|
26
|
+
isVisible: true,
|
|
27
|
+
render: () => _jsx("div", { children: "Mock Column" }),
|
|
28
|
+
};
|
|
23
29
|
// Default story (without active class)
|
|
24
30
|
export const Default = {
|
|
25
31
|
args: {
|
|
@@ -28,10 +34,7 @@ export const Default = {
|
|
|
28
34
|
setEditingHeader: () => { },
|
|
29
35
|
setHeaderValue: () => { },
|
|
30
36
|
additionalIconClasses: "p-4",
|
|
31
|
-
column:
|
|
32
|
-
id: "exampleColumn",
|
|
33
|
-
Header: "Example Column",
|
|
34
|
-
},
|
|
37
|
+
column: mockColumnInstance,
|
|
35
38
|
setSearchColumn: () => { },
|
|
36
39
|
setActiveColumnFromSearch: () => { },
|
|
37
40
|
setActiveColumn: () => { },
|
|
@@ -8,15 +8,21 @@ describe("MagnifyingIcon", () => {
|
|
|
8
8
|
const mockSetSearchColumn = vi.fn();
|
|
9
9
|
const mockSetActiveColumnFromSearch = vi.fn();
|
|
10
10
|
const mockSetActiveColumn = vi.fn();
|
|
11
|
+
// Provide minimal fields to satisfy ColumnInstance<T>
|
|
12
|
+
// (e.g., id, Header, isVisible, render, etc.)
|
|
13
|
+
// and cast to ColumnInstance<MyRowData>.
|
|
14
|
+
const mockColumn = {
|
|
15
|
+
id: "exampleColumn",
|
|
16
|
+
Header: "Example Column",
|
|
17
|
+
isVisible: true,
|
|
18
|
+
render: vi.fn(),
|
|
19
|
+
};
|
|
11
20
|
const defaultProps = {
|
|
12
21
|
columnIndex: 2,
|
|
13
22
|
editingHeader: null,
|
|
14
23
|
setEditingHeader: mockSetEditingHeader,
|
|
15
24
|
setHeaderValue: mockSetHeaderValue,
|
|
16
|
-
column:
|
|
17
|
-
id: "exampleColumn",
|
|
18
|
-
Header: "Example Column",
|
|
19
|
-
},
|
|
25
|
+
column: mockColumn,
|
|
20
26
|
setSearchColumn: mockSetSearchColumn,
|
|
21
27
|
setActiveColumnFromSearch: mockSetActiveColumnFromSearch,
|
|
22
28
|
setActiveColumn: mockSetActiveColumn,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { Column } from "react-table";
|
|
1
|
+
import { Column, ColumnInstance } from "react-table";
|
|
2
2
|
export interface MagnifyingIconProps<T extends object> {
|
|
3
3
|
columnIndex: number;
|
|
4
4
|
editingHeader: number | null;
|
|
5
5
|
setEditingHeader: (index: number | null) => void;
|
|
6
6
|
setHeaderValue: (value: string) => void;
|
|
7
|
-
column:
|
|
7
|
+
column: ColumnInstance<T>;
|
|
8
8
|
setSearchColumn: (col: Column<T>) => void;
|
|
9
9
|
setActiveColumnFromSearch: (id: string) => void;
|
|
10
10
|
setActiveColumn: (index: number) => void;
|