tabulator-tables 5.4.2 → 5.4.4

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 (253) hide show
  1. package/.babelrc.json +3 -3
  2. package/.editorconfig +6 -6
  3. package/.eslintignore +3 -3
  4. package/.eslintrc.js +28 -28
  5. package/.github/ISSUE_TEMPLATE/bug_report.md +58 -58
  6. package/.github/ISSUE_TEMPLATE/documentation.md +14 -14
  7. package/.github/ISSUE_TEMPLATE/feature_request.md +24 -24
  8. package/.github/ISSUE_TEMPLATE/question.md +12 -12
  9. package/.github/workflows/bad-files-check.yml +39 -39
  10. package/.github/workflows/lint-and-test.yml +30 -30
  11. package/CODE_OF_CONDUCT.md +46 -46
  12. package/CONTRIBUTING.md +22 -22
  13. package/LICENSE +20 -20
  14. package/README.md +76 -76
  15. package/bower.json +40 -40
  16. package/build/Bundler.js +185 -185
  17. package/build/rollup.js +6 -6
  18. package/dist/css/tabulator.css +1 -5
  19. package/dist/css/tabulator.css.map +1 -1
  20. package/dist/css/tabulator.min.css +1 -1
  21. package/dist/css/tabulator.min.css.map +1 -1
  22. package/dist/css/tabulator_bootstrap3.css +1 -5
  23. package/dist/css/tabulator_bootstrap3.css.map +1 -1
  24. package/dist/css/tabulator_bootstrap3.min.css +1 -1
  25. package/dist/css/tabulator_bootstrap3.min.css.map +1 -1
  26. package/dist/css/tabulator_bootstrap4.css +1 -5
  27. package/dist/css/tabulator_bootstrap4.css.map +1 -1
  28. package/dist/css/tabulator_bootstrap4.min.css +1 -1
  29. package/dist/css/tabulator_bootstrap4.min.css.map +1 -1
  30. package/dist/css/tabulator_bootstrap5.css +1 -5
  31. package/dist/css/tabulator_bootstrap5.css.map +1 -1
  32. package/dist/css/tabulator_bootstrap5.min.css +1 -1
  33. package/dist/css/tabulator_bootstrap5.min.css.map +1 -1
  34. package/dist/css/tabulator_bulma.css +1 -5
  35. package/dist/css/tabulator_bulma.css.map +1 -1
  36. package/dist/css/tabulator_bulma.min.css +1 -1
  37. package/dist/css/tabulator_bulma.min.css.map +1 -1
  38. package/dist/css/tabulator_materialize.css +1 -5
  39. package/dist/css/tabulator_materialize.css.map +1 -1
  40. package/dist/css/tabulator_materialize.min.css +1 -1
  41. package/dist/css/tabulator_materialize.min.css.map +1 -1
  42. package/dist/css/tabulator_midnight.css +1 -5
  43. package/dist/css/tabulator_midnight.css.map +1 -1
  44. package/dist/css/tabulator_midnight.min.css +1 -1
  45. package/dist/css/tabulator_midnight.min.css.map +1 -1
  46. package/dist/css/tabulator_modern.css +1 -5
  47. package/dist/css/tabulator_modern.css.map +1 -1
  48. package/dist/css/tabulator_modern.min.css +1 -1
  49. package/dist/css/tabulator_modern.min.css.map +1 -1
  50. package/dist/css/tabulator_semanticui.css +103 -107
  51. package/dist/css/tabulator_semanticui.css.map +1 -1
  52. package/dist/css/tabulator_semanticui.min.css +1 -1
  53. package/dist/css/tabulator_semanticui.min.css.map +1 -1
  54. package/dist/css/tabulator_simple.css +1 -5
  55. package/dist/css/tabulator_simple.css.map +1 -1
  56. package/dist/css/tabulator_simple.min.css +1 -1
  57. package/dist/css/tabulator_simple.min.css.map +1 -1
  58. package/dist/css/tabulator_site.css +1 -5
  59. package/dist/css/tabulator_site.css.map +1 -1
  60. package/dist/css/tabulator_site.min.css +1 -1
  61. package/dist/css/tabulator_site.min.css.map +1 -1
  62. package/dist/js/jquery_wrapper.js +55 -55
  63. package/dist/js/tabulator.js +25847 -25653
  64. package/dist/js/tabulator.js.map +1 -1
  65. package/dist/js/tabulator.min.js +2 -2
  66. package/dist/js/tabulator.min.js.map +1 -1
  67. package/dist/js/tabulator_esm.js +25926 -25732
  68. package/dist/js/tabulator_esm.js.map +1 -1
  69. package/dist/js/tabulator_esm.min.js +2 -2
  70. package/dist/js/tabulator_esm.min.js.map +1 -1
  71. package/package.json +65 -65
  72. package/src/js/builds/esm.js +14 -14
  73. package/src/js/builds/jquery_wrapper.js +55 -55
  74. package/src/js/core/ColumnManager.js +730 -730
  75. package/src/js/core/CoreFeature.js +138 -138
  76. package/src/js/core/FooterManager.js +101 -101
  77. package/src/js/core/Module.js +141 -141
  78. package/src/js/core/RowManager.js +1112 -1082
  79. package/src/js/core/Tabulator.js +895 -893
  80. package/src/js/core/TabulatorFull.js +10 -10
  81. package/src/js/core/cell/Cell.js +295 -295
  82. package/src/js/core/cell/CellComponent.js +76 -76
  83. package/src/js/core/column/Column.js +949 -949
  84. package/src/js/core/column/ColumnComponent.js +152 -152
  85. package/src/js/core/column/defaults/options.js +17 -17
  86. package/src/js/core/defaults/options.js +65 -65
  87. package/src/js/core/modules/core.js +2 -2
  88. package/src/js/core/modules/optional.js +34 -34
  89. package/src/js/core/rendering/Renderer.js +203 -203
  90. package/src/js/core/rendering/renderers/BasicHorizontal.js +19 -19
  91. package/src/js/core/rendering/renderers/BasicVertical.js +79 -78
  92. package/src/js/core/rendering/renderers/VirtualDomHorizontal.js +577 -577
  93. package/src/js/core/rendering/renderers/VirtualDomVertical.js +579 -579
  94. package/src/js/core/row/PseudoRow.js +44 -44
  95. package/src/js/core/row/Row.js +457 -457
  96. package/src/js/core/row/RowComponent.js +93 -93
  97. package/src/js/core/tools/Alert.js +61 -61
  98. package/src/js/core/tools/ComponentFunctionBinder.js +32 -32
  99. package/src/js/core/tools/DataLoader.js +119 -119
  100. package/src/js/core/tools/DeprecationAdvisor.js +46 -46
  101. package/src/js/core/tools/ExternalEventBus.js +104 -104
  102. package/src/js/core/tools/Helpers.js +46 -46
  103. package/src/js/core/tools/InteractionMonitor.js +321 -321
  104. package/src/js/core/tools/InternalEventBus.js +161 -161
  105. package/src/js/core/tools/ModuleBinder.js +104 -104
  106. package/src/js/core/tools/OptionsList.js +44 -40
  107. package/src/js/core/tools/Popup.js +304 -304
  108. package/src/js/core/tools/TableRegistry.js +61 -61
  109. package/src/js/modules/Accessor/Accessor.js +115 -115
  110. package/src/js/modules/Ajax/Ajax.js +143 -143
  111. package/src/js/modules/Ajax/defaults/config.js +2 -2
  112. package/src/js/modules/Ajax/defaults/contentTypeFormatters.js +44 -44
  113. package/src/js/modules/Ajax/defaults/loaderPromise.js +86 -86
  114. package/src/js/modules/Ajax/defaults/urlGenerator.js +43 -43
  115. package/src/js/modules/Clipboard/Clipboard.js +279 -279
  116. package/src/js/modules/Clipboard/defaults/pasteActions.js +10 -10
  117. package/src/js/modules/Clipboard/defaults/pasteParsers.js +74 -74
  118. package/src/js/modules/ColumnCalcs/CalcComponent.js +47 -47
  119. package/src/js/modules/ColumnCalcs/ColumnCalcs.js +581 -568
  120. package/src/js/modules/ColumnCalcs/defaults/calculations.js +85 -85
  121. package/src/js/modules/Comms/Comms.js +51 -51
  122. package/src/js/modules/DataTree/DataTree.js +603 -603
  123. package/src/js/modules/Download/Download.js +148 -148
  124. package/src/js/modules/Download/defaults/downloaders/csv.js +61 -61
  125. package/src/js/modules/Download/defaults/downloaders/html.js +4 -4
  126. package/src/js/modules/Download/defaults/downloaders/json.js +33 -33
  127. package/src/js/modules/Download/defaults/downloaders/jsonLines.js +31 -31
  128. package/src/js/modules/Download/defaults/downloaders/pdf.js +111 -111
  129. package/src/js/modules/Download/defaults/downloaders/xlsx.js +98 -98
  130. package/src/js/modules/Download/defaults/downloaders.js +14 -14
  131. package/src/js/modules/Edit/Edit.js +735 -736
  132. package/src/js/modules/Edit/List.js +1037 -1033
  133. package/src/js/modules/Edit/defaults/editors/autocomplete.js +11 -11
  134. package/src/js/modules/Edit/defaults/editors/date.js +138 -110
  135. package/src/js/modules/Edit/defaults/editors/datetime.js +125 -97
  136. package/src/js/modules/Edit/defaults/editors/input.js +76 -74
  137. package/src/js/modules/Edit/defaults/editors/list.js +6 -6
  138. package/src/js/modules/Edit/defaults/editors/number.js +109 -107
  139. package/src/js/modules/Edit/defaults/editors/progress.js +126 -126
  140. package/src/js/modules/Edit/defaults/editors/range.js +80 -78
  141. package/src/js/modules/Edit/defaults/editors/select.js +9 -9
  142. package/src/js/modules/Edit/defaults/editors/star.js +145 -145
  143. package/src/js/modules/Edit/defaults/editors/textarea.js +122 -120
  144. package/src/js/modules/Edit/defaults/editors/tickCross.js +94 -96
  145. package/src/js/modules/Edit/defaults/editors/time.js +126 -98
  146. package/src/js/modules/Edit/defaults/editors.js +28 -28
  147. package/src/js/modules/Edit/inputMask.js +73 -73
  148. package/src/js/modules/Export/Export.js +623 -617
  149. package/src/js/modules/Export/ExportColumn.js +10 -10
  150. package/src/js/modules/Export/ExportRow.js +9 -9
  151. package/src/js/modules/Filter/Filter.js +892 -889
  152. package/src/js/modules/Filter/defaults/filters.js +107 -107
  153. package/src/js/modules/Format/Format.js +212 -212
  154. package/src/js/modules/Format/defaults/formatters/buttonCross.js +2 -2
  155. package/src/js/modules/Format/defaults/formatters/buttonTick.js +2 -2
  156. package/src/js/modules/Format/defaults/formatters/color.js +3 -3
  157. package/src/js/modules/Format/defaults/formatters/datetime.js +36 -36
  158. package/src/js/modules/Format/defaults/formatters/datetimediff.js +40 -40
  159. package/src/js/modules/Format/defaults/formatters/handle.js +3 -3
  160. package/src/js/modules/Format/defaults/formatters/html.js +2 -2
  161. package/src/js/modules/Format/defaults/formatters/image.js +39 -39
  162. package/src/js/modules/Format/defaults/formatters/link.js +77 -77
  163. package/src/js/modules/Format/defaults/formatters/lookup.js +9 -9
  164. package/src/js/modules/Format/defaults/formatters/money.js +36 -36
  165. package/src/js/modules/Format/defaults/formatters/plaintext.js +2 -2
  166. package/src/js/modules/Format/defaults/formatters/progress.js +132 -132
  167. package/src/js/modules/Format/defaults/formatters/responsiveCollapse.js +43 -43
  168. package/src/js/modules/Format/defaults/formatters/rowSelection.js +59 -59
  169. package/src/js/modules/Format/defaults/formatters/rownum.js +9 -9
  170. package/src/js/modules/Format/defaults/formatters/star.js +37 -37
  171. package/src/js/modules/Format/defaults/formatters/textarea.js +3 -3
  172. package/src/js/modules/Format/defaults/formatters/tickCross.js +21 -21
  173. package/src/js/modules/Format/defaults/formatters/traffic.js +46 -46
  174. package/src/js/modules/Format/defaults/formatters.js +42 -42
  175. package/src/js/modules/FrozenColumns/FrozenColumns.js +299 -299
  176. package/src/js/modules/FrozenRows/FrozenRows.js +169 -159
  177. package/src/js/modules/GroupRows/Group.js +597 -595
  178. package/src/js/modules/GroupRows/GroupComponent.js +66 -66
  179. package/src/js/modules/GroupRows/GroupRows.js +639 -623
  180. package/src/js/modules/History/History.js +171 -171
  181. package/src/js/modules/History/defaults/redoers.js +24 -24
  182. package/src/js/modules/History/defaults/undoers.js +24 -24
  183. package/src/js/modules/HtmlTableImport/HtmlTableImport.js +181 -181
  184. package/src/js/modules/Import/Import.js +193 -193
  185. package/src/js/modules/Import/defaults/importers/array.js +4 -4
  186. package/src/js/modules/Import/defaults/importers/csv.js +62 -62
  187. package/src/js/modules/Import/defaults/importers/json.js +7 -7
  188. package/src/js/modules/Import/defaults/importers.js +8 -8
  189. package/src/js/modules/Interaction/Interaction.js +325 -325
  190. package/src/js/modules/Keybindings/Keybindings.js +172 -172
  191. package/src/js/modules/Keybindings/defaults/actions.js +118 -118
  192. package/src/js/modules/Keybindings/defaults/bindings.js +12 -12
  193. package/src/js/modules/Layout/Layout.js +49 -49
  194. package/src/js/modules/Layout/defaults/modes/fitColumns.js +171 -171
  195. package/src/js/modules/Layout/defaults/modes/fitData.js +9 -9
  196. package/src/js/modules/Layout/defaults/modes/fitDataGeneral.js +9 -9
  197. package/src/js/modules/Layout/defaults/modes/fitDataStretch.js +39 -39
  198. package/src/js/modules/Layout/defaults/modes.js +11 -11
  199. package/src/js/modules/Localize/Localize.js +185 -194
  200. package/src/js/modules/Localize/defaults/langs.js +36 -36
  201. package/src/js/modules/Menu/Menu.js +302 -302
  202. package/src/js/modules/MoveColumns/MoveColumns.js +299 -299
  203. package/src/js/modules/MoveRows/MoveRows.js +635 -635
  204. package/src/js/modules/Mutator/Mutator.js +161 -161
  205. package/src/js/modules/Page/Page.js +881 -881
  206. package/src/js/modules/Page/defaults/pageCounters/pages.js +32 -32
  207. package/src/js/modules/Page/defaults/pageCounters/rows.js +39 -39
  208. package/src/js/modules/Page/defaults/pageCounters.js +7 -7
  209. package/src/js/modules/Persistence/Persistence.js +458 -458
  210. package/src/js/modules/Persistence/defaults/readers.js +29 -29
  211. package/src/js/modules/Persistence/defaults/writers.js +12 -12
  212. package/src/js/modules/Popup/Popup.js +231 -231
  213. package/src/js/modules/Print/Print.js +137 -124
  214. package/src/js/modules/ReactiveData/ReactiveData.js +408 -408
  215. package/src/js/modules/ResizeColumns/ResizeColumns.js +309 -309
  216. package/src/js/modules/ResizeRows/ResizeRows.js +111 -111
  217. package/src/js/modules/ResizeTable/ResizeTable.js +159 -159
  218. package/src/js/modules/ResponsiveLayout/ResponsiveLayout.js +345 -345
  219. package/src/js/modules/SelectRow/SelectRow.js +446 -436
  220. package/src/js/modules/Sort/Sort.js +470 -470
  221. package/src/js/modules/Sort/defaults/sorters/alphanum.js +43 -43
  222. package/src/js/modules/Sort/defaults/sorters/array.js +53 -53
  223. package/src/js/modules/Sort/defaults/sorters/boolean.js +6 -6
  224. package/src/js/modules/Sort/defaults/sorters/date.js +9 -9
  225. package/src/js/modules/Sort/defaults/sorters/datetime.js +43 -43
  226. package/src/js/modules/Sort/defaults/sorters/exists.js +6 -6
  227. package/src/js/modules/Sort/defaults/sorters/number.js +39 -39
  228. package/src/js/modules/Sort/defaults/sorters/string.js +33 -33
  229. package/src/js/modules/Sort/defaults/sorters/time.js +9 -9
  230. package/src/js/modules/Sort/defaults/sorters.js +20 -20
  231. package/src/js/modules/Tooltip/Tooltip.js +130 -130
  232. package/src/js/modules/Validate/Validate.js +305 -305
  233. package/src/js/modules/Validate/defaults/validators.js +138 -138
  234. package/src/scss/tabulator.scss +1464 -1466
  235. package/src/scss/themes/bootstrap/functions4.scss +118 -118
  236. package/src/scss/themes/bootstrap/functions5.scss +302 -302
  237. package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss +284 -284
  238. package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss +544 -544
  239. package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss +574 -574
  240. package/src/scss/themes/bootstrap/variables3.scss +870 -870
  241. package/src/scss/themes/bootstrap/variables4.scss +930 -930
  242. package/src/scss/themes/bootstrap/variables5.scss +1641 -1641
  243. package/src/scss/themes/bulma/tabulator_bulma.scss +252 -252
  244. package/src/scss/themes/bulma/variables.scss +197 -197
  245. package/src/scss/themes/materialize/tabulator_materialize.scss +265 -265
  246. package/src/scss/themes/materialize/variables.scss +70 -70
  247. package/src/scss/themes/semanticui/tabulator_semanticui.scss +561 -561
  248. package/src/scss/themes/semanticui/variables.scss +839 -839
  249. package/src/scss/themes/semanticui/variables_table.scss +247 -247
  250. package/src/scss/themes/tabulator_midnight.scss +158 -158
  251. package/src/scss/themes/tabulator_modern.scss +231 -231
  252. package/src/scss/themes/tabulator_simple.scss +102 -102
  253. package/src/scss/themes/tabulator_site.scss +189 -189
@@ -1,437 +1,447 @@
1
- import Module from '../../core/Module.js';
2
-
3
- class SelectRow extends Module{
4
-
5
- constructor(table){
6
- super(table);
7
-
8
- this.selecting = false; //flag selecting in progress
9
- this.lastClickedRow = false; //last clicked row
10
- this.selectPrev = []; //hold previously selected element for drag drop selection
11
- this.selectedRows = []; //hold selected rows
12
- this.headerCheckboxElement = null; // hold header select element
13
-
14
- this.registerTableOption("selectable", "highlight"); //highlight rows on hover
15
- this.registerTableOption("selectableRangeMode", "drag"); //highlight rows on hover
16
- this.registerTableOption("selectableRollingSelection", true); //roll selection once maximum number of selectable rows is reached
17
- this.registerTableOption("selectablePersistence", true); // maintain selection when table view is updated
18
- this.registerTableOption("selectableCheck", function(data, row){return true;}); //check whether row is selectable
19
-
20
- this.registerTableFunction("selectRow", this.selectRows.bind(this));
21
- this.registerTableFunction("deselectRow", this.deselectRows.bind(this));
22
- this.registerTableFunction("toggleSelectRow", this.toggleRow.bind(this));
23
- this.registerTableFunction("getSelectedRows", this.getSelectedRows.bind(this));
24
- this.registerTableFunction("getSelectedData", this.getSelectedData.bind(this));
25
-
26
- //register component functions
27
- this.registerComponentFunction("row", "select", this.selectRows.bind(this));
28
- this.registerComponentFunction("row", "deselect", this.deselectRows.bind(this));
29
- this.registerComponentFunction("row", "toggleSelect", this.toggleRow.bind(this));
30
- this.registerComponentFunction("row", "isSelected", this.isRowSelected.bind(this));
31
- }
32
-
33
- initialize(){
34
- if(this.table.options.selectable !== false){
35
- this.subscribe("row-init", this.initializeRow.bind(this));
36
- this.subscribe("row-deleting", this.rowDeleted.bind(this));
37
- this.subscribe("rows-wipe", this.clearSelectionData.bind(this));
38
- this.subscribe("rows-retrieve", this.rowRetrieve.bind(this));
39
-
40
- if(this.table.options.selectable && !this.table.options.selectablePersistence){
41
- this.subscribe("data-refreshing", this.deselectRows.bind(this));
42
- }
43
- }
44
- }
45
-
46
- rowRetrieve(type, prevValue){
47
- return type === "selected" ? this.selectedRows : prevValue;
48
- }
49
-
50
- rowDeleted(row){
51
- this._deselectRow(row, true);
52
- }
53
-
54
- clearSelectionData(silent){
55
- this.selecting = false;
56
- this.lastClickedRow = false;
57
- this.selectPrev = [];
58
- this.selectedRows = [];
59
-
60
- if(silent !== true){
61
- this._rowSelectionChanged();
62
- }
63
- }
64
-
65
- initializeRow(row){
66
- var self = this,
67
- element = row.getElement();
68
-
69
- // trigger end of row selection
70
- var endSelect = function(){
71
-
72
- setTimeout(function(){
73
- self.selecting = false;
74
- }, 50);
75
-
76
- document.body.removeEventListener("mouseup", endSelect);
77
- };
78
-
79
- row.modules.select = {selected:false};
80
-
81
- //set row selection class
82
- if(self.table.options.selectableCheck.call(this.table, row.getComponent())){
83
- element.classList.add("tabulator-selectable");
84
- element.classList.remove("tabulator-unselectable");
85
-
86
- if(self.table.options.selectable && self.table.options.selectable != "highlight"){
87
- if(self.table.options.selectableRangeMode === "click"){
88
- element.addEventListener("click", this.handleComplexRowClick.bind(this, row));
89
- }else{
90
- element.addEventListener("click", function(e){
91
- if(!self.table.modExists("edit") || !self.table.modules.edit.getCurrentCell()){
92
- self.table._clearSelection();
93
- }
94
-
95
- if(!self.selecting){
96
- self.toggleRow(row);
97
- }
98
- });
99
-
100
- element.addEventListener("mousedown", function(e){
101
- if(e.shiftKey){
102
- self.table._clearSelection();
103
-
104
- self.selecting = true;
105
-
106
- self.selectPrev = [];
107
-
108
- document.body.addEventListener("mouseup", endSelect);
109
- document.body.addEventListener("keyup", endSelect);
110
-
111
- self.toggleRow(row);
112
-
113
- return false;
114
- }
115
- });
116
-
117
- element.addEventListener("mouseenter", function(e){
118
- if(self.selecting){
119
- self.table._clearSelection();
120
- self.toggleRow(row);
121
-
122
- if(self.selectPrev[1] == row){
123
- self.toggleRow(self.selectPrev[0]);
124
- }
125
- }
126
- });
127
-
128
- element.addEventListener("mouseout", function(e){
129
- if(self.selecting){
130
- self.table._clearSelection();
131
- self.selectPrev.unshift(row);
132
- }
133
- });
134
- }
135
- }
136
-
137
- }else{
138
- element.classList.add("tabulator-unselectable");
139
- element.classList.remove("tabulator-selectable");
140
- }
141
- }
142
-
143
- handleComplexRowClick(row, e){
144
- if(e.shiftKey){
145
- this.table._clearSelection();
146
- this.lastClickedRow = this.lastClickedRow || row;
147
-
148
- var lastClickedRowIdx = this.table.rowManager.getDisplayRowIndex(this.lastClickedRow);
149
- var rowIdx = this.table.rowManager.getDisplayRowIndex(row);
150
-
151
- var fromRowIdx = lastClickedRowIdx <= rowIdx ? lastClickedRowIdx : rowIdx;
152
- var toRowIdx = lastClickedRowIdx >= rowIdx ? lastClickedRowIdx : rowIdx;
153
-
154
- var rows = this.table.rowManager.getDisplayRows().slice(0);
155
- var toggledRows = rows.splice(fromRowIdx, toRowIdx - fromRowIdx + 1);
156
-
157
- if(e.ctrlKey || e.metaKey){
158
- toggledRows.forEach((toggledRow)=>{
159
- if(toggledRow !== this.lastClickedRow){
160
-
161
- if(this.table.options.selectable !== true && !this.isRowSelected(row)){
162
- if(this.selectedRows.length < this.table.options.selectable){
163
- this.toggleRow(toggledRow);
164
- }
165
- }else{
166
- this.toggleRow(toggledRow);
167
- }
168
- }
169
- });
170
- this.lastClickedRow = row;
171
- }else{
172
- this.deselectRows(undefined, true);
173
-
174
- if(this.table.options.selectable !== true){
175
- if(toggledRows.length > this.table.options.selectable){
176
- toggledRows = toggledRows.slice(0, this.table.options.selectable);
177
- }
178
- }
179
-
180
- this.selectRows(toggledRows);
181
- }
182
- this.table._clearSelection();
183
- }
184
- else if(e.ctrlKey || e.metaKey){
185
- this.toggleRow(row);
186
- this.lastClickedRow = row;
187
- }else{
188
- this.deselectRows(undefined, true);
189
- this.selectRows(row);
190
- this.lastClickedRow = row;
191
- }
192
- }
193
-
194
- //toggle row selection
195
- toggleRow(row){
196
- if(this.table.options.selectableCheck.call(this.table, row.getComponent())){
197
- if(row.modules.select && row.modules.select.selected){
198
- this._deselectRow(row);
199
- }else{
200
- this._selectRow(row);
201
- }
202
- }
203
- }
204
-
205
- //select a number of rows
206
- selectRows(rows){
207
- var rowMatch;
208
-
209
- switch(typeof rows){
210
- case "undefined":
211
- this.table.rowManager.rows.forEach((row) => {
212
- this._selectRow(row, true, true);
213
- });
214
-
215
- this._rowSelectionChanged();
216
- break;
217
-
218
- case "string":
219
- rowMatch = this.table.rowManager.findRow(rows);
220
-
221
- if(rowMatch){
222
- this._selectRow(rowMatch, true, true);
223
- this._rowSelectionChanged();
224
- }else{
225
- rowMatch = this.table.rowManager.getRows(rows);
226
-
227
- rowMatch.forEach((row) => {
228
- this._selectRow(row, true, true);
229
- });
230
-
231
- if(rowMatch.length){
232
- this._rowSelectionChanged();
233
- }
234
- }
235
- break;
236
-
237
- default:
238
- if(Array.isArray(rows)){
239
- rows.forEach((row) => {
240
- this._selectRow(row, true, true);
241
- });
242
-
243
- this._rowSelectionChanged();
244
- }else{
245
- this._selectRow(rows, false, true);
246
- }
247
- break;
248
- }
249
- }
250
-
251
- //select an individual row
252
- _selectRow(rowInfo, silent, force){
253
- //handle max row count
254
- if(!isNaN(this.table.options.selectable) && this.table.options.selectable !== true && !force){
255
- if(this.selectedRows.length >= this.table.options.selectable){
256
- if(this.table.options.selectableRollingSelection){
257
- this._deselectRow(this.selectedRows[0]);
258
- }else{
259
- return false;
260
- }
261
- }
262
- }
263
-
264
- var row = this.table.rowManager.findRow(rowInfo);
265
-
266
- if(row){
267
- if(this.selectedRows.indexOf(row) == -1){
268
- row.getElement().classList.add("tabulator-selected");
269
- if(!row.modules.select){
270
- row.modules.select = {};
271
- }
272
-
273
- row.modules.select.selected = true;
274
- if(row.modules.select.checkboxEl){
275
- row.modules.select.checkboxEl.checked = true;
276
- }
277
-
278
- this.selectedRows.push(row);
279
-
280
- if(this.table.options.dataTreeSelectPropagate){
281
- this.childRowSelection(row, true);
282
- }
283
-
284
- this.dispatchExternal("rowSelected", row.getComponent());
285
-
286
- this._rowSelectionChanged(silent);
287
- }
288
- }else{
289
- if(!silent){
290
- console.warn("Selection Error - No such row found, ignoring selection:" + rowInfo);
291
- }
292
- }
293
- }
294
-
295
- isRowSelected(row){
296
- return this.selectedRows.indexOf(row) !== -1;
297
- }
298
-
299
- //deselect a number of rows
300
- deselectRows(rows, silent){
301
- var self = this,
302
- rowCount;
303
-
304
- if(typeof rows == "undefined"){
305
-
306
- rowCount = self.selectedRows.length;
307
-
308
- for(let i = 0; i < rowCount; i++){
309
- self._deselectRow(self.selectedRows[0], true);
310
- }
311
-
312
- if(rowCount){
313
- self._rowSelectionChanged(silent);
314
- }
315
-
316
- }else{
317
- if(Array.isArray(rows)){
318
- rows.forEach(function(row){
319
- self._deselectRow(row, true);
320
- });
321
-
322
- self._rowSelectionChanged(silent);
323
- }else{
324
- self._deselectRow(rows, silent);
325
- }
326
- }
327
- }
328
-
329
- //deselect an individual row
330
- _deselectRow(rowInfo, silent){
331
- var self = this,
332
- row = self.table.rowManager.findRow(rowInfo),
333
- index;
334
-
335
- if(row){
336
- index = self.selectedRows.findIndex(function(selectedRow){
337
- return selectedRow == row;
338
- });
339
-
340
- if(index > -1){
341
-
342
- row.getElement().classList.remove("tabulator-selected");
343
- if(!row.modules.select){
344
- row.modules.select = {};
345
- }
346
-
347
- row.modules.select.selected = false;
348
- if(row.modules.select.checkboxEl){
349
- row.modules.select.checkboxEl.checked = false;
350
- }
351
- self.selectedRows.splice(index, 1);
352
-
353
- if(this.table.options.dataTreeSelectPropagate){
354
- this.childRowSelection(row, false);
355
- }
356
-
357
- this.dispatchExternal("rowDeselected", row.getComponent());
358
-
359
- self._rowSelectionChanged(silent);
360
- }
361
- }else{
362
- if(!silent){
363
- console.warn("Deselection Error - No such row found, ignoring selection:" + rowInfo);
364
- }
365
- }
366
- }
367
-
368
- getSelectedData(){
369
- var data = [];
370
-
371
- this.selectedRows.forEach(function(row){
372
- data.push(row.getData());
373
- });
374
-
375
- return data;
376
- }
377
-
378
- getSelectedRows(){
379
-
380
- var rows = [];
381
-
382
- this.selectedRows.forEach(function(row){
383
- rows.push(row.getComponent());
384
- });
385
-
386
- return rows;
387
- }
388
-
389
- _rowSelectionChanged(silent){
390
- if(this.headerCheckboxElement){
391
- if(this.selectedRows.length === 0){
392
- this.headerCheckboxElement.checked = false;
393
- this.headerCheckboxElement.indeterminate = false;
394
- } else if(this.table.rowManager.rows.length === this.selectedRows.length){
395
- this.headerCheckboxElement.checked = true;
396
- this.headerCheckboxElement.indeterminate = false;
397
- } else {
398
- this.headerCheckboxElement.indeterminate = true;
399
- this.headerCheckboxElement.checked = false;
400
- }
401
- }
402
-
403
- if(!silent){
404
- this.dispatchExternal("rowSelectionChanged", this.getSelectedData(), this.getSelectedRows());
405
- }
406
- }
407
-
408
- registerRowSelectCheckbox (row, element) {
409
- if(!row._row.modules.select){
410
- row._row.modules.select = {};
411
- }
412
-
413
- row._row.modules.select.checkboxEl = element;
414
- }
415
-
416
- registerHeaderSelectCheckbox (element) {
417
- this.headerCheckboxElement = element;
418
- }
419
-
420
- childRowSelection(row, select){
421
- var children = this.table.modules.dataTree.getChildren(row, true);
422
-
423
- if(select){
424
- for(let child of children){
425
- this._selectRow(child, true);
426
- }
427
- }else{
428
- for(let child of children){
429
- this._deselectRow(child, true);
430
- }
431
- }
432
- }
433
- }
434
-
435
- SelectRow.moduleName = "selectRow";
436
-
1
+ import Module from '../../core/Module.js';
2
+
3
+ class SelectRow extends Module{
4
+
5
+ constructor(table){
6
+ super(table);
7
+
8
+ this.selecting = false; //flag selecting in progress
9
+ this.lastClickedRow = false; //last clicked row
10
+ this.selectPrev = []; //hold previously selected element for drag drop selection
11
+ this.selectedRows = []; //hold selected rows
12
+ this.headerCheckboxElement = null; // hold header select element
13
+
14
+ this.registerTableOption("selectable", "highlight"); //highlight rows on hover
15
+ this.registerTableOption("selectableRangeMode", "drag"); //highlight rows on hover
16
+ this.registerTableOption("selectableRollingSelection", true); //roll selection once maximum number of selectable rows is reached
17
+ this.registerTableOption("selectablePersistence", true); // maintain selection when table view is updated
18
+ this.registerTableOption("selectableCheck", function(data, row){return true;}); //check whether row is selectable
19
+
20
+ this.registerTableFunction("selectRow", this.selectRows.bind(this));
21
+ this.registerTableFunction("deselectRow", this.deselectRows.bind(this));
22
+ this.registerTableFunction("toggleSelectRow", this.toggleRow.bind(this));
23
+ this.registerTableFunction("getSelectedRows", this.getSelectedRows.bind(this));
24
+ this.registerTableFunction("getSelectedData", this.getSelectedData.bind(this));
25
+
26
+ //register component functions
27
+ this.registerComponentFunction("row", "select", this.selectRows.bind(this));
28
+ this.registerComponentFunction("row", "deselect", this.deselectRows.bind(this));
29
+ this.registerComponentFunction("row", "toggleSelect", this.toggleRow.bind(this));
30
+ this.registerComponentFunction("row", "isSelected", this.isRowSelected.bind(this));
31
+ }
32
+
33
+ initialize(){
34
+ if(this.table.options.selectable !== false){
35
+ this.subscribe("row-init", this.initializeRow.bind(this));
36
+ this.subscribe("row-deleting", this.rowDeleted.bind(this));
37
+ this.subscribe("rows-wipe", this.clearSelectionData.bind(this));
38
+ this.subscribe("rows-retrieve", this.rowRetrieve.bind(this));
39
+
40
+ if(this.table.options.selectable && !this.table.options.selectablePersistence){
41
+ this.subscribe("data-refreshing", this.deselectRows.bind(this));
42
+ }
43
+ }
44
+ }
45
+
46
+ rowRetrieve(type, prevValue){
47
+ return type === "selected" ? this.selectedRows : prevValue;
48
+ }
49
+
50
+ rowDeleted(row){
51
+ this._deselectRow(row, true);
52
+ }
53
+
54
+ clearSelectionData(silent){
55
+ var prevSelected = this.selectedRows.length;
56
+
57
+ this.selecting = false;
58
+ this.lastClickedRow = false;
59
+ this.selectPrev = [];
60
+ this.selectedRows = [];
61
+
62
+ if(prevSelected && silent !== true){
63
+ this._rowSelectionChanged();
64
+ }
65
+ }
66
+
67
+ initializeRow(row){
68
+ var self = this,
69
+ element = row.getElement();
70
+
71
+ // trigger end of row selection
72
+ var endSelect = function(){
73
+
74
+ setTimeout(function(){
75
+ self.selecting = false;
76
+ }, 50);
77
+
78
+ document.body.removeEventListener("mouseup", endSelect);
79
+ };
80
+
81
+ row.modules.select = {selected:false};
82
+
83
+ //set row selection class
84
+ if(self.checkRowSelectability(row)){
85
+ element.classList.add("tabulator-selectable");
86
+ element.classList.remove("tabulator-unselectable");
87
+
88
+ if(self.table.options.selectable && self.table.options.selectable != "highlight"){
89
+ if(self.table.options.selectableRangeMode === "click"){
90
+ element.addEventListener("click", this.handleComplexRowClick.bind(this, row));
91
+ }else{
92
+ element.addEventListener("click", function(e){
93
+ if(!self.table.modExists("edit") || !self.table.modules.edit.getCurrentCell()){
94
+ self.table._clearSelection();
95
+ }
96
+
97
+ if(!self.selecting){
98
+ self.toggleRow(row);
99
+ }
100
+ });
101
+
102
+ element.addEventListener("mousedown", function(e){
103
+ if(e.shiftKey){
104
+ self.table._clearSelection();
105
+
106
+ self.selecting = true;
107
+
108
+ self.selectPrev = [];
109
+
110
+ document.body.addEventListener("mouseup", endSelect);
111
+ document.body.addEventListener("keyup", endSelect);
112
+
113
+ self.toggleRow(row);
114
+
115
+ return false;
116
+ }
117
+ });
118
+
119
+ element.addEventListener("mouseenter", function(e){
120
+ if(self.selecting){
121
+ self.table._clearSelection();
122
+ self.toggleRow(row);
123
+
124
+ if(self.selectPrev[1] == row){
125
+ self.toggleRow(self.selectPrev[0]);
126
+ }
127
+ }
128
+ });
129
+
130
+ element.addEventListener("mouseout", function(e){
131
+ if(self.selecting){
132
+ self.table._clearSelection();
133
+ self.selectPrev.unshift(row);
134
+ }
135
+ });
136
+ }
137
+ }
138
+
139
+ }else{
140
+ element.classList.add("tabulator-unselectable");
141
+ element.classList.remove("tabulator-selectable");
142
+ }
143
+ }
144
+
145
+ handleComplexRowClick(row, e){
146
+ if(e.shiftKey){
147
+ this.table._clearSelection();
148
+ this.lastClickedRow = this.lastClickedRow || row;
149
+
150
+ var lastClickedRowIdx = this.table.rowManager.getDisplayRowIndex(this.lastClickedRow);
151
+ var rowIdx = this.table.rowManager.getDisplayRowIndex(row);
152
+
153
+ var fromRowIdx = lastClickedRowIdx <= rowIdx ? lastClickedRowIdx : rowIdx;
154
+ var toRowIdx = lastClickedRowIdx >= rowIdx ? lastClickedRowIdx : rowIdx;
155
+
156
+ var rows = this.table.rowManager.getDisplayRows().slice(0);
157
+ var toggledRows = rows.splice(fromRowIdx, toRowIdx - fromRowIdx + 1);
158
+
159
+ if(e.ctrlKey || e.metaKey){
160
+ toggledRows.forEach((toggledRow)=>{
161
+ if(toggledRow !== this.lastClickedRow){
162
+
163
+ if(this.table.options.selectable !== true && !this.isRowSelected(row)){
164
+ if(this.selectedRows.length < this.table.options.selectable){
165
+ this.toggleRow(toggledRow);
166
+ }
167
+ }else{
168
+ this.toggleRow(toggledRow);
169
+ }
170
+ }
171
+ });
172
+ this.lastClickedRow = row;
173
+ }else{
174
+ this.deselectRows(undefined, true);
175
+
176
+ if(this.table.options.selectable !== true){
177
+ if(toggledRows.length > this.table.options.selectable){
178
+ toggledRows = toggledRows.slice(0, this.table.options.selectable);
179
+ }
180
+ }
181
+
182
+ this.selectRows(toggledRows);
183
+ }
184
+ this.table._clearSelection();
185
+ }
186
+ else if(e.ctrlKey || e.metaKey){
187
+ this.toggleRow(row);
188
+ this.lastClickedRow = row;
189
+ }else{
190
+ this.deselectRows(undefined, true);
191
+ this.selectRows(row);
192
+ this.lastClickedRow = row;
193
+ }
194
+ }
195
+
196
+ checkRowSelectability(row){
197
+ if(row.type === "row"){
198
+ return this.table.options.selectableCheck.call(this.table, row.getComponent());
199
+ }
200
+
201
+ return false;
202
+ }
203
+
204
+ //toggle row selection
205
+ toggleRow(row){
206
+ if(this.checkRowSelectability(row)){
207
+ if(row.modules.select && row.modules.select.selected){
208
+ this._deselectRow(row);
209
+ }else{
210
+ this._selectRow(row);
211
+ }
212
+ }
213
+ }
214
+
215
+ //select a number of rows
216
+ selectRows(rows){
217
+ var rowMatch;
218
+
219
+ switch(typeof rows){
220
+ case "undefined":
221
+ this.table.rowManager.rows.forEach((row) => {
222
+ this._selectRow(row, true, true);
223
+ });
224
+
225
+ this._rowSelectionChanged();
226
+ break;
227
+
228
+ case "string":
229
+ rowMatch = this.table.rowManager.findRow(rows);
230
+
231
+ if(rowMatch){
232
+ this._selectRow(rowMatch, true, true);
233
+ this._rowSelectionChanged();
234
+ }else{
235
+ rowMatch = this.table.rowManager.getRows(rows);
236
+
237
+ rowMatch.forEach((row) => {
238
+ this._selectRow(row, true, true);
239
+ });
240
+
241
+ if(rowMatch.length){
242
+ this._rowSelectionChanged();
243
+ }
244
+ }
245
+ break;
246
+
247
+ default:
248
+ if(Array.isArray(rows)){
249
+ rows.forEach((row) => {
250
+ this._selectRow(row, true, true);
251
+ });
252
+
253
+ this._rowSelectionChanged();
254
+ }else{
255
+ this._selectRow(rows, false, true);
256
+ }
257
+ break;
258
+ }
259
+ }
260
+
261
+ //select an individual row
262
+ _selectRow(rowInfo, silent, force){
263
+ //handle max row count
264
+ if(!isNaN(this.table.options.selectable) && this.table.options.selectable !== true && !force){
265
+ if(this.selectedRows.length >= this.table.options.selectable){
266
+ if(this.table.options.selectableRollingSelection){
267
+ this._deselectRow(this.selectedRows[0]);
268
+ }else{
269
+ return false;
270
+ }
271
+ }
272
+ }
273
+
274
+ var row = this.table.rowManager.findRow(rowInfo);
275
+
276
+ if(row){
277
+ if(this.selectedRows.indexOf(row) == -1){
278
+ row.getElement().classList.add("tabulator-selected");
279
+ if(!row.modules.select){
280
+ row.modules.select = {};
281
+ }
282
+
283
+ row.modules.select.selected = true;
284
+ if(row.modules.select.checkboxEl){
285
+ row.modules.select.checkboxEl.checked = true;
286
+ }
287
+
288
+ this.selectedRows.push(row);
289
+
290
+ if(this.table.options.dataTreeSelectPropagate){
291
+ this.childRowSelection(row, true);
292
+ }
293
+
294
+ this.dispatchExternal("rowSelected", row.getComponent());
295
+
296
+ this._rowSelectionChanged(silent);
297
+ }
298
+ }else{
299
+ if(!silent){
300
+ console.warn("Selection Error - No such row found, ignoring selection:" + rowInfo);
301
+ }
302
+ }
303
+ }
304
+
305
+ isRowSelected(row){
306
+ return this.selectedRows.indexOf(row) !== -1;
307
+ }
308
+
309
+ //deselect a number of rows
310
+ deselectRows(rows, silent){
311
+ var self = this,
312
+ rowCount;
313
+
314
+ if(typeof rows == "undefined"){
315
+
316
+ rowCount = self.selectedRows.length;
317
+
318
+ for(let i = 0; i < rowCount; i++){
319
+ self._deselectRow(self.selectedRows[0], true);
320
+ }
321
+
322
+ if(rowCount){
323
+ self._rowSelectionChanged(silent);
324
+ }
325
+
326
+ }else{
327
+ if(Array.isArray(rows)){
328
+ rows.forEach(function(row){
329
+ self._deselectRow(row, true);
330
+ });
331
+
332
+ self._rowSelectionChanged(silent);
333
+ }else{
334
+ self._deselectRow(rows, silent);
335
+ }
336
+ }
337
+ }
338
+
339
+ //deselect an individual row
340
+ _deselectRow(rowInfo, silent){
341
+ var self = this,
342
+ row = self.table.rowManager.findRow(rowInfo),
343
+ index;
344
+
345
+ if(row){
346
+ index = self.selectedRows.findIndex(function(selectedRow){
347
+ return selectedRow == row;
348
+ });
349
+
350
+ if(index > -1){
351
+
352
+ row.getElement().classList.remove("tabulator-selected");
353
+ if(!row.modules.select){
354
+ row.modules.select = {};
355
+ }
356
+
357
+ row.modules.select.selected = false;
358
+ if(row.modules.select.checkboxEl){
359
+ row.modules.select.checkboxEl.checked = false;
360
+ }
361
+ self.selectedRows.splice(index, 1);
362
+
363
+ if(this.table.options.dataTreeSelectPropagate){
364
+ this.childRowSelection(row, false);
365
+ }
366
+
367
+ this.dispatchExternal("rowDeselected", row.getComponent());
368
+
369
+ self._rowSelectionChanged(silent);
370
+ }
371
+ }else{
372
+ if(!silent){
373
+ console.warn("Deselection Error - No such row found, ignoring selection:" + rowInfo);
374
+ }
375
+ }
376
+ }
377
+
378
+ getSelectedData(){
379
+ var data = [];
380
+
381
+ this.selectedRows.forEach(function(row){
382
+ data.push(row.getData());
383
+ });
384
+
385
+ return data;
386
+ }
387
+
388
+ getSelectedRows(){
389
+
390
+ var rows = [];
391
+
392
+ this.selectedRows.forEach(function(row){
393
+ rows.push(row.getComponent());
394
+ });
395
+
396
+ return rows;
397
+ }
398
+
399
+ _rowSelectionChanged(silent){
400
+ if(this.headerCheckboxElement){
401
+ if(this.selectedRows.length === 0){
402
+ this.headerCheckboxElement.checked = false;
403
+ this.headerCheckboxElement.indeterminate = false;
404
+ } else if(this.table.rowManager.rows.length === this.selectedRows.length){
405
+ this.headerCheckboxElement.checked = true;
406
+ this.headerCheckboxElement.indeterminate = false;
407
+ } else {
408
+ this.headerCheckboxElement.indeterminate = true;
409
+ this.headerCheckboxElement.checked = false;
410
+ }
411
+ }
412
+
413
+ if(!silent){
414
+ this.dispatchExternal("rowSelectionChanged", this.getSelectedData(), this.getSelectedRows());
415
+ }
416
+ }
417
+
418
+ registerRowSelectCheckbox (row, element) {
419
+ if(!row._row.modules.select){
420
+ row._row.modules.select = {};
421
+ }
422
+
423
+ row._row.modules.select.checkboxEl = element;
424
+ }
425
+
426
+ registerHeaderSelectCheckbox (element) {
427
+ this.headerCheckboxElement = element;
428
+ }
429
+
430
+ childRowSelection(row, select){
431
+ var children = this.table.modules.dataTree.getChildren(row, true);
432
+
433
+ if(select){
434
+ for(let child of children){
435
+ this._selectRow(child, true);
436
+ }
437
+ }else{
438
+ for(let child of children){
439
+ this._deselectRow(child, true);
440
+ }
441
+ }
442
+ }
443
+ }
444
+
445
+ SelectRow.moduleName = "selectRow";
446
+
437
447
  export default SelectRow;