@progress/kendo-themes-html 7.2.1-dev.0 → 7.2.1-dev.1
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/dist/cjs/autocomplete/tests/autocomplete-prefix-suffix.js +1096 -888
- package/dist/cjs/column-menu/column-menu-expander.spec.js +5933 -0
- package/dist/cjs/column-menu/column-menu-item-content.js +47 -0
- package/dist/cjs/column-menu/column-menu-item-wrapper.js +46 -0
- package/dist/cjs/column-menu/column-menu-item.spec.js +4396 -0
- package/dist/cjs/column-menu/column-menu-multicheck-item.js +261 -0
- package/dist/cjs/column-menu/column-menu-multicheck-wrap.js +46 -0
- package/dist/cjs/column-menu/column-menu.spec.js +67 -0
- package/dist/cjs/column-menu/filter-menu.spec.js +61 -0
- package/dist/cjs/column-menu/templates/column-menu-normal.js +5957 -0
- package/dist/cjs/column-menu/templates/column-menu-tabbed.js +5947 -0
- package/dist/cjs/column-menu/templates/filter-menu-multi-check.js +5984 -0
- package/dist/cjs/column-menu/templates/filter-menu-normal.js +5947 -0
- package/dist/cjs/column-menu/tests/column-menu-rtl.js +6038 -0
- package/dist/cjs/column-menu/tests/column-menu-tabbed.js +6026 -0
- package/dist/cjs/column-menu/tests/column-menu.js +6038 -0
- package/dist/cjs/combobox/tests/combobox-prefix-suffix.js +1096 -888
- package/dist/cjs/filemanager/tests/filemanager-gridview-preview.js +957 -749
- package/dist/cjs/filemanager/tests/filemanager-listview-preview.js +911 -703
- package/dist/cjs/form/tests/form-field-dropdowns.js +1095 -887
- package/dist/cjs/grid/tests/grid-column-menu-rtl.js +707 -603
- package/dist/cjs/grid/tests/grid-column-menu-tabbed.js +841 -655
- package/dist/cjs/grid/tests/grid-column-menu.js +706 -602
- package/dist/cjs/grid/tests/grid-column-reordering-actions.js +302 -122
- package/dist/cjs/grid/tests/grid-column-reordering.js +308 -128
- package/dist/cjs/grid/tests/grid-column-resizing-actions.js +290 -107
- package/dist/cjs/grid/tests/grid-editing-custom-editor.js +1168 -960
- package/dist/cjs/grid/tests/grid-grouping-actions.js +272 -59
- package/dist/cjs/index.js +2539 -2199
- package/dist/cjs/multiselect/templates/multiselect-prefix.js +1071 -863
- package/dist/cjs/multiselect/templates/multiselect-suffix.js +1071 -863
- package/dist/cjs/multiselect/tests/multiselect-adaptive.js +1077 -869
- package/dist/cjs/multiselect/tests/multiselect-flat.js +1101 -893
- package/dist/cjs/multiselect/tests/multiselect-grouping.js +1077 -869
- package/dist/cjs/multiselect/tests/multiselect-opened.js +1079 -871
- package/dist/cjs/multiselect/tests/multiselect-outline.js +1101 -893
- package/dist/cjs/multiselect/tests/multiselect-prefix-suffix.js +1108 -900
- package/dist/cjs/multiselect/tests/multiselect-size-rounded.js +1080 -872
- package/dist/cjs/multiselect/tests/multiselect-solid.js +1101 -893
- package/dist/cjs/pivotgrid/tests/pivotgrid-column-menus.js +886 -739
- package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +1172 -308
- package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +1110 -902
- package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +1124 -916
- package/dist/cjs/taskboard/taskboard-pane.js +1078 -870
- package/dist/cjs/taskboard/taskboard.spec.js +993 -785
- package/dist/cjs/taskboard/templates/taskboard-normal.js +1027 -819
- package/dist/cjs/taskboard/tests/taskboard-card-column-menu.js +1620 -64
- package/dist/cjs/taskboard/tests/taskboard-card.js +1099 -891
- package/dist/cjs/taskboard/tests/taskboard-column.js +1114 -906
- package/dist/cjs/taskboard/tests/taskboard-pane.js +1035 -827
- package/dist/cjs/taskboard/tests/taskboard-resources.js +1081 -873
- package/dist/cjs/taskboard/tests/taskboard-rtl.js +1033 -825
- package/dist/cjs/taskboard/tests/taskboard.js +1033 -825
- package/dist/cjs/treelist/tests/treelist-aggregate-react.js +4277 -73
- package/dist/cjs/treelist/tests/treelist-aggregates.js +4519 -216
- package/dist/cjs/treelist/tests/treelist-react.js +2518 -98
- package/dist/cjs/treelist/tests/treelist-row-reordering.js +4371 -59
- package/dist/cjs/treelist/tests/treelist.js +4409 -112
- package/dist/cjs/treelist/treelist.spec.js +8415 -0
- package/dist/esm/autocomplete/tests/autocomplete-prefix-suffix.js +1011 -803
- package/dist/esm/column-menu/column-menu-expander.spec.js +5917 -0
- package/dist/esm/column-menu/column-menu-item-content.js +25 -0
- package/dist/esm/column-menu/column-menu-item-wrapper.js +24 -0
- package/dist/esm/column-menu/column-menu-item.spec.js +4380 -0
- package/dist/esm/column-menu/column-menu-multicheck-item.js +239 -0
- package/dist/esm/column-menu/column-menu-multicheck-wrap.js +24 -0
- package/dist/esm/column-menu/column-menu.spec.js +45 -0
- package/dist/esm/column-menu/filter-menu.spec.js +39 -0
- package/dist/esm/column-menu/templates/column-menu-normal.js +5941 -0
- package/dist/esm/column-menu/templates/column-menu-tabbed.js +5931 -0
- package/dist/esm/column-menu/templates/filter-menu-multi-check.js +5968 -0
- package/dist/esm/column-menu/templates/filter-menu-normal.js +5931 -0
- package/dist/esm/column-menu/tests/column-menu-rtl.js +6022 -0
- package/dist/esm/column-menu/tests/column-menu-tabbed.js +6010 -0
- package/dist/esm/column-menu/tests/column-menu.js +6022 -0
- package/dist/esm/combobox/tests/combobox-prefix-suffix.js +1011 -803
- package/dist/esm/filemanager/tests/filemanager-gridview-preview.js +949 -741
- package/dist/esm/filemanager/tests/filemanager-listview-preview.js +903 -695
- package/dist/esm/form/tests/form-field-dropdowns.js +1010 -802
- package/dist/esm/grid/tests/grid-column-menu-rtl.js +707 -603
- package/dist/esm/grid/tests/grid-column-menu-tabbed.js +852 -666
- package/dist/esm/grid/tests/grid-column-menu.js +706 -602
- package/dist/esm/grid/tests/grid-column-reordering-actions.js +302 -122
- package/dist/esm/grid/tests/grid-column-reordering.js +308 -128
- package/dist/esm/grid/tests/grid-column-resizing-actions.js +290 -107
- package/dist/esm/grid/tests/grid-editing-custom-editor.js +1083 -875
- package/dist/esm/grid/tests/grid-grouping-actions.js +272 -59
- package/dist/esm/index.js +2495 -2155
- package/dist/esm/multiselect/templates/multiselect-prefix.js +986 -778
- package/dist/esm/multiselect/templates/multiselect-suffix.js +986 -778
- package/dist/esm/multiselect/tests/multiselect-adaptive.js +992 -784
- package/dist/esm/multiselect/tests/multiselect-flat.js +1016 -808
- package/dist/esm/multiselect/tests/multiselect-grouping.js +992 -784
- package/dist/esm/multiselect/tests/multiselect-opened.js +994 -786
- package/dist/esm/multiselect/tests/multiselect-outline.js +1016 -808
- package/dist/esm/multiselect/tests/multiselect-prefix-suffix.js +1023 -815
- package/dist/esm/multiselect/tests/multiselect-size-rounded.js +995 -787
- package/dist/esm/multiselect/tests/multiselect-solid.js +1016 -808
- package/dist/esm/pivotgrid/tests/pivotgrid-column-menus.js +886 -739
- package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +1172 -308
- package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +1025 -817
- package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +1039 -831
- package/dist/esm/taskboard/taskboard-pane.js +985 -777
- package/dist/esm/taskboard/taskboard.spec.js +981 -773
- package/dist/esm/taskboard/templates/taskboard-normal.js +1015 -807
- package/dist/esm/taskboard/tests/taskboard-card-column-menu.js +1620 -64
- package/dist/esm/taskboard/tests/taskboard-card.js +1014 -806
- package/dist/esm/taskboard/tests/taskboard-column.js +1029 -821
- package/dist/esm/taskboard/tests/taskboard-pane.js +1023 -815
- package/dist/esm/taskboard/tests/taskboard-resources.js +996 -788
- package/dist/esm/taskboard/tests/taskboard-rtl.js +1021 -813
- package/dist/esm/taskboard/tests/taskboard.js +1021 -813
- package/dist/esm/treelist/tests/treelist-aggregate-react.js +4277 -73
- package/dist/esm/treelist/tests/treelist-aggregates.js +4520 -217
- package/dist/esm/treelist/tests/treelist-react.js +2518 -98
- package/dist/esm/treelist/tests/treelist-row-reordering.js +4371 -59
- package/dist/esm/treelist/tests/treelist.js +4410 -113
- package/dist/esm/treelist/treelist.spec.js +8399 -0
- package/dist/types/column-menu/column-menu-expander.spec.d.ts +17 -0
- package/dist/types/column-menu/column-menu-item-content.d.ts +1 -0
- package/dist/types/column-menu/column-menu-item-wrapper.d.ts +1 -0
- package/dist/types/column-menu/column-menu-item.spec.d.ts +17 -0
- package/dist/types/column-menu/column-menu-multicheck-item.d.ts +4 -0
- package/dist/types/column-menu/column-menu-multicheck-wrap.d.ts +1 -0
- package/dist/types/column-menu/column-menu.spec.d.ts +14 -0
- package/dist/types/column-menu/filter-menu.spec.d.ts +9 -0
- package/dist/types/column-menu/index.d.ts +12 -0
- package/dist/types/column-menu/templates/column-menu-normal.d.ts +1 -0
- package/dist/types/column-menu/templates/column-menu-tabbed.d.ts +1 -0
- package/dist/types/column-menu/templates/filter-menu-multi-check.d.ts +1 -0
- package/dist/types/column-menu/templates/filter-menu-normal.d.ts +1 -0
- package/dist/types/column-menu/tests/column-menu-rtl.d.ts +2 -0
- package/dist/types/column-menu/tests/column-menu-tabbed.d.ts +2 -0
- package/dist/types/column-menu/tests/column-menu.d.ts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/treelist/index.d.ts +1 -0
- package/dist/types/treelist/treelist.spec.d.ts +9 -0
- package/package.json +2 -2
- package/src/column-menu/column-menu-expander.spec.tsx +66 -0
- package/src/column-menu/column-menu-item-content.tsx +18 -0
- package/src/column-menu/column-menu-item-wrapper.tsx +17 -0
- package/src/column-menu/column-menu-item.spec.tsx +56 -0
- package/src/column-menu/column-menu-multicheck-item.tsx +32 -0
- package/src/column-menu/column-menu-multicheck-wrap.tsx +17 -0
- package/src/column-menu/column-menu.spec.tsx +46 -0
- package/src/column-menu/filter-menu.spec.tsx +38 -0
- package/src/column-menu/index.ts +12 -0
- package/src/column-menu/templates/column-menu-normal.tsx +23 -0
- package/src/column-menu/templates/column-menu-tabbed.tsx +36 -0
- package/src/column-menu/templates/filter-menu-multi-check.tsx +26 -0
- package/src/column-menu/templates/filter-menu-normal.tsx +23 -0
- package/src/column-menu/tests/column-menu-rtl.tsx +119 -0
- package/src/column-menu/tests/column-menu-tabbed.tsx +113 -0
- package/src/column-menu/tests/column-menu.tsx +119 -0
- package/src/grid/tests/grid-column-menu-rtl.tsx +194 -367
- package/src/grid/tests/grid-column-menu-tabbed.tsx +147 -260
- package/src/grid/tests/grid-column-menu.tsx +194 -366
- package/src/grid/tests/grid-column-reordering-actions.tsx +48 -77
- package/src/grid/tests/grid-column-reordering.tsx +60 -86
- package/src/grid/tests/grid-column-resizing-actions.tsx +25 -64
- package/src/grid/tests/grid-grouping-actions.tsx +15 -11
- package/src/index.ts +2 -1
- package/src/pivotgrid/tests/pivotgrid-column-menus.tsx +141 -232
- package/src/pivotgrid/tests/pivotgrid-settings-panel-reordering.tsx +17 -34
- package/src/taskboard/tests/taskboard-card-column-menu.tsx +12 -22
- package/src/treelist/index.ts +1 -0
- package/src/treelist/tests/treelist-aggregate-react.tsx +73 -71
- package/src/treelist/tests/treelist-aggregates.tsx +219 -242
- package/src/treelist/tests/treelist-react.tsx +98 -95
- package/src/treelist/tests/treelist-row-reordering.tsx +95 -74
- package/src/treelist/tests/treelist.tsx +110 -139
- package/src/treelist/treelist.spec.tsx +32 -0
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
import { ActionButtons } from '../../action-buttons';
|
|
2
2
|
import { Button } from '../../button';
|
|
3
3
|
import { Checkbox } from '../../checkbox';
|
|
4
|
-
import { DropdownList } from '../../dropdownlist';
|
|
5
4
|
import { Icon } from '../../icon';
|
|
6
|
-
import { Searchbox } from '../../searchbox';
|
|
7
|
-
import { Textbox } from '../../textbox';
|
|
8
5
|
import { Popup } from '../../popup';
|
|
9
|
-
|
|
6
|
+
import { ColumnMenuItem, ColumnMenuItemWrapper, ColumnMenuExpander, ColumnMenuNormal, FilterMenuMultiCheck, FilterMenuNormal } from '../../column-menu';
|
|
10
7
|
|
|
11
8
|
const styles = `
|
|
12
9
|
.k-animation-container,
|
|
@@ -15,7 +12,7 @@ const styles = `
|
|
|
15
12
|
overflow: visible;
|
|
16
13
|
}
|
|
17
14
|
|
|
18
|
-
.k-
|
|
15
|
+
.k-column-menu-popup {
|
|
19
16
|
width: 100%;
|
|
20
17
|
}
|
|
21
18
|
`;
|
|
@@ -30,195 +27,131 @@ export default () =>(
|
|
|
30
27
|
<span>Columns grouped expanded</span>
|
|
31
28
|
|
|
32
29
|
<section>
|
|
33
|
-
<Popup className="k-
|
|
34
|
-
<
|
|
35
|
-
<
|
|
36
|
-
<
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
<
|
|
49
|
-
<
|
|
50
|
-
</
|
|
51
|
-
</
|
|
52
|
-
<div className="k-columnmenu-item-wrapper">
|
|
53
|
-
<div className="k-columnmenu-item">
|
|
54
|
-
<Icon icon="group" />Group column
|
|
55
|
-
</div>
|
|
56
|
-
</div>
|
|
57
|
-
<div className="k-columnmenu-item-wrapper">
|
|
58
|
-
<div className="k-columnmenu-item">
|
|
59
|
-
<Icon icon="set-column-position" />Set column position
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
30
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
31
|
+
<ColumnMenuNormal>
|
|
32
|
+
<ColumnMenuItemWrapper>
|
|
33
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
34
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
35
|
+
</ColumnMenuItemWrapper>
|
|
36
|
+
<ColumnMenuItemWrapper>
|
|
37
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
38
|
+
</ColumnMenuItemWrapper>
|
|
39
|
+
<ColumnMenuItemWrapper>
|
|
40
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
41
|
+
</ColumnMenuItemWrapper>
|
|
42
|
+
<ColumnMenuItemWrapper>
|
|
43
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
44
|
+
</ColumnMenuItemWrapper>
|
|
45
|
+
<ColumnMenuItemWrapper>
|
|
46
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
47
|
+
</ColumnMenuItemWrapper>
|
|
48
|
+
</ColumnMenuNormal>
|
|
62
49
|
</Popup>
|
|
63
50
|
</section>
|
|
64
51
|
|
|
65
52
|
<section>
|
|
66
|
-
<Popup className="k-
|
|
67
|
-
<
|
|
68
|
-
<
|
|
69
|
-
<
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
<
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
</label>
|
|
95
|
-
<label className="k-column-list-item">
|
|
96
|
-
<Checkbox />
|
|
97
|
-
<span className="k-checkbox-label">Column 3</span>
|
|
98
|
-
</label>
|
|
99
|
-
<label className="k-column-list-item">
|
|
100
|
-
<Checkbox />
|
|
101
|
-
<span className="k-checkbox-label">Column 4</span>
|
|
102
|
-
</label>
|
|
53
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
54
|
+
<ColumnMenuNormal>
|
|
55
|
+
<ColumnMenuItemWrapper>
|
|
56
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
57
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
58
|
+
</ColumnMenuItemWrapper>
|
|
59
|
+
<ColumnMenuItemWrapper>
|
|
60
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" expanded={true} itemContent={
|
|
61
|
+
<>
|
|
62
|
+
<div className="k-column-list-wrapper">
|
|
63
|
+
<div className="k-column-list">
|
|
64
|
+
<label className="k-column-list-item">
|
|
65
|
+
<Checkbox />
|
|
66
|
+
<span className="k-checkbox-label">Column 1</span>
|
|
67
|
+
</label>
|
|
68
|
+
<label className="k-column-list-item">
|
|
69
|
+
<Checkbox />
|
|
70
|
+
<span className="k-checkbox-label">Column 2</span>
|
|
71
|
+
</label>
|
|
72
|
+
<label className="k-column-list-item">
|
|
73
|
+
<Checkbox />
|
|
74
|
+
<span className="k-checkbox-label">Column 3</span>
|
|
75
|
+
</label>
|
|
76
|
+
<label className="k-column-list-item">
|
|
77
|
+
<Checkbox />
|
|
78
|
+
<span className="k-checkbox-label">Column 4</span>
|
|
79
|
+
</label>
|
|
80
|
+
</div>
|
|
103
81
|
</div>
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
</
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
</div>
|
|
122
|
-
</div>
|
|
123
|
-
<div className="k-columnmenu-item-wrapper">
|
|
124
|
-
<div className="k-columnmenu-item">
|
|
125
|
-
<Icon icon="group" />Group column
|
|
126
|
-
</div>
|
|
127
|
-
</div>
|
|
128
|
-
<div className="k-columnmenu-item-wrapper">
|
|
129
|
-
<div className="k-widget k-expander">
|
|
130
|
-
<div className="k-columnmenu-item">
|
|
131
|
-
<Icon icon="set-column-position" />Set column position
|
|
132
|
-
<span className="k-spacer"></span>
|
|
133
|
-
<span className="k-expander-indicator">
|
|
134
|
-
<Icon icon="chevron-down" />
|
|
135
|
-
</span>
|
|
136
|
-
</div>
|
|
137
|
-
</div>
|
|
138
|
-
</div>
|
|
82
|
+
<ActionButtons alignment="stretched">
|
|
83
|
+
<Button themeColor="primary">Apply</Button>
|
|
84
|
+
<Button>Reset</Button>
|
|
85
|
+
</ActionButtons>
|
|
86
|
+
</>
|
|
87
|
+
}/>
|
|
88
|
+
</ColumnMenuItemWrapper>
|
|
89
|
+
<ColumnMenuItemWrapper>
|
|
90
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
91
|
+
</ColumnMenuItemWrapper>
|
|
92
|
+
<ColumnMenuItemWrapper>
|
|
93
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
94
|
+
</ColumnMenuItemWrapper>
|
|
95
|
+
<ColumnMenuItemWrapper>
|
|
96
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
97
|
+
</ColumnMenuItemWrapper>
|
|
98
|
+
</ColumnMenuNormal>
|
|
139
99
|
</Popup>
|
|
140
100
|
</section>
|
|
141
101
|
|
|
142
102
|
<section>
|
|
143
|
-
<Popup className="k-
|
|
144
|
-
<
|
|
145
|
-
<
|
|
146
|
-
<
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
<span className="k-column-menu-group-header
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
<
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
<
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
</span>
|
|
178
|
-
<label className="k-column-list-item">
|
|
179
|
-
<Checkbox />
|
|
180
|
-
<span className="k-checkbox-label">Column 3</span>
|
|
181
|
-
</label>
|
|
182
|
-
<label className="k-column-list-item">
|
|
183
|
-
<Checkbox />
|
|
184
|
-
<span className="k-checkbox-label">Column 4</span>
|
|
185
|
-
</label>
|
|
103
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
104
|
+
<ColumnMenuNormal>
|
|
105
|
+
<ColumnMenuItemWrapper>
|
|
106
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
107
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
108
|
+
</ColumnMenuItemWrapper>
|
|
109
|
+
<ColumnMenuItemWrapper>
|
|
110
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" expanded={true} itemContent={
|
|
111
|
+
<>
|
|
112
|
+
<div className="k-column-list-wrapper">
|
|
113
|
+
<div className="k-column-list">
|
|
114
|
+
<span className="k-column-menu-group-header">
|
|
115
|
+
<span className="k-column-menu-group-header-text">Group 1</span>
|
|
116
|
+
</span>
|
|
117
|
+
<label className="k-column-list-item">
|
|
118
|
+
<Checkbox />
|
|
119
|
+
<span className="k-checkbox-label">Column 1</span>
|
|
120
|
+
</label>
|
|
121
|
+
<label className="k-column-list-item">
|
|
122
|
+
<Checkbox />
|
|
123
|
+
<span className="k-checkbox-label">Column 2</span>
|
|
124
|
+
</label>
|
|
125
|
+
<span className="k-column-menu-group-header">
|
|
126
|
+
<span className="k-column-menu-group-header-text">Group 2</span>
|
|
127
|
+
</span>
|
|
128
|
+
<label className="k-column-list-item">
|
|
129
|
+
<Checkbox />
|
|
130
|
+
<span className="k-checkbox-label">Column 3</span>
|
|
131
|
+
</label>
|
|
132
|
+
<label className="k-column-list-item">
|
|
133
|
+
<Checkbox />
|
|
134
|
+
<span className="k-checkbox-label">Column 4</span>
|
|
135
|
+
</label>
|
|
136
|
+
</div>
|
|
186
137
|
</div>
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
</
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
</div>
|
|
205
|
-
</div>
|
|
206
|
-
<div className="k-columnmenu-item-wrapper">
|
|
207
|
-
<div className="k-columnmenu-item">
|
|
208
|
-
<Icon icon="group" />Group column
|
|
209
|
-
</div>
|
|
210
|
-
</div>
|
|
211
|
-
<div className="k-columnmenu-item-wrapper">
|
|
212
|
-
<div className="k-widget k-expander">
|
|
213
|
-
<div className="k-columnmenu-item">
|
|
214
|
-
<Icon icon="set-column-position" />Set column position
|
|
215
|
-
<span className="k-spacer"></span>
|
|
216
|
-
<span className="k-expander-indicator">
|
|
217
|
-
<Icon icon="chevron-down" />
|
|
218
|
-
</span>
|
|
219
|
-
</div>
|
|
220
|
-
</div>
|
|
221
|
-
</div>
|
|
138
|
+
<ActionButtons alignment="stretched">
|
|
139
|
+
<Button themeColor="primary">Apply</Button>
|
|
140
|
+
<Button>Reset</Button>
|
|
141
|
+
</ActionButtons>
|
|
142
|
+
</>
|
|
143
|
+
}/>
|
|
144
|
+
</ColumnMenuItemWrapper>
|
|
145
|
+
<ColumnMenuItemWrapper>
|
|
146
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
147
|
+
</ColumnMenuItemWrapper>
|
|
148
|
+
<ColumnMenuItemWrapper>
|
|
149
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
150
|
+
</ColumnMenuItemWrapper>
|
|
151
|
+
<ColumnMenuItemWrapper>
|
|
152
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
153
|
+
</ColumnMenuItemWrapper>
|
|
154
|
+
</ColumnMenuNormal>
|
|
222
155
|
</Popup>
|
|
223
156
|
</section>
|
|
224
157
|
|
|
@@ -227,198 +160,92 @@ export default () =>(
|
|
|
227
160
|
<span>Filter multi expanded</span>
|
|
228
161
|
|
|
229
162
|
<section>
|
|
230
|
-
<Popup className="k-
|
|
231
|
-
<
|
|
232
|
-
<
|
|
233
|
-
<
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
<div className="k-columnmenu-item-wrapper">
|
|
262
|
-
<div className="k-columnmenu-item">
|
|
263
|
-
<Icon icon="group" />Group column
|
|
264
|
-
</div>
|
|
265
|
-
</div>
|
|
266
|
-
<div className="k-columnmenu-item-wrapper">
|
|
267
|
-
<div className="k-widget k-expander">
|
|
268
|
-
<div className="k-columnmenu-item">
|
|
269
|
-
<Icon icon="set-column-position" />Set column position
|
|
270
|
-
<span className="k-spacer"></span>
|
|
271
|
-
<span className="k-expander-indicator">
|
|
272
|
-
<Icon icon="chevron-up" />
|
|
273
|
-
</span>
|
|
274
|
-
</div>
|
|
275
|
-
<div className="k-columnmenu-item-content k-columns-item">
|
|
276
|
-
<div className="k-column-list">
|
|
277
|
-
<div className="k-column-list-item">
|
|
278
|
-
<Icon icon="lock" />Lock column
|
|
279
|
-
</div>
|
|
280
|
-
<div className="k-column-list-item">
|
|
281
|
-
<Icon icon="lock" />Unlock column
|
|
163
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
164
|
+
<ColumnMenuNormal>
|
|
165
|
+
<ColumnMenuItemWrapper>
|
|
166
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
167
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
168
|
+
</ColumnMenuItemWrapper>
|
|
169
|
+
<ColumnMenuItemWrapper>
|
|
170
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
171
|
+
</ColumnMenuItemWrapper>
|
|
172
|
+
<ColumnMenuItemWrapper>
|
|
173
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
174
|
+
</ColumnMenuItemWrapper>
|
|
175
|
+
<ColumnMenuItemWrapper>
|
|
176
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
177
|
+
</ColumnMenuItemWrapper>
|
|
178
|
+
<ColumnMenuItemWrapper>
|
|
179
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" expanded={true} itemContent={
|
|
180
|
+
<>
|
|
181
|
+
<div className="k-column-list">
|
|
182
|
+
<div className="k-column-list-item">
|
|
183
|
+
<Icon icon="lock" />Lock column
|
|
184
|
+
</div>
|
|
185
|
+
<div className="k-column-list-item k-disabled">
|
|
186
|
+
<Icon icon="unlock" />Unlock column
|
|
187
|
+
</div>
|
|
188
|
+
<div className="k-column-list-item">
|
|
189
|
+
<Icon icon="stick" />Stick column
|
|
190
|
+
</div>
|
|
191
|
+
<div className="k-column-list-item k-disabled">
|
|
192
|
+
<Icon icon="unstick" />Unstick column
|
|
193
|
+
</div>
|
|
282
194
|
</div>
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
</
|
|
286
|
-
</
|
|
195
|
+
</>
|
|
196
|
+
}/>
|
|
197
|
+
</ColumnMenuItemWrapper>
|
|
198
|
+
</ColumnMenuNormal>
|
|
287
199
|
</Popup>
|
|
288
200
|
</section>
|
|
289
201
|
|
|
290
202
|
<section>
|
|
291
|
-
<Popup className="k-
|
|
292
|
-
<
|
|
293
|
-
<
|
|
294
|
-
<
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
<div className="k-widget k-expander">
|
|
313
|
-
<div className="k-columnmenu-item">
|
|
314
|
-
<Icon icon="filter" />Filter
|
|
315
|
-
<span className="k-spacer"></span>
|
|
316
|
-
<span className="k-expander-indicator">
|
|
317
|
-
<Icon icon="chevron-up" />
|
|
318
|
-
</span>
|
|
319
|
-
</div>
|
|
320
|
-
<div className="k-columnmenu-item-content k-columns-item">
|
|
321
|
-
<form className="k-filter-menu k-group k-reset">
|
|
322
|
-
<div className="k-filter-menu-container">
|
|
323
|
-
<DropdownList value="Contains" />
|
|
324
|
-
<Textbox placeholder="Filter..." />
|
|
325
|
-
<DropdownList value="And" className="k-filter-and" />
|
|
326
|
-
<DropdownList value="Contains" />
|
|
327
|
-
<Textbox placeholder="Filter..." />
|
|
328
|
-
<ActionButtons alignment="stretched">
|
|
329
|
-
<Button themeColor="primary">Filter</Button>
|
|
330
|
-
<Button>Clear</Button>
|
|
331
|
-
</ActionButtons>
|
|
332
|
-
</div>
|
|
333
|
-
</form>
|
|
334
|
-
</div>
|
|
335
|
-
</div>
|
|
336
|
-
</div>
|
|
337
|
-
<div className="k-columnmenu-item-wrapper">
|
|
338
|
-
<div className="k-columnmenu-item">
|
|
339
|
-
<Icon icon="group" />Group column
|
|
340
|
-
</div>
|
|
341
|
-
</div>
|
|
342
|
-
<div className="k-columnmenu-item-wrapper">
|
|
343
|
-
<div className="k-widget k-expander">
|
|
344
|
-
<div className="k-columnmenu-item">
|
|
345
|
-
<Icon icon="set-column-position" />Set column position
|
|
346
|
-
<span className="k-spacer"></span>
|
|
347
|
-
<span className="k-expander-indicator">
|
|
348
|
-
<Icon icon="chevron-down" />
|
|
349
|
-
</span>
|
|
350
|
-
</div>
|
|
351
|
-
</div>
|
|
352
|
-
</div>
|
|
203
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
204
|
+
<ColumnMenuNormal>
|
|
205
|
+
<ColumnMenuItemWrapper>
|
|
206
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
207
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
208
|
+
</ColumnMenuItemWrapper>
|
|
209
|
+
<ColumnMenuItemWrapper>
|
|
210
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
211
|
+
</ColumnMenuItemWrapper>
|
|
212
|
+
<ColumnMenuItemWrapper>
|
|
213
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" expanded={true} itemContent={
|
|
214
|
+
<FilterMenuNormal />
|
|
215
|
+
}/>
|
|
216
|
+
</ColumnMenuItemWrapper>
|
|
217
|
+
<ColumnMenuItemWrapper>
|
|
218
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
219
|
+
</ColumnMenuItemWrapper>
|
|
220
|
+
<ColumnMenuItemWrapper>
|
|
221
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
222
|
+
</ColumnMenuItemWrapper>
|
|
223
|
+
</ColumnMenuNormal>
|
|
353
224
|
</Popup>
|
|
354
225
|
</section>
|
|
355
226
|
|
|
356
227
|
<section>
|
|
357
|
-
<Popup className="k-
|
|
358
|
-
<
|
|
359
|
-
<
|
|
360
|
-
<
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
<div className="k-widget k-expander">
|
|
379
|
-
<div className="k-columnmenu-item">
|
|
380
|
-
<Icon icon="filter" />Filter
|
|
381
|
-
<span className="k-spacer"></span>
|
|
382
|
-
<span className="k-expander-indicator">
|
|
383
|
-
<Icon icon="chevron-up" />
|
|
384
|
-
</span>
|
|
385
|
-
</div>
|
|
386
|
-
<div className="k-columnmenu-item-content k-columns-item">
|
|
387
|
-
<form className="k-filter-menu k-group k-reset">
|
|
388
|
-
<div className="k-filter-menu-container">
|
|
389
|
-
<Searchbox placeholder="Search..." />
|
|
390
|
-
<ul className="k-reset k-multicheck-wrap">
|
|
391
|
-
<li className="k-item k-check-all-wrap"><label className="k-label k-checkbox-label"><Checkbox /><span>Select All</span></label></li>
|
|
392
|
-
<li className="k-item"><label className="k-label k-checkbox-label"><Checkbox /><span>Chai</span></label></li>
|
|
393
|
-
<li className="k-item"><label className="k-label k-checkbox-label"><Checkbox /><span>Chang</span></label></li>
|
|
394
|
-
<li className="k-item"><label className="k-label k-checkbox-label"><Checkbox /><span>Aniseed Syrup Aniseed Syrup Aniseed Syrup Aniseed Syrup </span></label></li>
|
|
395
|
-
</ul>
|
|
396
|
-
<div className="k-filter-selected-items">0 selected items</div>
|
|
397
|
-
<ActionButtons alignment="stretched">
|
|
398
|
-
<Button themeColor="primary">Filter</Button>
|
|
399
|
-
<Button>Clear</Button>
|
|
400
|
-
</ActionButtons>
|
|
401
|
-
</div>
|
|
402
|
-
</form>
|
|
403
|
-
</div>
|
|
404
|
-
</div>
|
|
405
|
-
</div>
|
|
406
|
-
<div className="k-columnmenu-item-wrapper">
|
|
407
|
-
<div className="k-columnmenu-item">
|
|
408
|
-
<Icon icon="group" />Group column
|
|
409
|
-
</div>
|
|
410
|
-
</div>
|
|
411
|
-
<div className="k-columnmenu-item-wrapper">
|
|
412
|
-
<div className="k-widget k-expander">
|
|
413
|
-
<div className="k-columnmenu-item">
|
|
414
|
-
<Icon icon="set-column-position" />Set column position
|
|
415
|
-
<span className="k-spacer"></span>
|
|
416
|
-
<span className="k-expander-indicator">
|
|
417
|
-
<Icon icon="chevron-down" />
|
|
418
|
-
</span>
|
|
419
|
-
</div>
|
|
420
|
-
</div>
|
|
421
|
-
</div>
|
|
228
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
229
|
+
<ColumnMenuNormal>
|
|
230
|
+
<ColumnMenuItemWrapper>
|
|
231
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
232
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
233
|
+
</ColumnMenuItemWrapper>
|
|
234
|
+
<ColumnMenuItemWrapper>
|
|
235
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
236
|
+
</ColumnMenuItemWrapper>
|
|
237
|
+
<ColumnMenuItemWrapper>
|
|
238
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" expanded={true} itemContent={
|
|
239
|
+
<FilterMenuMultiCheck />
|
|
240
|
+
}/>
|
|
241
|
+
</ColumnMenuItemWrapper>
|
|
242
|
+
<ColumnMenuItemWrapper>
|
|
243
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
244
|
+
</ColumnMenuItemWrapper>
|
|
245
|
+
<ColumnMenuItemWrapper>
|
|
246
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
247
|
+
</ColumnMenuItemWrapper>
|
|
248
|
+
</ColumnMenuNormal>
|
|
422
249
|
</Popup>
|
|
423
250
|
</section>
|
|
424
251
|
|