smart-webcomponents-react 14.0.0 → 14.0.35

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 (244) hide show
  1. package/alertwindow/alertwindow.umd.js +1 -1
  2. package/combobox/combobox.d.ts +5 -0
  3. package/combobox/combobox.esm.js +12 -1
  4. package/combobox/combobox.umd.js +12 -1
  5. package/dialogwindow/dialogwindow.umd.js +1 -1
  6. package/grid/grid.d.ts +74 -38
  7. package/grid/grid.esm.js +60 -26
  8. package/grid/grid.umd.js +60 -26
  9. package/index.d.ts +99 -30
  10. package/kanban/kanban.d.ts +10 -0
  11. package/kanban/kanban.esm.js +23 -1
  12. package/kanban/kanban.umd.js +23 -1
  13. package/multilinewindow/multilinewindow.umd.js +1 -1
  14. package/package.json +1 -1
  15. package/progresswindow/progresswindow.umd.js +1 -1
  16. package/promptwindow/promptwindow.umd.js +1 -1
  17. package/source/modules/smart.accordion.js +1 -1
  18. package/source/modules/smart.array.js +2 -2
  19. package/source/modules/smart.barcode.js +1 -1
  20. package/source/modules/smart.breadcrumb.js +1 -1
  21. package/source/modules/smart.button.js +1 -1
  22. package/source/modules/smart.buttongroup.js +1 -1
  23. package/source/modules/smart.calendar.js +1 -1
  24. package/source/modules/smart.card.js +1 -1
  25. package/source/modules/smart.cardview.js +2 -2
  26. package/source/modules/smart.carousel.js +1 -1
  27. package/source/modules/smart.chart.js +2 -2
  28. package/source/modules/smart.checkbox.js +1 -1
  29. package/source/modules/smart.checkinput.js +1 -1
  30. package/source/modules/smart.chip.js +1 -1
  31. package/source/modules/smart.colorinput.js +1 -1
  32. package/source/modules/smart.colorpanel.js +1 -1
  33. package/source/modules/smart.colorpicker.js +1 -1
  34. package/source/modules/smart.combobox.js +2 -2
  35. package/source/modules/smart.common.js +2 -2
  36. package/source/modules/smart.countryinput.js +1 -1
  37. package/source/modules/smart.dateinput.js +2 -2
  38. package/source/modules/smart.daterangeinput.js +2 -2
  39. package/source/modules/smart.datetimepicker.js +1 -1
  40. package/source/modules/smart.dockinglayout.js +1 -1
  41. package/source/modules/smart.dropdownbutton.js +1 -1
  42. package/source/modules/smart.dropdownlist.js +1 -1
  43. package/source/modules/smart.editor.js +1 -1
  44. package/source/modules/smart.element.js +1 -1
  45. package/source/modules/smart.fileupload.js +1 -1
  46. package/source/modules/smart.form.js +1 -1
  47. package/source/modules/smart.formulaparser.js +1 -1
  48. package/source/modules/smart.ganttchart.js +4 -4
  49. package/source/modules/smart.gauge.js +1 -1
  50. package/source/modules/smart.grid.js +15 -15
  51. package/source/modules/smart.gridpanel.js +3 -3
  52. package/source/modules/smart.input.js +1 -1
  53. package/source/modules/smart.kanban.js +4 -4
  54. package/source/modules/smart.layout.js +1 -1
  55. package/source/modules/smart.led.js +1 -1
  56. package/source/modules/smart.listbox.js +1 -1
  57. package/source/modules/smart.listmenu.js +1 -1
  58. package/source/modules/smart.map.js +1 -1
  59. package/source/modules/smart.maskedtextbox.js +1 -1
  60. package/source/modules/smart.menu.js +1 -1
  61. package/source/modules/smart.multicomboinput.js +1 -1
  62. package/source/modules/smart.multiinput.js +1 -1
  63. package/source/modules/smart.multilinetextbox.js +2 -2
  64. package/source/modules/smart.multisplitbutton.js +1 -1
  65. package/source/modules/smart.numberinput.js +1 -1
  66. package/source/modules/smart.numerictextbox.js +2 -2
  67. package/source/modules/smart.pager.js +1 -1
  68. package/source/modules/smart.passwordinput.js +1 -1
  69. package/source/modules/smart.passwordtextbox.js +1 -1
  70. package/source/modules/smart.path.js +1 -1
  71. package/source/modules/smart.phoneinput.js +1 -1
  72. package/source/modules/smart.pivottable.js +4 -4
  73. package/source/modules/smart.progressbar.js +1 -1
  74. package/source/modules/smart.qrcode.js +1 -1
  75. package/source/modules/smart.querybuilder.js +2 -2
  76. package/source/modules/smart.radiobutton.js +1 -1
  77. package/source/modules/smart.rating.js +1 -1
  78. package/source/modules/smart.router.js +2 -2
  79. package/source/modules/smart.scheduler.js +2 -2
  80. package/source/modules/smart.scrollbar.js +1 -1
  81. package/source/modules/smart.slider.js +1 -1
  82. package/source/modules/smart.sortable.js +1 -1
  83. package/source/modules/smart.splitter.js +1 -1
  84. package/source/modules/smart.switchbutton.js +1 -1
  85. package/source/modules/smart.table.js +3 -3
  86. package/source/modules/smart.tabs.js +1 -1
  87. package/source/modules/smart.tank.js +1 -1
  88. package/source/modules/smart.textarea.js +1 -1
  89. package/source/modules/smart.textbox.js +2 -2
  90. package/source/modules/smart.timeinput.js +1 -1
  91. package/source/modules/smart.timepicker.js +1 -1
  92. package/source/modules/smart.toast.js +1 -1
  93. package/source/modules/smart.tooltip.js +1 -1
  94. package/source/modules/smart.tree.js +2 -2
  95. package/source/modules/smart.validator.js +1 -1
  96. package/source/modules/smart.window.js +2 -2
  97. package/source/smart.accordion.js +1 -1
  98. package/source/smart.ajax.js +1 -1
  99. package/source/smart.array.js +1 -1
  100. package/source/smart.barcode.js +1 -1
  101. package/source/smart.bootstrap.js +1 -1
  102. package/source/smart.breadcrumb.js +1 -1
  103. package/source/smart.button.js +1 -1
  104. package/source/smart.buttongroup.js +1 -1
  105. package/source/smart.calendar.js +1 -1
  106. package/source/smart.card.js +1 -1
  107. package/source/smart.cardview.js +1 -1
  108. package/source/smart.carousel.js +1 -1
  109. package/source/smart.chart.annotations.js +1 -1
  110. package/source/smart.chart.api.js +1 -1
  111. package/source/smart.chart.core.js +1 -1
  112. package/source/smart.chart.js +1 -1
  113. package/source/smart.chart.rangeselector.js +1 -1
  114. package/source/smart.chart.waterfall.js +1 -1
  115. package/source/smart.checkbox.js +1 -1
  116. package/source/smart.checkinput.js +1 -1
  117. package/source/smart.chip.js +1 -1
  118. package/source/smart.colorinput.js +1 -1
  119. package/source/smart.colorpanel.js +1 -1
  120. package/source/smart.colorpicker.js +1 -1
  121. package/source/smart.combobox.js +2 -2
  122. package/source/smart.complex.js +1 -1
  123. package/source/smart.core.js +1 -1
  124. package/source/smart.countryinput.js +1 -1
  125. package/source/smart.data.js +2 -2
  126. package/source/smart.date.js +1 -1
  127. package/source/smart.dateformatpanel.js +1 -1
  128. package/source/smart.dateinput.js +2 -2
  129. package/source/smart.daterangeinput.js +1 -1
  130. package/source/smart.datetimepicker.js +1 -1
  131. package/source/smart.dockinglayout.js +1 -1
  132. package/source/smart.draw.js +1 -1
  133. package/source/smart.dropdownbutton.js +1 -1
  134. package/source/smart.dropdownlist.js +1 -1
  135. package/source/smart.editor.js +1 -1
  136. package/source/smart.element.js +1 -1
  137. package/source/smart.elements.js +18 -18
  138. package/source/smart.export.js +1 -1
  139. package/source/smart.fileupload.js +1 -1
  140. package/source/smart.filter.js +1 -1
  141. package/source/smart.filterbuilder.js +1 -1
  142. package/source/smart.filterpanel.js +1 -1
  143. package/source/smart.form.js +1 -1
  144. package/source/smart.format.js +1 -1
  145. package/source/smart.formulaparser.js +1 -1
  146. package/source/smart.ganttchart.js +2 -2
  147. package/source/smart.gauge.js +1 -1
  148. package/source/smart.grid.cell.js +2 -2
  149. package/source/smart.grid.chart.js +1 -1
  150. package/source/smart.grid.column.js +2 -2
  151. package/source/smart.grid.core.js +2 -2
  152. package/source/smart.grid.dialog.js +2 -2
  153. package/source/smart.grid.edit.js +2 -2
  154. package/source/smart.grid.export.js +1 -1
  155. package/source/smart.grid.filter.js +2 -2
  156. package/source/smart.grid.group.js +1 -1
  157. package/source/smart.grid.js +1 -1
  158. package/source/smart.grid.menu.js +2 -2
  159. package/source/smart.grid.pager.js +1 -1
  160. package/source/smart.grid.reorder.js +1 -1
  161. package/source/smart.grid.resize.js +1 -1
  162. package/source/smart.grid.row.js +2 -2
  163. package/source/smart.grid.select.js +2 -2
  164. package/source/smart.grid.sort.js +1 -1
  165. package/source/smart.grid.toolbar.js +2 -2
  166. package/source/smart.grid.tree.js +1 -1
  167. package/source/smart.grid.view.js +2 -2
  168. package/source/smart.gridpanel.js +1 -1
  169. package/source/smart.input.js +1 -1
  170. package/source/smart.kanban.js +2 -2
  171. package/source/smart.layout.js +1 -1
  172. package/source/smart.led.js +1 -1
  173. package/source/smart.listbox.js +1 -1
  174. package/source/smart.listmenu.js +1 -1
  175. package/source/smart.map.js +1 -1
  176. package/source/smart.maskedtextbox.js +1 -1
  177. package/source/smart.math.js +1 -1
  178. package/source/smart.menu.js +1 -1
  179. package/source/smart.multicomboinput.js +1 -1
  180. package/source/smart.multiinput.js +1 -1
  181. package/source/smart.multilinetextbox.js +1 -1
  182. package/source/smart.multisplitbutton.js +1 -1
  183. package/source/smart.numberformatpanel.js +1 -1
  184. package/source/smart.numberinput.js +1 -1
  185. package/source/smart.numeric.js +1 -1
  186. package/source/smart.numerictextbox.js +1 -1
  187. package/source/smart.pager.js +1 -1
  188. package/source/smart.passwordinput.js +1 -1
  189. package/source/smart.passwordtextbox.js +1 -1
  190. package/source/smart.path.js +1 -1
  191. package/source/smart.phoneinput.js +1 -1
  192. package/source/smart.pivottable.js +1 -1
  193. package/source/smart.powerbutton.js +1 -1
  194. package/source/smart.progressbar.js +1 -1
  195. package/source/smart.qrcode.js +1 -1
  196. package/source/smart.radiobutton.js +1 -1
  197. package/source/smart.rating.js +1 -1
  198. package/source/smart.router.js +1 -1
  199. package/source/smart.scheduler.js +1 -1
  200. package/source/smart.scrollbar.js +1 -1
  201. package/source/smart.slider.js +1 -1
  202. package/source/smart.sortable.js +1 -1
  203. package/source/smart.splitter.js +1 -1
  204. package/source/smart.switchbutton.js +1 -1
  205. package/source/smart.table.js +2 -2
  206. package/source/smart.tabs.js +1 -1
  207. package/source/smart.tank.js +1 -1
  208. package/source/smart.textarea.js +1 -1
  209. package/source/smart.textbox.js +1 -1
  210. package/source/smart.tickintervalhandler.js +1 -1
  211. package/source/smart.timeinput.js +1 -1
  212. package/source/smart.timepicker.js +1 -1
  213. package/source/smart.toast.js +1 -1
  214. package/source/smart.tooltip.js +1 -1
  215. package/source/smart.tree.js +2 -2
  216. package/source/smart.validationpanel.js +1 -1
  217. package/source/smart.validator.js +1 -1
  218. package/source/smart.window.js +1 -1
  219. package/source/styles/components/smart.ganttchart.css +1 -1
  220. package/source/styles/components/smart.kanban.css +1 -1
  221. package/source/styles/components/smart.pivottable.css +1 -1
  222. package/source/styles/components/smart.table.css +1 -1
  223. package/source/styles/default/scss/smart.kanban.scss +20 -3
  224. package/source/styles/default/scss/smart.table.scss +22 -4
  225. package/source/styles/default/scss/textbox/_check-input.scss +1 -0
  226. package/source/styles/default/scss/textbox/_multi-combo-input.scss +1 -1
  227. package/source/styles/default/smart.kanban.css +17 -1
  228. package/source/styles/default/smart.table.css +30 -12
  229. package/source/styles/smart.default.css +2 -2
  230. package/source/typescript/smart.combobox.d.ts +5 -0
  231. package/source/typescript/smart.elements.d.ts +99 -30
  232. package/source/typescript/smart.grid.d.ts +77 -28
  233. package/source/typescript/smart.kanban.d.ts +10 -0
  234. package/source/typescript/smart.scheduler.d.ts +1 -1
  235. package/source/typescript/smart.table.d.ts +1 -1
  236. package/source/typescript/smart.tree.d.ts +5 -0
  237. package/table/table.d.ts +1 -1
  238. package/table/table.esm.js +1 -1
  239. package/table/table.umd.js +1 -1
  240. package/tabswindow/tabswindow.umd.js +1 -1
  241. package/tree/tree.d.ts +5 -0
  242. package/tree/tree.esm.js +12 -1
  243. package/tree/tree.umd.js +12 -1
  244. package/waitwindow/waitwindow.umd.js +1 -1
package/grid/grid.esm.js CHANGED
@@ -253,7 +253,7 @@ class Grid extends React.Component {
253
253
  this.nativeElement.onCellValue = value;
254
254
  }
255
255
  }
256
- /** Callback function() called when the grid has been rendered.
256
+ /** Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
257
257
  * Property type: {(cells: GridCell[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
258
258
  */
259
259
  get onCellUpdate() {
@@ -264,7 +264,7 @@ class Grid extends React.Component {
264
264
  this.nativeElement.onCellUpdate = value;
265
265
  }
266
266
  }
267
- /** Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
267
+ /** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
268
268
  * Property type: {(cell: GridCell): void}
269
269
  */
270
270
  get onCellRender() {
@@ -275,7 +275,7 @@ class Grid extends React.Component {
275
275
  this.nativeElement.onCellRender = value;
276
276
  }
277
277
  }
278
- /** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
278
+ /** Describes the paging settings.
279
279
  * Property type: {(): void}
280
280
  */
281
281
  get onBeforeInit() {
@@ -286,7 +286,7 @@ class Grid extends React.Component {
286
286
  this.nativeElement.onBeforeInit = value;
287
287
  }
288
288
  }
289
- /** Describes the paging settings.
289
+ /** Describes the pager settings.
290
290
  * Property type: {(): void}
291
291
  */
292
292
  get onInit() {
@@ -297,7 +297,7 @@ class Grid extends React.Component {
297
297
  this.nativeElement.onInit = value;
298
298
  }
299
299
  }
300
- /** Describes the pager settings.
300
+ /** Sets the row details.
301
301
  * Property type: {(): void}
302
302
  */
303
303
  get onAfterInit() {
@@ -308,7 +308,7 @@ class Grid extends React.Component {
308
308
  this.nativeElement.onAfterInit = value;
309
309
  }
310
310
  }
311
- /** Sets the row details.
311
+ /** Sets the scroll mode settings.
312
312
  * Property type: any
313
313
  */
314
314
  get onChartInit() {
@@ -319,8 +319,8 @@ class Grid extends React.Component {
319
319
  this.nativeElement.onChartInit = value;
320
320
  }
321
321
  }
322
- /** Sets the scroll mode settings.
323
- * Property type: any
322
+ /** Describes the column header settings.
323
+ * Property type: {(): void}
324
324
  */
325
325
  get onRender() {
326
326
  return this.nativeElement ? this.nativeElement.onRender : undefined;
@@ -330,7 +330,7 @@ class Grid extends React.Component {
330
330
  this.nativeElement.onRender = value;
331
331
  }
332
332
  }
333
- /** Describes the column header settings.
333
+ /** Describes the summary row settings.
334
334
  * Property type: {(event: KeyboardEvent): void}
335
335
  */
336
336
  get onKey() {
@@ -341,7 +341,7 @@ class Grid extends React.Component {
341
341
  this.nativeElement.onKey = value;
342
342
  }
343
343
  }
344
- /** Describes the summary row settings.
344
+ /** Describes the settings for the group header.
345
345
  * Property type: {(index: number, row: GridRow): void}
346
346
  */
347
347
  get onRowInit() {
@@ -352,7 +352,7 @@ class Grid extends React.Component {
352
352
  this.nativeElement.onRowInit = value;
353
353
  }
354
354
  }
355
- /** Describes the settings for the group header.
355
+ /** Describes the header settings of the grid.
356
356
  * Property type: {(index: number, row: GridRow, details: HTMLElement): void}
357
357
  */
358
358
  get onRowDetailInit() {
@@ -363,7 +363,7 @@ class Grid extends React.Component {
363
363
  this.nativeElement.onRowDetailInit = value;
364
364
  }
365
365
  }
366
- /** Describes the header settings of the grid.
366
+ /** Describes the footer settings of the grid.
367
367
  * Property type: {(index: number, row: GridRow, details: HTMLElement): void}
368
368
  */
369
369
  get onRowDetailUpdated() {
@@ -374,7 +374,7 @@ class Grid extends React.Component {
374
374
  this.nativeElement.onRowDetailUpdated = value;
375
375
  }
376
376
  }
377
- /** Describes the footer settings of the grid.
377
+ /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
378
378
  * Property type: {(index: number[], row: GridRow[]): void}
379
379
  */
380
380
  get onRowInserted() {
@@ -385,7 +385,7 @@ class Grid extends React.Component {
385
385
  this.nativeElement.onRowInserted = value;
386
386
  }
387
387
  }
388
- /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
388
+ /** The rows property is used to describe all rows displayed in the grid.
389
389
  * Property type: {(indexes: number[], rows: GridRow[]): void}
390
390
  */
391
391
  get onRowRemoved() {
@@ -396,7 +396,7 @@ class Grid extends React.Component {
396
396
  this.nativeElement.onRowRemoved = value;
397
397
  }
398
398
  }
399
- /** The rows property is used to describe all rows displayed in the grid.
399
+ /** Describes the selection settings.
400
400
  * Property type: {(index: number[], row: GridRow[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
401
401
  */
402
402
  get onRowUpdate() {
@@ -407,7 +407,7 @@ class Grid extends React.Component {
407
407
  this.nativeElement.onRowUpdate = value;
408
408
  }
409
409
  }
410
- /** Describes the selection settings.
410
+ /** Describes sorting settings.
411
411
  * Property type: {(index: number[], row: GridRow[]): void}
412
412
  */
413
413
  get onRowUpdated() {
@@ -418,7 +418,7 @@ class Grid extends React.Component {
418
418
  this.nativeElement.onRowUpdated = value;
419
419
  }
420
420
  }
421
- /** Describes sorting settings.
421
+ /** undefined
422
422
  * Property type: {(index: number, column: GridColumn): void}
423
423
  */
424
424
  get onColumnInit() {
@@ -649,7 +649,7 @@ class Grid extends React.Component {
649
649
  /** Adds a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
650
650
  * @param {any} data. row data matching the data source
651
651
  * @param {boolean} insertAtBottom?. Determines whether to add the new row to the bottom or top of the collection. The default value is 'true'
652
- * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
652
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
653
653
  */
654
654
  addRow(data, insertAtBottom, callback) {
655
655
  if (this.nativeElement.isRendered) {
@@ -716,7 +716,7 @@ class Grid extends React.Component {
716
716
  return result;
717
717
  });
718
718
  }
719
- /** Adds a filter to a column. This method will apply a filter to the Grid data.
719
+ /** Adds a filter to a column. This method will apply a filter to the Grid data. Example for adding multiple filters to a column: grid.addFilter('lastName', ['CONTAINS "burke"', 'or', 'CONTAINS "peterson"']). Example for adding single filter to a column: grid.addFilter('lastName', 'CONTAINS "burke"'). Example for adding numeric filter: grid.addFilter('quantity', '<= 5')
720
720
  * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
721
721
  * @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3: ['quantity', '<= 3 and >= 8']. Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
722
722
  * @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
@@ -975,7 +975,7 @@ class Grid extends React.Component {
975
975
  }
976
976
  /** Delete a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
977
977
  * @param {string | number} rowId. row bound id
978
- * @param {any} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
978
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
979
979
  */
980
980
  deleteRow(rowId, callback) {
981
981
  if (this.nativeElement.isRendered) {
@@ -1266,7 +1266,7 @@ class Grid extends React.Component {
1266
1266
  return result;
1267
1267
  });
1268
1268
  }
1269
- /** Gets the selected row ids.
1269
+ /** Gets an Array where each item is an Array of row id and row data. If the Grid is used in virtual mode, the row data parameter is empty object, because the data is loaded on demand.
1270
1270
  * @returns {any[]}
1271
1271
  */
1272
1272
  getSelectedRows() {
@@ -1283,6 +1283,40 @@ class Grid extends React.Component {
1283
1283
  return result;
1284
1284
  });
1285
1285
  }
1286
+ /** Gets the selected row ids.
1287
+ * @returns {any[]}
1288
+ */
1289
+ getSelectedRowIds() {
1290
+ return __awaiter(this, void 0, void 0, function* () {
1291
+ const getResultOnRender = () => {
1292
+ return new Promise(resolve => {
1293
+ this.nativeElement.whenRendered(() => {
1294
+ const result = this.nativeElement.getSelectedRowIds();
1295
+ resolve(result);
1296
+ });
1297
+ });
1298
+ };
1299
+ const result = yield getResultOnRender();
1300
+ return result;
1301
+ });
1302
+ }
1303
+ /** Gets the selected row indexes.
1304
+ * @returns {any[]}
1305
+ */
1306
+ getSelectedRowIndexes() {
1307
+ return __awaiter(this, void 0, void 0, function* () {
1308
+ const getResultOnRender = () => {
1309
+ return new Promise(resolve => {
1310
+ this.nativeElement.whenRendered(() => {
1311
+ const result = this.nativeElement.getSelectedRowIndexes();
1312
+ resolve(result);
1313
+ });
1314
+ });
1315
+ };
1316
+ const result = yield getResultOnRender();
1317
+ return result;
1318
+ });
1319
+ }
1286
1320
  /** Gets the selected cells. The method returns an array of cell. Each cell is an array with row id, column data field and cell value.
1287
1321
  * @returns {any[]}
1288
1322
  */
@@ -1462,7 +1496,7 @@ class Grid extends React.Component {
1462
1496
  }
1463
1497
  /** Gets the Row's id.
1464
1498
  * @param {number} rowIndex. row index
1465
- * @returns {any}
1499
+ * @returns {string | number}
1466
1500
  */
1467
1501
  getRowId(rowIndex) {
1468
1502
  return __awaiter(this, void 0, void 0, function* () {
@@ -1570,7 +1604,7 @@ class Grid extends React.Component {
1570
1604
  /** Inserts a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
1571
1605
  * @param {any} data. row data matching the data source
1572
1606
  * @param {number} index?. Determines the insert index. The default value is the last index.
1573
- * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
1607
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
1574
1608
  */
1575
1609
  insertRow(data, index, callback) {
1576
1610
  if (this.nativeElement.isRendered) {
@@ -1879,7 +1913,7 @@ class Grid extends React.Component {
1879
1913
  }
1880
1914
  /** Sets a property to a row.
1881
1915
  * @param {string | number} rowId. row bound id
1882
- * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1916
+ * @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1883
1917
  */
1884
1918
  setRowStyle(rowId, rowStyle) {
1885
1919
  if (this.nativeElement.isRendered) {
@@ -1894,7 +1928,7 @@ class Grid extends React.Component {
1894
1928
  /** Sets a style to a row.
1895
1929
  * @param {string | number} rowId. row bound id
1896
1930
  * @param {string} dataField. Column bound field name.
1897
- * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1931
+ * @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1898
1932
  */
1899
1933
  setCellStyle(rowId, dataField, rowStyle) {
1900
1934
  if (this.nativeElement.isRendered) {
@@ -1948,7 +1982,7 @@ class Grid extends React.Component {
1948
1982
  /** Shows the Details of a Row, when row details are enabled.
1949
1983
  * @param {string | number} rowId. row bound id
1950
1984
  * @param {any} data. row data matching the data source
1951
- * @param {any} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
1985
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
1952
1986
  */
1953
1987
  updateRow(rowId, data, callback) {
1954
1988
  if (this.nativeElement.isRendered) {
package/grid/grid.umd.js CHANGED
@@ -259,7 +259,7 @@ require('../source/modules/smart.grid');
259
259
  this.nativeElement.onCellValue = value;
260
260
  }
261
261
  }
262
- /** Callback function() called when the grid has been rendered.
262
+ /** Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
263
263
  * Property type: {(cells: GridCell[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
264
264
  */
265
265
  get onCellUpdate() {
@@ -270,7 +270,7 @@ require('../source/modules/smart.grid');
270
270
  this.nativeElement.onCellUpdate = value;
271
271
  }
272
272
  }
273
- /** Sets or gets the id of the current user. Has to correspond to the id of an item from the users property/array. Depending on the current user, different privileges are enabled. If no current user is set, privileges depend on the element's properties.
273
+ /** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
274
274
  * Property type: {(cell: GridCell): void}
275
275
  */
276
276
  get onCellRender() {
@@ -281,7 +281,7 @@ require('../source/modules/smart.grid');
281
281
  this.nativeElement.onCellRender = value;
282
282
  }
283
283
  }
284
- /** Sets the grid users. Expects an array with 'id', 'name' and optionally 'color' and 'image' properties.
284
+ /** Describes the paging settings.
285
285
  * Property type: {(): void}
286
286
  */
287
287
  get onBeforeInit() {
@@ -292,7 +292,7 @@ require('../source/modules/smart.grid');
292
292
  this.nativeElement.onBeforeInit = value;
293
293
  }
294
294
  }
295
- /** Describes the paging settings.
295
+ /** Describes the pager settings.
296
296
  * Property type: {(): void}
297
297
  */
298
298
  get onInit() {
@@ -303,7 +303,7 @@ require('../source/modules/smart.grid');
303
303
  this.nativeElement.onInit = value;
304
304
  }
305
305
  }
306
- /** Describes the pager settings.
306
+ /** Sets the row details.
307
307
  * Property type: {(): void}
308
308
  */
309
309
  get onAfterInit() {
@@ -314,7 +314,7 @@ require('../source/modules/smart.grid');
314
314
  this.nativeElement.onAfterInit = value;
315
315
  }
316
316
  }
317
- /** Sets the row details.
317
+ /** Sets the scroll mode settings.
318
318
  * Property type: any
319
319
  */
320
320
  get onChartInit() {
@@ -325,8 +325,8 @@ require('../source/modules/smart.grid');
325
325
  this.nativeElement.onChartInit = value;
326
326
  }
327
327
  }
328
- /** Sets the scroll mode settings.
329
- * Property type: any
328
+ /** Describes the column header settings.
329
+ * Property type: {(): void}
330
330
  */
331
331
  get onRender() {
332
332
  return this.nativeElement ? this.nativeElement.onRender : undefined;
@@ -336,7 +336,7 @@ require('../source/modules/smart.grid');
336
336
  this.nativeElement.onRender = value;
337
337
  }
338
338
  }
339
- /** Describes the column header settings.
339
+ /** Describes the summary row settings.
340
340
  * Property type: {(event: KeyboardEvent): void}
341
341
  */
342
342
  get onKey() {
@@ -347,7 +347,7 @@ require('../source/modules/smart.grid');
347
347
  this.nativeElement.onKey = value;
348
348
  }
349
349
  }
350
- /** Describes the summary row settings.
350
+ /** Describes the settings for the group header.
351
351
  * Property type: {(index: number, row: GridRow): void}
352
352
  */
353
353
  get onRowInit() {
@@ -358,7 +358,7 @@ require('../source/modules/smart.grid');
358
358
  this.nativeElement.onRowInit = value;
359
359
  }
360
360
  }
361
- /** Describes the settings for the group header.
361
+ /** Describes the header settings of the grid.
362
362
  * Property type: {(index: number, row: GridRow, details: HTMLElement): void}
363
363
  */
364
364
  get onRowDetailInit() {
@@ -369,7 +369,7 @@ require('../source/modules/smart.grid');
369
369
  this.nativeElement.onRowDetailInit = value;
370
370
  }
371
371
  }
372
- /** Describes the header settings of the grid.
372
+ /** Describes the footer settings of the grid.
373
373
  * Property type: {(index: number, row: GridRow, details: HTMLElement): void}
374
374
  */
375
375
  get onRowDetailUpdated() {
@@ -380,7 +380,7 @@ require('../source/modules/smart.grid');
380
380
  this.nativeElement.onRowDetailUpdated = value;
381
381
  }
382
382
  }
383
- /** Describes the footer settings of the grid.
383
+ /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
384
384
  * Property type: {(index: number[], row: GridRow[]): void}
385
385
  */
386
386
  get onRowInserted() {
@@ -391,7 +391,7 @@ require('../source/modules/smart.grid');
391
391
  this.nativeElement.onRowInserted = value;
392
392
  }
393
393
  }
394
- /** Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
394
+ /** The rows property is used to describe all rows displayed in the grid.
395
395
  * Property type: {(indexes: number[], rows: GridRow[]): void}
396
396
  */
397
397
  get onRowRemoved() {
@@ -402,7 +402,7 @@ require('../source/modules/smart.grid');
402
402
  this.nativeElement.onRowRemoved = value;
403
403
  }
404
404
  }
405
- /** The rows property is used to describe all rows displayed in the grid.
405
+ /** Describes the selection settings.
406
406
  * Property type: {(index: number[], row: GridRow[], oldValues: any[], values: any[], confirm: {(commit: boolean): void}): void}
407
407
  */
408
408
  get onRowUpdate() {
@@ -413,7 +413,7 @@ require('../source/modules/smart.grid');
413
413
  this.nativeElement.onRowUpdate = value;
414
414
  }
415
415
  }
416
- /** Describes the selection settings.
416
+ /** Describes sorting settings.
417
417
  * Property type: {(index: number[], row: GridRow[]): void}
418
418
  */
419
419
  get onRowUpdated() {
@@ -424,7 +424,7 @@ require('../source/modules/smart.grid');
424
424
  this.nativeElement.onRowUpdated = value;
425
425
  }
426
426
  }
427
- /** Describes sorting settings.
427
+ /** undefined
428
428
  * Property type: {(index: number, column: GridColumn): void}
429
429
  */
430
430
  get onColumnInit() {
@@ -655,7 +655,7 @@ require('../source/modules/smart.grid');
655
655
  /** Adds a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
656
656
  * @param {any} data. row data matching the data source
657
657
  * @param {boolean} insertAtBottom?. Determines whether to add the new row to the bottom or top of the collection. The default value is 'true'
658
- * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
658
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
659
659
  */
660
660
  addRow(data, insertAtBottom, callback) {
661
661
  if (this.nativeElement.isRendered) {
@@ -722,7 +722,7 @@ require('../source/modules/smart.grid');
722
722
  return result;
723
723
  });
724
724
  }
725
- /** Adds a filter to a column. This method will apply a filter to the Grid data.
725
+ /** Adds a filter to a column. This method will apply a filter to the Grid data. Example for adding multiple filters to a column: grid.addFilter('lastName', ['CONTAINS "burke"', 'or', 'CONTAINS "peterson"']). Example for adding single filter to a column: grid.addFilter('lastName', 'CONTAINS "burke"'). Example for adding numeric filter: grid.addFilter('quantity', '<= 5')
726
726
  * @param {string} dataField. column bound data field. For example, if you have a column with dataField: 'firstName', set 'firstName' here.
727
727
  * @param {string} filter. Filter expression like: 'startsWith B'. Example 2: ['contains Andrew or contains Nancy'], Example 3: ['quantity', '<= 3 and >= 8']. Filter conditions which you can use in the expressions: '=', 'EQUAL','<>', 'NOT_EQUAL', '!=', '<', 'LESS_THAN','>', 'GREATER_THAN', '<=', 'LESS_THAN_OR_EQUAL', '>=', 'GREATER_THAN_OR_EQUAL','starts with', 'STARTS_WITH','ends with', 'ENDS_WITH', '', 'EMPTY', 'CONTAINS','DOES_NOT_CONTAIN', 'NULL','NOT_NULL'
728
728
  * @param {boolean} refreshFilters?. Set this to false, if you will use multiple 'addFilter' calls. By doing this, you will avoid unnecessary renders.
@@ -981,7 +981,7 @@ require('../source/modules/smart.grid');
981
981
  }
982
982
  /** Delete a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
983
983
  * @param {string | number} rowId. row bound id
984
- * @param {any} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
984
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is deleted. The callback's argument is the deleted row.
985
985
  */
986
986
  deleteRow(rowId, callback) {
987
987
  if (this.nativeElement.isRendered) {
@@ -1272,7 +1272,7 @@ require('../source/modules/smart.grid');
1272
1272
  return result;
1273
1273
  });
1274
1274
  }
1275
- /** Gets the selected row ids.
1275
+ /** Gets an Array where each item is an Array of row id and row data. If the Grid is used in virtual mode, the row data parameter is empty object, because the data is loaded on demand.
1276
1276
  * @returns {any[]}
1277
1277
  */
1278
1278
  getSelectedRows() {
@@ -1289,6 +1289,40 @@ require('../source/modules/smart.grid');
1289
1289
  return result;
1290
1290
  });
1291
1291
  }
1292
+ /** Gets the selected row ids.
1293
+ * @returns {any[]}
1294
+ */
1295
+ getSelectedRowIds() {
1296
+ return __awaiter(this, void 0, void 0, function* () {
1297
+ const getResultOnRender = () => {
1298
+ return new Promise(resolve => {
1299
+ this.nativeElement.whenRendered(() => {
1300
+ const result = this.nativeElement.getSelectedRowIds();
1301
+ resolve(result);
1302
+ });
1303
+ });
1304
+ };
1305
+ const result = yield getResultOnRender();
1306
+ return result;
1307
+ });
1308
+ }
1309
+ /** Gets the selected row indexes.
1310
+ * @returns {any[]}
1311
+ */
1312
+ getSelectedRowIndexes() {
1313
+ return __awaiter(this, void 0, void 0, function* () {
1314
+ const getResultOnRender = () => {
1315
+ return new Promise(resolve => {
1316
+ this.nativeElement.whenRendered(() => {
1317
+ const result = this.nativeElement.getSelectedRowIndexes();
1318
+ resolve(result);
1319
+ });
1320
+ });
1321
+ };
1322
+ const result = yield getResultOnRender();
1323
+ return result;
1324
+ });
1325
+ }
1292
1326
  /** Gets the selected cells. The method returns an array of cell. Each cell is an array with row id, column data field and cell value.
1293
1327
  * @returns {any[]}
1294
1328
  */
@@ -1468,7 +1502,7 @@ require('../source/modules/smart.grid');
1468
1502
  }
1469
1503
  /** Gets the Row's id.
1470
1504
  * @param {number} rowIndex. row index
1471
- * @returns {any}
1505
+ * @returns {string | number}
1472
1506
  */
1473
1507
  getRowId(rowIndex) {
1474
1508
  return __awaiter(this, void 0, void 0, function* () {
@@ -1576,7 +1610,7 @@ require('../source/modules/smart.grid');
1576
1610
  /** Inserts a row. When batch editing is enabled, the row is not saved until the batch edit is saved.
1577
1611
  * @param {any} data. row data matching the data source
1578
1612
  * @param {number} index?. Determines the insert index. The default value is the last index.
1579
- * @param {any} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
1613
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the new row is added. The callback's argument is the new row.
1580
1614
  */
1581
1615
  insertRow(data, index, callback) {
1582
1616
  if (this.nativeElement.isRendered) {
@@ -1885,7 +1919,7 @@ require('../source/modules/smart.grid');
1885
1919
  }
1886
1920
  /** Sets a property to a row.
1887
1921
  * @param {string | number} rowId. row bound id
1888
- * @param {any} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1922
+ * @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The row style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1889
1923
  */
1890
1924
  setRowStyle(rowId, rowStyle) {
1891
1925
  if (this.nativeElement.isRendered) {
@@ -1900,7 +1934,7 @@ require('../source/modules/smart.grid');
1900
1934
  /** Sets a style to a row.
1901
1935
  * @param {string | number} rowId. row bound id
1902
1936
  * @param {string} dataField. Column bound field name.
1903
- * @param {any} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1937
+ * @param {{background?: string, color?: string, fontSize?: string, fontFamily?: string, textDecoration?: string, fontStyle?: string, fontWeight?: string}} rowStyle. The cell style object. The object may have one or all of the following properties: 'background', 'color', 'fontSize', 'fontFamily', 'textDecoration', 'fontStyle', 'fontWeight'.
1904
1938
  */
1905
1939
  setCellStyle(rowId, dataField, rowStyle) {
1906
1940
  if (this.nativeElement.isRendered) {
@@ -1954,7 +1988,7 @@ require('../source/modules/smart.grid');
1954
1988
  /** Shows the Details of a Row, when row details are enabled.
1955
1989
  * @param {string | number} rowId. row bound id
1956
1990
  * @param {any} data. row data matching the data source
1957
- * @param {any} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
1991
+ * @param {{(row: GridRow): void}} callback?. Sets a callback function, which is called after the row is updated. The callback's argument is the updated row.
1958
1992
  */
1959
1993
  updateRow(rowId, data, callback) {
1960
1994
  if (this.nativeElement.isRendered) {