@progress/kendo-themes-html 10.4.0-dev.9 → 10.4.0
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.
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-themes-html",
|
|
3
3
|
"description": "A collection of HTML helpers used for developing Kendo UI themes",
|
|
4
|
-
"version": "10.4.0
|
|
4
|
+
"version": "10.4.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"react": "^19.0.0",
|
|
58
58
|
"react-dom": "^19.0.0"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "1938734e5ab830898c160ff8b1263c537dd3a676"
|
|
61
61
|
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { Checkbox } from "../../checkbox";
|
|
2
|
+
import ColumnMenu from "../column-menu.spec";
|
|
3
|
+
import ColumnMenuExpander from "../column-menu-expander.spec";
|
|
4
|
+
import { ColumnMenuItemWrapper } from "../column-menu-item-wrapper";
|
|
5
|
+
import ColumnMenuItem from "../column-menu-item.spec";
|
|
6
|
+
import { ColumnMenuNormal } from "../templates/column-menu-normal";
|
|
7
|
+
|
|
8
|
+
export default () => (
|
|
9
|
+
<>
|
|
10
|
+
<div id="test-area" className="k-d-grid k-grid-cols-3">
|
|
11
|
+
|
|
12
|
+
<span>Small</span>
|
|
13
|
+
<span>Medium</span>
|
|
14
|
+
<span>Large</span>
|
|
15
|
+
|
|
16
|
+
{ColumnMenu.options.size.map((size) => (
|
|
17
|
+
<section>
|
|
18
|
+
<ColumnMenuNormal size={size}>
|
|
19
|
+
<ColumnMenuItemWrapper>
|
|
20
|
+
<ColumnMenuItem text="Item 1" startIcon="sort-asc-small" />
|
|
21
|
+
<ColumnMenuItem text="Item 2" startIcon="sort-desc-small" />
|
|
22
|
+
</ColumnMenuItemWrapper>
|
|
23
|
+
<ColumnMenuItemWrapper>
|
|
24
|
+
<ColumnMenuExpander itemText="Expanded item" itemStartIcon="columns" expanded={true} itemContent={
|
|
25
|
+
<>
|
|
26
|
+
<div className="k-column-list-wrapper">
|
|
27
|
+
<div className="k-column-list">
|
|
28
|
+
<label className="k-column-list-item">
|
|
29
|
+
<Checkbox />
|
|
30
|
+
<span className="k-checkbox-label">Column 1</span>
|
|
31
|
+
</label>
|
|
32
|
+
<label className="k-column-list-item k-focus">
|
|
33
|
+
<Checkbox />
|
|
34
|
+
<span className="k-checkbox-label">Column 2</span>
|
|
35
|
+
</label>
|
|
36
|
+
<label className="k-column-list-item">
|
|
37
|
+
<Checkbox />
|
|
38
|
+
<span className="k-checkbox-label">Column 3</span>
|
|
39
|
+
</label>
|
|
40
|
+
<label className="k-column-list-item">
|
|
41
|
+
<Checkbox />
|
|
42
|
+
<span className="k-checkbox-label">Column 4</span>
|
|
43
|
+
</label>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</>
|
|
47
|
+
}/>
|
|
48
|
+
</ColumnMenuItemWrapper>
|
|
49
|
+
<ColumnMenuItemWrapper>
|
|
50
|
+
<ColumnMenuExpander itemText="Expandable item" itemStartIcon="filter" />
|
|
51
|
+
</ColumnMenuItemWrapper>
|
|
52
|
+
<ColumnMenuItemWrapper>
|
|
53
|
+
<ColumnMenuItem text="Non-expandable item" startIcon="group" />
|
|
54
|
+
</ColumnMenuItemWrapper>
|
|
55
|
+
</ColumnMenuNormal>
|
|
56
|
+
</section>
|
|
57
|
+
))}
|
|
58
|
+
</div>
|
|
59
|
+
</>
|
|
60
|
+
);
|