@progress/kendo-themes-html 6.4.0-dev.5 → 6.4.0-dev.6

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.
Files changed (508) hide show
  1. package/dist/cjs/action-sheet/action-sheet.spec.js +56 -21
  2. package/dist/cjs/action-sheet/tests/action-sheet-calendar-infinite.js +478 -443
  3. package/dist/cjs/action-sheet/tests/action-sheet-calendar.js +404 -369
  4. package/dist/cjs/action-sheet/tests/action-sheet-data-table.js +367 -332
  5. package/dist/cjs/action-sheet/tests/action-sheet-date-time-selector.js +446 -411
  6. package/dist/cjs/action-sheet/tests/action-sheet-list.js +365 -330
  7. package/dist/cjs/action-sheet/tests/action-sheet-position.js +254 -219
  8. package/dist/cjs/action-sheet/tests/action-sheet-time-selector.js +266 -231
  9. package/dist/cjs/action-sheet/tests/action-sheet-treeview.js +316 -281
  10. package/dist/cjs/action-sheet/tests/action-sheet.js +254 -219
  11. package/dist/cjs/animation-container/animation-container.spec.js +70 -0
  12. package/dist/cjs/chat/tests/chat.js +353 -306
  13. package/dist/cjs/colorpicker/tests/colorpicker-dropdown.js +76 -12
  14. package/dist/cjs/combobox/combobox.spec.js +71 -24
  15. package/dist/cjs/combobox/tests/combobox-flat.js +93 -46
  16. package/dist/cjs/combobox/tests/combobox-opened.js +165 -115
  17. package/dist/cjs/combobox/tests/combobox-outline.js +93 -46
  18. package/dist/cjs/combobox/tests/combobox.js +93 -46
  19. package/dist/cjs/context-menu/tests/context-menu-in-window.js +67 -20
  20. package/dist/cjs/context-menu/tests/context-menu.js +73 -28
  21. package/dist/cjs/datepicker/datepicker.spec.js +239 -192
  22. package/dist/cjs/datepicker/tests/datepicker-adaptive.js +406 -371
  23. package/dist/cjs/datepicker/tests/datepicker-flat.js +261 -214
  24. package/dist/cjs/datepicker/tests/datepicker-opened.js +251 -200
  25. package/dist/cjs/datepicker/tests/datepicker-outline.js +261 -214
  26. package/dist/cjs/datepicker/tests/datepicker.js +261 -214
  27. package/dist/cjs/daterangepicker/daterangepicker.spec.js +67 -20
  28. package/dist/cjs/daterangepicker/tests/daterangepicker-adaptive.js +417 -382
  29. package/dist/cjs/daterangepicker/tests/daterangepicker-opened.js +82 -27
  30. package/dist/cjs/daterangepicker/tests/daterangepicker-size-rounded.js +91 -44
  31. package/dist/cjs/daterangepicker/tests/daterangepicker.js +89 -42
  32. package/dist/cjs/datetime-selector/tests/datetime-selector.js +72 -10
  33. package/dist/cjs/datetimepicker/datetimepicker.spec.js +312 -265
  34. package/dist/cjs/datetimepicker/tests/datetimepicker-opened.js +326 -275
  35. package/dist/cjs/datetimepicker/tests/datetimepicker.js +334 -287
  36. package/dist/cjs/dropdowngrid/dropdowngrid.spec.js +71 -24
  37. package/dist/cjs/dropdowngrid/tests/dropdowngrid-flat.js +93 -46
  38. package/dist/cjs/dropdowngrid/tests/dropdowngrid-opened.js +214 -163
  39. package/dist/cjs/dropdowngrid/tests/dropdowngrid-outline.js +93 -46
  40. package/dist/cjs/dropdowngrid/tests/dropdowngrid.js +93 -46
  41. package/dist/cjs/dropdownlist/dropdownlist.spec.js +72 -25
  42. package/dist/cjs/dropdownlist/templates/dropdownlist-filtering.js +80 -33
  43. package/dist/cjs/dropdownlist/templates/dropdownlist-grouping-filtering.js +85 -38
  44. package/dist/cjs/dropdownlist/templates/dropdownlist-grouping.js +83 -36
  45. package/dist/cjs/dropdownlist/templates/dropdownlist-normal.js +74 -27
  46. package/dist/cjs/dropdownlist/templates/dropdownlist-popup.js +78 -31
  47. package/dist/cjs/dropdownlist/tests/dropdownlist-adaptive.js +333 -298
  48. package/dist/cjs/dropdownlist/tests/dropdownlist-filtering.js +186 -135
  49. package/dist/cjs/dropdownlist/tests/dropdownlist-flat.js +189 -142
  50. package/dist/cjs/dropdownlist/tests/dropdownlist-grouping-filtering.js +191 -140
  51. package/dist/cjs/dropdownlist/tests/dropdownlist-grouping.js +189 -138
  52. package/dist/cjs/dropdownlist/tests/dropdownlist-opened.js +184 -133
  53. package/dist/cjs/dropdownlist/tests/dropdownlist-option-label.js +205 -154
  54. package/dist/cjs/dropdownlist/tests/dropdownlist-outline.js +189 -142
  55. package/dist/cjs/dropdownlist/tests/dropdownlist.js +189 -142
  56. package/dist/cjs/dropdowntree/dropdowntree.spec.js +72 -25
  57. package/dist/cjs/dropdowntree/tests/dropdowntree-flat.js +94 -47
  58. package/dist/cjs/dropdowntree/tests/dropdowntree-opened.js +142 -91
  59. package/dist/cjs/dropdowntree/tests/dropdowntree-outline.js +94 -47
  60. package/dist/cjs/dropdowntree/tests/dropdowntree.js +94 -47
  61. package/dist/cjs/editor/editor-toolbar.js +262 -215
  62. package/dist/cjs/editor/tests/editor-find-replace.js +366 -319
  63. package/dist/cjs/editor/tests/editor-table-wizard.js +362 -315
  64. package/dist/cjs/editor/tests/editor.js +480 -426
  65. package/dist/cjs/filemanager/tests/filemanager-contextmenu.js +428 -381
  66. package/dist/cjs/filemanager/tests/filemanager-drag-hint.js +322 -275
  67. package/dist/cjs/filemanager/tests/filemanager-gridview.js +387 -340
  68. package/dist/cjs/filemanager/tests/filemanager-listview.js +341 -294
  69. package/dist/cjs/filemanager/tests/filemanager-preview.js +440 -393
  70. package/dist/cjs/filemanager/tests/filemanager-toolbar.js +248 -201
  71. package/dist/cjs/filter/tests/filter.js +577 -530
  72. package/dist/cjs/floating-label/tests/floating-label-flat.js +116 -69
  73. package/dist/cjs/floating-label/tests/floating-label-outline.js +116 -69
  74. package/dist/cjs/floating-label/tests/floating-label.js +116 -69
  75. package/dist/cjs/form/tests/form-field-dateinputs.js +442 -395
  76. package/dist/cjs/form/tests/form-field-dropdowns.js +258 -211
  77. package/dist/cjs/form/tests/form-grid-layout.js +224 -177
  78. package/dist/cjs/form/tests/form-sizes.js +246 -199
  79. package/dist/cjs/gantt/tests/gantt-editing-popup-general.js +500 -453
  80. package/dist/cjs/gantt/tests/gantt-editing-popup-other.js +333 -286
  81. package/dist/cjs/gantt/tests/gantt-editing-popup-predecessors.js +331 -284
  82. package/dist/cjs/gantt/tests/gantt-editing-popup-resources.js +374 -327
  83. package/dist/cjs/gantt/tests/gantt-editing-popup-successors.js +331 -284
  84. package/dist/cjs/gantt/tests/gantt-react.js +628 -581
  85. package/dist/cjs/gantt/tests/gantt-row-reordering.js +933 -886
  86. package/dist/cjs/gantt/tests/gantt.js +907 -860
  87. package/dist/cjs/grid/tests/grid-adaptive-pager.js +222 -175
  88. package/dist/cjs/grid/tests/grid-adaptive-search.js +254 -207
  89. package/dist/cjs/grid/tests/grid-angular.js +353 -306
  90. package/dist/cjs/grid/tests/grid-column-menu-rtl.js +376 -329
  91. package/dist/cjs/grid/tests/grid-column-menu-tabbed.js +307 -260
  92. package/dist/cjs/grid/tests/grid-column-menu.js +376 -329
  93. package/dist/cjs/grid/tests/grid-column-reordering-actions.js +502 -455
  94. package/dist/cjs/grid/tests/grid-column-reordering.js +7212 -0
  95. package/dist/cjs/grid/tests/grid-editing-custom-editor.js +695 -648
  96. package/dist/cjs/grid/tests/grid-editing-inline-angular.js +324 -277
  97. package/dist/cjs/grid/tests/grid-editing-inline-blazor.js +322 -275
  98. package/dist/cjs/grid/tests/grid-editing-popup.js +385 -338
  99. package/dist/cjs/grid/tests/grid-editing.js +342 -295
  100. package/dist/cjs/grid/tests/grid-filter-menu-multi-checkbox.js +114 -78
  101. package/dist/cjs/grid/tests/grid-filter-menu.js +207 -160
  102. package/dist/cjs/grid/tests/grid-filter-row-angular.js +427 -380
  103. package/dist/cjs/grid/tests/grid-filter-row-blazor.js +422 -375
  104. package/dist/cjs/grid/tests/grid-filter-row.js +581 -534
  105. package/dist/cjs/grid/tests/grid-grouping-actions.js +468 -421
  106. package/dist/cjs/grid/tests/grid-grouping.js +473 -426
  107. package/dist/cjs/grid/tests/grid-pager.js +308 -261
  108. package/dist/cjs/grid/tests/grid-row-reordering.js +459 -412
  109. package/dist/cjs/grid/tests/grid-rows-resizing.js +356 -309
  110. package/dist/cjs/grid/tests/grid-rtl-angular.js +308 -261
  111. package/dist/cjs/grid/tests/grid-rtl.js +301 -254
  112. package/dist/cjs/grid/tests/grid-selection-aggregates.js +310 -263
  113. package/dist/cjs/grid/tests/grid-size-sm-comp-sm.js +561 -514
  114. package/dist/cjs/grid/tests/grid-size-sm.js +561 -514
  115. package/dist/cjs/grid/tests/grid-sticky-columns-rtl.js +361 -314
  116. package/dist/cjs/grid/tests/grid-toolbar.js +314 -267
  117. package/dist/cjs/grid/tests/grid.js +326 -279
  118. package/dist/cjs/imageeditor/tests/imageeditor-crop-pane.js +385 -338
  119. package/dist/cjs/imageeditor/tests/imageeditor-resize-pane.js +373 -326
  120. package/dist/cjs/imageeditor/tests/imageeditor.js +315 -268
  121. package/dist/cjs/index.js +2770 -2722
  122. package/dist/cjs/listview/listview.spec.js +235 -188
  123. package/dist/cjs/listview/tests/listview-layout.js +282 -235
  124. package/dist/cjs/listview/tests/listview-loading.js +253 -206
  125. package/dist/cjs/listview/tests/listview.js +268 -221
  126. package/dist/cjs/mediaplayer/tests/mediaplayer.js +317 -270
  127. package/dist/cjs/menu/tests/menu-popup-size.js +129 -65
  128. package/dist/cjs/menu/tests/menu.js +141 -94
  129. package/dist/cjs/multiselect/multiselect.spec.js +73 -26
  130. package/dist/cjs/multiselect/tests/multiselect-flat.js +128 -81
  131. package/dist/cjs/multiselect/tests/multiselect-opened.js +103 -52
  132. package/dist/cjs/multiselect/tests/multiselect-outline.js +128 -81
  133. package/dist/cjs/multiselect/tests/multiselect-size.js +92 -45
  134. package/dist/cjs/multiselect/tests/multiselect.js +128 -81
  135. package/dist/cjs/multiselecttree/multiselecttree.spec.js +72 -25
  136. package/dist/cjs/multiselecttree/tests/multiselecttree-flat.js +127 -80
  137. package/dist/cjs/multiselecttree/tests/multiselecttree-opened.js +181 -130
  138. package/dist/cjs/multiselecttree/tests/multiselecttree-outline.js +127 -80
  139. package/dist/cjs/multiselecttree/tests/multiselecttree-size.js +91 -44
  140. package/dist/cjs/multiselecttree/tests/multiselecttree.js +127 -80
  141. package/dist/cjs/notification/tests/notification-jquery.js +66 -30
  142. package/dist/cjs/pager/index.js +216 -169
  143. package/dist/cjs/pager/pager.spec.js +216 -169
  144. package/dist/cjs/pager/tests/pager-responsive.js +236 -189
  145. package/dist/cjs/pager/tests/pager-sizes.js +236 -189
  146. package/dist/cjs/pager/tests/pager.js +226 -179
  147. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +322 -275
  148. package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js +332 -285
  149. package/dist/cjs/pdf-viewer/tests/pdf-viewer-search-panel.js +318 -271
  150. package/dist/cjs/pdf-viewer/tests/pdf-viewer.js +322 -275
  151. package/dist/cjs/pivotgrid/tests/pivotgrid-column-menus.js +336 -289
  152. package/dist/cjs/pivotgrid/tests/pivotgrid-jquery.js +342 -295
  153. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +370 -323
  154. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +415 -341
  155. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +424 -377
  156. package/dist/cjs/pivotgrid/tests/pivotgrid-settings-top.js +554 -507
  157. package/dist/cjs/pivotgrid/tests/pivotgrid.js +535 -488
  158. package/dist/cjs/popup/popup.spec.js +54 -7
  159. package/dist/cjs/popup/tests/popup-list-grouping.js +146 -99
  160. package/dist/cjs/popup/tests/popup-list.js +154 -107
  161. package/dist/cjs/popup/tests/popup-no-data.js +72 -25
  162. package/dist/cjs/scheduler/tests/scheduler-adaptive-agenda.js +302 -255
  163. package/dist/cjs/scheduler/tests/scheduler-adaptive-day-resource-group.js +480 -433
  164. package/dist/cjs/scheduler/tests/scheduler-adaptive-day.js +403 -356
  165. package/dist/cjs/scheduler/tests/scheduler-adaptive-month.js +348 -301
  166. package/dist/cjs/scheduler/tests/scheduler-angular-agenda-rtl.js +384 -337
  167. package/dist/cjs/scheduler/tests/scheduler-angular-agenda.js +384 -337
  168. package/dist/cjs/scheduler/tests/scheduler-angular-day-rtl.js +440 -393
  169. package/dist/cjs/scheduler/tests/scheduler-angular-month-rtl.js +401 -354
  170. package/dist/cjs/scheduler/tests/scheduler-angular-month.js +401 -354
  171. package/dist/cjs/scheduler/tests/scheduler-angular-rtl.js +556 -509
  172. package/dist/cjs/scheduler/tests/scheduler-angular.js +556 -509
  173. package/dist/cjs/scheduler/tests/scheduler-edit-dialog.js +506 -459
  174. package/dist/cjs/scheduler/tests/scheduler-editing-weekly.js +520 -473
  175. package/dist/cjs/scheduler/tests/scheduler-flex-layout.js +414 -367
  176. package/dist/cjs/scheduler/tests/scheduler-jquery-agenda.js +324 -277
  177. package/dist/cjs/scheduler/tests/scheduler-jquery-month.js +393 -346
  178. package/dist/cjs/scheduler/tests/scheduler-react-agenda.js +471 -424
  179. package/dist/cjs/scheduler/tests/scheduler-react-day.js +956 -909
  180. package/dist/cjs/scheduler/tests/scheduler-react-month.js +1891 -1844
  181. package/dist/cjs/scheduler/tests/scheduler-react-timeline-multi.js +863 -816
  182. package/dist/cjs/scheduler/tests/scheduler-react-timeline.js +777 -730
  183. package/dist/cjs/scheduler/tests/scheduler-react-week.js +1692 -1645
  184. package/dist/cjs/scheduler/tests/scheduler-tooltip.js +76 -31
  185. package/dist/cjs/scheduler/tests/scheduler-year.js +1006 -959
  186. package/dist/cjs/scheduler/tests/scheduler.js +656 -609
  187. package/dist/cjs/spreadsheet/tests/spreadsheet-data-validation.js +186 -139
  188. package/dist/cjs/spreadsheet/tests/spreadsheet-dialog.js +287 -240
  189. package/dist/cjs/spreadsheet/tests/spreadsheet-filter-menu.js +67 -31
  190. package/dist/cjs/spreadsheet/tests/spreadsheet-tools-popup.js +602 -555
  191. package/dist/cjs/spreadsheet/tests/spreadsheet.js +558 -511
  192. package/dist/cjs/taskboard/tests/taskboard-card.js +319 -272
  193. package/dist/cjs/taskboard/tests/taskboard-pane.js +400 -353
  194. package/dist/cjs/taskboard/tests/taskboard-rtl.js +316 -269
  195. package/dist/cjs/taskboard/tests/taskboard.js +310 -263
  196. package/dist/cjs/time-selector/tests/time-selector.js +89 -25
  197. package/dist/cjs/timedurationpicker/tests/timedurationpicker-expanded.js +127 -76
  198. package/dist/cjs/timedurationpicker/tests/timedurationpicker.js +137 -90
  199. package/dist/cjs/timedurationpicker/timedurationpicker.spec.js +115 -68
  200. package/dist/cjs/timepicker/tests/timepicker-adaptive.js +266 -231
  201. package/dist/cjs/timepicker/tests/timepicker-flat.js +135 -88
  202. package/dist/cjs/timepicker/tests/timepicker-opened.js +125 -74
  203. package/dist/cjs/timepicker/tests/timepicker-outline.js +135 -88
  204. package/dist/cjs/timepicker/tests/timepicker.js +135 -88
  205. package/dist/cjs/timepicker/timepicker.spec.js +113 -66
  206. package/dist/cjs/toolbar/tests/toolbar-angular.js +267 -220
  207. package/dist/cjs/toolbar/tests/toolbar-components.js +304 -257
  208. package/dist/cjs/toolbar/tests/toolbar-popup-size.js +101 -37
  209. package/dist/cjs/toolbar/tests/toolbar-popup.js +145 -81
  210. package/dist/cjs/toolbar/tests/toolbar-sizes.js +317 -270
  211. package/dist/cjs/toolbar/tests/toolbar.js +331 -284
  212. package/dist/cjs/toolbar/toolbar-angular.spec.js +232 -185
  213. package/dist/cjs/toolbar/toolbar.spec.js +232 -185
  214. package/dist/cjs/tooltip/tests/tooltip-rtl.js +73 -37
  215. package/dist/cjs/tooltip/tests/tooltip-states.js +73 -28
  216. package/dist/cjs/tooltip/tests/tooltip.js +120 -84
  217. package/dist/cjs/treelist/tests/treelist-editing-popup.js +285 -238
  218. package/dist/cjs/treelist/tests/treelist-react.js +492 -445
  219. package/dist/esm/action-sheet/action-sheet.spec.js +55 -20
  220. package/dist/esm/action-sheet/tests/action-sheet-calendar-infinite.js +436 -401
  221. package/dist/esm/action-sheet/tests/action-sheet-calendar.js +367 -332
  222. package/dist/esm/action-sheet/tests/action-sheet-data-table.js +341 -306
  223. package/dist/esm/action-sheet/tests/action-sheet-date-time-selector.js +400 -365
  224. package/dist/esm/action-sheet/tests/action-sheet-list.js +344 -309
  225. package/dist/esm/action-sheet/tests/action-sheet-position.js +242 -207
  226. package/dist/esm/action-sheet/tests/action-sheet-time-selector.js +251 -216
  227. package/dist/esm/action-sheet/tests/action-sheet-treeview.js +301 -266
  228. package/dist/esm/action-sheet/tests/action-sheet.js +240 -205
  229. package/dist/esm/animation-container/animation-container.spec.js +48 -0
  230. package/dist/esm/chat/tests/chat.js +322 -275
  231. package/dist/esm/colorpicker/tests/colorpicker-dropdown.js +74 -10
  232. package/dist/esm/combobox/combobox.spec.js +69 -22
  233. package/dist/esm/combobox/tests/combobox-flat.js +89 -42
  234. package/dist/esm/combobox/tests/combobox-opened.js +154 -104
  235. package/dist/esm/combobox/tests/combobox-outline.js +89 -42
  236. package/dist/esm/combobox/tests/combobox.js +89 -42
  237. package/dist/esm/context-menu/tests/context-menu-in-window.js +66 -19
  238. package/dist/esm/context-menu/tests/context-menu.js +72 -27
  239. package/dist/esm/datepicker/datepicker.spec.js +210 -163
  240. package/dist/esm/datepicker/tests/datepicker-adaptive.js +369 -334
  241. package/dist/esm/datepicker/tests/datepicker-flat.js +230 -183
  242. package/dist/esm/datepicker/tests/datepicker-opened.js +220 -169
  243. package/dist/esm/datepicker/tests/datepicker-outline.js +230 -183
  244. package/dist/esm/datepicker/tests/datepicker.js +230 -183
  245. package/dist/esm/daterangepicker/daterangepicker.spec.js +65 -18
  246. package/dist/esm/daterangepicker/tests/daterangepicker-adaptive.js +380 -345
  247. package/dist/esm/daterangepicker/tests/daterangepicker-opened.js +80 -25
  248. package/dist/esm/daterangepicker/tests/daterangepicker-size-rounded.js +87 -40
  249. package/dist/esm/daterangepicker/tests/daterangepicker.js +87 -40
  250. package/dist/esm/datetime-selector/tests/datetime-selector.js +70 -8
  251. package/dist/esm/datetimepicker/datetimepicker.spec.js +275 -228
  252. package/dist/esm/datetimepicker/tests/datetimepicker-opened.js +287 -236
  253. package/dist/esm/datetimepicker/tests/datetimepicker.js +295 -248
  254. package/dist/esm/dropdowngrid/dropdowngrid.spec.js +69 -22
  255. package/dist/esm/dropdowngrid/tests/dropdowngrid-flat.js +89 -42
  256. package/dist/esm/dropdowngrid/tests/dropdowngrid-opened.js +192 -141
  257. package/dist/esm/dropdowngrid/tests/dropdowngrid-outline.js +89 -42
  258. package/dist/esm/dropdowngrid/tests/dropdowngrid.js +89 -42
  259. package/dist/esm/dropdownlist/dropdownlist.spec.js +70 -23
  260. package/dist/esm/dropdownlist/templates/dropdownlist-filtering.js +76 -29
  261. package/dist/esm/dropdownlist/templates/dropdownlist-grouping-filtering.js +79 -32
  262. package/dist/esm/dropdownlist/templates/dropdownlist-grouping.js +78 -31
  263. package/dist/esm/dropdownlist/templates/dropdownlist-normal.js +72 -25
  264. package/dist/esm/dropdownlist/templates/dropdownlist-popup.js +75 -28
  265. package/dist/esm/dropdownlist/tests/dropdownlist-adaptive.js +318 -283
  266. package/dist/esm/dropdownlist/tests/dropdownlist-filtering.js +174 -123
  267. package/dist/esm/dropdownlist/tests/dropdownlist-flat.js +179 -132
  268. package/dist/esm/dropdownlist/tests/dropdownlist-grouping-filtering.js +177 -126
  269. package/dist/esm/dropdownlist/tests/dropdownlist-grouping.js +176 -125
  270. package/dist/esm/dropdownlist/tests/dropdownlist-opened.js +173 -122
  271. package/dist/esm/dropdownlist/tests/dropdownlist-option-label.js +195 -144
  272. package/dist/esm/dropdownlist/tests/dropdownlist-outline.js +179 -132
  273. package/dist/esm/dropdownlist/tests/dropdownlist.js +179 -132
  274. package/dist/esm/dropdowntree/dropdowntree.spec.js +70 -23
  275. package/dist/esm/dropdowntree/tests/dropdowntree-flat.js +90 -43
  276. package/dist/esm/dropdowntree/tests/dropdowntree-opened.js +129 -78
  277. package/dist/esm/dropdowntree/tests/dropdowntree-outline.js +90 -43
  278. package/dist/esm/dropdowntree/tests/dropdowntree.js +90 -43
  279. package/dist/esm/editor/editor-toolbar.js +251 -204
  280. package/dist/esm/editor/tests/editor-find-replace.js +336 -289
  281. package/dist/esm/editor/tests/editor-table-wizard.js +337 -290
  282. package/dist/esm/editor/tests/editor.js +433 -379
  283. package/dist/esm/filemanager/tests/filemanager-contextmenu.js +404 -357
  284. package/dist/esm/filemanager/tests/filemanager-drag-hint.js +300 -253
  285. package/dist/esm/filemanager/tests/filemanager-gridview.js +350 -303
  286. package/dist/esm/filemanager/tests/filemanager-listview.js +315 -268
  287. package/dist/esm/filemanager/tests/filemanager-preview.js +392 -345
  288. package/dist/esm/filemanager/tests/filemanager-toolbar.js +236 -189
  289. package/dist/esm/filter/tests/filter.js +527 -480
  290. package/dist/esm/floating-label/tests/floating-label-flat.js +112 -65
  291. package/dist/esm/floating-label/tests/floating-label-outline.js +112 -65
  292. package/dist/esm/floating-label/tests/floating-label.js +112 -65
  293. package/dist/esm/form/tests/form-field-dateinputs.js +390 -343
  294. package/dist/esm/form/tests/form-field-dropdowns.js +238 -191
  295. package/dist/esm/form/tests/form-grid-layout.js +210 -163
  296. package/dist/esm/form/tests/form-sizes.js +222 -175
  297. package/dist/esm/gantt/tests/gantt-editing-popup-general.js +446 -399
  298. package/dist/esm/gantt/tests/gantt-editing-popup-other.js +294 -247
  299. package/dist/esm/gantt/tests/gantt-editing-popup-predecessors.js +313 -266
  300. package/dist/esm/gantt/tests/gantt-editing-popup-resources.js +346 -299
  301. package/dist/esm/gantt/tests/gantt-editing-popup-successors.js +313 -266
  302. package/dist/esm/gantt/tests/gantt-react.js +567 -520
  303. package/dist/esm/gantt/tests/gantt-row-reordering.js +827 -780
  304. package/dist/esm/gantt/tests/gantt.js +801 -754
  305. package/dist/esm/grid/tests/grid-adaptive-pager.js +208 -161
  306. package/dist/esm/grid/tests/grid-adaptive-search.js +244 -197
  307. package/dist/esm/grid/tests/grid-angular.js +309 -262
  308. package/dist/esm/grid/tests/grid-column-menu-rtl.js +325 -278
  309. package/dist/esm/grid/tests/grid-column-menu-tabbed.js +284 -237
  310. package/dist/esm/grid/tests/grid-column-menu.js +325 -278
  311. package/dist/esm/grid/tests/grid-column-reordering-actions.js +455 -408
  312. package/dist/esm/grid/tests/grid-column-reordering.js +7196 -0
  313. package/dist/esm/grid/tests/grid-editing-custom-editor.js +619 -572
  314. package/dist/esm/grid/tests/grid-editing-inline-angular.js +293 -246
  315. package/dist/esm/grid/tests/grid-editing-inline-blazor.js +298 -251
  316. package/dist/esm/grid/tests/grid-editing-popup.js +341 -294
  317. package/dist/esm/grid/tests/grid-editing.js +307 -260
  318. package/dist/esm/grid/tests/grid-filter-menu-multi-checkbox.js +104 -68
  319. package/dist/esm/grid/tests/grid-filter-menu.js +195 -148
  320. package/dist/esm/grid/tests/grid-filter-row-angular.js +388 -341
  321. package/dist/esm/grid/tests/grid-filter-row-blazor.js +384 -337
  322. package/dist/esm/grid/tests/grid-filter-row.js +526 -479
  323. package/dist/esm/grid/tests/grid-grouping-actions.js +433 -386
  324. package/dist/esm/grid/tests/grid-grouping.js +427 -380
  325. package/dist/esm/grid/tests/grid-pager.js +272 -225
  326. package/dist/esm/grid/tests/grid-row-reordering.js +428 -381
  327. package/dist/esm/grid/tests/grid-rows-resizing.js +317 -270
  328. package/dist/esm/grid/tests/grid-rtl-angular.js +276 -229
  329. package/dist/esm/grid/tests/grid-rtl.js +272 -225
  330. package/dist/esm/grid/tests/grid-selection-aggregates.js +268 -221
  331. package/dist/esm/grid/tests/grid-size-sm-comp-sm.js +497 -450
  332. package/dist/esm/grid/tests/grid-size-sm.js +497 -450
  333. package/dist/esm/grid/tests/grid-sticky-columns-rtl.js +336 -289
  334. package/dist/esm/grid/tests/grid-toolbar.js +298 -251
  335. package/dist/esm/grid/tests/grid.js +292 -245
  336. package/dist/esm/imageeditor/tests/imageeditor-crop-pane.js +362 -315
  337. package/dist/esm/imageeditor/tests/imageeditor-resize-pane.js +351 -304
  338. package/dist/esm/imageeditor/tests/imageeditor.js +300 -253
  339. package/dist/esm/index.js +2425 -2377
  340. package/dist/esm/listview/listview.spec.js +219 -172
  341. package/dist/esm/listview/tests/listview-layout.js +254 -207
  342. package/dist/esm/listview/tests/listview-loading.js +234 -187
  343. package/dist/esm/listview/tests/listview.js +244 -197
  344. package/dist/esm/mediaplayer/tests/mediaplayer.js +300 -253
  345. package/dist/esm/menu/tests/menu-popup-size.js +127 -63
  346. package/dist/esm/menu/tests/menu.js +132 -85
  347. package/dist/esm/multiselect/multiselect.spec.js +70 -23
  348. package/dist/esm/multiselect/tests/multiselect-flat.js +121 -74
  349. package/dist/esm/multiselect/tests/multiselect-opened.js +94 -43
  350. package/dist/esm/multiselect/tests/multiselect-outline.js +121 -74
  351. package/dist/esm/multiselect/tests/multiselect-size.js +84 -37
  352. package/dist/esm/multiselect/tests/multiselect.js +121 -74
  353. package/dist/esm/multiselecttree/multiselecttree.spec.js +70 -23
  354. package/dist/esm/multiselecttree/tests/multiselecttree-flat.js +121 -74
  355. package/dist/esm/multiselecttree/tests/multiselecttree-opened.js +167 -116
  356. package/dist/esm/multiselecttree/tests/multiselecttree-outline.js +121 -74
  357. package/dist/esm/multiselecttree/tests/multiselecttree-size.js +84 -37
  358. package/dist/esm/multiselecttree/tests/multiselecttree.js +121 -74
  359. package/dist/esm/notification/tests/notification-jquery.js +64 -28
  360. package/dist/esm/pager/index.js +202 -155
  361. package/dist/esm/pager/pager.spec.js +202 -155
  362. package/dist/esm/pager/tests/pager-responsive.js +222 -175
  363. package/dist/esm/pager/tests/pager-sizes.js +222 -175
  364. package/dist/esm/pager/tests/pager.js +212 -165
  365. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page-blazor.js +303 -256
  366. package/dist/esm/pdf-viewer/tests/pdf-viewer-blank-page.js +311 -264
  367. package/dist/esm/pdf-viewer/tests/pdf-viewer-search-panel.js +296 -249
  368. package/dist/esm/pdf-viewer/tests/pdf-viewer.js +303 -256
  369. package/dist/esm/pivotgrid/tests/pivotgrid-column-menus.js +290 -243
  370. package/dist/esm/pivotgrid/tests/pivotgrid-jquery.js +319 -272
  371. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-horizontal.js +319 -272
  372. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-reordering.js +413 -339
  373. package/dist/esm/pivotgrid/tests/pivotgrid-settings-panel-vertical.js +367 -320
  374. package/dist/esm/pivotgrid/tests/pivotgrid-settings-top.js +473 -426
  375. package/dist/esm/pivotgrid/tests/pivotgrid.js +461 -414
  376. package/dist/esm/popup/popup.spec.js +54 -7
  377. package/dist/esm/popup/tests/popup-list-grouping.js +128 -81
  378. package/dist/esm/popup/tests/popup-list.js +152 -105
  379. package/dist/esm/popup/tests/popup-no-data.js +70 -23
  380. package/dist/esm/scheduler/tests/scheduler-adaptive-agenda.js +284 -237
  381. package/dist/esm/scheduler/tests/scheduler-adaptive-day-resource-group.js +425 -378
  382. package/dist/esm/scheduler/tests/scheduler-adaptive-day.js +384 -337
  383. package/dist/esm/scheduler/tests/scheduler-adaptive-month.js +325 -278
  384. package/dist/esm/scheduler/tests/scheduler-angular-agenda-rtl.js +348 -301
  385. package/dist/esm/scheduler/tests/scheduler-angular-agenda.js +348 -301
  386. package/dist/esm/scheduler/tests/scheduler-angular-day-rtl.js +400 -353
  387. package/dist/esm/scheduler/tests/scheduler-angular-month-rtl.js +358 -311
  388. package/dist/esm/scheduler/tests/scheduler-angular-month.js +358 -311
  389. package/dist/esm/scheduler/tests/scheduler-angular-rtl.js +505 -458
  390. package/dist/esm/scheduler/tests/scheduler-angular.js +505 -458
  391. package/dist/esm/scheduler/tests/scheduler-edit-dialog.js +447 -400
  392. package/dist/esm/scheduler/tests/scheduler-editing-weekly.js +460 -413
  393. package/dist/esm/scheduler/tests/scheduler-flex-layout.js +385 -338
  394. package/dist/esm/scheduler/tests/scheduler-jquery-agenda.js +301 -254
  395. package/dist/esm/scheduler/tests/scheduler-jquery-month.js +353 -306
  396. package/dist/esm/scheduler/tests/scheduler-react-agenda.js +419 -372
  397. package/dist/esm/scheduler/tests/scheduler-react-day.js +846 -799
  398. package/dist/esm/scheduler/tests/scheduler-react-month.js +1282 -1235
  399. package/dist/esm/scheduler/tests/scheduler-react-timeline-multi.js +755 -708
  400. package/dist/esm/scheduler/tests/scheduler-react-timeline.js +687 -640
  401. package/dist/esm/scheduler/tests/scheduler-react-week.js +1502 -1455
  402. package/dist/esm/scheduler/tests/scheduler-tooltip.js +66 -23
  403. package/dist/esm/scheduler/tests/scheduler-year.js +893 -846
  404. package/dist/esm/scheduler/tests/scheduler.js +579 -532
  405. package/dist/esm/spreadsheet/tests/spreadsheet-data-validation.js +171 -124
  406. package/dist/esm/spreadsheet/tests/spreadsheet-dialog.js +259 -212
  407. package/dist/esm/spreadsheet/tests/spreadsheet-filter-menu.js +60 -24
  408. package/dist/esm/spreadsheet/tests/spreadsheet-tools-popup.js +558 -511
  409. package/dist/esm/spreadsheet/tests/spreadsheet.js +518 -471
  410. package/dist/esm/taskboard/tests/taskboard-card.js +284 -237
  411. package/dist/esm/taskboard/tests/taskboard-pane.js +345 -298
  412. package/dist/esm/taskboard/tests/taskboard-rtl.js +280 -233
  413. package/dist/esm/taskboard/tests/taskboard.js +277 -230
  414. package/dist/esm/time-selector/tests/time-selector.js +84 -20
  415. package/dist/esm/timedurationpicker/tests/timedurationpicker-expanded.js +116 -65
  416. package/dist/esm/timedurationpicker/tests/timedurationpicker.js +126 -79
  417. package/dist/esm/timedurationpicker/timedurationpicker.spec.js +106 -59
  418. package/dist/esm/timepicker/tests/timepicker-adaptive.js +251 -216
  419. package/dist/esm/timepicker/tests/timepicker-flat.js +125 -78
  420. package/dist/esm/timepicker/tests/timepicker-opened.js +115 -64
  421. package/dist/esm/timepicker/tests/timepicker-outline.js +125 -78
  422. package/dist/esm/timepicker/tests/timepicker.js +125 -78
  423. package/dist/esm/timepicker/timepicker.spec.js +105 -58
  424. package/dist/esm/toolbar/tests/toolbar-angular.js +254 -207
  425. package/dist/esm/toolbar/tests/toolbar-components.js +290 -243
  426. package/dist/esm/toolbar/tests/toolbar-popup-size.js +99 -35
  427. package/dist/esm/toolbar/tests/toolbar-popup.js +143 -79
  428. package/dist/esm/toolbar/tests/toolbar-sizes.js +300 -253
  429. package/dist/esm/toolbar/tests/toolbar.js +314 -267
  430. package/dist/esm/toolbar/toolbar-angular.spec.js +221 -174
  431. package/dist/esm/toolbar/toolbar.spec.js +221 -174
  432. package/dist/esm/tooltip/tests/tooltip-rtl.js +67 -31
  433. package/dist/esm/tooltip/tests/tooltip-states.js +70 -27
  434. package/dist/esm/tooltip/tests/tooltip.js +114 -78
  435. package/dist/esm/treelist/tests/treelist-editing-popup.js +248 -201
  436. package/dist/esm/treelist/tests/treelist-react.js +431 -384
  437. package/dist/types/animation-container/animation-container.spec.d.ts +20 -0
  438. package/dist/types/animation-container/index.d.ts +1 -0
  439. package/dist/types/grid/tests/grid-column-reordering.d.ts +3 -0
  440. package/dist/types/index.d.ts +1 -0
  441. package/dist/types/popup/popup.spec.d.ts +11 -2
  442. package/package.json +2 -2
  443. package/src/action-sheet/action-sheet.spec.tsx +31 -32
  444. package/src/animation-container/animation-container.spec.tsx +59 -0
  445. package/src/animation-container/index.ts +1 -0
  446. package/src/colorpicker/tests/colorpicker-dropdown.tsx +7 -15
  447. package/src/combobox/combobox.spec.tsx +1 -1
  448. package/src/combobox/tests/combobox-opened.tsx +3 -0
  449. package/src/context-menu/tests/context-menu-in-window.tsx +10 -12
  450. package/src/context-menu/tests/context-menu.tsx +20 -25
  451. package/src/datepicker/datepicker.spec.tsx +1 -1
  452. package/src/datepicker/tests/datepicker-opened.tsx +4 -0
  453. package/src/daterangepicker/daterangepicker.spec.tsx +1 -1
  454. package/src/daterangepicker/tests/daterangepicker-opened.tsx +6 -0
  455. package/src/datetime-selector/tests/datetime-selector.tsx +8 -12
  456. package/src/datetimepicker/datetimepicker.spec.tsx +1 -1
  457. package/src/datetimepicker/tests/datetimepicker-opened.tsx +4 -0
  458. package/src/dropdowngrid/tests/dropdowngrid-opened.tsx +4 -0
  459. package/src/dropdownlist/dropdownlist.spec.tsx +1 -1
  460. package/src/dropdownlist/tests/dropdownlist-filtering.tsx +4 -0
  461. package/src/dropdownlist/tests/dropdownlist-grouping-filtering.tsx +4 -0
  462. package/src/dropdownlist/tests/dropdownlist-grouping.tsx +4 -0
  463. package/src/dropdownlist/tests/dropdownlist-opened.tsx +6 -2
  464. package/src/dropdownlist/tests/dropdownlist-option-label.tsx +4 -0
  465. package/src/dropdowntree/dropdowntree.spec.tsx +1 -1
  466. package/src/dropdowntree/tests/dropdowntree-opened.tsx +4 -0
  467. package/src/editor/tests/editor.tsx +48 -42
  468. package/src/filemanager/tests/filemanager-contextmenu.tsx +6 -8
  469. package/src/gantt/tests/gantt-react.tsx +1 -1
  470. package/src/gantt/tests/gantt-row-reordering.tsx +1 -1
  471. package/src/gantt/tests/gantt.tsx +1 -1
  472. package/src/grid/tests/grid-angular.tsx +22 -24
  473. package/src/grid/tests/grid-column-menu-rtl.tsx +310 -321
  474. package/src/grid/tests/grid-column-menu-tabbed.tsx +255 -264
  475. package/src/grid/tests/grid-column-menu.tsx +310 -321
  476. package/src/grid/tests/grid-column-reordering-actions.tsx +69 -73
  477. package/src/grid/tests/grid-column-reordering.tsx +247 -0
  478. package/src/grid/tests/grid-filter-menu-multi-checkbox.tsx +9 -8
  479. package/src/grid/tests/grid-filter-menu.tsx +3 -2
  480. package/src/grid/tests/grid-grouping-actions.tsx +10 -13
  481. package/src/index.ts +1 -0
  482. package/src/menu/tests/menu-popup-size.tsx +73 -90
  483. package/src/menu/tests/menu.tsx +20 -24
  484. package/src/multiselect/multiselect.spec.tsx +1 -1
  485. package/src/multiselect/tests/multiselect-opened.tsx +4 -0
  486. package/src/multiselecttree/tests/multiselecttree-opened.tsx +4 -0
  487. package/src/notification/tests/notification-jquery.tsx +49 -48
  488. package/src/pivotgrid/tests/pivotgrid-column-menus.tsx +211 -227
  489. package/src/pivotgrid/tests/pivotgrid-settings-panel-reordering.tsx +40 -34
  490. package/src/popup/popup.spec.tsx +25 -5
  491. package/src/popup/tests/popup-list-grouping.tsx +112 -128
  492. package/src/popup/tests/popup-list.tsx +104 -120
  493. package/src/popup/tests/popup-no-data.tsx +22 -30
  494. package/src/scheduler/tests/scheduler-adaptive-agenda.tsx +1 -1
  495. package/src/scheduler/tests/scheduler-adaptive-day-resource-group.tsx +1 -1
  496. package/src/scheduler/tests/scheduler-adaptive-day.tsx +1 -1
  497. package/src/scheduler/tests/scheduler-adaptive-month.tsx +1 -1
  498. package/src/scheduler/tests/scheduler-tooltip.tsx +5 -4
  499. package/src/spreadsheet/tests/spreadsheet-filter-menu.tsx +3 -2
  500. package/src/time-selector/tests/time-selector.tsx +34 -39
  501. package/src/timedurationpicker/tests/timedurationpicker-expanded.tsx +4 -0
  502. package/src/timepicker/tests/timepicker-opened.tsx +4 -0
  503. package/src/timepicker/timepicker.spec.tsx +1 -1
  504. package/src/toolbar/tests/toolbar-popup-size.tsx +37 -42
  505. package/src/toolbar/tests/toolbar-popup.tsx +89 -104
  506. package/src/tooltip/tests/tooltip-rtl.tsx +17 -16
  507. package/src/tooltip/tests/tooltip-states.tsx +17 -16
  508. package/src/tooltip/tests/tooltip.tsx +41 -40
package/src/grid/tests/grid-column-menu.tsx CHANGED
@@ -5,6 +5,7 @@ import { DropdownList } from '../../dropdownlist';
5
5
  import { Icon } from '../../icon';
6
6
  import { Searchbox } from '../../searchbox';
7
7
  import { Textbox } from '../../textbox';
8
+ import { Popup } from '../../popup';
8
9
 
9
10
 
10
11
  const styles = `
@@ -29,202 +30,196 @@ export default () =>(
29
30
  <span>Columns grouped expanded</span>
30
31
 
31
32
  <section>
32
- <div className="k-animation-container">
33
- <div className="k-column-menu k-popup k-grid-columnmenu-popup">
34
- <div className="k-columnmenu-item-wrapper">
35
- <div className="k-columnmenu-item">
36
- <Icon icon="sort-asc-small" />Sort ascending
37
- </div>
38
- <div className="k-columnmenu-item">
39
- <Icon icon="sort-desc-small" />Sort descending
40
- </div>
33
+ <Popup className="k-column-menu k-grid-columnmenu-popup">
34
+ <div className="k-columnmenu-item-wrapper">
35
+ <div className="k-columnmenu-item">
36
+ <Icon icon="sort-asc-small" />Sort ascending
41
37
  </div>
42
- <div className="k-columnmenu-item-wrapper">
43
- <div className="k-columnmenu-item">
44
- <Icon icon="columns" />Columns
45
- </div>
38
+ <div className="k-columnmenu-item">
39
+ <Icon icon="sort-desc-small" />Sort descending
46
40
  </div>
47
- <div className="k-columnmenu-item-wrapper">
48
- <div className="k-columnmenu-item">
49
- <Icon icon="filter" />Filter
50
- </div>
41
+ </div>
42
+ <div className="k-columnmenu-item-wrapper">
43
+ <div className="k-columnmenu-item">
44
+ <Icon icon="columns" />Columns
51
45
  </div>
52
- <div className="k-columnmenu-item-wrapper">
53
- <div className="k-columnmenu-item">
54
- <Icon icon="group" />Group column
55
- </div>
46
+ </div>
47
+ <div className="k-columnmenu-item-wrapper">
48
+ <div className="k-columnmenu-item">
49
+ <Icon icon="filter" />Filter
56
50
  </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>
51
+ </div>
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
61
60
  </div>
62
61
  </div>
63
- </div>
62
+ </Popup>
64
63
  </section>
65
64
 
66
65
  <section>
67
- <div className="k-animation-container">
68
- <div className="k-column-menu k-popup k-grid-columnmenu-popup">
69
- <div className="k-columnmenu-item-wrapper">
70
- <div className="k-columnmenu-item">
71
- <Icon icon="sort-asc-small" />Sort ascending
72
- </div>
66
+ <Popup className="k-column-menu k-grid-columnmenu-popup">
67
+ <div className="k-columnmenu-item-wrapper">
68
+ <div className="k-columnmenu-item">
69
+ <Icon icon="sort-asc-small" />Sort ascending
70
+ </div>
71
+ <div className="k-columnmenu-item">
72
+ <Icon icon="sort-desc-small" />Sort descending
73
+ </div>
74
+ </div>
75
+ <div className="k-columnmenu-item-wrapper">
76
+ <div className="k-widget k-expander">
73
77
  <div className="k-columnmenu-item">
74
- <Icon icon="sort-desc-small" />Sort descending
78
+ <Icon icon="columns" />Columns
79
+ <span className="k-spacer"></span>
80
+ <span className="k-expander-indicator">
81
+ <Icon icon="chevron-up" />
82
+ </span>
75
83
  </div>
76
- </div>
77
- <div className="k-columnmenu-item-wrapper">
78
- <div className="k-widget k-expander">
79
- <div className="k-columnmenu-item">
80
- <Icon icon="columns" />Columns
81
- <span className="k-spacer"></span>
82
- <span className="k-expander-indicator">
83
- <Icon icon="chevron-up" />
84
- </span>
85
- </div>
86
- <div className="k-columnmenu-item-content k-columns-item" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>
87
- <div className="k-column-list-wrapper">
88
- <div className="k-column-list">
89
- <label className="k-column-list-item">
90
- <Checkbox />
91
- <span className="k-checkbox-label">Column 1</span>
92
- </label>
93
- <label className="k-column-list-item">
94
- <Checkbox />
95
- <span className="k-checkbox-label">Column 2</span>
96
- </label>
97
- <label className="k-column-list-item">
98
- <Checkbox />
99
- <span className="k-checkbox-label">Column 3</span>
100
- </label>
101
- <label className="k-column-list-item">
102
- <Checkbox />
103
- <span className="k-checkbox-label">Column 4</span>
104
- </label>
105
- </div>
84
+ <div className="k-columnmenu-item-content k-columns-item" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>
85
+ <div className="k-column-list-wrapper">
86
+ <div className="k-column-list">
87
+ <label className="k-column-list-item">
88
+ <Checkbox />
89
+ <span className="k-checkbox-label">Column 1</span>
90
+ </label>
91
+ <label className="k-column-list-item">
92
+ <Checkbox />
93
+ <span className="k-checkbox-label">Column 2</span>
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>
106
103
  </div>
107
- <ActionButtons alignment="stretched">
108
- <Button themeColor="primary">Apply</Button>
109
- <Button>Reset</Button>
110
- </ActionButtons>
111
- </div>
112
- </div>
113
- </div>
114
- <div className="k-columnmenu-item-wrapper">
115
- <div className="k-widget k-expander">
116
- <div className="k-columnmenu-item">
117
- <Icon icon="filter" />Filter
118
- <span className="k-spacer"></span>
119
- <span className="k-expander-indicator">
120
- <Icon icon="chevron-down" />
121
- </span>
122
104
  </div>
105
+ <ActionButtons alignment="stretched">
106
+ <Button themeColor="primary">Apply</Button>
107
+ <Button>Reset</Button>
108
+ </ActionButtons>
123
109
  </div>
124
110
  </div>
125
- <div className="k-columnmenu-item-wrapper">
111
+ </div>
112
+ <div className="k-columnmenu-item-wrapper">
113
+ <div className="k-widget k-expander">
126
114
  <div className="k-columnmenu-item">
127
- <Icon icon="group" />Group column
115
+ <Icon icon="filter" />Filter
116
+ <span className="k-spacer"></span>
117
+ <span className="k-expander-indicator">
118
+ <Icon icon="chevron-down" />
119
+ </span>
128
120
  </div>
129
121
  </div>
130
- <div className="k-columnmenu-item-wrapper">
131
- <div className="k-widget k-expander">
132
- <div className="k-columnmenu-item">
133
- <Icon icon="set-column-position" />Set column position
134
- <span className="k-spacer"></span>
135
- <span className="k-expander-indicator">
136
- <Icon icon="chevron-down" />
137
- </span>
138
- </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>
139
136
  </div>
140
137
  </div>
141
138
  </div>
142
- </div>
139
+ </Popup>
143
140
  </section>
144
141
 
145
142
  <section>
146
- <div className="k-animation-container">
147
- <div className="k-column-menu k-popup k-grid-columnmenu-popup">
148
- <div className="k-columnmenu-item-wrapper">
149
- <div className="k-columnmenu-item">
150
- <Icon icon="sort-asc-small" />Sort ascending
151
- </div>
143
+ <Popup className="k-column-menu k-grid-columnmenu-popup">
144
+ <div className="k-columnmenu-item-wrapper">
145
+ <div className="k-columnmenu-item">
146
+ <Icon icon="sort-asc-small" />Sort ascending
147
+ </div>
148
+ <div className="k-columnmenu-item">
149
+ <Icon icon="sort-desc-small" />Sort descending
150
+ </div>
151
+ </div>
152
+ <div className="k-columnmenu-item-wrapper">
153
+ <div className="k-widget k-expander">
152
154
  <div className="k-columnmenu-item">
153
- <Icon icon="sort-desc-small" />Sort descending
155
+ <Icon icon="columns" />Columns
156
+ <span className="k-spacer"></span>
157
+ <span className="k-expander-indicator">
158
+ <Icon icon="chevron-up" />
159
+ </span>
154
160
  </div>
155
- </div>
156
- <div className="k-columnmenu-item-wrapper">
157
- <div className="k-widget k-expander">
158
- <div className="k-columnmenu-item">
159
- <Icon icon="columns" />Columns
160
- <span className="k-spacer"></span>
161
- <span className="k-expander-indicator">
162
- <Icon icon="chevron-up" />
163
- </span>
164
- </div>
165
- <div className="k-columnmenu-item-content k-columns-item" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>
166
- <div className="k-column-list-wrapper">
167
- <div className="k-column-list">
168
- <span className="k-column-menu-group-header">
169
- <span className="k-column-menu-group-header-text">Group 1</span>
170
- </span>
171
- <label className="k-column-list-item">
172
- <Checkbox />
173
- <span className="k-checkbox-label">Column 1</span>
174
- </label>
175
- <label className="k-column-list-item">
176
- <Checkbox />
177
- <span className="k-checkbox-label">Column 2</span>
178
- </label>
179
- <span className="k-column-menu-group-header">
180
- <span className="k-column-menu-group-header-text">Group 2</span>
181
- </span>
182
- <label className="k-column-list-item">
183
- <Checkbox />
184
- <span className="k-checkbox-label">Column 3</span>
185
- </label>
186
- <label className="k-column-list-item">
187
- <Checkbox />
188
- <span className="k-checkbox-label">Column 4</span>
189
- </label>
190
- </div>
161
+ <div className="k-columnmenu-item-content k-columns-item" style={{ width: '100%', height: 'auto', overflow: 'hidden' }}>
162
+ <div className="k-column-list-wrapper">
163
+ <div className="k-column-list">
164
+ <span className="k-column-menu-group-header">
165
+ <span className="k-column-menu-group-header-text">Group 1</span>
166
+ </span>
167
+ <label className="k-column-list-item">
168
+ <Checkbox />
169
+ <span className="k-checkbox-label">Column 1</span>
170
+ </label>
171
+ <label className="k-column-list-item">
172
+ <Checkbox />
173
+ <span className="k-checkbox-label">Column 2</span>
174
+ </label>
175
+ <span className="k-column-menu-group-header">
176
+ <span className="k-column-menu-group-header-text">Group 2</span>
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>
191
186
  </div>
192
- <ActionButtons alignment="stretched">
193
- <Button themeColor="primary">Apply</Button>
194
- <Button>Reset</Button>
195
- </ActionButtons>
196
187
  </div>
188
+ <ActionButtons alignment="stretched">
189
+ <Button themeColor="primary">Apply</Button>
190
+ <Button>Reset</Button>
191
+ </ActionButtons>
197
192
  </div>
198
193
  </div>
199
- <div className="k-columnmenu-item-wrapper">
200
- <div className="k-widget k-expander">
201
- <div className="k-columnmenu-item">
202
- <Icon icon="filter" />Filter
203
- <span className="k-spacer"></span>
204
- <span className="k-expander-indicator">
205
- <Icon icon="chevron-down" />
206
- </span>
207
- </div>
208
- </div>
209
- </div>
210
- <div className="k-columnmenu-item-wrapper">
194
+ </div>
195
+ <div className="k-columnmenu-item-wrapper">
196
+ <div className="k-widget k-expander">
211
197
  <div className="k-columnmenu-item">
212
- <Icon icon="group" />Group column
198
+ <Icon icon="filter" />Filter
199
+ <span className="k-spacer"></span>
200
+ <span className="k-expander-indicator">
201
+ <Icon icon="chevron-down" />
202
+ </span>
213
203
  </div>
214
204
  </div>
215
- <div className="k-columnmenu-item-wrapper">
216
- <div className="k-widget k-expander">
217
- <div className="k-columnmenu-item">
218
- <Icon icon="set-column-position" />Set column position
219
- <span className="k-spacer"></span>
220
- <span className="k-expander-indicator">
221
- <Icon icon="chevron-down" />
222
- </span>
223
- </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>
224
219
  </div>
225
220
  </div>
226
221
  </div>
227
- </div>
222
+ </Popup>
228
223
  </section>
229
224
 
230
225
  <span>Column position expanded</span>
@@ -232,205 +227,199 @@ export default () =>(
232
227
  <span>Filter multi expanded</span>
233
228
 
234
229
  <section>
235
- <div className="k-animation-container">
236
- <div className="k-column-menu k-popup k-grid-columnmenu-popup">
237
- <div className="k-columnmenu-item-wrapper">
238
- <div className="k-columnmenu-item">
239
- <Icon icon="sort-asc-small" />Sort ascending
240
- </div>
241
- <div className="k-columnmenu-item">
242
- <Icon icon="sort-desc-small" />Sort descending
243
- </div>
230
+ <Popup className="k-column-menu k-grid-columnmenu-popup">
231
+ <div className="k-columnmenu-item-wrapper">
232
+ <div className="k-columnmenu-item">
233
+ <Icon icon="sort-asc-small" />Sort ascending
244
234
  </div>
245
- <div className="k-columnmenu-item-wrapper">
246
- <div className="k-widget k-expander">
247
- <div className="k-columnmenu-item">
248
- <Icon icon="columns" />Columns
249
- <span className="k-spacer"></span>
250
- <span className="k-expander-indicator">
251
- <Icon icon="chevron-down" />
252
- </span>
253
- </div>
254
- </div>
235
+ <div className="k-columnmenu-item">
236
+ <Icon icon="sort-desc-small" />Sort descending
255
237
  </div>
256
- <div className="k-columnmenu-item-wrapper">
257
- <div className="k-widget k-expander">
258
- <div className="k-columnmenu-item">
259
- <Icon icon="filter" />Filter
260
- <span className="k-spacer"></span>
261
- <span className="k-expander-indicator">
262
- <Icon icon="chevron-down" />
263
- </span>
264
- </div>
238
+ </div>
239
+ <div className="k-columnmenu-item-wrapper">
240
+ <div className="k-widget k-expander">
241
+ <div className="k-columnmenu-item">
242
+ <Icon icon="columns" />Columns
243
+ <span className="k-spacer"></span>
244
+ <span className="k-expander-indicator">
245
+ <Icon icon="chevron-down" />
246
+ </span>
265
247
  </div>
266
248
  </div>
267
- <div className="k-columnmenu-item-wrapper">
249
+ </div>
250
+ <div className="k-columnmenu-item-wrapper">
251
+ <div className="k-widget k-expander">
268
252
  <div className="k-columnmenu-item">
269
- <Icon icon="group" />Group column
253
+ <Icon icon="filter" />Filter
254
+ <span className="k-spacer"></span>
255
+ <span className="k-expander-indicator">
256
+ <Icon icon="chevron-down" />
257
+ </span>
270
258
  </div>
271
259
  </div>
272
- <div className="k-columnmenu-item-wrapper">
273
- <div className="k-widget k-expander">
274
- <div className="k-columnmenu-item">
275
- <Icon icon="set-column-position" />Set column position
276
- <span className="k-spacer"></span>
277
- <span className="k-expander-indicator">
278
- <Icon icon="chevron-up" />
279
- </span>
280
- </div>
281
- <div className="k-columnmenu-item-content k-columns-item">
282
- <div className="k-column-list">
283
- <div className="k-column-list-item">
284
- <Icon icon="lock" />Lock column
285
- </div>
286
- <div className="k-column-list-item">
287
- <Icon icon="lock" />Unlock column
288
- </div>
260
+ </div>
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
289
282
  </div>
290
283
  </div>
291
284
  </div>
292
285
  </div>
293
286
  </div>
294
- </div>
287
+ </Popup>
295
288
  </section>
296
289
 
297
290
  <section>
298
- <div className="k-animation-container">
299
- <div className="k-column-menu k-popup k-grid-columnmenu-popup">
300
- <div className="k-columnmenu-item-wrapper">
301
- <div className="k-columnmenu-item">
302
- <Icon icon="sort-asc-small" />Sort ascending
303
- </div>
304
- <div className="k-columnmenu-item">
305
- <Icon icon="sort-desc-small" />Sort descending
306
- </div>
291
+ <Popup className="k-column-menu k-grid-columnmenu-popup">
292
+ <div className="k-columnmenu-item-wrapper">
293
+ <div className="k-columnmenu-item">
294
+ <Icon icon="sort-asc-small" />Sort ascending
307
295
  </div>
308
- <div className="k-columnmenu-item-wrapper">
309
- <div className="k-widget k-expander">
310
- <div className="k-columnmenu-item">
311
- <Icon icon="columns" />Columns
312
- <span className="k-spacer"></span>
313
- <span className="k-expander-indicator">
314
- <Icon icon="chevron-down" />
315
- </span>
316
- </div>
317
- </div>
296
+ <div className="k-columnmenu-item">
297
+ <Icon icon="sort-desc-small" />Sort descending
318
298
  </div>
319
- <div className="k-columnmenu-item-wrapper">
320
- <div className="k-widget k-expander">
321
- <div className="k-columnmenu-item">
322
- <Icon icon="filter" />Filter
323
- <span className="k-spacer"></span>
324
- <span className="k-expander-indicator">
325
- <Icon icon="chevron-up" />
326
- </span>
327
- </div>
328
- <div className="k-columnmenu-item-content k-columns-item">
329
- <form className="k-filter-menu k-group k-reset">
330
- <div className="k-filter-menu-container">
331
- <DropdownList value="Contains" />
332
- <Textbox placeholder="Filter..." />
333
- <DropdownList value="And" className="k-filter-and" />
334
- <DropdownList value="Contains" />
335
- <Textbox placeholder="Filter..." />
336
- <ActionButtons alignment="stretched">
337
- <Button themeColor="primary">Filter</Button>
338
- <Button>Clear</Button>
339
- </ActionButtons>
340
- </div>
341
- </form>
342
- </div>
299
+ </div>
300
+ <div className="k-columnmenu-item-wrapper">
301
+ <div className="k-widget k-expander">
302
+ <div className="k-columnmenu-item">
303
+ <Icon icon="columns" />Columns
304
+ <span className="k-spacer"></span>
305
+ <span className="k-expander-indicator">
306
+ <Icon icon="chevron-down" />
307
+ </span>
343
308
  </div>
344
309
  </div>
345
- <div className="k-columnmenu-item-wrapper">
310
+ </div>
311
+ <div className="k-columnmenu-item-wrapper">
312
+ <div className="k-widget k-expander">
346
313
  <div className="k-columnmenu-item">
347
- <Icon icon="group" />Group column
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>
348
334
  </div>
349
335
  </div>
350
- <div className="k-columnmenu-item-wrapper">
351
- <div className="k-widget k-expander">
352
- <div className="k-columnmenu-item">
353
- <Icon icon="set-column-position" />Set column position
354
- <span className="k-spacer"></span>
355
- <span className="k-expander-indicator">
356
- <Icon icon="chevron-down" />
357
- </span>
358
- </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>
359
350
  </div>
360
351
  </div>
361
352
  </div>
362
- </div>
353
+ </Popup>
363
354
  </section>
364
355
 
365
356
  <section>
366
- <div className="k-animation-container">
367
- <div className="k-column-menu k-popup k-grid-columnmenu-popup">
368
- <div className="k-columnmenu-item-wrapper">
369
- <div className="k-columnmenu-item">
370
- <Icon icon="sort-asc-small" />Sort ascending
371
- </div>
372
- <div className="k-columnmenu-item">
373
- <Icon icon="sort-desc-small" />Sort descending
374
- </div>
357
+ <Popup className="k-column-menu k-grid-columnmenu-popup">
358
+ <div className="k-columnmenu-item-wrapper">
359
+ <div className="k-columnmenu-item">
360
+ <Icon icon="sort-asc-small" />Sort ascending
375
361
  </div>
376
- <div className="k-columnmenu-item-wrapper">
377
- <div className="k-widget k-expander">
378
- <div className="k-columnmenu-item">
379
- <Icon icon="columns" />Columns
380
- <span className="k-spacer"></span>
381
- <span className="k-expander-indicator">
382
- <Icon icon="chevron-down" />
383
- </span>
384
- </div>
385
- </div>
362
+ <div className="k-columnmenu-item">
363
+ <Icon icon="sort-desc-small" />Sort descending
386
364
  </div>
387
- <div className="k-columnmenu-item-wrapper">
388
- <div className="k-widget k-expander">
389
- <div className="k-columnmenu-item">
390
- <Icon icon="filter" />Filter
391
- <span className="k-spacer"></span>
392
- <span className="k-expander-indicator">
393
- <Icon icon="chevron-up" />
394
- </span>
395
- </div>
396
- <div className="k-columnmenu-item-content k-columns-item">
397
- <form className="k-filter-menu k-group k-reset">
398
- <div className="k-filter-menu-container">
399
- <Searchbox placeholder="Search..." />
400
- <ul className="k-reset k-multicheck-wrap">
401
- <li className="k-item k-check-all-wrap"><label className="k-label k-checkbox-label"><Checkbox /><span>Select All</span></label></li>
402
- <li className="k-item"><label className="k-label k-checkbox-label"><Checkbox /><span>Chai</span></label></li>
403
- <li className="k-item"><label className="k-label k-checkbox-label"><Checkbox /><span>Chang</span></label></li>
404
- <li className="k-item"><label className="k-label k-checkbox-label"><Checkbox /><span>Aniseed Syrup Aniseed Syrup Aniseed Syrup Aniseed Syrup </span></label></li>
405
- </ul>
406
- <div className="k-filter-selected-items">0 selected items</div>
407
- <ActionButtons alignment="stretched">
408
- <Button themeColor="primary">Filter</Button>
409
- <Button>Clear</Button>
410
- </ActionButtons>
411
- </div>
412
- </form>
413
- </div>
365
+ </div>
366
+ <div className="k-columnmenu-item-wrapper">
367
+ <div className="k-widget k-expander">
368
+ <div className="k-columnmenu-item">
369
+ <Icon icon="columns" />Columns
370
+ <span className="k-spacer"></span>
371
+ <span className="k-expander-indicator">
372
+ <Icon icon="chevron-down" />
373
+ </span>
414
374
  </div>
415
375
  </div>
416
- <div className="k-columnmenu-item-wrapper">
376
+ </div>
377
+ <div className="k-columnmenu-item-wrapper">
378
+ <div className="k-widget k-expander">
417
379
  <div className="k-columnmenu-item">
418
- <Icon icon="group" />Group column
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>
419
403
  </div>
420
404
  </div>
421
- <div className="k-columnmenu-item-wrapper">
422
- <div className="k-widget k-expander">
423
- <div className="k-columnmenu-item">
424
- <Icon icon="set-column-position" />Set column position
425
- <span className="k-spacer"></span>
426
- <span className="k-expander-indicator">
427
- <Icon icon="chevron-down" />
428
- </span>
429
- </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>
430
419
  </div>
431
420
  </div>
432
421
  </div>
433
- </div>
422
+ </Popup>
434
423
  </section>
435
424
 
436
425
  </div>