@datarailsshared/dr_renderer 1.2.102 → 1.2.104

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/highcharts_renderer.js +49 -39
  3. package/src/pivot.css +5 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datarailsshared/dr_renderer",
3
- "version": "1.2.102",
3
+ "version": "1.2.104",
4
4
  "description": "DataRails charts and tables renderer",
5
5
  "keywords": [
6
6
  "datarails",
package/src/highcharts_renderer.js CHANGED
@@ -56,7 +56,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
56
56
  "backgroundColor": "#FFFFFF",
57
57
  "plotBorderColor": "#606063",
58
58
  "style": {
59
- "fontFamily": "Nunito Sans",
59
+ "fontFamily": "Poppins",
60
60
  "color": "#3C3C3C"
61
61
  }
62
62
  },
@@ -156,13 +156,13 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
156
156
  highchartsRenderer.highcharts_theme.xAxis.lineColor = chartLabelColor;
157
157
  highchartsRenderer.highcharts_theme.xAxis.tickColor = chartLabelColor;
158
158
  highchartsRenderer.highcharts_theme.xAxis.labels.style = {
159
- "fontFamily": "Nunito Sans, sans-serif",
159
+ "fontFamily": "Poppins, sans-serif",
160
160
  "color": textColor,
161
161
  "font-size": "10px",
162
162
  "font-weight": "bold"
163
163
  };
164
164
  highchartsRenderer.highcharts_theme.xAxis.title.style = {
165
- "fontFamily": "Nunito Sans, sans-serif",
165
+ "fontFamily": "Poppins, sans-serif",
166
166
  "color": "#85889c",
167
167
  "font-size": "12px",
168
168
  "font-weight": "bold"
@@ -172,12 +172,12 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
172
172
  highchartsRenderer.highcharts_theme.yAxis.lineColor = chartLabelColor;
173
173
  highchartsRenderer.highcharts_theme.yAxis.tickColor = chartLabelColor;
174
174
  highchartsRenderer.highcharts_theme.yAxis.labels.style = {
175
- "fontFamily": "Nunito Sans, sans-serif",
175
+ "fontFamily": "Poppins, sans-serif",
176
176
  "font-size": "10px",
177
177
  "color": "#85889c"
178
178
  };
179
179
  highchartsRenderer.highcharts_theme.yAxis.title.style = {
180
- "fontFamily": "Nunito Sans, sans-serif",
180
+ "fontFamily": "Poppins, sans-serif",
181
181
  "color": "#85889c",
182
182
  "font-size": "12px",
183
183
  "font-weight": "bold"
@@ -782,7 +782,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
782
782
  if (disableAnimation) {
783
783
  chartOptions.drilldown.animation = false;
784
784
  }
785
- chartOptions.drilldown.drillUpButton = useNewUx ? {
785
+ chartOptions.drilldown.drillUpButton = {
786
786
  position: {
787
787
  align: 'left',
788
788
  verticalAlign: 'bottom',
@@ -809,33 +809,40 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
809
809
  }
810
810
  },
811
811
  relativeTo: 'spacingBox',
812
- } : {
813
- position: {
814
- align: 'right',
815
- verticalAlign: 'top',
816
- x: -5,
817
- y: 12,
818
- },
819
- theme: {
820
- fill: '#3d8eff',
821
- color: '#fff',
822
- 'stroke-width': 2,
823
- stroke: '#3d8eff',
824
- r: 3,
825
- states: {
826
- hover: {
827
- fill: '#2d7ae6',
828
- stroke: '#2d7ae6',
829
- color: 'white'
830
- },
831
- select: {
832
- stroke: '#039',
833
- fill: '#2d7ae6',
834
- color: 'white'
812
+ };
813
+ if (isNewAngular) {
814
+ const isPieChart = chartOptions.chart && chartOptions.chart.type === 'pie';
815
+ chartOptions.drilldown.breadcrumbs = {
816
+ formatter: () => '< Back',
817
+ showFullPath: false,
818
+ position: {
819
+ align: 'left',
820
+ verticalAlign: 'bottom',
821
+ x: isPieChart ? 0 : -80,
822
+ y: isPieChart ? 27 : 60,
823
+ },
824
+ floating: true,
825
+ buttonTheme: {
826
+ fill: 'white',
827
+ color: '#85889c',
828
+ 'stroke-width': 1,
829
+ stroke: '#85889c',
830
+ r: 3,
831
+ padding: 7,
832
+ states: {
833
+ hover: {
834
+ fill: '#eef3f6',
835
+ stroke: '#85889c',
836
+ color: '#85889c'
837
+ },
838
+ select: {
839
+ stroke: '#85889c',
840
+ fill: '#eef3f6',
841
+ color: '#85889c'
842
+ }
835
843
  }
836
- }
837
- },
838
- relativeTo: 'spacingBox',
844
+ },
845
+ }
839
846
  }
840
847
  }
841
848
 
@@ -2071,7 +2078,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2071
2078
  align: 'center',
2072
2079
  text: opts && opts.chart_title ? opts.chart_title : "",
2073
2080
  style: {
2074
- 'font-family': "'Nunito Sans', sans-serif",
2081
+ 'font-family': "'Poppins', sans-serif",
2075
2082
  'font-weight': '300',
2076
2083
  'font-size': '18px',
2077
2084
  'color': '#2969b0'
@@ -2081,7 +2088,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
2081
2088
  align: 'center',
2082
2089
  text: additionOptions && additionOptions.subtitle ? additionOptions.subtitle.subtitle : '',
2083
2090
  style: {
2084
- 'font-family': "'Nunito Sans', sans-serif",
2091
+ 'font-family': "'Poppins', sans-serif",
2085
2092
  'font-weight': '100',
2086
2093
  'font-size': '14px',
2087
2094
  'color': '#2969b0'
@@ -5122,7 +5129,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5122
5129
  'Tahoma',
5123
5130
  'Times New Roman',
5124
5131
  'Verdana',
5125
- 'Nunito Sans'
5132
+ 'Poppins'
5126
5133
  ];
5127
5134
 
5128
5135
  highchartsRenderer.getDefaultValueForSubOptions = function (type, existing_options) {
@@ -5282,7 +5289,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5282
5289
  value_name: 'columns_font_style',
5283
5290
  element_label: 'Font style',
5284
5291
  element_options: fonts,
5285
- default_value: 'Nunito Sans'
5292
+ default_value: 'Poppins'
5286
5293
  },
5287
5294
  {
5288
5295
  element_type: 'select',
@@ -5311,7 +5318,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5311
5318
  value_name: 'rows_font_style',
5312
5319
  element_label: 'Font style',
5313
5320
  element_options: fonts,
5314
- default_value: 'Nunito Sans'
5321
+ default_value: 'Poppins'
5315
5322
  },
5316
5323
  {
5317
5324
  element_type: 'select',
@@ -5340,7 +5347,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5340
5347
  value_name: 'values_font_style',
5341
5348
  element_label: 'Font style',
5342
5349
  element_options: fonts,
5343
- default_value: 'Nunito Sans'
5350
+ default_value: 'Poppins'
5344
5351
  },
5345
5352
  {
5346
5353
  element_type: 'select',
@@ -5369,7 +5376,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5369
5376
  value_name: 'totals_font_style',
5370
5377
  element_label: 'Font style',
5371
5378
  element_options: fonts,
5372
- default_value: 'Nunito Sans'
5379
+ default_value: 'Poppins'
5373
5380
  },
5374
5381
  {
5375
5382
  element_type: 'select',
@@ -5655,6 +5662,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5655
5662
  value_name: 'show',
5656
5663
  default_value: false,
5657
5664
  disabled_str: '!{var}.show_value_in_labels && !{var}.show_percentage_in_labels',
5665
+ disabled_fn: (value) => !value.show_value_in_labels && !value.show_percentage_in_labels,
5658
5666
  },
5659
5667
  {
5660
5668
  element_type: 'checkbox',
@@ -5754,6 +5762,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5754
5762
  element_label: 'Name',
5755
5763
  default_value: '',
5756
5764
  disabled_str: '{var}.autoylabel',
5765
+ disabled_fn: (value) => value.autoylabel,
5757
5766
  },
5758
5767
  {
5759
5768
  element_type: 'input',
@@ -5786,6 +5795,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
5786
5795
  element_label: 'Name',
5787
5796
  default_value: '',
5788
5797
  disabled_str: '{var}.autoxlabel',
5798
+ disabled_fn: (value) => value.autoxlabel,
5789
5799
  },
5790
5800
  {
5791
5801
  element_type: 'input',
package/src/pivot.css CHANGED
@@ -11,7 +11,7 @@ table.pvtTable {
11
11
  border-collapse: collapse;
12
12
  width: calc(100% - 30px);
13
13
  margin-bottom: 15px;
14
- font-family: 'Nunito Sans', sans-serif;
14
+ font-family: 'Poppins', sans-serif;
15
15
  font-weight: 400;
16
16
  user-select: text;
17
17
  }
@@ -20,7 +20,7 @@ table.pvtTable thead tr th, table.pvtTable tbody tr th {
20
20
  border: 1px solid #CDCDCD;
21
21
  font-size: 8pt;
22
22
  padding: 5px;
23
- font-family: 'Nunito Sans', sans-serif;
23
+ font-family: 'Poppins', sans-serif;
24
24
  font-weight: 700;
25
25
  }
26
26
 
@@ -43,7 +43,7 @@ table.pvtTable tbody tr td {
43
43
 
44
44
  .pvtTotal, .pvtGrandTotal {
45
45
  font-weight: bold;
46
- font-family: 'Nunito Sans', sans-serif;
46
+ font-family: 'Poppins', sans-serif;
47
47
  }
48
48
 
49
49
  .pvtVals { text-align: center; white-space: nowrap;}
@@ -216,13 +216,13 @@ table.pvtTable.newPvtTable {
216
216
  width: calc(100% - 40px);
217
217
  margin-left: 20px;
218
218
  margin-right: 20px;
219
- font-family: 'Nunito Sans', sans-serif;
219
+ font-family: 'Poppins', sans-serif;
220
220
  }
221
221
 
222
222
  table.pvtTable.newPvtTable thead tr th,
223
223
  table.pvtTable.newPvtTable tbody tr th {
224
224
  font-size: 10px;
225
- font-family: 'Nunito Sans', sans-serif;
225
+ font-family: 'Poppins', sans-serif;
226
226
  }
227
227
 
228
228
  table.pvtTable.newPvtTable thead tr th {