@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,11 +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';
|
|
6
|
+
import { ColumnMenuNormal, ColumnMenuItemWrapper, ColumnMenuItem, ColumnMenuExpander, FilterMenuNormal, FilterMenuMultiCheck } from "../../column-menu";
|
|
9
7
|
|
|
10
8
|
|
|
11
9
|
const styles = `
|
|
@@ -30,195 +28,131 @@ export default () =>(
|
|
|
30
28
|
<span>Columns grouped expanded</span>
|
|
31
29
|
|
|
32
30
|
<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>
|
|
31
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
32
|
+
<ColumnMenuNormal>
|
|
33
|
+
<ColumnMenuItemWrapper>
|
|
34
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
35
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
36
|
+
</ColumnMenuItemWrapper>
|
|
37
|
+
<ColumnMenuItemWrapper>
|
|
38
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
39
|
+
</ColumnMenuItemWrapper>
|
|
40
|
+
<ColumnMenuItemWrapper>
|
|
41
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
42
|
+
</ColumnMenuItemWrapper>
|
|
43
|
+
<ColumnMenuItemWrapper>
|
|
44
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
45
|
+
</ColumnMenuItemWrapper>
|
|
46
|
+
<ColumnMenuItemWrapper>
|
|
47
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
48
|
+
</ColumnMenuItemWrapper>
|
|
49
|
+
</ColumnMenuNormal>
|
|
62
50
|
</Popup>
|
|
63
51
|
</section>
|
|
64
52
|
|
|
65
53
|
<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>
|
|
54
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
55
|
+
<ColumnMenuNormal>
|
|
56
|
+
<ColumnMenuItemWrapper>
|
|
57
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
58
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
59
|
+
</ColumnMenuItemWrapper>
|
|
60
|
+
<ColumnMenuItemWrapper>
|
|
61
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" expanded={true} itemContent={
|
|
62
|
+
<>
|
|
63
|
+
<div className="k-column-list-wrapper">
|
|
64
|
+
<div className="k-column-list">
|
|
65
|
+
<label className="k-column-list-item">
|
|
66
|
+
<Checkbox />
|
|
67
|
+
<span className="k-checkbox-label">Column 1</span>
|
|
68
|
+
</label>
|
|
69
|
+
<label className="k-column-list-item">
|
|
70
|
+
<Checkbox />
|
|
71
|
+
<span className="k-checkbox-label">Column 2</span>
|
|
72
|
+
</label>
|
|
73
|
+
<label className="k-column-list-item">
|
|
74
|
+
<Checkbox />
|
|
75
|
+
<span className="k-checkbox-label">Column 3</span>
|
|
76
|
+
</label>
|
|
77
|
+
<label className="k-column-list-item">
|
|
78
|
+
<Checkbox />
|
|
79
|
+
<span className="k-checkbox-label">Column 4</span>
|
|
80
|
+
</label>
|
|
81
|
+
</div>
|
|
103
82
|
</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>
|
|
83
|
+
<ActionButtons alignment="stretched">
|
|
84
|
+
<Button themeColor="primary">Apply</Button>
|
|
85
|
+
<Button>Reset</Button>
|
|
86
|
+
</ActionButtons>
|
|
87
|
+
</>
|
|
88
|
+
}/>
|
|
89
|
+
</ColumnMenuItemWrapper>
|
|
90
|
+
<ColumnMenuItemWrapper>
|
|
91
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
92
|
+
</ColumnMenuItemWrapper>
|
|
93
|
+
<ColumnMenuItemWrapper>
|
|
94
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
95
|
+
</ColumnMenuItemWrapper>
|
|
96
|
+
<ColumnMenuItemWrapper>
|
|
97
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
98
|
+
</ColumnMenuItemWrapper>
|
|
99
|
+
</ColumnMenuNormal>
|
|
139
100
|
</Popup>
|
|
140
101
|
</section>
|
|
141
102
|
|
|
142
103
|
<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>
|
|
104
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
105
|
+
<ColumnMenuNormal>
|
|
106
|
+
<ColumnMenuItemWrapper>
|
|
107
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
108
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
109
|
+
</ColumnMenuItemWrapper>
|
|
110
|
+
<ColumnMenuItemWrapper>
|
|
111
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" expanded={true} itemContent={
|
|
112
|
+
<>
|
|
113
|
+
<div className="k-column-list-wrapper">
|
|
114
|
+
<div className="k-column-list">
|
|
115
|
+
<span className="k-column-menu-group-header">
|
|
116
|
+
<span className="k-column-menu-group-header-text">Group 1</span>
|
|
117
|
+
</span>
|
|
118
|
+
<label className="k-column-list-item">
|
|
119
|
+
<Checkbox />
|
|
120
|
+
<span className="k-checkbox-label">Column 1</span>
|
|
121
|
+
</label>
|
|
122
|
+
<label className="k-column-list-item">
|
|
123
|
+
<Checkbox />
|
|
124
|
+
<span className="k-checkbox-label">Column 2</span>
|
|
125
|
+
</label>
|
|
126
|
+
<span className="k-column-menu-group-header">
|
|
127
|
+
<span className="k-column-menu-group-header-text">Group 2</span>
|
|
128
|
+
</span>
|
|
129
|
+
<label className="k-column-list-item">
|
|
130
|
+
<Checkbox />
|
|
131
|
+
<span className="k-checkbox-label">Column 3</span>
|
|
132
|
+
</label>
|
|
133
|
+
<label className="k-column-list-item">
|
|
134
|
+
<Checkbox />
|
|
135
|
+
<span className="k-checkbox-label">Column 4</span>
|
|
136
|
+
</label>
|
|
137
|
+
</div>
|
|
186
138
|
</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>
|
|
139
|
+
<ActionButtons alignment="stretched">
|
|
140
|
+
<Button themeColor="primary">Apply</Button>
|
|
141
|
+
<Button>Reset</Button>
|
|
142
|
+
</ActionButtons>
|
|
143
|
+
</>
|
|
144
|
+
}/>
|
|
145
|
+
</ColumnMenuItemWrapper>
|
|
146
|
+
<ColumnMenuItemWrapper>
|
|
147
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
148
|
+
</ColumnMenuItemWrapper>
|
|
149
|
+
<ColumnMenuItemWrapper>
|
|
150
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
151
|
+
</ColumnMenuItemWrapper>
|
|
152
|
+
<ColumnMenuItemWrapper>
|
|
153
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
154
|
+
</ColumnMenuItemWrapper>
|
|
155
|
+
</ColumnMenuNormal>
|
|
222
156
|
</Popup>
|
|
223
157
|
</section>
|
|
224
158
|
|
|
@@ -227,201 +161,95 @@ export default () =>(
|
|
|
227
161
|
<span>Filter multi expanded</span>
|
|
228
162
|
|
|
229
163
|
<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
|
|
164
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
165
|
+
<ColumnMenuNormal>
|
|
166
|
+
<ColumnMenuItemWrapper>
|
|
167
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
168
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
169
|
+
</ColumnMenuItemWrapper>
|
|
170
|
+
<ColumnMenuItemWrapper>
|
|
171
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
172
|
+
</ColumnMenuItemWrapper>
|
|
173
|
+
<ColumnMenuItemWrapper>
|
|
174
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" />
|
|
175
|
+
</ColumnMenuItemWrapper>
|
|
176
|
+
<ColumnMenuItemWrapper>
|
|
177
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
178
|
+
</ColumnMenuItemWrapper>
|
|
179
|
+
<ColumnMenuItemWrapper>
|
|
180
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" expanded={true} itemContent={
|
|
181
|
+
<>
|
|
182
|
+
<div className="k-column-list">
|
|
183
|
+
<div className="k-column-list-item">
|
|
184
|
+
<Icon icon="lock" />Lock column
|
|
185
|
+
</div>
|
|
186
|
+
<div className="k-column-list-item k-disabled">
|
|
187
|
+
<Icon icon="unlock" />Unlock column
|
|
188
|
+
</div>
|
|
189
|
+
<div className="k-column-list-item">
|
|
190
|
+
<Icon icon="stick" />Stick column
|
|
191
|
+
</div>
|
|
192
|
+
<div className="k-column-list-item k-disabled">
|
|
193
|
+
<Icon icon="unstick" />Unstick column
|
|
194
|
+
</div>
|
|
282
195
|
</div>
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
</
|
|
286
|
-
</
|
|
196
|
+
</>
|
|
197
|
+
}/>
|
|
198
|
+
</ColumnMenuItemWrapper>
|
|
199
|
+
</ColumnMenuNormal>
|
|
287
200
|
</Popup>
|
|
288
201
|
</section>
|
|
289
202
|
|
|
290
203
|
<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>
|
|
204
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
205
|
+
<ColumnMenuNormal>
|
|
206
|
+
<ColumnMenuItemWrapper>
|
|
207
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
208
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
209
|
+
</ColumnMenuItemWrapper>
|
|
210
|
+
<ColumnMenuItemWrapper>
|
|
211
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
212
|
+
</ColumnMenuItemWrapper>
|
|
213
|
+
<ColumnMenuItemWrapper>
|
|
214
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" expanded={true} itemContent={
|
|
215
|
+
<FilterMenuNormal />
|
|
216
|
+
}/>
|
|
217
|
+
</ColumnMenuItemWrapper>
|
|
218
|
+
<ColumnMenuItemWrapper>
|
|
219
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
220
|
+
</ColumnMenuItemWrapper>
|
|
221
|
+
<ColumnMenuItemWrapper>
|
|
222
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
223
|
+
</ColumnMenuItemWrapper>
|
|
224
|
+
</ColumnMenuNormal>
|
|
353
225
|
</Popup>
|
|
354
226
|
</section>
|
|
355
227
|
|
|
356
228
|
<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>
|
|
229
|
+
<Popup className="k-grid-columnmenu-popup">
|
|
230
|
+
<ColumnMenuNormal>
|
|
231
|
+
<ColumnMenuItemWrapper>
|
|
232
|
+
<ColumnMenuItem text="Sort ascending" icon="sort-asc-small" />
|
|
233
|
+
<ColumnMenuItem text="Sort descending" icon="sort-desc-small" />
|
|
234
|
+
</ColumnMenuItemWrapper>
|
|
235
|
+
<ColumnMenuItemWrapper>
|
|
236
|
+
<ColumnMenuExpander itemText="Columns" itemIcon="columns" />
|
|
237
|
+
</ColumnMenuItemWrapper>
|
|
238
|
+
<ColumnMenuItemWrapper>
|
|
239
|
+
<ColumnMenuExpander itemText="Filter" itemIcon="filter" expanded={true} itemContent={
|
|
240
|
+
<FilterMenuMultiCheck />
|
|
241
|
+
}/>
|
|
242
|
+
</ColumnMenuItemWrapper>
|
|
243
|
+
<ColumnMenuItemWrapper>
|
|
244
|
+
<ColumnMenuItem text="Group column" icon="group" />
|
|
245
|
+
</ColumnMenuItemWrapper>
|
|
246
|
+
<ColumnMenuItemWrapper>
|
|
247
|
+
<ColumnMenuExpander itemText="Set column position" itemIcon="set-column-position" />
|
|
248
|
+
</ColumnMenuItemWrapper>
|
|
249
|
+
</ColumnMenuNormal>
|
|
422
250
|
</Popup>
|
|
423
251
|
</section>
|
|
424
252
|
|
|
425
253
|
</div>
|
|
426
254
|
</>
|
|
427
|
-
);
|
|
255
|
+
);
|