@datarailsshared/dr_renderer 1.2.81 → 1.2.82

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/dr_pivottable.js +24 -0
  3. package/src/highcharts_renderer.js +160 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datarailsshared/dr_renderer",
3
- "version": "1.2.81",
3
+ "version": "1.2.82",
4
4
  "description": "DataRails charts and tables renderer",
5
5
  "keywords": [
6
6
  "datarails",
package/src/dr_pivottable.js CHANGED
@@ -776,6 +776,29 @@ let initDRPivotTable = function($, window, document) {
776
776
  }
777
777
  return eventHandlers;
778
778
  };
779
+ applyInlineStyles = function(element, className) {
780
+ const tableDesignOptions = opts.chartOptions.table_design_options;
781
+ let optionName;
782
+ if (!className) return element;
783
+
784
+ if (element.className.includes('pvtAxisLabel') ||
785
+ element.className.includes('pvtColLabel')) {
786
+ optionName = 'columns';
787
+ } else if (element.className.includes('pvtRowLabel')) {
788
+ optionName = 'rows';
789
+ } else if (element.className.includes('pvtVal') &&
790
+ !element.className.includes('pvtTotal')) {
791
+ optionName = 'values';
792
+ } else if (element.className.includes('colTotal') ||
793
+ element.className.includes('rowTotal') ||
794
+ element.className.includes('pvtGrandTotal')) {
795
+ optionName = 'totals';
796
+ }
797
+ element.style.fontSize = tableDesignOptions[optionName + '_font_size'] + 'px';
798
+ element.style.textAlign = tableDesignOptions[optionName + '_align_text'];
799
+ element.style.fontFamily = tableDesignOptions[optionName + '_font_style'];
800
+ return element;
801
+ }
779
802
  createElement = function(elementType, className, textContent, attributes, eventHandlers) {
780
803
  var attr, e, event, handler, val;
781
804
  e = document.createElement(elementType);
@@ -800,6 +823,7 @@ let initDRPivotTable = function($, window, document) {
800
823
  e.addEventListener(event, handler);
801
824
  }
802
825
  }
826
+ applyInlineStyles(e, className);
803
827
  return e;
804
828
  };
805
829
  setAttributes = function(e, attrs) {
package/src/highcharts_renderer.js CHANGED
@@ -5024,6 +5024,24 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5024
5024
  return valToReturn;
5025
5025
  };
5026
5026
 
5027
+ const fontSizeValues = lodash.map(new Array(19), (item, index) => {
5028
+ const fontValue = index + 6;
5029
+ return {label: fontValue, value: fontValue}
5030
+ })
5031
+ const fonts = [
5032
+ 'Arial',
5033
+ 'Arial Black',
5034
+ 'Comic Sans MS',
5035
+ 'Courier New',
5036
+ 'Helvetica',
5037
+ 'Impact',
5038
+ 'Poppins',
5039
+ 'Tahoma',
5040
+ 'Times New Roman',
5041
+ 'Verdana',
5042
+ 'Nunito Sans'
5043
+ ];
5044
+
5027
5045
  highchartsRenderer.getDefaultValueForSubOptions = function (type, existing_options) {
5028
5046
  var valToReturn = {};
5029
5047
  var option = highchartsRenderer.suboptions[type];
@@ -5167,6 +5185,129 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5167
5185
  },
5168
5186
  ]
5169
5187
  },
5188
+ 'table_design_options': {
5189
+ category_class: 'google-visualization-charteditor-mini-more',
5190
+ category_label: 'Table design',
5191
+ category_type: 'table_design_options',
5192
+ elements: [
5193
+ {
5194
+ element_type: 'devider',
5195
+ element_label: 'Columns'
5196
+ },
5197
+ {
5198
+ element_type: 'select',
5199
+ value_name: 'columns_font_style',
5200
+ element_label: 'Font style',
5201
+ element_options: fonts,
5202
+ default_value: 'Nunito Sans'
5203
+ },
5204
+ {
5205
+ element_type: 'select',
5206
+ value_name: 'columns_font_size',
5207
+ element_label: 'Font size',
5208
+ element_options: fontSizeValues,
5209
+ default_value: '10'
5210
+ },
5211
+ {
5212
+ element_type: 'select',
5213
+ value_name: 'columns_align_text',
5214
+ element_label: 'Alignment',
5215
+ element_options: [
5216
+ {label: 'Left', value: 'left'},
5217
+ {label: 'Center', value: 'center'},
5218
+ {label: 'Right', value: 'right'}
5219
+ ],
5220
+ default_value: 'left'
5221
+ },
5222
+ {
5223
+ element_type: 'devider',
5224
+ element_label: 'Rows'
5225
+ },
5226
+ {
5227
+ element_type: 'select',
5228
+ value_name: 'rows_font_style',
5229
+ element_label: 'Font style',
5230
+ element_options: fonts,
5231
+ default_value: 'Nunito Sans'
5232
+ },
5233
+ {
5234
+ element_type: 'select',
5235
+ value_name: 'rows_font_size',
5236
+ element_label: 'Font size',
5237
+ element_options: fontSizeValues,
5238
+ default_value: '10'
5239
+ },
5240
+ {
5241
+ element_type: 'select',
5242
+ value_name: 'rows_align_text',
5243
+ element_label: 'Alignment',
5244
+ element_options: [
5245
+ {label: 'Left', value: 'left'},
5246
+ {label: 'Center', value: 'center'},
5247
+ {label: 'Right', value: 'right'}
5248
+ ],
5249
+ default_value: 'left'
5250
+ },
5251
+ {
5252
+ element_type: 'devider',
5253
+ element_label: 'Values'
5254
+ },
5255
+ {
5256
+ element_type: 'select',
5257
+ value_name: 'values_font_style',
5258
+ element_label: 'Font style',
5259
+ element_options: fonts,
5260
+ default_value: 'Nunito Sans'
5261
+ },
5262
+ {
5263
+ element_type: 'select',
5264
+ value_name: 'values_font_size',
5265
+ element_label: 'Font size',
5266
+ element_options: fontSizeValues,
5267
+ default_value: '10'
5268
+ },
5269
+ {
5270
+ element_type: 'select',
5271
+ value_name: 'values_align_text',
5272
+ element_label: 'Alignment',
5273
+ element_options: [
5274
+ {label: 'Left', value: 'left'},
5275
+ {label: 'Center', value: 'center'},
5276
+ {label: 'Right', value: 'right'}
5277
+ ],
5278
+ default_value: 'left'
5279
+ },
5280
+ {
5281
+ element_type: 'devider',
5282
+ element_label: 'Totals'
5283
+ },
5284
+ {
5285
+ element_type: 'select',
5286
+ value_name: 'totals_font_style',
5287
+ element_label: 'Font style',
5288
+ element_options: fonts,
5289
+ default_value: 'Nunito Sans'
5290
+ },
5291
+ {
5292
+ element_type: 'select',
5293
+ value_name: 'totals_font_size',
5294
+ element_label: 'Font size',
5295
+ element_options: fontSizeValues,
5296
+ default_value: '10'
5297
+ },
5298
+ {
5299
+ element_type: 'select',
5300
+ value_name: 'totals_align_text',
5301
+ element_label: 'Alignment',
5302
+ element_options: [
5303
+ {label: 'Left', value: 'left'},
5304
+ {label: 'Center', value: 'center'},
5305
+ {label: 'Right', value: 'right'}
5306
+ ],
5307
+ default_value: 'left'
5308
+ },
5309
+ ]
5310
+ },
5170
5311
  'table_options_transpose': {
5171
5312
  category_class: 'google-visualization-charteditor-mini-more',
5172
5313
  category_label: 'Table',
@@ -6058,6 +6199,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6058
6199
  highchartsRenderer.suboptions["label"],
6059
6200
  highchartsRenderer.suboptions["subtitle"],
6060
6201
  highchartsRenderer.suboptions["table_options_transpose"],
6202
+ highchartsRenderer.suboptions["table_design_options"],
6061
6203
  highchartsRenderer.suboptions["chart_grid"],
6062
6204
  highchartsRenderer.suboptions["negative_number_format"],
6063
6205
  highchartsRenderer.suboptions["delta_column"],
@@ -6080,6 +6222,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6080
6222
  highchartsRenderer.suboptions["label"],
6081
6223
  highchartsRenderer.suboptions["subtitle"],
6082
6224
  highchartsRenderer.suboptions["table_options_transpose"],
6225
+ highchartsRenderer.suboptions["table_design_options"],
6083
6226
  highchartsRenderer.suboptions["chart_grid"],
6084
6227
  highchartsRenderer.suboptions["negative_number_format"],
6085
6228
  highchartsRenderer.suboptions["delta_column"],
@@ -6101,6 +6244,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6101
6244
  highchartsRenderer.suboptions["label"],
6102
6245
  highchartsRenderer.suboptions["subtitle"],
6103
6246
  highchartsRenderer.suboptions["table_options_transpose"],
6247
+ highchartsRenderer.suboptions["table_design_options"],
6104
6248
  highchartsRenderer.suboptions["chart_grid"],
6105
6249
  highchartsRenderer.suboptions["negative_number_format"],
6106
6250
  highchartsRenderer.suboptions["delta_column"],
@@ -6128,6 +6272,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6128
6272
  highchartsRenderer.suboptions["label"],
6129
6273
  highchartsRenderer.suboptions["subtitle"],
6130
6274
  highchartsRenderer.suboptions["table_options"],
6275
+ highchartsRenderer.suboptions["table_design_options"],
6131
6276
  highchartsRenderer.suboptions["chart"],
6132
6277
  highchartsRenderer.suboptions["negative_number_format"],
6133
6278
  highchartsRenderer.suboptions["delta_column_for_drill_down"],
@@ -6149,6 +6294,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6149
6294
  highchartsRenderer.suboptions["label_with_percentage"],
6150
6295
  highchartsRenderer.suboptions["subtitle"],
6151
6296
  highchartsRenderer.suboptions["table_options"],
6297
+ highchartsRenderer.suboptions["table_design_options"],
6152
6298
  highchartsRenderer.suboptions["chart_grid"],
6153
6299
  highchartsRenderer.suboptions["delta_column"],
6154
6300
  highchartsRenderer.suboptions["error_policy"],
@@ -6175,6 +6321,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6175
6321
  highchartsRenderer.suboptions["label"],
6176
6322
  highchartsRenderer.suboptions["subtitle"],
6177
6323
  highchartsRenderer.suboptions["table_options_transpose"],
6324
+ highchartsRenderer.suboptions["table_design_options"],
6178
6325
  highchartsRenderer.suboptions["chart_grid"],
6179
6326
  highchartsRenderer.suboptions["negative_number_format"],
6180
6327
  highchartsRenderer.suboptions["delta_column"],
@@ -6196,6 +6343,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6196
6343
  highchartsRenderer.suboptions["label"],
6197
6344
  highchartsRenderer.suboptions["subtitle"],
6198
6345
  highchartsRenderer.suboptions["table_options_transpose"],
6346
+ highchartsRenderer.suboptions["table_design_options"],
6199
6347
  highchartsRenderer.suboptions["chart_grid"],
6200
6348
  highchartsRenderer.suboptions["negative_number_format"],
6201
6349
  highchartsRenderer.suboptions["delta_column"],
@@ -6215,6 +6363,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6215
6363
  highchartsRenderer.suboptions["label"],
6216
6364
  highchartsRenderer.suboptions["subtitle"],
6217
6365
  highchartsRenderer.suboptions["table_options_transpose"],
6366
+ highchartsRenderer.suboptions["table_design_options"],
6218
6367
  highchartsRenderer.suboptions["negative_number_format"],
6219
6368
  highchartsRenderer.suboptions["delta_column"],
6220
6369
  highchartsRenderer.suboptions["error_policy"],
@@ -6242,6 +6391,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6242
6391
  highchartsRenderer.suboptions["label"],
6243
6392
  highchartsRenderer.suboptions["subtitle"],
6244
6393
  highchartsRenderer.suboptions["table_options"],
6394
+ highchartsRenderer.suboptions["table_design_options"],
6245
6395
  highchartsRenderer.suboptions["chart"],
6246
6396
  highchartsRenderer.suboptions["negative_number_format"],
6247
6397
  highchartsRenderer.suboptions["delta_column_for_drill_down"],
@@ -6263,6 +6413,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6263
6413
  highchartsRenderer.suboptions["label_with_percentage"],
6264
6414
  highchartsRenderer.suboptions["subtitle"],
6265
6415
  highchartsRenderer.suboptions["table_options"],
6416
+ highchartsRenderer.suboptions["table_design_options"],
6266
6417
  highchartsRenderer.suboptions["chart_grid"],
6267
6418
  highchartsRenderer.suboptions["delta_column"],
6268
6419
  highchartsRenderer.suboptions["error_policy"],
@@ -6289,6 +6440,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6289
6440
  highchartsRenderer.suboptions["label"],
6290
6441
  highchartsRenderer.suboptions["subtitle"],
6291
6442
  highchartsRenderer.suboptions["table_options_transpose"],
6443
+ highchartsRenderer.suboptions["table_design_options"],
6292
6444
  highchartsRenderer.suboptions["chart_grid"],
6293
6445
  highchartsRenderer.suboptions["negative_number_format"],
6294
6446
  highchartsRenderer.suboptions["delta_column"],
@@ -6310,6 +6462,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6310
6462
  highchartsRenderer.suboptions["label"],
6311
6463
  highchartsRenderer.suboptions["subtitle"],
6312
6464
  highchartsRenderer.suboptions["table_options_transpose"],
6465
+ highchartsRenderer.suboptions["table_design_options"],
6313
6466
  highchartsRenderer.suboptions["chart_grid"],
6314
6467
  highchartsRenderer.suboptions["negative_number_format"],
6315
6468
  highchartsRenderer.suboptions["delta_column"],
@@ -6336,6 +6489,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6336
6489
  highchartsRenderer.suboptions["label_pie"],
6337
6490
  highchartsRenderer.suboptions["subtitle"],
6338
6491
  highchartsRenderer.suboptions["table_options_transpose"],
6492
+ highchartsRenderer.suboptions["table_design_options"],
6339
6493
  highchartsRenderer.suboptions["chart"],
6340
6494
  highchartsRenderer.suboptions["negative_number_format"],
6341
6495
  highchartsRenderer.suboptions["from_version"],
@@ -6353,6 +6507,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6353
6507
  highchartsRenderer.suboptions["label_pie"],
6354
6508
  highchartsRenderer.suboptions["subtitle"],
6355
6509
  highchartsRenderer.suboptions["table_options_transpose"],
6510
+ highchartsRenderer.suboptions["table_design_options"],
6356
6511
  highchartsRenderer.suboptions["chart"],
6357
6512
  highchartsRenderer.suboptions["negative_number_format"],
6358
6513
  highchartsRenderer.suboptions["from_version"],
@@ -6381,6 +6536,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6381
6536
  highchartsRenderer.suboptions["tooltips"],
6382
6537
  highchartsRenderer.suboptions["subtitle"],
6383
6538
  highchartsRenderer.suboptions["table_options_transpose"],
6539
+ highchartsRenderer.suboptions["table_design_options"],
6384
6540
  highchartsRenderer.suboptions["chart_grid"],
6385
6541
  highchartsRenderer.suboptions["negative_number_format"],
6386
6542
  highchartsRenderer.suboptions["legends"],
@@ -6398,6 +6554,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6398
6554
  highchartsRenderer.suboptions["tooltips"],
6399
6555
  highchartsRenderer.suboptions["subtitle"],
6400
6556
  highchartsRenderer.suboptions["table_options_transpose"],
6557
+ highchartsRenderer.suboptions["table_design_options"],
6401
6558
  highchartsRenderer.suboptions["chart_grid"],
6402
6559
  highchartsRenderer.suboptions["negative_number_format"],
6403
6560
  highchartsRenderer.suboptions["legends"],
@@ -6420,6 +6577,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6420
6577
  highchartsRenderer.suboptions["range"],
6421
6578
  highchartsRenderer.suboptions["name"],
6422
6579
  highchartsRenderer.suboptions["table_options_transpose"],
6580
+ highchartsRenderer.suboptions["table_design_options"],
6423
6581
  highchartsRenderer.suboptions["negative_number_format"],
6424
6582
  highchartsRenderer.suboptions["legends"],
6425
6583
  ]
@@ -6439,6 +6597,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6439
6597
  highchartsRenderer.suboptions["default_show"],
6440
6598
  highchartsRenderer.suboptions["name"],
6441
6599
  highchartsRenderer.suboptions["table_options_transpose"],
6600
+ highchartsRenderer.suboptions["table_design_options"],
6442
6601
  highchartsRenderer.suboptions["negative_number_format"],
6443
6602
  highchartsRenderer.suboptions["legends"],
6444
6603
  ]
@@ -6455,6 +6614,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
6455
6614
  render: highchartsRenderer.ptRenderBasicLine,
6456
6615
  suboptions: [
6457
6616
  highchartsRenderer.suboptions["table_options_transpose"],
6617
+ highchartsRenderer.suboptions["table_design_options"],
6458
6618
  highchartsRenderer.suboptions["negative_number_format"],
6459
6619
  highchartsRenderer.suboptions["delta_column"],
6460
6620
  highchartsRenderer.suboptions["error_policy"],